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> #标记代码。包含示例代码或者文件名 (< < > >)
<pre> #预格式化文本。保留文本固有的换行和空格
<progress> #完成进度。可通过js动态更新value。
<meter> #表示分数的值或者已知范围的测量结果。如投票结果。
<audio>
<video>
<dialog>
<progress>
© #文本缩进不要使用特殊符号 应当使用CSS进行设置。版权符号不要使用特殊符号 ©直接打出版权符号©
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>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。