SEO代码优化之：规范HTML源码
2019-03-15 来源：love509.com
规范的HTML源代码是SEO最基本的要素，站长们做站平时做站，模板文件一般都是复制来的，对于html的规范性有所忽视，也许对SEO不会产生什么明显的影响，但是能做好的还是尽量做好。下面是规范的HTML源码的一些要点。
给网页添加DOCTYPE
什么是DOCTYPE？DOCTYPE是Document Type的简写，明白什么是DOCTYPE了吧！DOCTYPE就是文档类型，用来说明你的HTML或XHTML是什么版本，浏览器会根据您 DOCTYPE中定义的DTD（Document Type Definition）来解释页面代码，可想而知，错误的DOCTYPE会出现什么结果。
XHTML1.0为我们提供了三种DOCTYPE：
1 。 过渡型（Transitional）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 。 严格型（Strict）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3 。 框架型（Frameset）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
过渡型兼容表格、标识等，对于初学者来说，选择过渡型就可以啦！
设定一个名字空间
在DOCTYPE后面添加如下代码即可：<html xmlns="http://www.w3.org/1999/xhtml">
Xmlns是XHTML namespace的简写，叫做“名字空间”，通常我们的网页只有<html>，这里为什么会出现xmlns呢？名字空间就是给文档做一个标识，说明这个文档规范是属于谁的。明白了吗？不明白就Pass。
声明语言编码
简体中文网站可定义为：
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
英文网站可定义为：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<Head></Head>之间的其他设置
1 。 收藏夹小图标
制作一个16*16的ico图标，命名为favicon.ico，放到网站根目录下，然后把下面的代码放到<Head></Head>之间即可。
<link rel="icon" href="/favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
2 。 作者与版权信息
<meta name="author" content="hxstream "/>
<meta name="copyright" content="www.love509.com ,版权所有"/>
3 。 站点介绍
<meta name="description" content="诗意代码" />
4 。 站点关键词
<meta content="搜索引擎优化,seo" name="keywords"/>
关闭所有的标签
打开的标签必须关闭，例如<p>诗意代码</p>，当然还有一种关闭方式，如：<br />
属性值用“”括起来
例如：<img height= “80 ”……/>
给所有的属性赋值
不正确的写法：<input …… checked/>
正确的写法为：<input …… checked= "checked"/>
所有的XHTML元素及其属性名称用小写
XHTML是大小写敏感的
错误的写法为：<TITLE>诗意代码</TITLE>
标准的写法为：<title>诗意代码</title>
标签要合理嵌套
不正确的写法：<div><h1>诗意代码</div></h1>
正确的写法为：<div><h1>诗意代码</h1></div>
特殊字符用编码标识
如 “ <” 用 “<”表示，“ >” 用 “>”表示。
为图片增加alt属性
alt属性指定了当图片不能显示的时候就显示供替换文本。
如：<img src="images/logo.gif" alt="诗意代码"/>
用结构化的元素输出内容
例如：你想输入三行文本，可以用：
诗意代码<br/>诗意代码<br/>诗意代码
我建议用下面的方式代替上面的方式：
<ul>
<li>诗意代码</li>
<li>诗意代码</li>
<li>诗意代码</li>
</ul>
以上这些规范可以对您的网站进行初级改善，提高搜索引擎对你的网站的评分。这些要点大家应该都很了解了，不过有些点还是会被很多人疏忽的，SEO要说做的好的，都是把一些东西做到极致，做到全面。因为本来能关注的点也就那些，所有如果关于html的优化方面，有什么没做到的，赶快补上吧，朋友！
本文地址：http://www.love509.com/youhua/seohtml.html ，转载请保留，谢谢诶
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。
