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

为什么要进行HTML优化?

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

在网站制作中,更符合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.xp-sem.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.xp-sem.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.xp-sem.com/" 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标准的。如果你已经做到了这些,好的搜索引擎排名并不是什么难事。

 

html 优化 简谈的更多相关文章

  1. .NET简谈接口

    自从面向对象开发方式的出现,抽象的概念就开始日新月异的发展,面向对象编程.面向接口编程.面向组件编程等等:这一系列的概念都是软件工程所追求的思想范畴,高类聚低耦合. 今天我要简谈的是面向对象里面非常重 ...

  2. .NET简谈构件系统开发模式

    转自[王清培] http://www.cnblogs.com/wangiqngpei557/archive/2011/06/14/2080416.html 在本人的“.NET简谈插件系统开发模式”一文 ...

  3. pb传输优化浅谈

    在正式切入今天要谈的优化之前,先碎碎念一些自己过去这几年的经历.很久没有登录过博客园了,今天也是偶然兴起打开上来看一下,翻看了下自己的随笔,最后一篇原创文章发布时间是2015年的4月,今天是2017年 ...

  4. MYSQL优化浅谈,工具及优化点介绍,mysqldumpslow,pt-query-digest,explain等

    MYSQL优化浅谈 msyql是开发常用的关系型数据库,快速.稳定.开源等优点就不说了. 个人认为,项目上线,标志着一个项目真正的开始.从运维,到反馈,到再分析,再版本迭代,再优化… 这是一个漫长且考 ...

  5. .NET简谈——跨进高级编程门槛的必经之路

    我们继续C#基础知识的学习,这篇文章对前面基础知识学习的朋友有着举足轻重的作用:为了延续基础知识学习的热情,我编写了这篇特殊的文章. 本篇文章的中心是想借“.NET简谈反射(动态调用)”一文继续发挥下 ...

  6. 简谈Java语言的继承

    Java语言的继承 这里简谈Java语言的三大特性之二——继承. Java语言的三大特性是循序渐进的.是有顺序性的,应该按照封装-->继承-->多态这样的顺序依次学习 继承的定义 百度百科 ...

  7. 简谈Java语言的封装

    简谈Java语言的封装 封装的定义 封装将复杂模块或系统的逻辑实现细节隐藏,让使用者只需要关心这个模块或系统怎么使用,而不用关心这个模块或系统是怎么实现的. 在面向对象的的编程中,我们一般通过接口来描 ...

  8. MPI简谈

    MPI简谈 MPI是分布式内存系统,区别于OpenMP和Pthreads的共享内存系统.MPI是一种基于消息传递的并行编程技术,是如今最为广泛的并行程序开发方法. MPI前世今生 MPI(Messag ...

  9. 当谈 SQL 优化时谈些什么?

    欢迎大家关注腾讯云技术社区-博客园官方主页,我们将持续在博客园为大家推荐技术精品文章哦~ 作者:孙银行 背景 Mysql数据库作为数据持久化的存储系统,在实际业务中应用广泛.在应用也经常会因为SQL遇 ...

随机推荐

  1. Windows批处理命令初了解

    批处理文件时无格式的文本文件,它包含一条或多条命令.它的文件扩展名为.bat或.cmd.使用批处理文件可以简化日常重复性任务.其帮助:命令 /? eg:echo /? Ctrl+c组合键来强行终止一个 ...

  2. JNDI配置c3p0连接池

    JNDI是什么呢? 就是java命名和文件夹接口.是SUN公司提供的一种标准的Java命名系统接口. 不好理解?简单说呢.他就是一个资源,放在tomcat里面的一个资源,今天我们就把数据库连接池放到t ...

  3. 关于bootstrap-datetimepicker.js不支持IE8的解决办法

    if (!Array.prototype.indexOf) Array.prototype.indexOf = function (elt /*, from*/) { var len = this.l ...

  4. Tomcat7出现HTTP Status 500 - java.lang.ClassCastException: org.apache.jasper.el.ELContextImpl cannot be cast to org.apache.jasper.el.ELContextImpl的解决

    今天在Tomcat7上发布了一个war,过一阵子发现localhost:8080都进不去了.在浏览器输入http://localhost:8080出现如下内容: HTTP Status 500 - j ...

  5. Android Wi-Fi Peer-to-Peer(Android的Wi-Fi P2P对等网络)

    Wi-Fi peer-to-peer(P2P,对等网络),它同意具备对应硬件的Android 4.0(API level 14)或者更高版本号的设备能够直接通过wifi而不须要其他中间中转节点就能直接 ...

  6. Linux命令行和Shell高效率使用方法

    Ctrl+R快速搜索history Ctrl+P显示上一条命令 快速执行一条history命令:!!/!-number ======================================== ...

  7. JBOSS启动报错解决方案

    同一个jboss下不可以放不同的项目包,否则报错: 注意:如果后期使用,注意删除上图的本地文件,重新加载即可.

  8. 使用第三方类、库需要注意的正则类RegexKitLite的使用

    一.到http://regexkit.sourceforge.net/下载RegexKitLite类,添加到项目中: 因为RegexKitLite使用ICU库,所以需要动态链接到/usr/lib/li ...

  9. Swift高速入门之函数

    函数 看一个函数的样例: func addNumbers( let a:Int,let b:Int)->Int{ return a+b; } 实现两个数相加.函数必须以func开头,后面是函数名 ...

  10. Jsp之神笔记

    JSP笔记 Tomcatserver port: port就是指的某一个程序网络入口,Tomcat的初始化port为:8080: port的个数:256*256=65536个: 一般常见协议的缺省po ...