Developer SEO Utility

Meta Tag 生成器

输入页面标题、描述、URL 和代表图片地址,即可自动生成 SEO meta 标签、Open Graph 标签和 Twitter Card 标签。

SEO Meta 生成 可生成 title、description、canonical、robots 标签。
支持 Open Graph 可同时生成用于 KakaoTalk、Facebook 和社交媒体分享的 OG 标签。
提供预览 可根据输入内容预览搜索结果和分享卡片的显示效果。
Title 0字
Description 0字
OG Image 未输入
Output HTML

Meta Tag 设置

请输入页面基本信息和社交分享信息。标题和描述保持在建议长度内时,在搜索结果中会显示得更清晰。

建议输入标准

Title 建议约 50–60 字,Description 建议约 120–150 字。代表图片建议使用横向图片,以便适配 KakaoTalk 和社交媒体分享。

0/建议 60 字 请输入标题。

0/建议 150 字 请输入描述。

用于 canonical 和 og:url。

用于 og:image 和 twitter:image。

用于 og:site_name。

用于设置搜索索引和链接跟踪。

表示分享内容的类型。

社交分享卡片格式。

选择要包含的标签

只生成需要的标签组。

预览

可简单查看页面在搜索结果和社交分享中可能显示的形式。

等待中
Search Preview

页面标题会显示在这里

https://example.com/page/

页面描述会显示在搜索结果中。

Open Graph Preview
OG IMAGE
页面标题会显示在这里

页面描述会显示在这里

win-j.com

生成结果

请将以下代码添加到 HTML 的 head 区域。

请输入信息后点击生成 Meta Tag 按钮。

帮助

为什么需要 Meta Tag?

Meta Tag 用于向搜索引擎传递页面标题和描述,并指定在 KakaoTalk 或社交媒体分享时显示的标题、描述和图片。

建议长度

  • Title:通常建议在 50–60 字以内
  • Description:通常建议在 120–150 字以内
  • OG Image:用于 KakaoTalk 和社交分享时,建议使用横向缩略图

Open Graph 标签用于哪里?

Open Graph 标签用于控制在 KakaoTalk、Facebook、Discord 等平台分享链接时显示的标题、描述和图片。

注意事项

实际搜索结果中的文字可能会根据搜索引擎、页面内容和搜索关键词而变化。生成的标签可作为基础 SEO 设置使用。

Title 和 Description 一定要输入吗?

为了提升搜索结果和分享预览的质量,建议输入。尤其是 Description 有助于用户理解页面内容。

代表图片 URL 应该使用什么图片?

考虑到 KakaoTalk 和社交媒体分享,通常使用 1200x630 比例的横向图片。