100 100.tools
JSON 格式化与校验 文本/代码差异对比工具 正则表达式在线测试器 CSS 渐变色生成与取色器 Cron 表达式生成器 UUID / GUID 批量生成器

SEO 与网页 Meta 标签预览

通过网址或手动填写的元数据，预览 Google 搜索结果、X/Twitter 卡片和 Facebook Open Graph 卡片。

手动填写内容只保留在浏览器中；从网址读取会把该网址和您的 IP 地址发送给 Microlink。

读取网页元数据

输入公开网页网址，也可以跳过此步骤并手动编辑所有字段。

元数据来源：Microlink

请勿粘贴私密链接、登录凭据或带敏感令牌的查询网址。

元数据编辑器

修改任何字段都会立即更新当前平台预览和生成的 HTML。

平台预览

预览仅供参考；不同平台可能采用不同的裁剪、截断和缓存方式。

E
example.comexample.com

页面标题会显示在这里

添加描述以预览搜索或社交摘要。

生成的 Meta 标签

将这些标签复制到页面 <head> 中，并在发布后再次验证。

准备就绪，请填写元数据或读取公开网址。

SEO 与网页 Meta 标签预览

发布前创建并检查搜索和社交分享元数据。可以通过 Microlink 读取公开网址，也可以完全手动填写。

隐私说明

手动填写内容只保留在当前浏览器中。只有点击“从网址读取”才会把网址和您的 IP 地址发送给 Microlink，请勿提交私密或包含凭据的链接。

主要功能

  • Google 搜索结果预览
  • X/Twitter 与 Facebook 卡片预览
  • Open Graph 和 Twitter Meta 标签生成
  • 手动编辑与可选网址读取

使用方法

  1. 读取或填写元数据

    输入公开网址，或者手动填写标题、描述、网站名、规范网址和头图。

  2. 检查文字长度

    字符计数只作为参考，应优先保证表达清晰，而不是机械填满固定长度。

  3. 切换预览平台

    比较 Google、X/Twitter 和 Facebook 的近似展示效果。

  4. 复制标签

    把生成的 HTML 放入页面 head，并在部署后使用各平台检查工具验证。

常见问题

这些预览和真实平台完全一致吗？

不完全一致。平台会调整布局，按像素宽度截断文字、裁剪图片并使用自己的缓存。本工具提供实用的近似预览。

从网址读取时会发生什么？

公开网址会由浏览器发送给 Microlink，后者返回规范化元数据，同时也会看到您的 IP 地址，并可能受到额度或目标站限制。

为什么发布后仍显示旧标题或旧图片？

Google 和社交平台会缓存元数据。确认线上标签正确后，需要使用其检查或分享调试工具请求刷新。

应该使用多大的头图？

公开可访问的 1200 × 630 图片是大图 Open Graph 和 Twitter 卡片的常用起点，重要内容应远离边缘。

相关工具

FAVICON Favicon 生成器 本地生成 favicon、应用图标和社交媒体图片尺寸。 CSS CSS 渐变色生成与取色器 带可拖动颜色节点的 CSS 渐变生成器。 JSON JSON 格式化与校验 本地格式化、校验和折叠 JSON。 TEXT-DIFF 文本/代码差异对比工具 本地对比原文与修改稿，支持并排视图和统一 diff。 REGEX 正则表达式在线测试器 实时高亮和捕获组的正则测试器。 CRON Cron 表达式生成器 本地生成并解释 cron 表达式。 UUID UUID / GUID 批量生成器 批量生成并导出 UUID v1、v4 和 v7。