META标签是网页代码中HEAD区的一个关键标签,其提供的信息虽然用户不可见,但却是文档的最基本的元信息。说起meta标签,许多SEOer的第一反应就是K与D:keywords和description。这两种标签是在优化过程中最常用的也是被谈论最多的。但实际上meta标签远远不止这两个,作用也是随着属性的不同而各种各样。
需要注意的前提是,从SEO角度而言,在各种意义上页面的代码都是越精简越好,以下是一些meta标签以及个人对它们是否有必要的看法,在下文中,将会把它们归为3类:有好的作用并且务必在每个页面上都有的,在不同页面上要根据页面内容来决定是否有帮助的,以及最好不要使用的。
META标签指南:哪些meta标签该用哪些不该用?站长经验心得第1张
一、实用的meta标签
这里的meta标签都很实用,确保你的每个页面代码中都有它们。
1.metacontent-type标签
这个标签定义了该页面制作所使用的文字以及语言,并规定浏览器展示页面时显示的为该语言,务必确保每个页面都有这个标签。该标签的书写例子为:其中,gb2312为国标汉字码,不同的语言对应着不同的charset。
在页面与网站建设时,你肯定知道你的网站使用的是什么语言。
这其实并不是meta标签,但同样的存在于部分中,因此也顺带提一下。这个属性可以说是最重要的,就像每篇文章都不能没有标题一样,网页同样也要有标题,并且这个标题是独有的不重复的。这也是页面参与搜索排名的最重要参照。
3.description标签
这个标签现在的最重要作用就是:当用户在搜索引擎中搜索找到页面时,在搜索结果列表中补充描述该页面。在description中含有的词语,同样会被搜索引擎识别,并且同样的可以在某种程度上作为关键词参与排名。description的内容将会很大程度影响用户是否点击你的页面。写作description时有点像出售对应页面的广告语,一定要写的吸引人点击,并且不要夸大事实。description的长度最好不要超过160字节。
4.viewport
ViewPort标记用于指定用户是否可以缩放Web页面,如果可以,那么缩放到的最大和最小缩放比例是什么。如果你的页面上没有这个标签,那么你的页面的移动端体验可能会非常差,在搜索与浏览的流量越来越向移动端倾斜的现在,你应当为此做好准备。
viewport的meta标签书写方式例子如下:
其中,width和height指令分别指定视区的逻辑宽度和高度。width指令使用width=device-width标记可以指示视区宽度应为设备的屏幕宽度。类似地height指令使用device-height标记指示视区高度为设备的屏幕高度。user-scalable指令指定用户是否可以缩放视区,即缩放Web页面的视图。值为yes时允许用户进行缩放,值为no时不允许缩放。
initial-scale指令用于设置Web页面的初始缩放比例。默认的初始缩放比例值因智能手机浏览器的不同而有所差异。通常情况下设备会在浏览器中呈现出整个Web页面,设为1.0则将显示未经缩放的Web文档。
maximum-scale和minimum-scale指令用于设置用户对Web页面缩放比例的限制。值的范围为0.25至10.0之间。与initial-scale相同,这些指令的值是应用于视区内容的缩放比例。
META标签指南:哪些meta标签该用哪些不该用?站长经验心得第2张
二、视情况而定的meta标签。
这些meta标签在某些页面中非常实用,但在其他页面可能会显得非常多余,为了代码的精简,确保如下这些meta标签你使用的方式都正确。
1.socialmeta标签
这个标签的作用是点击后即迅速生成一个可以发布在社交媒体上的链接,用于分享转发等等。这些功能在内容页上对于传播非常有用,但并不是网站内所有页面都需要它,确保你将它用在了对的地方。
2.robotsmeta标签
有一个误解是:你必须制定一个ro
标签: 其提供的信息虽然用户不可见、 但实际上meta标签远远不止这两个、 许多SEOer的第一反应就是K与D、 在各种意义上页面的代码都是越精简越好、 但却是文档的最基本的元信息、 作用也是随着属性的不同而各种各样、 需要注意的前提是、 在下文中、 以下是一些meta标签以及个人对它们是否有必要的看法、 META标签是网页代码中HEAD区的一个关键标签、 将会把它们归为3类、 有好的作用并且务必在...、 keywords和description、 这两种标签是在优化过程中最常用的也是被谈论最多的、 从SEO角度而言、 说起meta标签、本文地址: https://yihaiquanyi.com/article/8e184d2fd7489bc77161.html
上一篇:抖音拉黑了是什么样的页面什么样的页面才算...