SEO有三条最重要的规律,那就是原创的内容、高质量的外部连接和锲而不舍适度的优化。css
meta
标签meta标签的做用有:搜索引擎优化(
SEO
),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等!框架
META
标签的keywords
布局
<meta name="Keywords"content="信息参数"/>
学习
meta
标签的Keywords
的的信息参数,表明说明网站的关键词是什么。测试
网易云课堂的写法:<meta name="keywords" content="优质课程、智能问答、趣味实践、随心笔记、教育、网易公开课、计算机开发、交互视觉设计、视频教程、交流互动、免费、名师、实用、培训"/>
优化
META标签的Description
网站
<meta name="Description"content="信息参数"/>
搜索引擎
meta
标签的Description
的信息参数,表明说明网站的主要内容,概况是什么。设计
网易云课堂的写法: <meta name="description" content="云课堂是网易公司研发的一款大型在线教育平台服务,该平台面向学习者提供海量免费、优质课程,创新的个性化学习体验,自由开放的交流互动环境。继网易公开课后,云课堂是网易公司在教育领域的又一重量级产品。"/>
code
META标签的Robots
<metaname="Robots"contect="信息参数">
Robots
表明告诉搜索引擎机器人抓取哪些页面
网易云课堂的写法:<meta name="robots" content="all"/>
参数说明:
信息参数 | 含义 |
---|---|
all | 文件将被检索,且页面上的连接能够被查询 |
none | 文件将不被检索,且页面上的连接不能够被查询 |
index | 文件将被检索 |
follow | 页面上的连接能够被查询 |
noindex | 文件将不被检索,但页面上的连接能够被查询 |
nofollow | 文件将被检索,但页面上的连接不能够被查询 |
除了
meta
,咱们还应该了解不少的SEO优化技巧
简化代码结构,更利于搜索引擎分析抓取有用内容,全部js
、css
采用外联方式,图片采用css
精灵,减小请求次数。
利用布局,把重要内容HTML
代码放在最前。搜索引擎抓取HTML
内容是从上到下,利用这一特色,可让主要代码优先读取,广告等不重要代码放在下边。例如,在左栏和右栏的代码不变的状况下,只需改一下样式,利用float:left;
和float:right;
就能够随意让两栏在展示上位置互换,这样就能够保证重要代码在最前,让爬虫最早抓取。一样也适用于多栏的状况。
每一个页面只能出现一次H1
标签,H2
标签能够屡次:H1
权重很高,广泛认为仅次于title
,通常资讯详情页的标题、商品详情页的标题,都放在H1
里。
图片必定要添加alt
属性,title
属性可选:蜘蛛不认识图片上的内容,只能经过alt
属性来判断,若是是商品列表页,全部商品都加了alt
和title
的话,容易形成堆砌关键词,因此我通常是只加alt
属性。
图片大小声明:若是图片大小不作定义的话,页面须要从新渲染,就会影响到速度。
非特殊性连接,连接地址必定要写入herf
属性,作过SEO
优化的人员都知道,蜘蛛目前对于js
的支持不好,基本没法读取里面的连接地址。因此说用click
事件是绝对不容许的,特别是一些重要的导航连接。
网站结构呈扁平状树型,目录结构不宜过深,每一个页面离首页最多点击不超过3次,过深不利于搜索引擎的抓取。
作好404页面,通常会加首页连接及错误提示,并测试其返回状态码为404。 用户体验友好,能够留住用户不至于直接关闭页面;蜘蛛友好,能够返回抓取其余页面。
重要内容不要用JS
输出。蜘蛛不会读取JS
里的内容,因此重要内容必须放在HTML
里。
尽少使用iframe
框架。搜索引擎不会抓取到iframe
里的内容,重要内容不要放在框架中。
SEO要适度,网站仍是要以“内容为王”,有好的内容网站才会有发展。