Ringkasan
Alat pratinjau Open Graph gratis ini menunjukkan tampilan sebuah tautan saat dibagikan di Facebook, X, LinkedIn, dan WhatsApp, sebelum Anda menerbitkannya. Ketik title, description, URL gambar, nama situs, dan URL halaman, beralih di antara keempat jaringan, lalu baca daftar periksa: title 15 sampai 70 karakter, description 55 sampai 200 karakter, dan gambar 1200 × 630 piksel. Kemudian salin nilai-nilai tersebut ke tag og: Anda.
Ingin tahu lebih banyak? Tanyakan kepada
Pratinjau Open Graph menjawab satu pertanyaan: apa yang akan dilihat orang saat seseorang menempel tautan Anda di sebuah postingan atau obrolan? Jawabannya berasal dari beberapa meta tag di head halaman. Protokol Open Graph, yang dipublikasikan di ogp.me, mencantumkan empat properti wajib di setiap halaman: og:title, og:type, og:image, dan og:url. Ketika tidak ada, setiap platform menebak, dan tebakannya sering berupa gambar yang salah atau label menu sebagai judul.
Apa yang ditampilkan alat pratinjau Open Graph?
Alat ini menggambar satu kartu berbagi dalam satu waktu, dengan tab untuk setiap jaringan, dan memperbaruinya saat Anda mengetik. Setiap platform menata tag yang sama secara berbeda, itulah sebabnya kartu yang terlihat baik di satu jaringan bisa terpotong di jaringan lain.
| Jaringan | Yang ditampilkan kartu di alat | Yang perlu diperhatikan |
|---|---|---|
| Gambar, domain, title, dan description | Kartu penuh: setiap kolom berpengaruh | |
| X | Gambar dengan title di atasnya, domain di bawah | Gambar yang lemah menyembunyikan title yang bagus |
| Gambar, title, dan domain | Description tidak ditampilkan, jadi title harus membawa pesannya | |
| Gelembung obrolan dengan gambar, title, description, dan domain | Kartunya kecil: kata-kata pertama pada title paling penting |
Di bawah kartu, daftar periksa tiga baris berubah hijau atau merah: panjang title, panjang description, dan apakah gambar sudah diatur. Jika URL gambar tidak termuat, kartu beralih ke placeholder kosong, persis seperti tampilan og:image yang rusak di feed sungguhan.
Bagaimana cara menggunakan alat ini, langkah demi langkah?
- Isi title yang akan Anda gunakan di og:title. Boleh berbeda dari title tag halaman: tulislah untuk orang yang menggulir feed, bukan untuk hasil pencarian.
- Tambahkan nama situs (og:site_name) dan description (og:description).
- Tempel URL gambar, alamat absolut file yang akan Anda letakkan di og:image, diawali https://.
- Masukkan URL halaman: alat mengekstrak domain yang ditampilkan setiap jaringan.
- Beralih tab untuk memeriksa Facebook, X, LinkedIn, dan WhatsApp satu per satu, lalu perbaiki daftar periksa hingga ketiga barisnya hijau.
Tidak ada yang dikirim atau disimpan: pratinjau digambar di browser Anda, sehingga Anda bebas menguji halaman yang belum terbit dan gambar draf.
Tag Open Graph apa saja yang dibutuhkan sebuah halaman?
Empat diwajibkan oleh protokol, dan dua lagi melengkapi kartu. Protokol Open Graph juga meminta halaman yang memiliki og:image untuk menetapkan og:image:alt, deskripsi tentang apa yang ditampilkan gambar.
| Tag | Peran | Contoh nilai |
|---|---|---|
| og:title | Judul kartu | Alat Pratinjau Open Graph Gratis |
| og:type | Jenis objek: website, article, product… | article |
| og:image | URL absolut gambar pratinjau | https://example.com/og/cover.jpg |
| og:url | Alamat kanonis halaman | https://example.com/guide |
| og:description | Satu atau dua kalimat di bawah title | Lihat tampilan tautan Anda sebelum dibagikan. |
| og:site_name | Nama seluruh situs | Contoh |
| og:image:alt | Deskripsi gambar bagi orang yang tidak dapat melihatnya | Laptop yang menampilkan grafik penjualan |
og:url sebaiknya sama dengan URL canonical halaman, sehingga berbagi dari versi berbeda alamat yang sama terakumulasi pada satu objek. Untuk menulis semua tag ini sekaligus, gunakan generator meta tag, dan baca entri glosarium kami tentang meta tag untuk perbedaan antara tag SEO dan tag sosial.
Ukuran gambar apa yang berfungsi di semua jaringan?
1200 × 630 piksel, rasio 1,91:1, berfungsi di jaringan utama. Meta meminta gambar minimal 1200 × 630 piksel untuk tampilan terbaik di layar beresolusi tinggi dan rasio sedekat mungkin dengan 1,91:1 untuk menghindari pemotongan; LinkedIn meminta minimal 1200 × 627 piksel dengan rasio yang sama.
| Platform | Ukuran yang disarankan | Minimum | Ukuran file maksimum |
|---|---|---|---|
| Facebook (Meta for Developers) | 1200 × 630 px, rasio 1,91:1 | 200 × 200 px; 600 × 315 px untuk postingan tautan besar | 8 MB |
| LinkedIn (LinkedIn Help) | Rasio 1,91:1 | 1200 × 627 px | 5 MB |
| Google Discover (Google Search Central) | 16:9, lebar minimal 1200 px | Lebih dari 300000 piksel secara total | Tidak ditentukan |
Letakkan subjek dan teks apa pun di tengah gambar, karena beberapa tata letak memotong tepinya. Kompres file sebelum menerbitkannya dengan pengompres gambar: file yang lebih ringan lebih cepat diambil oleh setiap jaringan.
Berapa panjang og:title dan og:description yang ideal?
Bidik title 15 sampai 70 karakter dan description 55 sampai 200 karakter. Itulah rentang yang digunakan daftar periksa: di bawahnya kartu terlihat kosong, di atasnya sebagian besar tata letak memotong teks dengan elipsis, terutama di seluler dan di gelembung kecil WhatsApp.
- Letakkan kata kunci di awal. Di LinkedIn description disembunyikan, dan di X title berada di atas gambar: awal title harus bisa berdiri sendiri.
- Jangan menyalin meta description kata demi kata. Snippet pencarian menjawab kueri; kartu berbagi harus menghentikan seseorang yang sedang menggulir. Susun draf snippet pencarian dengan generator meta description dan pratinjau SERP, lalu sesuaikan untuk media sosial.
- Hindari clickbait. Kartu yang menjanjikan lebih dari yang diberikan halaman mendatangkan kunjungan yang langsung pergi.
Apakah tag Open Graph membantu SEO?
Bukan sebagai faktor peringkat, tetapi Google membaca sebagian di antaranya. Google mencantumkan isi og:title di antara sumber yang digunakannya untuk membangun tautan judul di hasil pencarian (Google, title links). Sistem nama situsnya juga mempertimbangkan og:site_name, setelah data terstruktur WebSite (Google, site names). Dan untuk Discover, Google menyarankan menetapkan gambar besar yang representatif dengan markup schema.org atau tag og:image, serta menghindari gambar generik seperti logo.
Dampak tidak langsungnya juga penting. Kartu yang jelas mendapat lebih banyak klik saat halaman Anda dibagikan, dan setiap berbagi adalah peluang untuk dibaca, dikutip, dan ditautkan. Entri glosarium kami tentang sinyal sosial menjelaskan apa yang diambil dan tidak diambil Google dari aktivitas sosial.
Mengapa jaringan masih menampilkan pratinjau lama?
Karena platform menyimpan cache dari apa yang mereka baca pertama kali. Meta menjelaskan bahwa crawler-nya mengambil dan menyimpan cache metadata sebuah URL saat pertama kali dibagikan, bahwa gambar di-cache berdasarkan URL-nya, dan bahwa memperbarui gambar tidak memperbarui pratinjau berbagi yang lama. Untuk menyegarkan sebuah halaman, jalankan melalui Sharing Debugger, dan beri gambar baru nama file baru daripada menimpa yang lama. LinkedIn menawarkan penyegaran yang sama dengan Post Inspector.
Jika gambar tidak pernah muncul, pastikan file tersebut bersifat publik: LinkedIn mencatat bahwa situs yang memblokir crawler-nya, atau gambar yang disimpan di folder terproteksi, menghalangi pratinjau.
Kesalahan apa yang merusak kartu berbagi?
- URL gambar relatif seperti /img/cover.jpg. Jaringan mengambil gambar dari luar situs Anda dan membutuhkan alamat lengkap https://.
- Tidak ada og:image sama sekali. Jaringan memilih gambar mana pun di halaman, sering kali logo atau ikon.
- Dua tag og:title atau og:image yang ditambahkan tema dan plugin pada saat yang sama. Simpan satu dari masing-masing.
- Gambar yang sama di setiap halaman. Logo seluruh situs membuat setiap berbagi terlihat identik; Google juga menyarankan agar tidak memakai gambar generik untuk Discover.
- Tag yang ditambahkan JavaScript setelah pemuatan. Crawler berbagi membaca HTML yang dikembalikan server; tag yang disisipkan belakangan mungkin tidak pernah terlihat.
Bagaimana kartu berbagi masuk dalam rencana konten?
Setiap artikel yang Anda terbitkan akan dibagikan di suatu tempat: di newsletter, postingan LinkedIn, obrolan tim, atau balasan di forum. Merencanakan kartu bersama artikel menghemat satu putaran perbaikan setelah peluncuran. Generator artikel blog Sorank menulis artikel bersumber lengkap dengan gambar sampul dan menerbitkannya di situs Anda, lalu dasbor GEO / SEO memantau trafik dan penyebutan yang diraih halaman-halaman itu di Google dan di jawaban AI.
Kartu berbagi yang baik adalah gambar 1200 × 630, title yang jelas, dan description yang jujur, diperiksa di setiap jaringan sebelum Anda memposting. Pratinjau milik Anda sekarang, lalu lihat paket Sorank untuk menerbitkan konten yang siap dibagikan dengan autopilot.
