Pratinjau & Pembuat Open Graph (OG) Tinjau tampilan kartu Open Graph untuk Facebook, LinkedIn, dan platform lainnya.

📱

Pratinjau Open Graph

Tinjau tampilan kartu Open Graph untuk Facebook, LinkedIn, dan platform lainnya.

Masukkan detail halaman

Tambahkan judul, deskripsi, URL, URL gambar, dan jenis OG.

Pratinjau kartu

Lihat bagaimana halaman Anda akan terlihat saat dibagikan di Facebook dan LinkedIn.

Salin tag meta

Salin tag meta og: yang dihasilkan untuk situs web Anda.

Loading tool...

What Is Pratinjau Open Graph?

Alat Pratinjau Open Graph memungkinkan Anda melihat secara tepat bagaimana halaman web Anda akan terlihat ketika dibagikan di Facebook, LinkedIn, dan platform lain yang menggunakan protokol Open Graph. Tag meta Open Graph mengontrol judul, deskripsi, gambar, dan informasi tipe yang ditampilkan dalam pratinjau tautan. Pratinjau OG yang dirancang dengan baik dapat meningkatkan tingkat klik dari berbagi di media sosial secara dramatis - postingan dengan gambar dan deskripsi yang dioptimalkan mendapatkan keterlibatan yang jauh lebih banyak. Alat ini menyediakan pratinjau visual yang meniru format kartu Facebook/LinkedIn dan menghasilkan set lengkap tag meta og: yang perlu Anda tambahkan ke HTML situs web Anda.

Why Use Pratinjau Open Graph?

Pratinjau visual yang sesuai dengan tata letak kartu Facebook dan LinkedIn
Menghasilkan semua tag meta og: yang diperlukan
Beberapa jenis OG: situs web, artikel, produk, profil, video
Panduan hitungan karakter untuk panjang judul dan deskripsi yang optimal
Konfigurasi nama situs dan URL untuk pengaturan OG lengkap

Common Use Cases

Peluncuran Situs Web

Pastikan semua halaman memiliki tag OG yang tepat sebelum diluncurkan.

Penerbitan Blog

Optimalkan bagaimana artikel terlihat saat dibagikan di media sosial.

E-commerce

Buat halaman produk berbagi dengan indah menggunakan tag OG jenis produk.

Kampanye Pemasaran

Kontrol pesan yang tepat yang muncul dalam pratinjau tautan sosial.

Technical Guide

Protokol Open Graph dibuat oleh Facebook pada tahun 2010 dan sekarang digunakan oleh sebagian besar platform media sosial untuk pratinjau tautan. Tag inti yang diperlukan: og:title, og:type, og:image, dan og:url. Tag tambahan yang direkomendasikan: og:description, og:site_name, og:locale. Untuk gambar, ukuran yang direkomendasikan adalah 1200×630 piksel (rasio 1,91:1) untuk tampilan optimal di seluruh platform. Facebook menyimpan data OG selama sekitar 30 hari - gunakan Facebook Sharing Debugger (developers.facebook.com/tools/debug/) untuk memperbarui. LinkedIn memiliki Post Inspector-nya sendiri untuk fungsionalitas serupa. Tag OG harus berada dalam bagian <head> dari HTML Anda. Jika tag OG dan Twitter Cards keduanya hadir, Twitter akan lebih memilih tag miliknya sementara Facebook menggunakan tag OG. Praktik terbaik adalah mengimplementasikan keduanya untuk kontrol maksimum di seluruh platform.

Tips & Best Practices

1
Gunakan gambar dengan ukuran 1200×630 piksel untuk tampilan optimal di semua platform
2
Jaga og:title kurang dari 60 karakter dan og:description kurang dari 160 karakter
3
Gunakan Facebook Sharing Debugger untuk memaksa mengupdate data OG yang di-cache
4
Implementasikan tag og: dan twitter: untuk kontrol penuh di semua platform
5
Uji dengan beberapa platform - Facebook, LinkedIn, dan Slack semuanya memiliki tampilan yang berbeda

Related Tools

Pratinjau Kartu Twitter

Tinjau bagaimana tautan Anda akan terlihat sebagai kartu Twitter/X dengan judul, deskripsi, dan gambar.

📱 Social Media

Pembangun Tautan UTM

Buat URL dengan parameter UTM untuk melacak kampanye pemasaran di Google Analytics.

📱 Social Media

Pembuat Tombol Bagikan Sosial

Buat tombol bagikan sosial HTML/CSS untuk situs web Anda dengan berbagai gaya dan platform.

📱 Social Media

Kalkulator Tarif Influencer

Hitung harga influencer berdasarkan jumlah pengikut, tingkat keterlibatan, platform, dan jenis konten.

📱 Social Media

Frequently Asked Questions

Q Apa itu tag Open Graph?

Tag meta Open Graph adalah tag HTML yang mengontrol bagaimana halaman web Anda terlihat saat dibagikan di platform media sosial seperti Facebook dan LinkedIn.

Q Berapa ukuran gambar OG yang optimal?

Ukuran yang direkomendasikan adalah 1200×630 piksel (rasio aspek 1,91:1) untuk tampilan optimal di sebagian besar platform.

Q Bagaimana cara mengupdate data OG yang di-cache di Facebook?

Gunakan Facebook Sharing Debugger di developers.facebook.com/tools/debug/ untuk mengambil URL Anda lagi dan memperbarui cache.

Q Apakah saya perlu menggunakan tag OG dan Twitter Cards?

Idealnya ya. Tag OG digunakan oleh Facebook, LinkedIn, dan sebagian besar platform. Twitter lebih suka menggunakan tag twitter: sendiri tetapi jatuh kembali ke OG jika tidak ada.

About This Tool

Pratinjau Open Graph is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.