HTML文件中的meta标签简介 教程 软件

love2wind 2022-9-15

1217 0

<meta>标签是「META-information」的缩写,用于描述 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。

<meta>被放置在<head></head>之间。<meta>标签不需要设置结束标签。

1.定义文档的字符编码(charset)

<meta charset="utf-8">

2.元描述(description)

<meta name="description" content="描述页面的概要和内容">

3.响应式 Web 设计(viewport)

viewport 是用户网页的可视区域。

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1, maximum-scale=1">
  • width:控制 viewport 的大小,可以指定的一个值,如 600,或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。
  • height:和 width 相对应,指定高度。
  • initial-scale:初始缩放比例,也即是当页面第一次 load 的时候缩放比例。
  • user-scalable:用户是否可以手动缩放。
  • maximum-scale:允许用户缩放到的最大比例。
  • minimum-scale:允许用户缩放到的最小比例。

4.元关键字(keyword)

<meta name="keywords" content="关键字1, 关键字2, 关键字3">

通过逗号隔开,可以设置多个关键字。

过于生僻的词语不适合做关键字。

罗列过多关键字对于搜索引擎检索没有意义。

5.禁止搜索引擎检索(robots)

<meta name="robots" content="noindex,nofollow">

禁止所有搜索引擎索引本页面,禁止跟踪本页面上的链接。

noindex:不要索引本页面。

nofollow:不要跟踪本页面上的链接。

6.OGP标签(og / twitter / fb)

<meta property="〇〇" content="▲▲▲▲">

这个是将SNS和网页的信息链接起来时的标签。

在Facebook、推特上分享页面时,可以正确传达捕捉图像、标题、用户名等信息。

  • og:url:页面的URL
  • og:type:页面的类型(website/article など)
  • og:title:页面的标题
  • og:description:页面的说明
  • og:site_name:网站名
  • og:image:图片的URL
  • og:locale:国家/地区
  • fb:app_id:Facebook的ID
  • twitter:card:Twitter卡片的类型(Summary Card/Summary with Large Image ……)
  • twitter:site:Twitter用户名

7.翻译无效化(notranslate)

<meta name="google" content="notranslate">

如果要禁用多语言翻译,可以用这个标签。

这个标签会在打开用英语页面时不显示是否翻译的确认按钮。

如果不创建英语页面,则无需设置。

8.作者(author)

<meta name="author" content="作者名">

在想指定作者名和公司名的情况下可以使用。

因为SEO的效果不太理想,所以是即使不设定也无所谓。

9.著作权(copyright)

<meta name="copyright" content="©公司名">

通常这个东西出现在页脚,不需要在这里设置。

最后于 2022-9-16 被nicepub编辑 ,原因:
HTML文件中的meta标签简介
上传时间:2022-9-15
上传用户:love2wind

关闭
这家伙太懒了,什么也没留下。
©️ 版权声明🔔
本文遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
1、本网站的资源主要来源于网络收集,如有侵权,请联系邮箱:i@nicepub进行删除处理。
2、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
3、不得发布和链接任何有关政治, 色情, 宗教, 迷信.低俗、变态、血腥、暴力的帖子。
4、不得发布危害国家安全.诋毁政府形象等违法言论和信息的帖子。
5、本站资源大多为网络云盘,如发现链接失效,可以进行反馈,我们会第一时间更新。
最新回复 (0)
    • 书苑论坛
      2
        马上登录 立即注册
返回