HTML代码优化
HTML（HyperText Markup Language）超文本标记语言是最基础的网页制作语言。对于HTML代码的优化是整个网站优化的基础。
接下来以一段基本HTML代码（取自Dazzmoon珠宝app网站）为例，了解一下各种标签元素。
<!--页面注解-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="Dazzmoon, jewelry, design, jewelry customization, jewelry original design, handmade jewelry, collection, fashion, accessory, 珠宝，创意珠宝设计，珠宝定制，手工珠宝，珠宝网，珠宝店，珠宝首饰">
<meta name="description" content="Dazzmoon provides a new platform to decide and design the best jewelry. Designers can upload his/her design sketch on this app. Users can choose whatever he/she likes.">
<link href="/img/index.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="/include/dedeajax2.js"></script>
<title>Dazzmoon Jewelry Design</title>
</head>
<body>
<div>
<h1>Dazzmoon</h1>
<h2>Dazzmoon Jewelry Design</h2>
<h3>Original Sketch</h3>
<img src="D_L.jpg" alt=" Dazzmoon_logo ">
<a href="/index.php/home/index.html" title="Dazzmoon homepage">Homepage</a>
<strong> jewelry design</strong>
<b>dazzmoon</b>
<u>jewelry</u>
<i>app</i>
</div>
</body>
</html>
代码解读：
<!--页面注解-->
此标签的功能是HTML代码注解，可以在注解中填写关键词，这种形式的注解在浏览器中是不会显示的，只有搜索引擎可以读取到。此标签有的时候会被认为是作弊的一种形式，所以不要过多使用此标签堆砌关键词。
<meta name="keywords" content="关键词">。关键词的填写要切合网站内容，准确表达信息。但是数量并不是越多越好，因为太多的关键词会降低每个词的权重，对搜索引擎也是不友好的。此外尽量为每一个页面填写不同的关键词，避免被搜索引擎认为页面重复。
<meta name="description" content="网站描述">。此标签的内容会出现在搜索结果的标题下面。是页面的摘要，用来说明网页的主要内容。简洁明了地描述网页内容，会让搜索结果更加具有吸引力。
<link href="/img/index.css" rel="stylesheet" type="text/css" /> 此标签的作用是调用一个外部CSS样式表。href="css/index.css" 表示外部样式文件的路径，rel="stylesheet"表示调用的样式。type="text/css" 表示调用样式的文件类型为CSS样式。
<script language="JavaScript" src="/include/dedeajax2.js"></script> 此标签表示引入外部的JavaScript文件。src="/include/dedeajax2.js"即表示引用文件路径。
<title>页面标题</title>。页面标题是整个网页重点，搜索引擎抓取的重点信息，这个标签关系到网站排名，所以要慎重对待。标题的填写要注意用词准确，简洁。不要堆砌关键字。
<h1>页面内容标题</h1>。此标签是一个页面最重要的标签，也是搜索引擎定位这个页面的主要依据，一定要出现页面关键字。标签权重依次为h1>H2>H3....类推。在HTML代码中，它的重要性仅次于<title> 标签。要注意的是，这个标签不要过多的出现在一个页面中，因为过多的h1标签会让搜索引擎无法确定哪一个才是最重要的。
<img src="pic.jpg" alt="图片说明">。此标签用来引用一张图片，alt属性非常重要，搜索引擎会根据属性中的内容判断图片是否符合搜索条件。准确填写alt属性内容有利于图片排名提升及整个页面搜索排名的提升
<a href="/" title="链接说明">链接词</a>。此标签作用是引用一个链接。链接词的质量直接决定了链接的质量。对交换链接有很重要的作用。
<strong>重点关键词强调</strong>。此标签重要性仅次于<h1>。比<b>、<u>、<i>等标签要权重高。所以如果页面有很重要的词，应该首先选<strong>标签，然后再用<b>、<u>、<i>标签。同样，这样的标签使用要适可而止，不可过多。
HTML代码优化是网站优化的一项基本工作，只有保证网页的基础质量才能提升整体网站的质量，搜索引擎才能更加迅速的抓取内容，从而提供给用户良好的搜索体验。
