知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    什么样的HTML标签对搜索引擎友好

    作者:佳明妈 2009-10-12 人气:
    HTML技巧:Xmlns是XHTML namespace的简写,叫做“名字空间”,通常我们的网页只有<html>,这里为什么会出现xmlns呢?名字空间就是给文档做一个标识,说明这个文档规范是属于谁的。明白了吗?不明

    规范化的Html代码对一个网站有诸多好处,比如:改版方便、代码容易维护、代码量小、网站打开速度快、适合更多人群阅读等,这里就不一一列举。单从网站优化的角度看,规范化的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="http://www.webjx.com/favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" href="http://www.webjx.com/favicon.ico" type="image/x-icon"/>

    2. 作者与版权信息

    <meta name="author" content="闪电儿 "/>
    <meta name="copyright" content="网页教学网,版权所有"/>

    3. 站点介绍

    <meta name="description" content="网页教学网 提供最快最新的网页技术" />

    4. 站点关键词

    <meta content="网页,网页教学" name="keywords"/>

    关闭所有的标签

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

    属性值用“”括起来

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

    给所有的属性赋值

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

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

    XHTML是大小写敏感的

    错误的写法为:<TITLE>www.webjx.com</TITLE>
    标准的写法为:<title>www.webjx.com</title>

    标签要合理嵌套

    不正确的写法:<div><h1>www.webjx.com</div></h1>
    正确的写法为:<div><h1>www.webjx.com</h1></div>

    特殊字符用编码标识

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

    为图片增加alt属性

    alt属性指定了当图片不能显示的时候就显示供替换文本。
    如:<img src="http://www.webjx.com/htmldata/2007-06-18/images/logo.gif" alt="网页教学网"/>

    用结构化的元素输出内容

    例如:你想输入三行文本,可以用:

    www.webjx.com
    www.webjx.com">www.webjx.com<br/>www.webjx.com<br/>www.webjx.com

    我建议用下面的方式代替上面的方式:

    <ul>
    <li>www.webjx.com</li>
    <li>www.webjx.com</li>
    <li>www.webjx.com</li>
    </ul>

    以上这些规范可以对您的网站进行初级改善,提高搜索引擎对你的网站的评分。

    ↓ 查看全文

    什么样的HTML标签对搜索引擎友好由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    什么样的HTML标签对搜索引擎友好-最新评论