前端页面上的SEO优化

一、SEO优化内容

1.内部优化
　　（1）META标签优化：例如：TITLE，KEYWORDS，DESCRIPTION等的优化
　　（2）内部链接的优化，包括相关性链接（Tag标签），锚文本链接，各导航链接，及图片链接。
　　（3）网站内容更新：每天保持站内的更新(主要是文章的更新等)。

（4）HTML标签和页面渲染优化。
2.外部优化
　　（1）外部链接类别：友情链接、博客、论坛、B2B、新闻、分类信息、贴吧、知道、百科、站群、相关信息网等尽量保持链接的多样性
　　（2）外链运营：每天添加一定数量的外部链接，使关键词排名稳定提升。
　　（3）外链选择：与一些和你网站相关性比较高,整体质量比较好的网站交换友情链接,巩固稳定关键词排名。

 

二：我们需要做的优化

1. META标签优化：这个不需要解释了，HTML页面的TITLE，KEYWORDS，DESCRIPTION。这三个属性，百度蜘蛛优先抓取TITLE，然后KEYWORDS，最后DESCRIPTION。前端要做的是将产品或者运营给的信息填进去（注意格式，TITLE中的关键词用“-”或“_”隔开）。
2. HTML标签优化：百度蜘蛛对HTML的标签也有特定是抓取权重，

H1标签，尽量用在网站标题或者logo上面，整个网页只许出现一次，而且要用在H2~H6标签之前。友情提示：如果给人看的页面和给搜索引擎看的是不同的话，被发现是会被惩罚的。因此网上所说的例如： <h1 class=”hidden”>网易</h1> 隐藏h1标签来突出品牌形象是不可取的。（滥用H1标签可能会导致K站）。

H2标签，尽量用在一些模块大标题上面。

H3标签，尽量用在一些模块小标题上面。

参考（http://www.mahaixiang.cn/znseo/418.html）

1. 页面渲染优化：

现在网页都喜欢用可配置，接口化，前后端分离等来实现网站的易维护性。但是这会导致用JS来渲染的内容不能被百度爬虫所抓取。

所以网站首页尽量不要使用JS渲染页面，可以JSP等一些后台语言来渲染可配置的内容。VUE等高级语言请绕道寻度娘，谷歌。