SEO在网页制作中的应用

SEO由英文Search Engine Optimization缩写而来， 中文意译为“搜索引擎优化”。SEO是指从自然搜索结果获得网站流量的技术和过程，是在了解搜索引擎自然排名机制的基础上， 对网站进行内部及外部的调整优化， 改进网站在搜索引擎中的关键词自然排名， 获得更多流量， 从而达成网站销售及品牌建设的目标。

SEO的主要工作：

一、内部优化，内容为王

（1）meta标签优化：例如：title，keywords，description等的优化

（2）内部链接的优化，包括相关性链接（Tag标签），锚文本链接，各导航链接，及图片链接
（3）网站内容更新：每天保持站内的更新(主要是文章的更新等)
二、外部优化，外链为皇
（1）外部链接类别：博客、论坛、B2B、新闻、分类信息、贴吧、知道、百科、相关信息网等尽量保持链接的多样性。
（2）外链运营：每天添加一定数量的外部链接，使关键词排名稳定提升。
（3）外链选择：与一些和你网站相关性比较高,整体质量比较好的网站交换友情链接,巩固稳定关键词排名

常见问题

1、如何加速更新我的网站？

答：那就要勤快一点，天天更新网站，而且要多点原创，否则有点难度，新站百度前一段时间可能天天来，老站只能依靠更新和大量的高质量链接来实现。需要说明的是，百度对新闻源更新很快，一般新内容20分钟内收录。

2、为什么站长的原创信息被别人转载后，别人的信息排在前面？

答：自然排名的衡量因素比较多，常见的有：网页评价或权重（PRSR）、网页地址的深度、指向该网页的外部链接、网站在行内的权重、网站在搜索引擎的影响、网页的内部链接、网页指向其他网站的链接、标题的合理性、描述的恰当、关键词的合理分布、内容质量的可读性、用户体验的体现度等等。这些因素综合起来，如果每样工作都能做好，站长自然能超越其他站点。

3、为什么网站收录在近几天突然下降？

答：这个在短时间内是正常的，搜索引擎在收录之后，部分信息内容只是在一个固定的库里，经过一段时间的沉淀，不重要或质量不高的信息会被清除掉。观察一段时间之后，如果继续下降，或突然消失。这就不正常了，需要检测查看站内是否有作弊痕迹，或是否被连带惩罚，或被人工干预。

4、多个域名对网站有什么影响？

答：同一站点使用多个域名属于作弊行为，多域名短期内可以提高收录量，但是会造成权重、补充材料、重复页面等问题，建议只保留一个，其他的可以做301重定向。

5、是不是同一IP上的其他站被百度删除，我也可能受到牵连？

答：同一IP的站点，其他的站受到惩罚，但是自己的站也不一定受到惩罚，如果这个IP下的其他站作弊厉害，或者内容很不符合搜索引擎收录标准的话，那么这个IP可能受到了搜索引擎的禁止。

6、如何快速增加外部链接？

答：最快的方法有两个：一是花钱买，二是写软文。外部链接分数量和质量两个参数，不要忽略链接质量。

7、为什么某个站点没有出现关键字却排名很好？

解答：有两个原因：黑帽做法是Google炸弹，白帽做法是相关性。Google炸弹的作用至今在引擎都无法杜绝，站点相关性的提高有点难度，需要大量的高质量内容做支撑，在权威站点和知名站点出现类似现象比较多。

提高排名技巧

关键词位置、密度、处理

1. URL中出现关键词（英文）
2. 网页标题中出现关键词（1-3个）
3. 关键词标签中出现关键词（1-3个）
4. 描述标签中出现关键词（主关键词重复2次）
5. 内容中自然出现关键词
6. 内容第一段和最后一段出现关键词
7. H1，H2标签中出现关键词
8. 导出链接锚文本中包含关键词
9. 图片的文件名包含关键词
10. alt属性中出现关键词
11. 关键词密度2-8%
12. 对关键词加粗或斜体
13. 用TAG标签将关键词聚合到一起

内容质量、更新频率、相关性

1. 原创的内容最佳，切忌被多次转载的内容
2. 内容独立性，与其他页面至少30%互异
3. 1000-2000字，合理分段
4. 有规律更新，最好是每天
5. 内容围绕页面关键词展开，与整站主题相关
6. 具有评论功能，评论中出现关键词 

导入链接和锚文本

1. 高PR值站点的导入链接
2. 内容相关页面的导入链接
3. 导入链接锚文本中包含页面关键词
4. 锚文本存在于网页内容中
5. 锚文本周围出现相关关键词
6. 导入链接存在3个月以上
7. 导入链接所在页面的导出链接少于100个
8. 导入链接来自不同IP地址
9. 导入链接自然增加
10. 锚文本多样化

掌握以上SEO技巧，可以让站长们的关键词排名有明显改善。

 

前端工程师如何应用SEO：

(一)网站结构优化
a. 合理规划站点结构 [扁平化：中小型目录不超过3层]：3次即可跳转到网站内任何一个页面（主页-栏目-内容）

扁平化示例：

 

b. 控制首页链接数量（首页链接100内：页面导航、底部导航、锚文字，建立在引导用户，良好用户体验）；
c. 导航（文字为主；图片需要写alt）:增加左上角-面包屑导航（让用户了解所处位置、使用户了解网站组织形式）
d. 细节：
aa.内容页：结构应为：上面 Logo&导航 ；左下 面包屑导航+正文 ；

　  右下 热门文章 相关文章 栏目信息（留住访客；增强页面相关性、权重）；最下面 版权信息及链接。

bb.分页形式：首页-上页-下页-尾页 （不推荐）
首页 1 2 3 4 5 6..10 下一页 （不知道总页面多少）
首页 1 2 3 4 5 6..10 下拉链表 （最优）

e: 加载速度不能太慢：页面大小（100K内）

(二) 代码SEO优化

1 <a>标签：title,rel
2 <h1>标签：正文用<h1>,二级标题用<h2>，其他不重要的标题不用h
3 <p>标签与<br>标签：<br>标签只用于文本内容的换行
4 <table>标签：使用<caption>
5 <img>标签：使用alt说明
6 <strong><em>与<b><i>标签：strong><b>加粗，<em><i>斜体，<strong>标签是权重标签的代表，在搜索引擎中能够得到高度重视，能突出关键词，表现重要的内容，<b>标签在浏览器中显示效果和<strong>相同，但在SEO中不会起到很好的效果，所以不推荐使用。<em>标签表现为斜体，意为强调主体内容，吸引用户关注，在权重标签中的重要度仅次于<strong>标签，若仅仅为了表现出加粗、斜体的效果，建议使用<b><i>标签，如果使用<strong><em>，会影响到SEO的效果；如果是为了强调文字内容，则建议使用<strong><em>标签。
7 重要内容HTML代码放在最前面。
8 重要内容不要用js输出。
9 尽少使用iframe框架。
10 谨慎使用display:none;(可以使用z-index,或者设置让其显示在浏览器以外)
11 不断精简代码。

 

(三)其他规范

1.<p><br/></p>很赞的写法， <br/>写在<p>内部
2.外链 要加上 rel=“nofollow” 避免搜索引擎小蜘蛛爬网爬跑掉其他网页去了
3.<a>标签加title描述有利于seo
4.<img>标签加alt描述
5.标签中的内容就是内容，不要加的代码，&nbsp尽量设置padding/margin/缩进来实现效果
6.js代码最好放在最后，以免小蜘蛛犯迷糊。