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:image:alt 和 twitter:image:alt。

用于 og:site_name。

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

表示分享内容的类型。

社交分享卡片格式。

选择要包含的标签

只生成需要的标签组。

预览

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

等待中
Search Preview

页面标题会显示在这里

https://example.com/page/

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

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

页面描述会显示在这里

win-j.com

生成结果

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

请输入信息后点击生成 Meta Tag 按钮。
使用指南

生成页面专属的搜索与分享元标签

创建 title、description、robots、可选 canonical 和 OG、Twitter Card。请与已有模板合并,避免同一字段重复。

适用人群

  • 页面模板开发者
  • 搜索与分享文案编辑

使用场景

  • 准备新页元数据。
  • 只生成基本搜索标签。

从输入到检查结果

  1. 1

    填写独有标题和准确摘要。

  2. 2

    需要 canonical 或 OG 时输入最终页面 URL。

  3. 3

    输入公开图片 URL 和有意义的 alt。

  4. 4

    选择实际使用的标签组。

  5. 5

    生成并合并入 head,避免重复。

  6. 6

    验证发布源码及真实展示。

使用示例 1

基本标签

输入
标题、描述;仅启用 Basic SEO
结果
title、description、robots,填入URL时加canonical

该配置无需图片。

使用示例 2

分享标签

输入
全组选中;页面URL、图片URL和alt
结果
基本标签、OG、Twitter Card及图片alt

标签正确不等于爬虫一定能获取图片。

计算与处理原理

要求标题、描述和至少一组标签。URL 检查 HTTP(S)、认证信息及2,048字符限制。OG 要求页面和图片地址,分享图片要求alt;所有输出做 HTML 转义。

限制与注意事项

  • 字符数和预览不预测真实搜索展示。
  • 不检查图片响应、尺寸和缓存。
  • robots与canonical需要结合页面目的选择。
数据处理

本地生成,但图片预览可能直接访问输入主机。避免敏感或签名图片 URL。

相关工具

常见问题

无图片能生成吗?

仅基本 SEO 可以,OG和大图Twitter Card需要图片。

为什么要求alt?

便于在图片不可见或无法显示时说明其内容。

直接追加到已有标签后吗?

请合并模板并删除重复字段,不要盲目追加第二套。