Meta 标签生成器 & 社交卡片预览

网站基本信息

/60
/160

推荐尺寸: 1200 x 630 px

GOOGLE SEARCH
›

FACEBOOK / OG
No Image
TWITTER
No Image
🔗

生成的 Meta 标签代码

工作原理

Meta 标签是 HTML 代码的一部分,它们向搜索引擎可以和社交媒体平台描述网页的内容。Open Graph (OG) 协议则被 Facebook、LinkedIn 等平台使用,用于控制网页在分享时的展示样式(图片、标题、描述)。Twitter Cards 则专门针对 Twitter 的分享预览。本工具能自动组合这些标签,确保您的网页在任何地方分享时都看起来很专业。

使用场景

常见问题 (FAQ)

什么是 Open Graph (OG) 标签?
Open Graph 协议最初由 Facebook 创建,旨在标准化网页在社交媒体上的元数据。现在,LinkedIn、Pinterest 甚至 WhatsApp、WeChat 等都使用这些标签来生成链接预览。
推荐的 OG 图片尺寸是多少?
目前的最佳通用尺寸是 1200 x 630 像素 (比例 1.91:1)。这个尺寸在 Facebook、Twitter 和 LinkedIn 上都能完美展示。最小建议尺寸为 600 x 315 像素。
网页标题和 og:site_name 有什么区别?
网页标题 (Title) 通常指当前文章或页面的具体名称(如“如何学习编程”)。而 og:site_name 指的是整个网站的品牌名称(如“编程学院”)。
为什么分享到微信不显示图片?
微信对图片大小有限制,通常需要 200kb 以内的小方图 (300x300)。此外,微信通常需要通过 JS-SDK 来精确控制分享内容,单纯的 Meta 标签在微信内可能不完全生效,但在系统浏览器分享时有效。
Meta Description 对排名重要吗?
Google 官方表示 Meta Description 不是直接的排名因素。但它是吸引用户点击的关键广告语。高点击率 (CTR) 间接有助于提升 SEO 表现。
Twitter Card 有哪几种类型?
主要有两种:'summary'(小图+摘要)和 'summary_large_image'(大图+摘要)。大多数现代网站倾向于使用大图模式,视觉冲击力更强,点击率更高。
修改了 Meta 标签后,为什么分享卡片没更新?
Facebook、Twitter 等平台会对链接预览进行缓存。您需要使用它们提供的 Debugger 工具(如 Facebook Sharing Debugger)手动从新抓取以刷新缓存。
Canonical 标签有什么用?
当多个页面内容相似时(如带参数的 URL),Canonical 标签告诉搜索引擎哪个是“规范”版本,从而避免分散权重,解决重复内容问题。

更多免费实用工具