head头部标签部分
- <title> 标题: 只强调重点,不要重复出现关键词,各个页面的title不要设置相同的
- <meta keywords> 关键词: 列举出关键词,不要过分堆砌
- <meta description> 描述: 同2,不要太长,各个页面的description不要设置相同的
body代码正文
- 标签语义化,比较以下两部分代码做头部导航:
<div>
<span>课程1</span>
<span>|</span>
<span>课程2</span>
<span>|</span>
<span>课程3</span>
<span>我的课程</span>
</div>
以上代码没有一点语义化,可以优化成如下:
<ul>
<li>课程1</li>
<li>课程2</li>
<li>课程3</li>
<span>我的课程</span>
</ul>
……
li {
border-right: 1px solid #000;
}
- <a> 对于a标签,要加title,同时加属性rel=‘nofollow’
nofollow: 告诉爬虫不要去该链接去爬了,因为爬过去可能爬不回来了,不利于seo优化
- <h1> 对于标题尽量用h标签,而且是h1标签,因为爬虫认为h1标签是本文最重要的标题,副标题用h2,其他不重要的标题就不要用h标签了
h1、h2 标题太大的话,自行用css去修饰
- <br>\ 表示换行,如果内容是纯文本内容,可以br换行,示例如下,如果是<span>之间换行则不用,利用盒模型来调整
<p> //正确示例,注意p表示 文本段落,不用div
这是文本内容啊<br>
这是文本内容啊<br>
这是文本内容啊
</p>
<div> //错误示例
<span>这是文本内容啊</span><br>
<span>这是文本内容啊</span><br>
<span>这是文本内容啊</span>
</div>
- table,定义table标题,以下为正确示例
<table>
<caption>表格标题</caption>
……
</table>
- img 标签加alt属性,并注释说明
- <strong><em>与<b><i>,如果只是单纯加粗或斜体则用b、i标签;如果想对seo产生影响则用strong、em,可自行调节样式
注意
- 重要的html代码放在文件最前边,爬虫是由上之下抓取html代码的
- 重要的内容不要用js输出,爬虫是看不懂js的,所以我们常用的vue框架是不利于seo优化的。
- 尽量少用iframe标签,爬虫是不会读取iframe的内容的
- 谨慎使用display:none ,理由同3
- 精简代码,若用一个标签完成的布局,不要用两个