前端SEO优化规则
一、网站结构布局优化
网站布局尽量简单、开门见山，提倡扁平化结构。
- 控制首页链接数量：建议首页链接在100个以内，链接的性质可以包含页面导航、底部导航、锚文字链接等等，注意链接要建立在用户的良好体验和引导用户获取信息的基础之上。
- 扁平化的目录层次、扁平化目录结构
- 导航优化：标签必须添加“alt”和“title”属性，告诉搜索引擎导航的定位，做到即使图片未能正常显示时，用户也能看到提示文字；在每一个网页上应该加上面包屑导航。
- 网站的结构布局：
页面头部：logo及主导航，以及用户的信息。
页面主体：左边正文，包括面包屑导航及正文；右边放热门文章及相关文章，好处：留住访客，让访客多停留，对“蜘蛛”而言，这些文章属于相关链接，增强了页面相关性，也能增强页面的权重。
页面底部：版权信息和友情链接。
特别注意：分页导航写法，推荐写法：“首页 1 2 3 4 5 6 7 8 9 下拉框”，这样“蜘蛛”能够根据相应页码直接跳转，下拉框直接选择页面跳转。 - 控制页面的大小，减少http请求，提高网站的加载速度：一个页面最好不要超过100k。
二、网页代码优化
<title>标题：只强调重点即可，尽量把重要的关键词放在前面，关键词不要重复出现，尽量做到每个页面的<title>标题中不要设置相同的内容。<meta keywords>标签：关键词，列举出几个页面的重要关键字即可，切记过分堆砌。<meta description>标签：网页描述，需要高度概括网页内容，切记不能太长，过分堆砌关键词，每个页面也要有所不同。<body>中的标签：尽量让代码语义化，在适当的位置使用适当的标签，用正确的标签做正确的事。让阅读源码者和“蜘蛛”都一目了然。比如：h1-h6是用于标题类的，<nav>标签是用来设置页面主导航的等。<a>标签：页内链接，要加 “title” 属性加以说明，让访客和 “蜘蛛”知道。而外部链接，链接到其他网站的，则需要加上 el=“nofollow” 属性, 告诉 “蜘蛛”不要爬，因为一旦“蜘蛛”爬了外部链接之后，就不会再回来了。- 正文标题要用
<h1>标签：“蜘蛛”认为它最重要，若不喜欢<h1>的默认样式可以通过CSS设置。尽量做到正文标题用<h1>标签，副标题用<h2>标签,而其它地方不应该随便乱用 h 标题标签。<br>标签：只用于文本内容的换行。 - 表格应该使用
<caption>表格标题标签。 <img>应使用 “alt” 属性加以说明。<strong>、<em>标签 :需要强调时使用。<strong>标签在搜索引擎中能够得到高度的重视，它能突出关键词，表现重要的内容，<em>标签强调效果仅次于<strong>标签。<b>、<i>标签: 只是用于显示效果时使用，在SEO中不会起任何效果。 文本缩进不要使用特殊符号 应当使用CSS进行设置。版权符号不要使用特殊符号©可以直接使用输入法，拼“banquan”，选择序号5就能打出版权符号©。- 巧妙利用CSS布局，将重要内容的HTML代码放在最前面，最前面的内容被认为是最重要的，优先让“蜘蛛”读取，进行内容关键词抓取。
- 重要内容不要用JS输出，因为“蜘蛛”不认识 尽量少使用iframe框架,因为“蜘蛛”一般不会读取其中的内容。
- 谨慎使用
display：none：对于不想显示的文字内容，应当设置z-index或设置到浏览器显示器之外。因为搜索引擎会过滤掉display:none其中的内容。 - 不断精简代码 js代码：如果是操作DOM操作，应尽量放在body结束标签之前，html代码之后。
4280
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
