3
http://openweb.baidu.com/doc/...

SEO search engine optimization

整体优化

1.生成对搜索引擎友好的网站地图
2.增加外部链接,到各个网站上宣传
3.导航链接优化,不超过三层
4.面包屑导航 增强位置感
5.不断精简代码
6.js代码如果是操作DOM操作,应尽量放在body结束标签之前,html代码之后
  html文件是自上而下的执行方式,css引入执行加载时,程序仍然往下执行
  script脚本是则中断线程,待该script脚本执行结束之后程序才继续往下执行
  页面效果实现类的js放在body之前,动作,交互,事件驱动的js都可以放在body之后
  HTML中不区分大小写,js区分大小写
7.将重要内容的HTML代码放在最前面,最前面的内容被认为是最重要的,优先让“蜘蛛”读取,进行内容关键词抓取
8.重要内容不要用JS输出,因为“蜘蛛”不认识

语义化标签

<title>  #只强调重点即可,尽量把重要的关键词放在前面,关键词不要重复出现,尽量做到每个页面的<title>标题中不要设置相同的内容
<meta keywords> #关键词,列举出几个页面的重要关键字即可,切记过分堆砌
<meta description>  #网页描述,需要高度概括网页内容,切记不能太长,过分堆砌关键词,每个页面也要有所不同。
<body> #尽量让代码语义化,在适当的位置使用适当的标签,用正确的标签做正确的事。让阅读源码者和“蜘蛛”都一目了然
<a title rel="nofollow">  #页内链接,要加 “title” 属性加以说明,让访客和 “蜘蛛” 知道。而外部链接,链接到其他网站的,则需要加上 rel="nofollow" 属性, 告诉 “蜘蛛” 不要爬,因为一旦“蜘蛛”爬了外部链接之后,就不会再回来了
<img alt title> #图片添加alt,title
<h1> #正文标题用<h1>副标题用<h2> h3-h6就不用了  #“蜘蛛” 认为它最重要,若不喜欢<h1>的默认样式可以通过CSS设置。尽量做到正文标题用<h1>标签,副标题用<h2>标签, 而其它地方不应该随便乱用 h 标题标签
<br>  #只用于文本内容的换行<p><br><p>
<caption>  #表格标题标签
<strong>、<em>  #需要强调时使用。<strong>标签在搜索引擎中能够得到高度的重视,它能突出关键词,表现重要的内容,<em>标签强调效果仅次于<strong>标签
<b>、<i>  #只是用于显示效果时使用,在SEO中不会起任何效果
<main> #页面主要内容,一个页面只能使用一次。如果是web应用,则包围其主要功能
<small>  #指定细则,输入免责声明、注解、署名、版权
<mark>  #突出显示文本(yellow),提醒读者。
<figure>  #创建图
<figcaption> #figure的标题,必须是figure内嵌的第一个或者最后一个元素
<cite> #指明引用或者参考,如图书的标题,歌曲、电影、等的名称,演唱会、音乐会、规范、报纸、或法律文件等
<blockquoto>  #引述文本,默认新的一行显示
<time>  #标记时间。datetime属性遵循特定格式,如果忽略此属性,文本内容必须是合法的日期或者时间格式
<abbr> #解释缩写词。使用title属性可提供全称,只在第一次出现时使用就ok
<address> #作者、相关人士或组织的联系信息(电子邮件地址、指向联系信息页的链接)
<del> #移除的内容
<code>  #标记代码。包含示例代码或者文件名 (< &lt;  > &gt;)
<pre>  #预格式化文本。保留文本固有的换行和空格
<progress> #完成进度。可通过js动态更新value。
<meter>  #表示分数的值或者已知范围的测量结果。如投票结果。
<audio>
<video>
<dialog>
<progress>
&copy #文本缩进不要使用特殊符号 &nbsp; 应当使用CSS进行设置。版权符号不要使用特殊符号 &copy;直接打出版权符号©
display:one;  #对于不想显示的文字内容,应当设置z-index或设置到浏览器显示器之外。因为搜索引擎会过滤掉display:none其中的内容
iframe  #框架,因为“蜘蛛”一般不会读取其中的内容

语义化布局

<head>
  <title></title>
  <meta name="description" content="">
  <meta name="keywords" content="">
</head>
<body>
  <header></header>
  <nav></nav>
  <main></main>
  <article>
    <section></section>
  </article>
  <aside></aside>
  <footer>
    <address></address>
  </footer>
</body>

jh2k15
199 声望5 粉丝

« 上一篇
CSS居中对齐
下一篇 »
CSS3笔记