X (Twitter)

一、元数据到底是什么？

最直白的解释：
元数据就是“描述数据的数据”。

打个比方：
一本书有封面、书名、作者、简介、出版日期……这些信息本身不是正文内容，但能帮助读者快速判断要不要翻开这本书。网页的元数据也是一样，它告诉搜索引擎、社交媒体、浏览器“这页内容讲的是什么”。

二、最重要的几种网页元数据（必填！）

1. 标题（Title）

<title>2025最值得买的10款无线耳机｜真无线蓝牙耳机推荐</title>

出现在：浏览器标签、搜索引擎结果页（蓝色大标题）、微信/微博分享卡片
建议长度：不超过60个字符（百度约30个中文字符，谷歌可到60-70）
黄金公式：核心关键词 + 吸引人的修饰词 + 品牌/平台名

2. 描述（Meta Description）

<meta name="description" content="2025年最新真无线耳机推荐，千元以内音质最强的前10款机型，包含索尼、苹果、华为、安克等品牌详细评测和选购建议。">

出现在：搜索引擎结果里标题下方的那段灰色文字
建议长度：120-158个字符（太长会被截断）
作用：直接影响点击率！哪怕排名第二，描述写得好也能把第一名流量抢走

3. 分享预览图（Open Graph / Twitter Card）

<meta property="og:image" content="https://yoursite.com/images/2025-earphone.jpg">  
<meta property="og:title" content="2025最值得买的10款无线耳机">  
<meta property="og:description" content="千元内音质天花板都在这了！">  
<meta name="twitter:card" content="summary_large_image">

当别人把你的链接发到微信、朋友圈、微博、小红书、Twitter时，显示的卡片封面图就是这里设置的
推荐尺寸：1200×628px（1.91:1），确保手机和电脑都好看

4. 其他常见但重要的元数据

<meta charset="utf-8"> <!-- 字符编码 -->  
<meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 手机适配 -->  
<meta name="robots" content="index,follow"> <!-- 允许搜索引擎收录 -->  
<meta name="author" content="张三"> <!-- 作者 -->  
<meta name="copyright" content="© 2025 某某网站"> <!-- 版权 -->

三、元数据为什么这么重要？

影响搜索引擎排名
虽然现在 title 和 description 的直接权重不如以前，但它们仍然是搜索引擎理解页面主题的重要信号。
直接决定点击率（CTR）
同样排在搜索结果第一页，标题和描述写得吸引人，点击率可能差2-5倍！
决定社交媒体分享效果
没设置 og:image？别人分享你的文章可能只显示一个灰色小图标，或者随机抓取一张丑图，流量直接腰斩。
提升专业度和品牌感
一个标题乱七八糟、分享卡片丑陋的网站，会让人下意识觉得“不靠谱”。

四、一份最常用的完整元数据模板

<head>  
<meta charset="utf-8">  
<meta name="viewport" content="width=device-width, initial-scale=1">  
  
<title>这里填网页标题（建议50-60字符）</title>  
<meta name="description" content="这里填吸引人的描述，120-158字符，最好带关键词和号召性语句">  
<meta name="keywords" content="关键词1,关键词2,关键词3"> <!-- 现在作用不大，可写可不写 -->  
  
<!-- Open Graph（微信、Facebook、LinkedIn等） -->  
<meta property="og:title" content="分享时显示的标题">  
<meta property="og:description" content="分享时显示的描述">  
<meta property="og:image" content="https://yoursite.com/images/preview.jpg">  
<meta property="og:url" content="https://yoursite.com/current-page-url">  
<meta property="og:type" content="article">  
  
<!-- Twitter Card -->  
<meta name="twitter:card" content="summary_large_image">  
<meta name="twitter:title" content="分享到Twitter时的标题">  
<meta name="twitter:description" content="分享到Twitter时的描述">  
<meta name="twitter:image" content="https://yoursite.com/images/preview.jpg">  
</head>

最后总结

元数据虽然看不见、摸不着，但它是你网站在互联网世界里的“第一张名片”。
花5分钟认真填写好 title、description 和 og:image，往往能带来几倍的流量提升。

下次发文章之前，问自己三个问题：

搜索引擎里看到我的标题和描述，会点进来吗？
别人分享到微信时，这张卡片好看吗？
我把自己放进用户位置，会被吸引吗？

如果三个答案都是“Yes”，恭喜你，已经掌握了元数据最核心的精髓。

什么是元数据？

作者

分类

更多文章

AMP怎么样？

邮件列表