网页 Meta 简介
网页 meta 标签,是一种描述页面元信息(meta information)的标签,对用户不可见,但特定程序(如搜索引擎)可以识别。通常,<meta>
标签位于文档的头部(也有位于网页正文里面的情况),它不包含任何内容,由标签的属性传达内容和含义。
meta 标签的属性由 <名称=值>
对组成,定义了与当前页面相关的元信息。如果手工书写 meta 标签及其属性,较为繁琐,而且也不容易记住各种属性,本工具提供了一种方便快捷且不会出错的方式来生成 meta 标签。
注意:网页标题,即 title,它是由
<title>...</title>
元素定义,在这里,我们也称为其是网页 meta 信息之一。
功能说明
要生成相应的 meta 标签,只需在对应的文本框中输入恰当的内容,然后点击【生成 META 标签】按钮,即可在生成结果区域显示生成的 meta 元信息内容。
下面,我们通过几个例子,来展示本工具的实际功能和输出结果。
友情提示:
本站还提供了网页 meta 信息检测工具,可以检测一个网页拥有的所有 meta 标签信息。网页 meta 信息检测工具,可以作为搜索引擎模拟器,以搜索引擎漫游器的视角,来检测网页信息。
1、生成 meta title 标签
文档的 <title>
标签定义了网页的标题,是最重要的网页元信息之一,我们在创建网页标题时,需要花时间仔细推敲和拿捏。
输入:
独特工具箱,免费的在线工具
输出:
<title>独特工具箱,免费的在线工具</title>
2、生成 meta description 标签
网页 meta description 是网页的元描述,大多数搜索引擎会将网站的 meta 描述展示在 SERP 搜索结果页中。书写良好的 meta 描述,将有利于提升页面点击率。
输入:
独特工具箱是一个免费的、以用户体验为中心的在线工具网站。本站提供的在线工具包括开发工具、站长工具、网页工具、图片工具、文本工具、电商工具、语言工具、通用查询工具等各种实用工具,是您工作和学习的好帮手。
输出:
<meta name="description" content="独特工具箱是一个免费的、以用户体验为中心的在线工具网站。本站提供的在线工具包括开发工具、站长工具、网页工具、图片工具、文本工具、电商工具、语言工具、通用查询工具等各种实用工具,是您工作和学习的好帮手。">
3、生成 meta language 标签
meta language,即表示网页使用的语言。
输入:
zh-CN
输出:
<meta name="language" content="zh-CN">
4、生成 meta generator 标签
网页 meta generator 是指该网页由哪种程序生成。使用 WordPress 搭建的网站,在查看网页源代码时,会发现有 meta generator 标签。
输入:
WordPress 5.5
输出:
<meta name="generator" content="WordPress 5.5">
5、生成 meta robots 标签
网页中 meta robots 标签,是告知搜索引擎漫游器(俗称“爬虫”)如何跟踪和索引当前网页。支持 Follow
、No Follow
、Index
、No Index
、All
、None
等几个值。其中,Follow
表示要求跟踪此网页以及网页中的链接;Index
表示允许搜索引擎索引当前网页;All
表示搜索引擎既可以跟踪当前网页,也可以索引当前网页。
输入(在下拉框选择):
Index
输出:
<meta name="robots" content="Index">
更多 meta 标签的输出结果,请亲自尝试一下。