当前位置:首页 > SEO网站 > 正文内容

常用meta标签的作用以及全面整理

admin3年前 (2022-07-19)SEO网站525

1、定义

标签提供关于 HTML 文档的元数据。它不会显示在页面上,但是对于机器是可读的。可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。

2、作用

meta里的数据是供机器解读的,告诉机器该如何解析这个页面,还有一个用途是可以添加服务器发送到浏览器的http头部内容,例如我们为页面中添加如下meta标签:


浏览器的头部就会包括这些:

charset:iso-8859-1
expires:31 Dec 2008

只有浏览器可以接受这些附加的头部字段,并能以适当的方式使用它们时,这些字段才有意义。

3、meta的必需属性和可选属性

meta的必需属性是content,当然并不是说meta标签里一定要有content,而是当有http-equiv或name属性的时候,一定要有content属性对其进行说明。例如:

必需属性

这里面content里的属性就是对keywords进行的说明,所以呢也可以理解成一个键值对吧,就是{keywords:HTML,ASP,PHP,SQL}。

可选属性

在W3school中,对于meta的可选属性说到了三个,分别是http-equiv、name和scheme。考虑到scheme不是很常用,所以就只说下前两个属性吧。

http-equiv

http-equiv属性是添加http头部内容,对一些自定义的,或者需要额外添加的http头部内容,需要发送到浏览器中,我们就可以是使用这个属性。在上面的meta作用中也有简单的说明,那么现在再举个例子。例如我们不想使用js来重定向,用http头部内容控制,那么就可以这样控制:

在页面中加入这个后,5秒钟后就会跳转到指定页面啦,效果可看W3school的例子

name

第二个可选属性是name,这个属性是供浏览器进行解析,对于一些浏览器兼容性问题,name属性是最常用的,当然有个前提就是浏览器能够解析你写进去的name属性才可以,不然就是没有意义的。还是举个例子吧:

这个meta标签的意思就是告诉浏览器,用webkit内核进行解析,当然前提是浏览器有webkit内核才可以,不然就是没有意义的啦。当然看到这个你可能会有疑问,这个renderer是从哪里冒出来的,我要怎么知道呢?这个就是在对应的浏览器的开发文档里就会有表明的,例如这个renderer是在360浏览器里说明的。360浏览器内核控制Meta标签说明文档

常用meta标签大总结

接下来就是常用的meta标签大总结啦,我会尽可能的做到全

charset

charset是声明文档使用的字符编码,解决乱码问题主要用的就是它,值得一提的是,这个charset一定要写第一行,不然就可能会产生乱码了。

charset有两种写法


两个都是等效的。

百度禁止转码

百度会自动对网页进行转码,这个标签是禁止百度的自动转码

SEO 优化部分


your title







viewport

viewport主要是影响移动端页面布局的,例如:

content 参数:

  • width viewport 宽度(数值/device-width)
  • height viewport 高度(数值/device-height)
  • initial-scale 初始缩放比例
  • maximum-scale 最大缩放比例
  • minimum-scale 最小缩放比例
  • user-scalable 是否允许用户缩放(yes/no)

各浏览器平台

Microsoft Internet Explorer











Google Chrome




360浏览器


QQ手机浏览器






Apple iOS











Google Android




App Links











最后——移动端常用的meta































本文链接:https://netlover.cn/2018/08/15/meta-all.html

扫描二维码推送至手机访问。

版权声明:本文由老苏SEO转载并发布,如侵权可联系删除。

本文链接:https://laosuseo.com/?id=428

分享给朋友:

“常用meta标签的作用以及全面整理” 的相关文章

seo优化工具-几款SEO排名所需的SEO网站优化工具免费

seo优化工具-几款SEO排名所需的SEO网站优化工具免费

原标题:seo优化工具-几款SEO排名所需的SEO网站优化工具免费seo优化工具,什么是SEO优化工具?SEO优化工具有什么作用呢?SEO优化工具是为了更好的更方便的辅助网站关键词排名。每一个合格的SEO人员都是离不开各项数据的分析诊断,以及提高效率的工具。今天给大家分享一款免费的SEO优化工具覆盖...

seo优化中meta标签如何优化?

seo优化中meta标签如何优化?

meta标签,是每个网站seo的人员都需要掌握的一个标签,该标签优化的好的话,对你网站的排名是很有帮助  的,有关meta标签的一些用法知识,下面跟大家一起来分享一下。 一、实用的meta标签 这里的meta标签都很实用,确保你的每个页面代码...

SEO关键词优化的技巧知识分享

SEO关键词优化的技巧知识分享

我们做网站SEO优化,为了提高搜索结果中关键词的排名,需要特别注意关键词的选择、定位和布局。 今天小编将和大家讨论一些关于关键词优化的相关知识。一、关键词类别关键词有很多种,如核心关键词、二级关键词、长尾关键词、不受欢迎的关键词、流行关键词、高价值关键词等,我们都有一定的目的和策略来选择和...

做SEO优化的时候应该怎么选域名?

做SEO优化的时候应该怎么选域名?

这是第42篇原创文章,分享一下我们在做SEO的时候应该怎么选择域名,希望对大家有所帮助。如果你想了解SEO优化技巧和方法,关于域名的选择你还是需要知道的,如果你已经是SEOer,应该也是清楚的,域名的选择对SEO优化是有一定帮助的,那么我们就来了解一下域名选择需要考虑的几点问题。1、关于域名后缀一般...

html代码怎样优化更利于SEO排名

html代码怎样优化更利于SEO排名

做优化不仅仅需要懂一些SEO知识,还要懂得一些基本的html代码知识,而且代码也是需要优化的,那么怎么操作才能更利于网站排名呢?一、title标题标签代码:通常以的形式出现,是对网站的综合性介绍展示,对网站品牌和内容的诠释。如下:这里是网站的标题二、keywordskeywords是关键词标签,主要...

ShopifySEO如何优化您的Shopify商店下

ShopifySEO如何优化您的Shopify商店下

您是否希望改善 Shopify 网站上的 SEO 并使其在 Google 等搜索引擎上排名靠前?本 Shopify SEO 策略指南适合您。本指南的全部内容:向您展示搜索引擎优化策略,以帮助您提高商店的排名。上一篇文章中我们已经详细介绍了Shopify SEO的七个技巧,但对想要更完善的Shopif...