Free Open Graph Preview Tool

See exactly how your links will appear when shared on Facebook, Twitter/X, LinkedIn, Discord, Slack, and WhatsApp. Enter your meta tags and preview all platforms instantly.

Enter Your Meta Tags

Enter your OG tags manually below to preview how they render on each platform. URL fetching requires a server-side proxy due to browser CORS restrictions.

0/60 karakter
0/160 karakter

Recommended: 1200x630px (1.91:1 ratio) for best results across all platforms.

Social Media Previews

Fill in the fields on the left to see live previews of how your link will appear on each platform.

Apa itu Alat Pratinjau Open Graph?

Alat pratinjau Open Graph memungkinkan Anda melihat persis bagaimana halaman web Anda akan muncul ketika seseorang membagikan URL Anda di media sosial. Tag Open Graph (OG) mengontrol gambar, judul, dan deskripsi yang ditampilkan platform di pratinjau tautan.

Alat gratis ini memungkinkan Anda memasukkan data meta OG secara manual dan melihat pratinjaunya di 6 platform utama — semua sisi klien tanpa mengirim permintaan ke server Anda.

Tips untuk Pratinjau Tautan Media Sosial yang Sempurna

1

Gunakan Gambar 1200x630px

Rasio aspek 1,91:1 (1200x630px) berfungsi di semua platform utama. Facebook, LinkedIn, dan Twitter semuanya menggunakan rasio ini untuk pratinjau kartu besar.

2

Buat Judul di Bawah 60 Karakter

Facebook memotong judul sekitar 60-65 karakter. Twitter serupa. Tulis judul yang ringkas dan menarik yang menyampaikan nilai dalam batas tersebut.

3

Deskripsi: Maksimal 155 Karakter

Sebagian besar platform memotong deskripsi antara 155-200 karakter. Tulis informasi terpenting terlebih dahulu.

4

Selalu Sertakan og:image

Tautan tanpa gambar mendapat klik yang jauh lebih sedikit. Postingan dengan gambar pratinjau tautan mendapat keterlibatan 2-3x lebih tinggi rata-rata.

5

Uji di Setiap Platform

Setiap platform merender pratinjau secara berbeda. Facebook menggunakan kartu horizontal besar, Twitter mendukung kartu ringkasan dan gambar besar.

6

Gunakan URL Absolut untuk Gambar

Crawler media sosial tidak dapat memproses jalur gambar relatif. Selalu gunakan URL absolut lengkap (https://...) untuk og:image.

Perbandingan Alat Pratinjau OG

FiturKleapmetatags.ioOpenGraph.xyzFacebook Debugger
HargaGratisGratis / $9+/blnGratis (terbatas)Gratis
Platform pratinjau6 platform5 platform3 platformsFacebook only
Manual Tag EntryYaYaNo (URL only)No (URL only)
Copy Meta TagsYaYaTidakTidak
Character WarningsYaTidakTidakTidak
Tidak Perlu MendaftarYaYaYaFacebook login

Pertanyaan yang Sering Diajukan

Apa itu tag meta Open Graph?+
Tag meta Open Graph (OG) adalah tag HTML yang ditempatkan di bagian <head> halaman web Anda yang mengontrol tampilan URL Anda saat dibagikan di media sosial. Tag utama: og:title, og:description, og:image, og:url, og:type.
Apa ukuran gambar OG yang direkomendasikan?+
Ukuran gambar Open Graph yang direkomendasikan adalah 1200x630 piksel dengan rasio aspek 1,91:1. Ukuran ini berfungsi dengan baik di Facebook, Twitter, LinkedIn, dan platform lainnya.
Mengapa pratinjau tautan saya menampilkan gambar yang salah?+
Ini biasanya terjadi karena: (1) URL og:image Anda adalah jalur relatif bukan URL absolut. (2) Gambar berada di balik autentikasi. (3) Cache media sosial belum diperbarui — gunakan alat debug platform untuk memaksa pembaruan.
Bagaimana cara memaksa Facebook memperbarui pratinjau tautan saya?+
Gunakan alat Sharing Debugger Facebook (developers.facebook.com/tools/debug). Masukkan URL Anda dan klik 'Scrape Again'. Ini memaksa Facebook mengambil ulang dan memperbarui cache.
Apa perbedaan antara og:image dan twitter:image?+
og:image adalah tag Open Graph standar yang digunakan oleh Facebook, LinkedIn, Discord, Slack, WhatsApp, dan sebagian besar platform lainnya. twitter:image adalah tag khusus Twitter yang dapat menggantikan og:image di Twitter/X.
Apakah saya perlu tag OG dan Twitter?+
Anda selalu membutuhkan tag OG (og:title, og:description, og:image) karena sebagian besar platform menggunakannya. Tag khusus Twitter (twitter:card, twitter:title) bersifat opsional tetapi dapat meningkatkan tampilan di Twitter.
Mengapa alat ini tidak bisa mengambil tag OG dari URL?+
Kebijakan keamanan browser (CORS) mencegah JavaScript sisi klien mengambil konten dari website lain. Untuk membaca tag OG dari URL langsung, Anda perlu proxy sisi server.
Apa itu og:type dan nilai apa yang harus saya gunakan?+
og:type memberi tahu platform jenis konten apa yang ada di halaman Anda. Nilai umum: 'website' (beranda, landing page), 'article' (posting blog, berita), 'product' (halaman produk e-commerce).
Bagaimana tag OG memengaruhi SEO dan tingkat klik?+
Tag OG tidak secara langsung memengaruhi peringkat Google, tetapi secara signifikan memengaruhi tingkat klik dari media sosial. Postingan dengan gambar pratinjau yang dioptimalkan mendapat keterlibatan yang jauh lebih tinggi.
Bisakah saya menggunakan judul yang berbeda untuk Google dan media sosial?+
Ya. Tag HTML <title> adalah apa yang ditampilkan Google di hasil pencarian, sementara og:title adalah apa yang ditampilkan platform sosial di pratinjau tautan. Anda bisa mengoptimalkan keduanya secara independen.

Need a Website with Perfect Social Previews?

Kleap's AI website builder automatically generates optimized Open Graph tags, Twitter cards, and structured data for every page. Build your site and get perfect link previews without writing a single meta tag.

Build Your Site Free

Related Free Tools

Image Compressor

Meta Tags Generator

Social Media Post Generator

Favicon Generator

Free Open Graph Preview Tool | Preview Links on Social Media 2026