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

Overview

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.

How to Use (Step by Step)

  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.

How It Works

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.

When to Use This

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.

Frequently Asked Questions

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