Lewati ke konten

Pratinjau Open Graph

Lihat tampilan tautan di Facebook, X, dan LinkedIn sebelum Anda memublikasikannya, berdasarkan og:title, og:description, og:image, dan og:url Anda.

0 dari 60 karakter

0 dari 155 karakter

Pratinjau tautan

Facebook

Tidak ada gambar yang disediakan

example.com

-

-

X (Twitter)

Tidak ada gambar yang disediakan

-

-

example.com

LinkedIn

Tidak ada gambar yang disediakan

-

example.com

Cara kerja

Alat pratinjau Open Graph menampilkan simulasi visual langsung tentang bagaimana sebuah halaman web akan muncul sebagai kartu tautan saat dibagikan di Facebook, X/Twitter, dan LinkedIn, menggunakan nilai og:title, og:description, og:image, dan og:url yang Anda berikan. Tidak ada data yang dikirim ke server: kartu dibuat di peramban Anda dari kolom isian di sebelah kiri.

  1. Masukkan nilai Open Graph Anda

    Tempelkan og:title, og:description, og:image, dan og:url yang akan Anda publikasikan, atau yang sudah ada di bagian <head> halaman yang telah tayang.

  2. Periksa ketiga kartu

    Facebook, X, dan LinkedIn masing-masing memotong judul dan deskripsi dengan cara yang sedikit berbeda. Jika URL gambar tidak berfungsi, pratinjau menampilkan pengganti seperti pada platform aslinya.

  3. Salin tag

    Salin meta tag yang dihasilkan ke dalam head halaman Anda, lalu verifikasi halaman aktif dengan alat debug masing-masing platform.

Open Graph dalam praktik

Open Graph (OG) adalah protokol metadata, yang awalnya dibuat oleh Facebook, yang memungkinkan halaman web apa pun menjadi objek kaya saat dibagikan. Ketika seseorang membagikan URL Anda, perayap platform membaca meta tag OG Anda dan menggunakannya untuk membuat kartu yang ditampilkan di atas. Tanpanya, platform hanya menebak konten Anda dan sering kali menghasilkan pratinjau yang kurang baik.

Ukuran gambar

Ukuran og:image yang disarankan adalah 1200 kali 630 piksel, dengan rasio 1,91:1, yang tampil tajam di Facebook, LinkedIn, dan X pada berbagai kepadatan layar. Di bawah 600 kali 315 piksel, Facebook akan menggunakan gambar mini kecil alih-alih kartu lebar penuh.

Tembolok

Platform media sosial menyimpan data Open Graph dalam cache selama berhari-hari. Setelah mengubah tag, gunakan alat debug dari setiap platform untuk memaksa pengambilan data baru: Sharing Debugger milik Facebook, Post Inspector milik LinkedIn, atau Card Validator milik X.

og:title bukanlah judul halaman

Tag judul HTML ditujukan untuk mesin pencari dan tab peramban. og:title hanya dibaca oleh platform media sosial dan dapat lebih singkat atau lebih santai dibandingkan judul SEO Anda. Silakan gunakan generator meta tag untuk membuat keduanya secara bersamaan.

Pertanyaan yang sering diajukan

Apa itu Open Graph dan bagaimana cara kerjanya?

Open Graph (OG) adalah protokol metadata yang dibuat oleh Facebook yang memungkinkan halaman web apa pun menjadi objek kaya di media sosial. Ketika pengguna membagikan URL Anda, perayap platform membaca meta tag OG Anda, yaitu og:title, og:description, og:image, dan og:url, lalu menggunakannya untuk menyusun kartu tautan visual. Tanpa tag ini, platform akan menebak konten halaman Anda, yang sering kali menghasilkan pratinjau yang tidak menarik atau tidak akurat.

Ukuran gambar apa yang sebaiknya Anda gunakan untuk tag Open Graph?

Ukuran og:image yang disarankan adalah 1.200 x 630 piksel, yang tampil baik di Facebook, LinkedIn, dan X/Twitter pada berbagai kepadatan tampilan. Ukuran minimum untuk menghindari gambar mini yang kecil di Facebook adalah 600 x 315 piksel. Gunakan format JPEG atau PNG, jaga ukuran file di bawah 8 MB, dan hindari menambahkan teks penting atau logo di 10% bagian tepi gambar karena beberapa platform memotong tepi pada ukuran kartu tertentu.

Mengapa gambar Open Graph saya tidak diperbarui setelah saya mengubahnya?

Platform media sosial menyimpan data Open Graph dalam cache secara agresif, terkadang selama berhari-hari atau berminggu-minggu. Setelah memperbarui tag OG dan menerapkannya, Anda perlu mengosongkan cache secara manual menggunakan alat debug masing-masing platform: Sharing Debugger Facebook, Post Inspector LinkedIn, atau Card Validator X. Masukkan URL Anda dan picu pengambilan data baru. Pratinjau lama akan tetap ada pada postingan yang telah diterbitkan sebelumnya terlepas dari pengosongan cache.

Apakah tag Open Graph memengaruhi peringkat SEO?

Tag Open Graph tidak memengaruhi algoritma peringkat Google secara langsung. Namun, tag ini berdampak tidak langsung terhadap SEO dengan meningkatkan rasio klik-tayang dari berbagi sosial; og:image dan og:title yang menarik mendorong lebih banyak klik, yang menghasilkan lebih banyak lalu lintas dan potensi tautan balik. Anggaplah optimasi OG sebagai SEO sosial: hal ini mengendalikan rasio klik-tayang Anda di media sosial sama seperti tag judul dan deskripsi mengendalikan CTR dalam hasil pencarian.

Apa perbedaan antara og:title dan tag judul HTML?

Tag judul HTML (ditampilkan di tab peramban dan hasil pencarian) ditujukan untuk mesin pencari dan peramban. Tag og:title secara khusus ditujukan untuk platform media sosial dan mengontrol judul yang ditampilkan dalam pratinjau kartu tautan di Facebook, LinkedIn, dan X/Twitter. Praktik terbaik adalah menggunakan keduanya. Anda dapat menggunakan teks yang sama atau menulis og:title yang lebih ramah media sosial dengan gaya yang lebih menarik atau santai dibandingkan judul halaman Anda yang dioptimalkan untuk SEO.