Open Graph生成器

创建Open Graph元标签,改善社交媒体预览效果。

配置

0/60
拖放或点击上传图片
0/155
Twitter / X
EXAMPLE.COM
Your Page Title
Your description will appear here...

生成的标签

推荐工具

精心挑选的实用工具

Creating Open Graph Tags for Social Sharing

概述

Open Graph (OG) tags control how your link looks when shared on Facebook, LinkedIn, Slack, and other platforms — the headline, description, and preview image of the card. Well-set OG tags dramatically improve how shared links appear and how often they get clicked. This generator outputs the tags ready to paste.

使用步骤

  1. 1

    Enter title, description, and URL

    These become the card's headline, summary, and link.

  2. 2

    Add an image URL

    Use a 1200×630 image for the best-looking preview.

  3. 3

    Paste the tags into your head

    Add the generated og: tags inside your page's head section.

工作原理

When someone shares your URL, the platform's crawler reads the og: meta tags in your page head to build the preview card. The tool produces og:title, og:description, og:image, og:url, and og:type from your inputs, plus optional Twitter Card tags. The image is the most impactful — a 1200×630 image renders crisply across platforms.

什么时候用

Making a blog post or product page look polished when shared. Fixing a link that shows no image or wrong text on social media. Setting up consistent previews across a whole site.

常见问题

1200×630 pixels (a 1.91:1 ratio) is the standard that renders well on Facebook, LinkedIn, and most platforms.

Open Graph生成器 | Super Easy Utils