🛠️

🏷️Meta 标签生成器

生成 SEO meta 标签、Open Graph 和 Twitter Card 标签，支持一键复制。

Meta 标签生成器

生成 SEO、Open Graph 和 Twitter Card 的 meta 标签

基础 SEO

Open Graph

Twitter Card

HTML 输出
<title>My Awesome Website</title>
<meta name="description" content="A modern website built with Astro, React and Tailwind CSS." />
<meta name="keywords" content="astro, react, tailwind, web development" />
<meta name="author" content="John Doe" />
<link rel="canonical" href="https://example.com/page" />

<!-- Open Graph -->
<meta property="og:title" content="My Awesome Website" />
<meta property="og:description" content="A modern website built with Astro, React and Tailwind CSS." />
<meta property="og:image" content="https://example.com/og-image.png" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@example" />
<meta name="twitter:creator" content="@johndoe" />

关于 Meta 标签生成器

一站式为您的网站创建所有关键 meta 标签。生成标准 SEO meta 标签、用于社交分享的 Open Graph 标签以及用于富链接预览的 Twitter Card 标签。配置标题、描述、关键词和社交分享图片，然后一键复制可直接粘贴的 HTML。

主要特性

  • 生成 SEO meta 标签（title、description、keywords）
  • 生成适用于 Facebook/LinkedIn 的 Open Graph 标签
  • 生成适用于 X 的 Twitter Card 标签
  • 一键复制所有生成的标签

常见问题

什么是 Open Graph？
Open Graph 是由 Facebook 推出的一套协议，让您可以控制网页在社交媒体上被分享时的展示效果。它通过 og:title、og:image 等 meta 标签来定义预览内容。
为什么需要 meta 标签？
meta 标签能帮助搜索引擎理解页面内容以提升排名，并控制链接在社交媒体上分享时的展示样式，从而提升点击率和互动效果。