前端网站SEO优化

seo、sem简单理解

• 提醒：单页面程序seo优化不好
• 服务器渲染网站，seo好做（动态title、description等）
• SEM，Search Engine Marketing 搜索引擎营销。
  SEM的直接理解：在例如 google、百度这样的搜索引擎上，会产生基于关键词的搜索。所有基于关键词的搜索结果页面上进行的营销，都可以叫做SEM。
• SEO，Search Engine Optimization 搜索引擎优化。
  是指在了解搜索引擎自然排名机制的基础上，对网站进行内部及外部的调整优化，提升网页在搜索引擎自然搜索结果中的收录数量及排序位置而做的优化行为

基础优化

1. 网站标题与内容相符：网页中的标题与内容主题保持一致，

   • 每个页面h1标签一个
   • title、description 与内容一致

2. 坚持做好图片优化：因为搜索引擎蜘蛛只能识别文字，所以我们的图片需要添加alt属性，其中alt属性中需要包含关键词。

   • 可以参考大型网站，有些只带alt标签不带内容

3. 优化url:保持网站排名的url的标准是静态网页、伪静态网页、url的长度简短且目录层次在三级以内。

4. 网站地图：尽量让蜘蛛在网站中可以顺利抓取，获得更多的收录量，网站地图的优化是不可少的优化。

   • 利用站长工具可以检索问题。
   • sitemap、robots.txt 都需要添加

5. 保证网站内容的原创度：尽量满足用户需求，便于阅读，帮助用户解决问题。

sitmap搜索引擎处理

• 搜索引擎：爬取我们页面的工具叫做搜索引擎机器人，也生动的叫做“蜘蛛”

• 蜘蛛在爬取网站页面之前，会先去访问网站根目录下面的一个文件，就是robots.txt。这个文件其实就是给“蜘蛛”的规则，如果没有这个文件，蜘蛛会认为你的网站同意全部抓取网页。

robots.txt

• Robots.txr文件是一个纯文本文件，可以告诉蜘蛛哪些页面可以爬取（收录），哪些页面不能爬取。

• User-agent: * 星号说明允许所有搜索引擎收录

• Disallow: index.php? 表示不允许收录以index.php?前缀的链接，比如index.php?=865

• Disallow: /tmp/ 表示不允许收录根目录下的tmp目录，包括目录下的文件，比如tmp/232.html

• Sitemap:（可选） 网站地图链接

sitemap.xml(html等)

• sitemap站点地图，告诉搜索引擎你网站中的网页、视频、或其他文件的信息与关系。利于引擎读取文件、更高效抓取网站。
• Google站点地图需求： https://developers.google.com/search/docs/advanced/sitemaps/build-sitemap#autositemap
• Baidu爬虫抓取影响：https://ziyuan.baidu.com/pressure/index