Meta标签生成器

生成SEO元标签和社交媒体分享标签

基本信息

页面标题

搜索结果中显示的标题（建议50-60字符）

0/60

页面描述

搜索结果中显示的描述（150字符限制）

0/150

Meta描述长度

可选择预设，或在 50-300 字符范围内自定义输入。选择值会保存在 Cookie 中。

页面URL

https://example.com/page

关键词

用逗号分隔

作者

author

Canonical URL

https://example.com/canonical

Open Graph

OG标题

留空则使用默认标题

OG描述

留空则使用默认描述

OG图片URL

Page Title

Page description will appear here...

代码

<meta name="robots" content="index, follow">
<meta property="og:type" content="website">
<meta property="og:locale" content="ko_KR">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">

优化提示

标题保持在50-60字符以内

描述应按所选字符限制优先写入核心内容

OG图片推荐使用1200x630px

每个页面使用唯一的Meta标签

什么是元标签生成器?

元标签生成器是通过表单输入轻松生成网页SEO元标签、Open Graph(OG)标签、Twitter Card标签的工具。可以实时查看Google搜索结果、Facebook、LinkedIn、Discord等各种平台上的预览，并自动生成HTML和Next.js/Nuxt.js代码，可直接应用到项目中。

生成 SEO 基本元标签（title、description、keywords、canonical）
使用 Open Graph 标签（og:title、og:image 等）优化社交媒体分享
生成 Twitter Card（summary、large image）元标签
实时预览 Google、Facebook、LinkedIn、Discord 中的效果
自动输出 HTML、Next.js、Nuxt.js 代码格式
通过 robots 元标签控制搜索引擎索引

使用方法

1
输入基本信息
输入页面标题、说明、URL、关键词等基本 SEO 信息，界面会提示建议字符数。
2
设置 Open Graph 和 Twitter
输入 OG 图片 URL、内容类型、Twitter Card 格式等社交媒体分享设置。
3
查看预览
通过实时预览查看页面在 Google、Facebook、LinkedIn、Discord 中的显示效果。
4
复制代码
选择 HTML 或 Next.js/Nuxt.js 格式的代码标签页，点击全部复制按钮复制生成的元标签。

常见问题

Open Graph 是 Facebook 创建的协议，用于在网页分享到社交媒体时，以标准格式显示标题、说明、图片等。Facebook、LinkedIn、Discord、KakaoTalk 等多数平台都支持。

Open Graph 图片建议使用 1200x630px。该尺寸可在 Facebook、LinkedIn 等多数平台上完整显示，建议文件大小不超过5MB。

当同一内容可通过多个 URL 访问时，Canonical URL 用于告知搜索引擎哪个是原始 URL，从而避免重复内容问题并集中 SEO 权重。

noindex 阻止搜索引擎在搜索结果中显示该页面，nofollow 则阻止其跟踪页面内链接。两项可以独立设置。

summary 会显示小缩略图、标题和说明，summary_large_image 则突出显示大图。对于视觉内容重要的页面，建议使用 summary_large_image。

使用技巧

标题应控制在50-60个字符，说明应控制在150-160个字符内，以免在搜索结果中被截断
为每个页面设置唯一的元标签，最大限度提升搜索引擎优化效果
OG 图片中包含文字时，请将其放在图片中央以防被裁切
在 Google Search Console 中查看实际搜索结果显示，验证元标签效果
Next.js 项目可使用 Metadata API 更高效地管理元标签

<meta name="robots" content="index, follow"> <meta property="og:type" content="website"> <meta property="og:locale" content="ko_KR">  <meta name="twitter:card" content="summary_large_image">

什么是元标签生成器?

生成 SEO 基本元标签（title、description、keywords、canonical）

使用 Open Graph 标签（og:title、og:image 等）优化社交媒体分享

生成 Twitter Card（summary、large image）元标签

实时预览 Google、Facebook、LinkedIn、Discord 中的效果

自动输出 HTML、Next.js、Nuxt.js 代码格式

通过 robots 元标签控制搜索引擎索引

使用方法

输入基本信息

输入页面标题、说明、URL、关键词等基本 SEO 信息，界面会提示建议字符数。

设置 Open Graph 和 Twitter

输入 OG 图片 URL、内容类型、Twitter Card 格式等社交媒体分享设置。

查看预览

通过实时预览查看页面在 Google、Facebook、LinkedIn、Discord 中的显示效果。

复制代码

选择 HTML 或 Next.js/Nuxt.js 格式的代码标签页，点击全部复制按钮复制生成的元标签。

常见问题

Open Graph 图片建议使用 1200x630px。该尺寸可在 Facebook、LinkedIn 等多数平台上完整显示，建议文件大小不超过5MB。

当同一内容可通过多个 URL 访问时，Canonical URL 用于告知搜索引擎哪个是原始 URL，从而避免重复内容问题并集中 SEO 权重。

noindex 阻止搜索引擎在搜索结果中显示该页面，nofollow 则阻止其跟踪页面内链接。两项可以独立设置。

summary 会显示小缩略图、标题和说明，summary_large_image 则突出显示大图。对于视觉内容重要的页面，建议使用 summary_large_image。

使用技巧

标题应控制在50-60个字符，说明应控制在150-160个字符内，以免在搜索结果中被截断

为每个页面设置唯一的元标签，最大限度提升搜索引擎优化效果

OG 图片中包含文字时，请将其放在图片中央以防被裁切

在 Google Search Console 中查看实际搜索结果显示，验证元标签效果

Next.js 项目可使用 Metadata API 更高效地管理元标签