搜索结果预览
查看标题、网址和描述的桌面搜索摘要效果及长度提示。
Meta 标签与 SERP 预览生成器
Meta 标签与 SERP 预览生成器
生成搜索摘要、Canonical、Open Graph 与 Twitter Card 标签。
搜索结果预览
https://example.com/page
页面标题预览
页面描述会显示在这里。
社交分享预览
example.com
页面标题预览
页面描述会显示在这里。
HTML Meta 标签
<title></title> <meta name="description" content=""> <link rel="canonical" href=""> <meta name="robots" content="index, follow"> <meta property="og:type" content="website"> <meta property="og:title" content=""> <meta property="og:description" content=""> <meta property="og:url" content=""> <meta property="og:locale" content="zh_CN"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content=""> <meta name="twitter:description" content="">
- 请填写页面标题。
- 请填写页面描述。
- 请填写完整有效的 Canonical HTTP/HTTPS URL。
- 尚未填写社交分享图片，分享时可能无法显示大图。
搜索摘要与社交分享
什么是 Meta 标签生成器？
Meta 标签描述页面标题、摘要、规范网址、索引指令和社交分享信息。搜索引擎与社交平台会读取这些信号生成搜索摘要或分享卡片。
预览只能模拟常见展示方式，搜索引擎可能根据查询改写标题和描述。最终标签应准确反映页面可见内容，并在服务器返回的 HTML 中提供。
生成内容
Open Graph
生成 Facebook、LinkedIn 等平台使用的标题、描述、图片和网址。
Twitter Card
生成 summary 或 summary_large_image 卡片标签。
为什么要同时生成搜索与社交标签？
缺少或互相冲突的标签会造成摘要不稳定、分享无图、错误 Canonical 和索引意图不清。
控制页面主题表达
把核心搜索意图放在标题和描述前部，同时避免明显截断。
保持渠道一致
统一搜索、Open Graph 与 Twitter 的网址、标题、描述和图片。
提前发现缺项
对无效 URL、缺失图片、noindex 和长度问题即时提示。
Meta 标签生成器如何工作？
输入只在浏览器本地处理，预览与代码实时更新，不请求或修改网站。
- 01
填写页面信息
输入标题、描述、Canonical、站点名称和语言。
- 02
设置索引与分享
选择 robots 指令、社交图片和 Twitter 卡片类型。
- 03
检查实时预览
核对搜索摘要、字符数、网址与社交卡片视觉层级。
- 04
复制 HTML
把生成标签放入页面 head，并用检测工具验证线上输出。
Meta 标签生成常见问题
Title 和 H1 必须完全相同吗？
不必逐字相同，但应表达同一主题。Title 面向搜索摘要，H1 面向页面内容结构，两者不应互相矛盾。
搜索引擎为什么会改写描述？
当现有描述与查询不匹配或质量不足时，搜索引擎可能从页面正文选择更相关的片段。
Canonical 应填写什么？
填写最终、稳定、可索引的绝对 HTTPS URL。不要把所有页面都指向首页，也不要指向重定向或 noindex 页面。
社交分享图片建议多大？
常用建议为 1200×630 像素，使用可公开访问的绝对 HTTPS 地址，并确保主体在不同裁切下仍可辨识。
生成器会上传图片吗？
不会。工具只引用你填写的图片 URL，不上传文件，也不保存输入。