自己辛辛苦苦做出来的心爱网站怎能没有搜索引擎优化(SEO)?
对<meta>标签的了解还停留在<meta charset="UTF-8">?
<meta>对浏览器的支持
浏览器支持:
所有浏览器都支持 <meta> 标签。
定义和用法
<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
name 属性
name 属性提供了名称/值对中的名称。HTML 和 XHTML 标签都没有指定任何预先定义的 <meta> 名称。通常情况下,您可以自由使用对自己和源文档的读者来说富有意义的名称。
"keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类。
类似这样的 meta 标签可能对于进入搜索引擎的索引有帮助:
<meta name="keywords" content="雷潮教育,VR培训">
content 属性
content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。
content 属性始终要和 name 属性或 http-equiv 属性一起使用。
简单的来说就是对<meta>标签属性内容的描述
还能怎么玩?
<meta>标签可以包含很多关于网站的信息,如:网站关键词、网站作者、网站简介以及版权等。
如下图所示,就是实际用在网页中的代码:
有点英文基础的同学肯定一眼就看懂了,就是这么简单。
<meta name="参数" content="具体的描述">
属性name就是被描述的对象,content就是描述对象的内容。
keywords:关键词
author:网站作者
description:网站简介、网站描述
copyright:网站版权
robots:定义搜索引擎爬虫的索引方式
generator:网页制作软件。
revisit-after:搜索引擎爬虫重访时间。
值得一提的是robots这个属性,可以细分一下:
说明:robots用来告诉爬虫哪些页面需要索引,哪些页面不需要索引。
robots(定义搜索引擎爬虫的索引方式)
content的参数有all,none,index,noindex,follow,nofollow。默认是all。
具体参数如下:
1.none : 搜索引擎将忽略此网页,等价于noindex,nofollow。
2.noindex : 搜索引擎不索引此网页。
3.nofollow: 搜索引擎不继续通过此网页的链接索引搜索其它的网页。
4.all : 搜索引擎将索引此网页与继续通过此网页的链接索引,等价于index,follow。
5.index : 搜索引擎索引此网页。
6.follow : 搜索引擎继续通过此网页的链接索引搜索其它的网页。
<meta name="robots" content="all">
意思就是让爬虫蜘蛛索引网站所有的内容。
revisit-after(搜索引擎爬虫重访时间)
如果页面不是经常更新,为了减轻搜索引擎爬虫对服务器带来的压力,可以设置一个爬虫的重访时间。如果重访时间过短,爬虫将按它们定义的默认时间来访问。
举例:
<meta name="revisit-after" content="5 days" >
使用<meta>标签优化后的效果
在站长工具网站里可以查看到网站的一些信息,下图是我优化后站长网站自动检测出来的结果,怎么样?还是有点效果的吧~
优化网站信息不仅方便了一些开发者了解我们网站的信息,还对搜索引擎更加友好,蜘蛛爬虫能够收录更多我们网站的信息,咱们网站也更容易出现在搜索引擎上。
最后
关于SEO,里面的内容太多了!这还是其中的一小点内容,光是<meta>标签就能分享很多的知识,还有很多用法我正在学习。分享的内容如果有理解错误的地方,还请各位大神帮忙指正。