前端开发须要掌握的SEO的知识点

SEO 工做的目的
　　seo 的工做目的是为了让网站更利于让各大搜索引擎抓取和收录，增长产品的曝光率。

 

SEO 注意事项
　　1. 网站 TDK 标签的设置。title,description,keywords，根据产品业务，归纳出核心关键词做为TDK的内容，每一个页面都不同。若是每一个页面的keywords都同样的话，搜索引擎会持怀疑态度，以为你有做弊的嫌疑。

此外，还有 meta 的 canonical 设置，一个网站还经过多个 url 访问，canonical 就是用来告诉搜索引擎，这么多个url中最有价值最重要的一个url，通常是网站的首页。

　　2. 创建 robots.txt 文件。robots 文件是搜索引擎登陆网站第一个访问的文件，robots能够设置容许被访问的搜索引擎，最主要的仍是设置容许Allow 和不容许 Disallow访问的目录和文件，少写Disallow，多写Allow，用意是引导爬虫抓取网站的信息。另外，在robots文件底部指明网站的 sitemap 文件的目录，爬虫读取其中的 sitemap 路径，接着抓取其中相连接的网页。提升网站的收录量。

　　案例：  按住 ctrl 键点击：https://www.taobao.com/robots.txt

　　3. 创建网站的 sitemap 地图文件。sitemap 是一个将网站栏目和链接归类的一个文件，能够更好地将网站展现给搜索引擎，提升爬虫的爬取效率。sitemap 地图文件包含html(针对用户)和 xml(针对搜索引擎)两种。当网站更新频繁的时候，sitemap 文件要作到自动更新(程序实现)，更新不频繁的能够手动更新提交。

　　案例：按住 ctrl 键点击：http://www.sitemap-xml.org/

　　4. 图片 img 标签必须加上 alt 属性，并注明图片的含义。

　　5. h1~h6 标签合理使用。按道理全部标签都须要根据自身的语气合理去使用，这里不展开讲述，这里只讲 h 标签的注意事项。h1 标签一个页面只能出现 1 次，h2 标签通常做为二级标题或者文章的小标题。最合理的使用时 h1~h6 按顺序层层嵌套下去，不能够断层或者反序。此外，h1 标签能够用在 logo 上，但要确保一个网页只有一个 h1 标签。

　　6. 设置 nofollow 属性值。a 标签的 rel="nofollow"， 表示不但愿搜索引擎继续追踪的连接，取消这个连接在整站所占的权重比。通常是其余网站的连接、a 标签启动 QQ 聊天，webapp 拨打电话。

　　7. 安装百度的自动推送代码，做用是当页面被访问的时候，页面的 url 会自动推送给百度搜索引擎，有利于网页更快地被百度发现。

　　8. 增长网站的 404 页面，一个是利于用户体验，最主要的是防止蜘蛛爬虫的丢失。但有一点要注意，不要设置自动跳转到首页，会被搜索引擎认为是在做弊，你在 404 页面设置一个引导连接让用户本身点就能够。

 

 

参考出处：微信公众号：