SEO优化之——html页面相关总结

逃离我推掉我的手 2022-08-21 01:05 182阅读 0赞

原文链接 ：[http://www.zhaochao.net/index.php/2016/03/08/19/][http_www.zhaochao.net_index.php_2016_03_08_19]

# 写在前面 #

在前面一篇文章中我简单介绍了怎么优化SEO，其中一点就是网站html结构的优化。网站结构的优化主要是让搜索引擎爬虫更好的理解你网站内容，从而让它喜欢上你的网站，这样它才会经常来爬你的网站，网站排名自然靠前了。这里我简单总结一些前端设计页面时应该注意的事项，总结可能不全，仅在我能力范围内，有不妥之处请踊跃吐槽。

# 网页总体布局 #

![这里写图片描述][20160308204350074]  
如图所示为一个简单的网站布局，主要有标题、导航、面包屑导航、正文、相关文章、友情链接

### 标题 ###

网站标题通常分为主标题和副标题，主标题是体显网站内容最主要的关键词，副标题是对主标题的补充说明，描述尽量相关，主标题有 H1标签，副标题用H2标签。搜索引擎会认为H1中出现的关键词是最重要的，所以与主题无关的内容不要用H标签，更不要用H1标签。

### 导航 ###

导航栏目的名称尽量要与网站标题相关，这样会增加主标题关键词出现的频率，权重自然会提高。导航的布局尽量用li标签。

### 面包屑导航 ###

**面包屑导航的来历**

> 很久很久以前，在大森林的边上住着一个贫穷的樵夫，他与妻子和两个孩子相依为命。他的儿子名叫汉赛尔，女儿名叫格莱特。后来樵夫的妻子去世了，他又给孩子们娶了一个后母。后母计划把两个孩子带到森林的深处，然后趁他们睡着的时候跑掉。汉赛尔无意中知道了后母的计划，于是偷偷地把一块面包藏在了口袋里。在去森林的路上，汉赛尔屑屑地捏碎了他的面包，并不时地停下脚步，把碎面包屑撒在路上。后母顺利地趁孩子们睡着的时候溜掉了，汉赛尔和格莱特醒来已是一片漆黑。汉赛尔安慰他的妹妹说：“等太阳一出来，我们就看得见我撒在地上的面包屑了，它一定会指给我们回家的路。”但是当太阳升起来时，他们在地上却怎么也找不到一点面包屑了，原来它们都被那些在树林里、田野上飞来飞去的鸟儿一点点地啄食了。

**面包屑导航的作用**

> 1.  让用户了解当前所处位置，以及当前页面在整个网站中的位置。
> 2.  体现了网站的架构层级，能够帮助用户快速学习和了解网站内容和组织方式，从而形成很好的位置感。
> 3.  提供返回各个层级的快速入口，方便用户操作。
> 4.  Google已经将面包屑导航整合到搜索结果里面，因此优化面包屑导航每个层级的名称，多使用关键字，都可以实现SEO优化。面包屑路径，对于提高用户体验来说，是很有帮助的
> 5.  方便用户，面包屑主要用于为用户提供导航一个网站的次要方法，通过为一个大型多级网站的所有页面提供面包屑路径，用户可以更容易的定位到上一次目录，引导用户通行
> 6.  减少返回到上一级页面的点击或操作，不用使用浏览器的“返回”按钮或网站的主要导航来返回到上一级页面
> 7.  不用常常占用屏幕空间，因为它们通常是水平排列以及简单的样式，面包屑路径不会占用页面太多的空间。这样的好处是，从内容过载方面来说，他们几乎没有任何负面影响
> 8.  降低跳出率，面包屑路径会是一个诱惑首次访问者在进入一个页面后去浏览这个网站的非常好的方法。比如说，一个用户通过谷歌搜索到一个页面，然后看到一个面包屑路径，这将会诱使用户点击上一级页面去浏览感兴趣的相关主题。这样，从而，可以降低网站的总体跳出率。
> 9.  有利于百度蜘蛛对网站的抓取，蜘蛛直接沿着那个链走就可以了，很方便。
> 10. 面包屑有利于网站内链的建设，用面包屑大大增加了网站的内部连接，提高用户体验。

### 正文 ###

正文标题使用H1标签，副标题用H2标签，主内容用p标签。如果文章中有图片，在图片旁边需要增加文字介绍，增加出图率。

### 相关文章 ###

相关文章或者推荐文章一般都是与文章主题相关的，一方面可以增加用户对下游PV的贡献度，另一方便增加本页关键词出现的频次，提高关键词在搜索引擎中的权重

### 友情链接 ###

友情链接在提升网站权重方面有重大的作用，网站不需要它带来增加收录量，所有在友情链接中要增加 nofollow，不要让爬虫去爬。友情链接很像人一样，有相同爱好的人会走到一起，能与名人认识对提升自己的名气有很大帮助。所有在友情链接要注意以下几点：

1.  友情链接的网站必需是相同类型的网站  
    这一点很好理解， 人以群居，物以类聚！如果你是做视频网站的，友情链接的网站最好也是做视频的，这样搜索引擎会认为你们是一伙的，团伙作战比孤军奋战当然强的多。
2.  友情链接必需双方交换链接  
    这一点也很好理解，如果你链接了别人，别人不链接你，这就像是单相思一样，并没有什么卵用。所以不要在友情链接中增加百度、网易这样牛逼的网站，因为它们不会给你加友情链接的，独自暗恋范冰冰不如对身边的女孩子好一点。
3.  对方网站权重必需高  
    友情链接最好对方的权重比你好或者差不多，如果你的友情链接都是比较差的，搜索引擎可能认为你也是比较差的，有可能对你降权
4.  对方网站必需稳定  
    友情链接的稳定对网站的长期发展是至关重要的一个方面。如果对方网站不稳定，搜索引擎认为对方可能比较差，对你的网站有很坏的影响

### 网站地图 ###

> 1．为搜索引擎蜘蛛提供可以浏览整个网站的链接简单的体现出网站的整体框架出来给搜索引擎看；  
> 2．为搜索引擎蜘蛛提供一些链接，指向动态页面或者采用其他方法比较难以到达的页面；  
> 3．作为一种潜在的着陆页面，可以为搜索流量进行优化；  
> 4．如果访问者试图访问网站所在域内并不存在的URL，那么这个访问者就会被转到“无法找到文件”的错误页面，而网站地图可以作为该页面的“准”内容。

# 常用标签的设置 #

### title 标签 ###

> 最重要的标签，名称需要重点挖掘，出现在搜索结果的标题处

### meta name=”Keywords” ###

> 关键字，与主题相关的关键词，需要重点挖掘，关键词权重很高

### meta name=”description” ###

> 对当前页面内容的概述，可能出现在百度搜索结果的简介中

### head标签 ###

> 任何页面的head部分不要存在空格。

### a标签 ###

> 增加title介绍，使用绝对地址

### img标签 ###

> 尽量保证所有图片alt标签，并注明宽、高是多少，不要出现空alt,不要出现空a，不要出现a标签之间关键词存在空格，除非关键词就是有空格的，图片周围增加文字介绍，增加出图率

### span ###

> 建议不使用span和a的组合使用，因为span可能会被搜索引擎会被忽略，从而影响到词权。Span少用，给那些没有意义的文本使用，比如日期，更多，这种的，其他的不用span展示。

### 不要以H1~H6、strong，I等重要标签为样式名称，这些标签对搜索引擎来说是有含义的 ###

[http_www.zhaochao.net_index.php_2016_03_08_19]: http://www.zhaochao.net/index.php/2016/03/08/19/
[20160308204350074]: /images/20220731/87eafeb71a42423ab039d86d8eb105b0.png