您的位置: 首页 > SEO知识 > HTML元素怎样布局,更符合seo优化标准 >

HTML元素怎样布局,更符合seo优化标准

最后更新 :2020-02-03 19:55:34

 

对于网站的建设之初,HTML网页元素布局就应该成为seo优化者重要的关注点之一。对于很多只从链接和内容操作的SEOER来说,HTML网页元素标准化还是应该引起注意的。同时,对于WEB设计者来说,考虑HTML对网站SEO的影响,更应该正确的使用HTML标签元素。一个HTML元素的存在就意味着被标记内容的那部分有相应的结构化的意义,不要随便使用其他的标签代替, 虽然CSS的使用能使一个HTML元素看起来和另一个HTML元素且有相同的显示效果,比如在应该用<div>的地方去使用<p>标签。如果整个HTML文档中,只用div来布局和表现数据,那还需要其他的HTML标签做什么呢?可以这么说,语义化的HTML让我们的网页更加容易被人或者机器理解,更容易清楚的表达网页的真实含义。下面,我们就来一起学习几处需要重点注意一下的HTML网页元素的使用。

HTML网页元素布局seo

1.用于标题的<Hn>标签

h1>、<h2>、<h3>、<h4>、<h5>、<h6>,在WEB中作为标题使用,并且依据重要性递减。<h1>是最高的等级,所以你需要准确确定每个页面最重要的内容是什么,要优化的关键词在哪里。以我们最常见的博客为例,博客首页上罗列最多的通常就是最新博文,而最重要的应该就是博客的名称了,是不是每个页面的H1标签都包含博客名称呢?建议次级页面的博客名称链接都放在H2标签里,而你的文章标题则使用H1标签,这样对于整站优化是很有帮助的。通过合理设置每个页面的<Hn>标题,网站的内容才会更具优势。

2.用于强调的<em>、<strong>、<b>、<i>

em>和<strong>这两个标签对SEO有着较大影响效果,适当的使用它们,可使你的网页增色不少。<em>、<strong>与<Hn>一样,其区别也在于重要性不一样。<em>表示强调,而<strong>意为重点强调,较<em>更重一些。在SEO时,我们可以将最重要的关键词用<strong>标记,对第二重要的用<em>标记。结合前面使用的Hn标签,它们更适合放在文章正文的内部,而<Hn>理所当然是在用在正文的外部。有些WEB设计者为了达到网页的某些效果,使用<strong>纯粹是为了达到加粗,使用<em>就是为了倾斜,而这种做法根本没必要,而且还会影响到SEO的效果。在以前,为了达到粗体、斜体的效果,WEB设计者会使用<b>、<i>标签,而现在基本不用它们了,它们仅仅是用来表现文本样式的,而最明智和常用的解决方案是用CSS来控制文字样式。

3.用于段落的<p>标签

当搜索引擎读取网页内容的时候,遇到<p>标签的时候,立马就知道这是一个段落,而如果使用<DIV>,就无法体现html语义化的优势了。从WEB标准化的角度来看,文章正文使用<p>是理所当然,也是更值得提倡的。不过如果使用<div>代替<p>,对SEO的影响还是甚微的,因为它们并没有任何强调的意味在里面。但是如果你使用<p>来给网页整体布局,就显得有些怪异了。

4.列表标签<ul>、<ol>、<li>、<table>

ul>为无序列表,大家广泛使用的,有序列表<ol>也挺常用。在web标准化过程中,<ul>被更多的用于导航条,这样做是完全正确的,而在文章列表里面,就可以使用<ol>了,因为那些列表都是有一定顺序的。当然,这两个对于SEO的影响也是甚微的,但如果你使用表格<table>代替列表,不仅会使得HTML文档变得冗长,更不能很好的利用HTML语义化的优势来优化你的网页,因为表格更适合来标记列表的数据。

5.title属性(不是title标签)和alt属性

title属性是用来为元素提供额外说明信息的,它可以用在除了<base>,<basefont>,<head>,<html>,<meta>,<param>,<script>和<title>之外的所有标签。alt属性为不能显示图像、窗体或applets的用户代理(UA),指定替换文字。alt属性对图片优化的功能是毋庸置疑的,而且这也是SEO所提倡的,如果你非要在HTML里面使用图片,最好把图片加上alt属性,而且可以将关键词适当的放到里面去。半年前看到一位博友说title属性(不是title标签)可以增加网站的关键词密度,在这里持有不同的观点,因为现在ALT属性里的值都已经被搜索引擎轻视了,title里面的内容对关键词密度的影响也会被搜索引擎放低。同时,title属性里的内容并不一定能够增加关键词的密度,如果大量使用,里面的内容不含关键词,相反会削弱关键词密度。

6. a>超链标签

   a>标签主要是用于添加链接,因此不要给<a>标签写太多的样式,也不要让<a>标签包过多的内容,内容越多核心词的权重就会被拆分。要合理的使用<a>标签,例如:导航用<ul>标签,用<li>标签包<a>标签,撑面子的样式写在li标签上,搜索引擎就会重视该区域。文章列表或产品列表中的<a>标签,要带上title属性,且title的值为完整的标题,这样鼠标移上用户可以看到完整的语义。带图片的新闻列表,图片、标题都要有<a>标签,最好在描述的后面加个更多的<a>标签。这些区域都是用户常点击的地方。<a>标签包图片时,图片Alt属性要加上关键词,不要空着。首页不要出现孤立的锚文本,如公司简介里的关键词加上链接,这属于不正常的链接,有作弊嫌疑。文章内容<a>标签不要超过三个,不要有空隙就加链接,链接过多没什么好处。链接是网站经脉,太SEO了就会经脉错乱,影响网站排名效果。

7.img图片标签

        很多SEOER会将网站首页独立的图片(非文章列表图片)Alt属性值可直接填写关键词,利用img标签布置关键词。用该方法要遵守一个原则,别太明显。毕竟搜索引擎可以粗略识别图片,两个不同的图片Alt属性一样的话,是不是有些说不过去。以此,结合图片里的内容或图片周围的文字,巧妙地将关键词加里面,这样可信度要高些,但是点缀内容别太长,太长就把关键词的权重给拆分分完了。

        Alt属性内容不符合要求,搜索引擎会对相似的图片进行归类,搜索引擎的图片库已经很完善了,如果一张苹果的图片,你写的Alt属性是“香蕉”,而搜索引擎库里的香蕉图片不是该形状。那么百度会认为,Alt属性设置有误,如果这样的图片很多,网址就会降权。Alt属性是对图片的介绍,虽然搜索引擎对图片的识别能力越来越强,但对图片里的具体内容还不能完全识别出来,因此Alt属性是搜索引擎识别图片内容的重要参考。SEO优化后的网站所有图片必须有Alt属性,且属性值不能为空。Alt属性位置统一,一般要将Alt属性放在src属性的后面。Alt属性值最好是包含关键词,如果图片内容中没有关键词,也可以加上,毕竟搜索引擎不知道里面的具体内容。但是不要盲目添加关键词,一般一个图片放一个关键词即可,图片周围文字描述最好和该关键词有关。

        图片画质不清晰,一般图片保存画质选择80%最佳,既能看的清楚,图片又不大,加载要快些。网站服务器带宽低的不要用高质的图片,如果图片加载很慢的话,搜索引擎会放弃加载,认为图片地址无效。图片地址必须是本站的,有些SEOer为提高图片加载速度,用了图片加速软件,导致图片地址发生变化,图片成了其他网站上的图片,搜索引擎是打击盗链行为的。图片格式最好是png、jpg、gif,目前搜索引擎对这些格式的图片比较友好。百度搜索结果缩略图是百度“随机”抓取的图片,难道真的没有规律吗?百度搜索结果缩略图的尺寸是:121*75,因此要展示的图片必须按照这个比例来做,否则显示不完整。图片画质要高,尺寸不能太小,起码宽度要在300像素以上,最好是400,结合比例图片最佳尺寸400*248。一般将“百度搜索结果缩略图”定位到首页公司简介里的图片。因此,公司简介中接近图片的文字要有要做的关键词,图片Alt属性里写上所有的关键词,公司简介的位置越早出现越好。这样一来,该图片被选中为“百度搜索结果缩略图”的可能性要大很多。

      总之,合理使用html标签,搜索引擎机器人碰到一个标签就知道标签里的内容的作用,不容易产生机器人难以理解的情况。