规范化的Html代码对网站益处众多,诸如改版便捷、代码易于维护、代码量精简、网站打开速度提升,且适配更多人群阅读等,在此不一一赘述。单从seo优化层面而言,规范化的Html代码更有助于提升搜索引擎排名。然而,不少站长并未意识到这一点,进而影响了网站在搜索引擎中的排名。
下面,我们着手对网站进行初级改善:
1. **给网页添加DOCTYPE**
什么是DOCTYPE?DOCTYPE是Document Type的缩写。简言之,DOCTYPE即文档类型,用于表明HTML或XHTML的版本。浏览器会依据DOCTYPE中定义的DTD(Document Type Definition)来解析页面代码。不难想象,错误的DOCTYPE会导致何种后果。
XHTML1.0提供了三种DOCTYPE:
- 过渡型(Transitional)
- 严格型(Strict)
- 框架型(Frameset)
过渡型兼容表格、标识等,对于初学者而言,选择过渡型较为合适。
2. **设定一个名字空间**
在DOCTYPE后面添加如下代码即可:xmlns="http://www.w3.org/1999/xhtml"。Xmlns是XHTML namespace的简写,称作“名字空间”。通常网页仅有html标签,为何会出现xmlns呢?名字空间为文档提供标识,用以说明文档规范的归属。若不理解,可暂且跳过。
3. **声明语言编码**
简体中文网站可定义为:`<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />`
英文网站可定义为:`<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />`
4. **<head>之间的其他设置**
- **收藏夹小图标**:制作一个16*16的ico图标,命名为favicon.ico,放置于网站根目录下,然后将下面的代码放到`<head>`之间即可:`<link rel="shortcut icon" href="favicon.ico" />`。
- **作者与版权信息**:依据实际情况,在`<head>`中添加相应声明。
- **站点介绍**:在`<head>`中添加对站点的介绍内容。
- **站点关键词**:合理设置站点关键词,放置于`<head>`中。
5. **关闭所有的标签**
打开的标签必须关闭,例如`<title>www.seo168.com</title>`。当然,还有另一种关闭方式,如:`<br />`。
6. **属性值用“”括起来**
例如:`<input type="text" name="user" />`
7. **给所有的属性赋值**
不正确的写法:`<input type="text" name="user" value>`
正确的写法为:`<input type="text" name="user" value="" />`
8. **所有的XHTML元素及其属性名称用小写**
XHTML区分大小写。
错误的写法为:`<A HREF="web.0660zb.com">`
标准的写法为:`<a href="web.0660zb.com">`
9. **标签要合理嵌套**
不正确的写法:`<b><i>web.0660zb.com</b></i>`
正确的写法为:`<b><i>web.0660zb.com</i></b>`
10. **特殊字符用编码标识**
如`"`表示双引号 `"`。
11. **为图片增加alt属性**
alt属性指定当图片无法显示时,显示供替换的文本。
如:`<img src="image.jpg" alt="图片描述" />`
12. **用结构化的元素输出内容**
例如:想输入三行文本,原写法可能是:
```html
<p>web.0660zb.com</p>
<p>web.0660zb.com</p>
<p>web.0660zb.com</p>
```
建议用下面的方式代替:
```html
<ul>
<li>web.0660zb.com</li>
<li>web.0660zb.com</li>
<li>web.0660zb.com</li>
</ul>
```
以上这些规范可对网站进行初级改善,提升搜索引擎对网站的评分。阅读了这些内容,是不是有些头晕?不妨喝杯茶,祝你好运!