现在的位置: 网页制作教程网站优化 >正文
seo教程

HTML优化怎么做:让你的网站HTML代码更符合SEO规范

发表于2016/9/28 网站优化 0条评论 ⁄ 热度 3,869℃
导语:HTML优化是网站内部优化的重点,可能对SEO新手来说,容易忽略。符合搜索引擎习惯的HTML代码是极利于SEO的,可以让你的网站获得更好的搜索引擎排名。如何制作一个标准的HTML网页,如何做HTML优化,本文将为你详细阐述。

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

为什么要进行HTML优化?

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

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="http://www.webym.net/aspshow20141113284.html" title="旅行社网站源码">旅行社网站源码</a></h1> 
        <div id="navigation">网站导航</div> 
      </div> 
      <div id="container">
        <div id="contain"> 
          <h2><a href="http://www.webym.net/asplist6c1o0d1e0s0.html" title="仓储物流网站源码">仓储物流网站源码</a></h2>
          <ul>
            <li><a href="http://www.webym.net/aspshow2014724118.html" title="画室培训整站源码">画室培训整站源码</a></li> 
            ...
          </ul>
        </div>
        <div id="sidebar">
           <h3><a href="http://www.webym.net/aspshow2014714102.html" title="婚礼策划网站源码">婚礼策划网站源码</a></h3>
           <ul>
             <li><a href="http://www.webym.net/aspshow2014715103.html" title="阀门设备网站源码">阀门设备网站源码</a></li>  
             ...
           </ul>
        </div>
      </div>
      <div id="footer">
        <div id="copyright"><a href="http://www.webym.net/aspshow2014711100.html" 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="http://www.webym.net/aspshow20147995.html" title="政府门户网站系统">政府门户网站系统</a></div>
         <div id="navigation">网站导航</div>
      </div>
      <div id="container">
        <div id="contain">
           <h1>频道/栏目名称</h1>
           <h2><a href="http://www.webym.net/aspshow20147894.html" title="信息发布系统源代码">信息发布系统源代码</a></h2>
           <ul>
              <li><a href="http://www.webym.net/aspshow20147186.html" title="空调公司网站源码">空调公司网站源码</a></li>
           ...
           </ul>
        </div>
        <div id="sidebar">
           <h3><a href="http://www.webym.net/aspshow201452081.html" title="门禁科技网站源码">门禁科技网站源码</a></h3>
           <ul>
             <li><a href="http://www.webym.net/aspshow20145856.html" title="制冷公司网站代码">制冷设备网站源码</a></li>
             ...
           </ul>
        </div>
      </div>
      <div id="footer">
        <div id="copyright"><a href="http://www.webym.net/aspshow20145959.html" 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="http://www.webym.net/aspshow201411621.html" title="叉车租赁网站代码">叉车租赁网站源码</a></div>
       <div id="navigation">网站导航</div>
     </div>
     <div id="container">
       <div id="contain">
         <h1>文章标题</h1>
         <h2>TAG标签</h2>
         <ul>
           <li><a href="http://www.webym.net/aspshow201411616.html" title="婚庆公司网站程序">婚庆公司网站源码</a></li>
           ...
         </ul>
         <div id="content">
           文章正文<strong>重点关键词或段落标题</strong><img src="图片链接地址" alt="图片说明" />
           <h2>相关文章</h2>
           <ul>
             <li><a href="http://www.webym.net/aspshow201494166.html" title="石材厂源码">石材厂源码</a></li>
             ...
           </ul>
         </div>
         <div id="sidebar">
            <h3><a href="http://www.webym.net/aspshow2014825152.html" title="化妆品招商网站代码">化妆品招商网站源码</a></h3>
            <ul>
              <li><a href="http://www.webym.net/aspshow2014916183.html" title="消防网源码">消防网源码</a></li>
              ...
            </ul>
         </div>
      </div>
      <div id="footer">
        <div id="copyright"><a href="http://www.webym.net/aspshow20141014218.html" title="驾校网站源码">驾校网站源码</a></div>
      </div>
    </body>
</html>

网站HTML优化怎么做?

通过上面的网站HTML代码标准,我们可以总结出一套符合SEO规范的HTML优化方式。

1.H标签的使用,值得注意的是,不论任何页面,h1标签只能出现一次,它是当前页面的主标题,权重最高,对蜘蛛的吸引力是最强的。再往下就是h2、h3、h4、h5、h6这些副标题了,所强调的重点也是递减的,当然,它们的出现频率没有明确限制。

2.strong标签的使用,strong标签对关键词的强调作用仅次于H标签,个人实际布局中会比较在文章内容里出现,用于加粗段落标题或是重点关键词。

3.<title>网站SEO标题</title>、<meta name="description" content="网站描述" />和<meta name="keywords" content="网站关键词" />,这是SEO的重点。很好理解,比如我们利用搜索引擎搜索某个关键词,返回的搜索结果中,都是以标题、描述和变色关键词形式出现的。关于网站关键词,许多SEOer还是有争议,认为已经越来越不被搜索引擎重视了。不过,个人觉得,不要偷懒,加上总是没有坏处。需要注意一点,不论是网站标题还是描述、关键词,都不要堆砌,搞实在点的,否则网站容易被搜索引擎惩罚甚至网站被K,那只能自己去哭吧

4.<a href="链接地址" title="链接说明">链接关键词</a>,站内丰富的超链接会方便蜘蛛爬行,体现网站的深度和广度,这点在SEO中至关重要。“链接地址”特别是栏目的链接地址,最佳的出现形式应该是http://你的域名/固定链接/。现在,链接的理想结构是以“/”结尾,可以参考小拼SEM博客的链接形式。“链接说明”,一般都是链接的关键词或是关键词相关说明文字,这点可能很多人容易忽视,建议还是写好链接说明,尤其是做外部链接的时候,这么做效果还是很不错的,对网站关键词的搜索

5.<img src="图片链接地址" alt="图片说明" />,这是针对网页中图片的,当然也可以写成<img src="图片链接地址" title="图片说明" />。关于图片说明是用alt还是title,之后的文章会和大家探讨的。不过,这个图片说明是肯定要加的,方便搜索引擎知道这张图片描述的内容,也有利于在图片搜索结果中获得一个好的排名。

6.<div id="copyright">版权部分加上网站名称和链接</div>,网站底部版权部分的权重越来越高了,在版权部分加上网站名称和链接或是强调一些关键词是很有必要的,不要落个头重脚轻的感觉,让搜索引擎感觉

7.HTML优化要富于逻辑,重点明确,层次分明,也是符合SEO精神的。我们甚至可以这样理解HTML优化,其实它就是一篇好的作文,从标题到中心思想,然后是围绕中心展开详细阐述,这里要做到重点突出、层次分明,最后才到结尾,需要点题,做到首尾呼应。

以上就是SEO里HTML优化的所有内容,包括如何制作一个标准的HTML网页,如何做HTML优化。总的来说,就是以SEO的思路去指导你的HTML制作,当然,你的HTML代码应该是符合W3C标准的。如果你已经做到了这些,好的搜索引擎排名并不是什么难事。

  • 暂无评论