seo优化之规范HTML代码

类别: 技术文章 2023-09-11

  规范化的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>
```
  以上这些规范可对网站进行初级改善,提升搜索引擎对网站的评分。阅读了这些内容,是不是有些头晕?不妨喝杯茶,祝你好运!