SEO · META

Meta 标签生成器

填写表单即时生成 Open Graph / Twitter Card / SEO meta 标签，预览社交平台分享卡片效果。

标题 (Title)

站点名 (Site Name)

描述 (Description)

页面 URL

图片 URL (OG Image)

OG Type

Twitter Card 类型

Twitter @site

example.com

My Awesome Page

A description of my page that will appear in search results and social shares.

<!-- Primary Meta Tags -->
<title>My Awesome Page</title>
<meta name="description" content="A description of my page that will appear in search results and social shares." />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:title" content="My Awesome Page" />
<meta property="og:description" content="A description of my page that will appear in search results and social shares." />
<meta property="og:image" content="https://example.com/og-image.jpg" />
<meta property="og:site_name" content="MySite" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://example.com/page" />
<meta property="twitter:title" content="My Awesome Page" />
<meta property="twitter:description" content="A description of my page that will appear in search results and social shares." />
<meta property="twitter:image" content="https://example.com/og-image.jpg" />
<meta property="twitter:site" content="@mysite" />