meta 标签在线生成器
填写 title、description 与页面信息,左侧实时预览 Google 搜索结果与社交分享卡片效果,一次生成全套 meta 代码。全部在浏览器本地完成,无需注册。
页面信息
实时预览
https://example.com/page/
页面标题
页面描述会显示在这里……
生成结果
将代码粘贴到页面 <head> 内。og:image 与 canonical 必须是可直接访问的完整 URL,否则分享卡片与收录会失效。
meta 标签:页面递给机器的名片
爬虫抓到页面的头几百字节里,title 与 description 是权重最高的「自我介绍」:搜索结果按它们排版,社交平台用它们生成分享卡片,AI 引擎拿它们判断页面主题。Open Graph(og:)标签决定链接被分享到微信、微博等平台时的标题、描述与配图;canonical 则告诉引擎多个相似 URL 中哪个是正主,避免权重分散。
本工具实时预览搜索结果与分享卡片两种最关键的展示形态,帮你写完即刻看到效果。想要系统性的页面级检查(标题长度、canonical 有无、og 完整度),用网站 GEO 就绪度检测;内容层面的可引用性优化思路,见《如何让品牌被 ChatGPT 引用》。
常见问题
title 和 description 各写多长合适?
经验值:中文 title 建议 20-30 字,description 建议 60-100 字。超出部分在搜索结果中会被截断成省略号,本工具提供实时字数提示。
og:image 用什么尺寸?
大图卡片推荐 1200×630 像素(约 1.91:1);小图卡片推荐小于 500×500。图片必须是可以直接访问的完整 URL。
meta description 还重要吗?AI 时代有什么变化?
依然是搜索结果与许多社交平台摘要的重要来源;对 AI 引擎而言,简洁准确的 description 是判断页面主题的直接信号。写清「这个页面回答什么问题」比堆砌关键词有效得多。