Open Graph
Twitter / X
Pratinjau Sosial โ Facebook
Page Title
Hasilkan Meta HTML
<meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" />
<head> <!-- Open Graph (for Facebook, LinkedIn, Slackโฆ) --> <meta property="og:title" content="Your Page Title" /> <meta property="og:description" content="A concise page description" /> <meta property="og:image" content="https://example.com/image.jpg" /> <meta property="og:url" content="https://example.com/page" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="My Site" /> <!-- Twitter Cards (also used by X / formerly Twitter) --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Your Page Title" /> <meta name="twitter:description" content="A concise page description" /> <meta name="twitter:image" content="https://example.com/image.jpg" /> </head>
| Platform | Recommended Size | Min Size | Aspect Ratio |
|---|---|---|---|
| 1200ร630 px | 600ร315 px | 1.91:1 | |
| Twitter / X | 1200ร628 px | 300ร157 px | ~1.91:1 |
| 1200ร627 px | 200ร200 px | 1.91:1 | |
| Slack | 1200ร628 px | โ | ~1.91:1 |
Keep under 60 characters. Match the page <title> for consistency.
150โ160 characters. Write a compelling summary, not just keywords.
Use HTTPS. Minimum 1200ร630 px. Avoid text-heavy images.
Use the canonical URL. Avoids duplicate content issues when pages share images.
Meta tag Open Graph (OG) adalah tag metadata HTML yang mengontrol tampilan konten Anda saat dibagikan di platform media sosial seperti Facebook, LinkedIn, dan Slack. Dibuat oleh Facebook pada tahun 2010, mereka memungkinkan Anda menentukan judul, deskripsi, gambar, dan properti lainnya untuk kartu berbagi sosial.
Ukuran gambar Open Graph yang disarankan adalah 1200ร630 piksel dengan rasio aspek 1,91:1. Twitter/X merekomendasikan 800ร418 untuk summary_large_image. Gambar harus di bawah 8 MB (Facebook) atau 5 MB (Twitter). Format PNG atau JPG paling sesuai.
Ya. Twitter menggunakan tag berprefix twitter: sendiri (twitter:card, twitter:title, twitter:description, twitter:image), tetapi Twitter akan menggunakan tag og: jika tag twitter: tidak ada. Disarankan untuk menyetel keduanya agar kompatibel maksimal di semua platform.
Platform menyimpan data OG dalam cache. Facebook mungkin memerlukan 24 jam untuk menyegarkan; gunakan Facebook Sharing Debugger untuk memaksa penghapusan cache. LinkedIn biasanya diperbarui dalam beberapa menit. Twitter menyegarkan setiap kali ada deteksi tautan berbagi baru. Slack menyegarkan segera saat ditempel.