SEO需要规范HTML代码

时间:2008-09-15

        SEO中,也需要对网站的html代码进行规范化,规范化的Html代码对一个网站有诸多好处,比如:改版方便、代码容易维护、代码量小、网站打开速度快、适合更多人群阅读等,这里就不一一列举。

        下面,我们就开始对我们的网站进行初级改善:

        给网页添加DOCTYPE

        XHTML1.0为我们提供了三种DOCTYPE:

        1 . 过渡型(Transitional)

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";

        2 . 严格型(Strict)

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ";

        3 . 框架型(Frameset)

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" ";

        过渡型兼容表格、标识等,对于初学者来说,选择过渡型就可以啦!

        设定一个名字空间

        在DOCTYPE后面添加如下代码即可:
        <html xmlns=";
        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.world-blog.cn,版权所有"/>

        3 . 站点介绍

        <meta name="description" content="深圳SEO为广大企业提供seo优化服务" />

        4 . 站点关键词

        <meta content="搜索引擎优化,seo" name="keywords"/>

        关闭所有的标签

        打开的标签必须关闭,例如<p>www.world-blog.cn</p>,当然还有一种关闭方式,如:<br/>

        属性值用“”括起来

        例如:<img height= "80 "……/>

        给所有的属性赋值

        不正确的写法:<input …… checked/>
        正确的写法为:<input …… checked= "checked"/>

        所有的XHTML元素及其属性名称用小写

        XHTML是大小写敏感的
        错误的写法为:<TITLE>www.world-blog.cn</TITLE>
        标准的写法为:<title>www.world-blog.cn</title>

        标签要合理嵌套

        不正确的写法:<div><h1>www.world-blog.cn</div></h1>
        正确的写法为:<div><h1>www.world-blog.cn</h1></div>

        特殊字符用编码标识

        如 " <" 用 "&lt;"表示," >" 用 "&gt;"表示。

        为图片增加alt属性

        alt属性指定了当图片不能显示的时候就显示供替换文本。
        如:<img src="images/logo.gif" alt="深圳SEO为您服务"/>

        用结构化的元素输出内容

        例如:你想输入三行文本,可以用:
        www.world-blog.cn<br/>www.world-blog.cn<br/>www.world-blog.cn
        我建议用下面的方式代替上面的方式: 
        <ul>
        <li>www.world-blog.cn</li>
        <li>www.world-blog.cn</li>
        <li>www.world-blog.cn</li>
        </ul>

        文章出处:

站长网新闻榜 www.admin5.com/top

相关文章

标签:

A5创业网 版权所有