常见的meta元数据使用
随意打开一个页面查看源码都会发现有一些列的meta标签,它在页面中的head标签中

常见的HTML meta元数据包括:
# charset
定义文档的字符编码。
<meta charset="UTF-8">
1
# viewport
用于控制页面在移动设备上的视口大小和缩放比例。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
1
# description
描述网页的内容。
<meta name="description" content="描述网页内容的简短描述">
1
# keywords
定义网页的关键词。
<meta name="keywords" content="关键词1, 关键词2, 关键词3">
1
# author
定义网页的作者。
<meta name="author" content="作者名称">
1
# robots
用于控制搜索引擎爬虫的行为。
<meta name="robots" content="index, follow">
1
# og:title、og:description、og:image
用于定义在社交媒体上分享时的标题、描述和图片。
<meta property="og:title" content="分享标题">
<meta property="og:description" content="分享描述">
<meta property="og:image" content="https://example.com/image.jpg">
1
2
3
2
3
这些meta元数据可以用于帮助搜索引擎索引网页内容,控制网页在社交媒体上的分享效果,以及提供页面的其他重要信息。
上次更新: 2025/09/05, 8:09:00