理 理悟万池
`⌘K`

全部工具

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" />