首页 > 其他分享 >SEO与SSR

SEO与SSR

时间:2023-06-20 09:34:40浏览次数:37  
标签:js 打包 SEO SSR 模板 加载

一、SEO

搜索引擎化

通过分析搜索引擎的排名规律

了解各种搜索引擎怎样进行搜索、怎样抓取互联网页面、怎样确定特定关键词的搜索结果排名的技术

二、与前端有关的SEO配置

  • title
  • keywords
  • description
<html>
  <head>
    <title>title</title>
    <meta name="keywords" content="keyword1,keyword2,...">
    <meta name="discription" content="This is a keyword1 description,...">
  </head>
  <body>
    ...
  </body>
</html>  

三、单页面应用有什么SEO方案

  • 服务器端渲染首屏(SSR 基于 vue 的服务端下载),让服务端把首屏的数据渲染在页面上;
  • 进行基本的 css 模板 js 的编译合并;
  • 减少请求次数,使用 gulp 工具,把 css 打包成一个文件, js 打包成一个文件, 模板打包成一个 js 文件($templateCache) 可以和 js 文件打包成一起(促使模板 JS 文件和 JS 文件一次性请求);
  • 代码分块,如果首屏不需要的块,就不用加载了;
  • 路由组件懒加载。当打包构建应用时,Javascript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样更加高效
  • 如果有大量图片使用懒加载
四、SSR【服务器端渲染】 就是通过后端吐模板,而不是通过前端ajax获取数据,拼接字符串

五、为什么需要SSR

  • 需要SEO,因为爬虫不会等待ajax结果。
  • 客户端网络慢,加载速度慢,影响用户体验

 

标签:js,打包,SEO,SSR,模板,加载
From: https://www.cnblogs.com/le-cheng/p/17492768.html

相关文章

  • BMZCTF:hitcon_2017_ssrfme
    http://bmzclub.cn/challenges#hitcon_2017_ssrfme<?php$sandbox="sandbox/".md5("orange".$_SERVER["REMOTE_ADDR"]);@mkdir($sandbox);@chdir($sandbox);$data=shell_exec("GET".escapeshe......
  • React SSR - 写个 Demo 一学就会
    ReactSSR-写个Demo一学就会今天写个小Demo来从头实现一下react的SSR,帮助理解SSR是如何实现的,有什么细节。什么是SSRSSR即ServerSideRendering服务端渲染,是指将网页内容在服务器端中生成并发送到浏览器的技术。相比于客户端渲染(CSR),SSR一般用于以下场景:SEO......
  • 什么工具可以综合查SEO数据?可以查网站收录情况的工具?
    有网友问,有没有什么工具可以在批量查seo数据的同时,还可以统计出查询的数据。这个可以看看iis7站长工具,这是一款强大的seo查询工具,它可以为你提供全面的网站统计数据,帮助你分析网站的优化情况。iis7站长工具可以监控网站的流量、访问量、域名信息、页面收录情况等各种数据,为你提供详......
  • Custom directive is missing corresponding SSR transform and will be ignored
    背景最近在给业务组件库集成指令库,将各个项目中常用的指令如一键复制、元素和弹窗拖拽等封装到一起,进行统一发版维护。业务组件库项目架构采用的是pnpm+vite+vue3+vitepress,其中vitepress主要做组件库文档站点同时展示可交互的组件。问题开发运行时指令库demo没有问题,构建编译......
  • 怎样利用SEO查询提升网站建设?
    作为一名网站管理员或SEO从业者,你肯定知道每个网站的排名对于流量和曝光率有着重要的影响。那么如何利用SEO查询,提升网站排名呢?今天,我将和大家分享一些我自己的经验和技巧。1.了解网站关键词在进行SEO查询之前,我们需要先了解我们网站的关键词。关键词是指用户在搜索引擎中输入的......
  • SEO自动提交URL到站长平台
    近期需要对多个网站进行优化,然而每次手动将URL提交至百度显得非常麻烦。虽然使用了百度自动提交代码,但仍有不便之处。为此,我写了以下脚本,既可单独使用,也可同时使用。尽管可定期访问URL文件,但日志中却常常会出现404错误、权限不足等问题,这使人疑惑是否提交成功。以下代码可直接执行......
  • 什么是SEO
    SEO是搜索引擎优化的缩写,它是一种通过优化网站和网页,以提高其在搜索引擎中的排名和可见性的技术和实践。搜索引擎是人们在互联网上查找信息的主要工具,常见的搜索引擎包括Google、Bing和小度等。当用户在搜索引擎中输入关键词或短语时,搜索引擎会根据其算法和规则,显示与这些关键词......
  • Vue SSR
    1、概念【SSR的本质就服务端返回渲染好的html文档】vue在客户端将标签渲染成的整个html片段的工作在服务端完成服务端形成的html片段直接返回给客户端这个过程就叫做服务端渲染2、优缺点(1)优点更好的SEO​在SPA中是抓取不到页面通过Ajax获取到的内容SSR是直......
  • Jtti:香港服务器IP段4c和8c的区别,SEO如何选
    香港服务器的IP段中的4c和8c表示不同的IP地址范围,其中:4c:表示IPv4地址段,范围为以"4c"开头的IPv4地址。例如,4c开头的IP地址可以是如下形式:4c.01.02.03、4c.11.22.33等。8c:表示IPv6地址段,范围为以"8c"开头的IPv6地址。IPv6地址是下一代互联网协议,用于替代IPv4地址空间不足的问题。关于......
  • Celery with FastAPI and TortoiseORM
    APIserverusing:fastapi+tortoise-orm+postgresql+redis+supervisor+nginxTherearesomeperiodtasksandasynctasksthatwillrunincelery+rabbitmqDemoinit.pyfrom.celeryimportappascelery_app#NOQA__all_=("celery_app",)celery......