SEO之前端代码优化

2019-04-10 本文已影响13人心得体会站

感谢慕课网格格讲师的讲解

上次聊到seo的概念和简单的优化。现在聊聊前端代码的优化。

我总结了一下几大类：

一，网站的加载速度

如果你的网站很卡很卡，自己都不想打开，那爬取的蜘蛛来到之后敲了半天的门一直没人回应，他就走了。

二，网站的布局

布局分为扁平式和垂直式的。扁平式的利于爬虫爬取，用户体验也非常好。

三，导航

主导航和面包屑导航（图一）非常重要，非常有利于爬虫爬取，他会一层一层的爬取，不会毫无头绪。用户也能了解当前所处位置，知道网站架构。

图

四，首页的链接数量

上篇介绍了搜索引擎的原理，那首页的链接就非常的重要的，但是数量也不能太多（水满则溢）。中小型网站100左右就好。

五，细节

1、不断的精简代码。

2、分页的形式尽量采取首页 1 2 3 4 5 6 7 8 9 10 下拉列表选择的方式

3、网站重要的内容放在前面

六，前端代码

1、H1~H6标签多用于标标题，H1爬取的权重高。

2、ul标签多用于无序列表。

3、ol标签多用于有序列表。

4、<br>只用于文本内容的换行。

5、<table>中添加<caption>定义表格名称，利与搜索。

6、<img> alt属性图片的注释，利与爬取。

7、<strong>权重标签 > <em>权重标签。

8、重要内容不要用JS输出。

9、尽少使用iframe框架。

10、谨慎使用display:none; z-index替换隐藏文字内容。

11、a 标签添加rel="nofollow"防止手作引擎跳走。

-------------------------------------------------------------------------------------------------------------------

以上就是我总结的seo前端代码的优化，收集打写不易，喜欢的点个赞，谢谢。