当前位置: 首页 > 网站优化知识 > 网站内部html代码元素优化规范 
网站内部html代码元素优化规范
青岛网站建设2017.12.15

    HTML优化是网站内部优化的重点,可能对SEO新手来说,容易忽略。符合搜索引擎习惯的HTML代码是极利于SEO的,可以让你的网站获得更好的搜索引擎排名。如何制作一个标准的HTML网页,如何做HTML优化,本文将为你详细阐述。

  一直想写下SEO中关于HTML优化方面的的文章,总算空出这部分时间来了。其实,HTML优化应该是网站内部优化的重点,每个SEOer都需高度重视。根据本人多年实战经验,一般做过HTML优化的网站上线后,相关关键词都可以获得一个不错的搜索引擎排名。显然,符合搜索引擎习惯的HTML代码是极利于SEO的。

  为什么要进行HTML优化?

  我们做SEO,最直接的目的就是想通过搜索引擎获得好的关键词排名和流量,而搜索引擎工作又是依赖它们的“蜘蛛”程序进行的。所谓搜索引擎蜘蛛只是搜索引擎开发的“机器人”程序,简单来说,它的工作原理就是通过对网站的爬行,抓取网站的相关链接、关键词、内容,然后分配网站的权重和相应的搜索引擎排名。而这个过程,大部分工作都是在网站的HTML代码上进行的。所以,通过HTML优化,可以告诉蜘蛛哪些内容是重要的,哪些内容又是可以忽略的,以达到最佳的SEO效果。
符合SEO规范的网站HTML代码标准

  在网站制作中,更符合Web 2.0标准的网页无外乎DIV+CSS布局方式了。事实上,网站制作无外乎四个主页面,首页、频道页、栏目页、文章页。下面结合HTML实例为你逐一解析:如何制作标准的HTML网页?HTML优化怎么做?

1)网站首页HTML规范

<html>
<head>
<title>网站SEO标题</title>
<meta name="description" content="网站描述" />
<meta name="keywords" content="网站关键词" />
</head>
<body>
<div id="header">
<h1><a href="网站地址" title="网站描述">网站名称</a></h1>
<div id="navigation">网站导航</div>
</div>
<div id="container">
<div id="contain">
<h2><a href="主频道/栏目链接地址" title="链接说明">频道/栏目标题</a></h2>
<ul>
<li><a href="链接地址" title="链接说明">文章标题</a></li>
...
</ul>
</div>
<div id="sidebar">
<h3><a href="其它栏目链接地址" title="链接说明">其它栏目标题</a></h3>
<ul>
<li><a href="链接地址" title="链接说明">文章标题</a></li>
...
</ul>
</div>
</div>
<div id="footer">
<div id="copyright"><a href="网址:如http://www.iyawei.com/" title="网站描述">网站名称</a></div>
</div>
</body>
</html>

2)网站频道/栏目页HTML规范

<html>
<head>
<title>频道/栏目SEO标题-网站名称</title>
<meta name="description" content="频道/栏目描述" />
<meta name="keywords" content="频道/栏目关键词" />
</head>
<body>
<div id="header">
<div id="caption"><a href="网站地址" title="网站描述">网站名称</a></div>
<div id="navigation">网站导航</div>
</div>
<div id="container">
<div id="contain">
<h1>频道/栏目名称</h1>
<h2><a href="链接地址" title="链接说明">子栏目标题</a></h2>
<ul>
<li><a href="链接地址" title="链接说明">文章标题</a></li>
...
</ul>
</div>
<div id="sidebar">
<h3><a href="其它栏目链接地址" title="链接说明">其它栏目标题</a></h3>
<ul>
<li><a href="链接地址" title="链接说明">文章标题</a></li>
...
</ul>
</div>
</div>
<div id="footer">
<div id="copyright"><a href="网址:如http://www.iyawei.com/" title="网站描述">网站名称</a></div>
</div>
</body>
</html>

3)网站文章页HTML规范

<html>
<head>
<title>文章SEO标题-网站名称</title>
<meta name="description" content="文章描述" />
<meta name="keywords" content="文章关键词" />
</head>
<body>
<div id="header">
<div id="caption"><a href="网站地址" title="网站描述">网站名称</a></div>
<div id="navigation">网站导航</div>
</div>
<div id="container">
<div id="contain">
<h1>文章标题</h1>
<h2>TAG标签</h2>
<ul>
<li><a href="链接地址" title="链接说明">文章标题</a></li>
...
</ul>
<div id="content">文章正文<strong>重点关键词或段落标题</strong><img src="图片链接地址" alt="图片说明" /></h1>
<h2>相关文章</h2>
<ul>
<li><a href="链接地址" title="链接说明">文章标题</a></li>
...
</ul>
</div>
<div id="sidebar">
<h3><a href="其它栏目链接地址" title="链接说明">其它栏目标题</a></h3>
<ul>
<li><a href="链接地址" title="链接说明">文章标题</a></li>
...
</ul>
</div>
</div>
<div id="footer">
<div id="copyright"><a href="网址:如http://www.iyawei.com/" title="网站描述">网站名称</a></div>
</div>
</body>
</html>

网站HTML优化怎么做?

1.Title网站标题标签

    Title标签有两个地方的用途一个是用在网站的主题说明,用来告诉网友这个网站的主旨是什么,是什么样的网站,一般用来说明网站主题的词2-3个为最佳。目前搜索引擎对Title的重视程度尤为重视所以建议慎重考虑关键词。
    Title标签的第二个用法是,在A标签里面对链接文字强调说明的。鼠标经过会有提示,可以增加网站关键词的密度。

2.description描述标签

    描述标签一般会出现在抓取的快照里面,对网站的收录SEO排名也是有一定的影响,不过现在搜索引擎都是智能化的,有时候抓取的并不是你自己所写的描述标签。而会根据用户搜索关键词相关度匹配。一般建议长度在100 个字左右不宜过长。

3.keywords关键词标签

    关键词keywords设置现在在搜索比重上面也越来越不明显了,好多搜索已定提出可以放弃设置,因为搜索引擎能够自动抓取,建议适当设置3个左右即可。

    H标签

    H1标签一般出现在页面LOGO,或者单个文章的主标题部分。一个页面最好能控制在2个之内切不可过多。
    H2标签一般会用在网站栏目或者小标题标题部分。
    H3标签一般用在侧栏小标题子标题部分。

4.<b>和<strong>文字加粗标签

    文字加粗着重强调这文字比较重要,它会告诉搜索引擎此文字,在整个页面文字中比较重要,所以一般加粗一些关键词,一篇文章设置3-5个为宜,不可整篇加粗或者整篇不加粗。

    A标签中的,Nofollow权重不传递,_blank新窗口打开

    rel标签的属性Nofollow权重不传递属性,一般用于友情链接,或者网站有转出站外的链接。
    target标签的属性_blank新窗口打开,以保留用户在网站的停留时间,降低网站跳出率。
    se_prerender_url标签目前还在研究,不过发现一些站长站都已经用上,搜索发现是谷歌吸引爬虫而出,目前尚不具体了解用途。

5.alt图片描述标签

    因为图片不具有SEO属性,所以alt越显重要,ALT主要是图片描述说明只用,用可以增加关键词密度,但切记不可过多频繁。

HTML的不同标签在SEO优化中的权重分数及权重排序

内部链接文字:10分

标题title:10分

域名:7分

H1,H2字号标题:5分

每段首句:5分

路径或文件名:4分

相似度(关键词堆积):4分

每句开头:1.5分

文本用法(内容):1分

title属性:1分 (不是<title>, 是A标签中title属性)

加粗或斜体:1分

alt标记:0.5分

Meta描述(Description属性):0.5分

Meta关键词(Keywords属性):0.05分