Jawaban singkatnya: untuk memeriksa Open Graph secara online, tempelkan alamat halaman ke Open Graph Debugger gratis PromoPilot. Aplikasi ini akan membaca semua tag og:* dan Twitter Card, memeriksa keberadaan dan ukuran gambar, mengevaluasi kelengkapan markup, dan menampilkan pratinjau tautan untuk Facebook, X (Twitter), dan LinkedIn—serta rekomendasi tentang apa yang perlu ditambahkan. Tidak perlu registrasi. Di bawah ini Anda akan menemukan tag yang dibutuhkan, ukuran og:image yang dibutuhkan, dan cara memperbarui pratinjau yang "macet".
Saya sudah membuat situs web selama 12 tahun, dan saya lebih sering mendengar pertanyaan "Mengapa tautan Telegram tidak memiliki gambar?" dari klien daripada pertanyaan tentang peringkat. Biasanya hanya butuh lima menit—jika Anda tahu di mana harus mencari.
Apa yang diperiksa oleh Open Graph Debugger?
Saat Anda menyisipkan tautan ke dalam postingan atau pesan, platform akan menuju ke halaman tersebut dan mencari tag Open Graph. Jika menemukannya, platform akan menampilkan kartu yang rapi. Jika tidak, platform akan menggunakan apa pun yang ditemukan atau menampilkan URL kosong. Alat ini hanya memeriksa apa yang akan dibaca oleh jejaring sosial.
| Apa yang diperiksanya? | Apa yang sedang dia lihat? | Mengapa bisnis membutuhkan ini? |
|---|---|---|
| Semua tag og:* | og:judul, og:deskripsi, og:gambar, og:url, og:tipe, og:nama_situs, og:lokal | Dari situ, situs-situs tersebut mengumpulkan judul, deskripsi, dan gambar kartu. |
| Kartu Twitter | twitter:kartu, twitter:judul, twitter:deskripsi, twitter:gambar | X (Twitter) membaca tag-nya, dan jika tag tersebut tidak ada, sebagian og |
| Gambar asli | Apakah ada gambarnya dan berapa ukurannya? | Gambar kecil tersebut mengubah kartu menjadi ikon mungil di sisinya. |
| Penilaian kelengkapan | Berapa banyak tag yang direkomendasikan telah terisi? | Referensi cepat: apakah semuanya sudah di tempatnya? |
| Pratinjau jaringan | Kartu untuk Facebook, X, dan LinkedIn | Anda dapat melihat tampilan postingan sebelum dipublikasikan. |
| Rekomendasi | Apa yang perlu saya tambahkan atau koreksi? | Daftar tugas siap pakai untuk pengembang atau untuk Anda. |
Bagaimana cara memeriksa halaman Open Graph secara online?
- Buka Open Graph Debugger.
- Masukkan URL halaman yang ingin Anda bagikan: artikel, produk, atau halaman arahan iklan. Klik "Periksa."
- Periksa daftar tag: mana yang sudah diatur, mana yang kosong, dan apakah ada alamat asing atau alamat uji di og:url.
- Periksa pratinjau untuk setiap jaringan: apakah judul terpotong, apakah gambar terlihat, dan apakah ada teks penting di sekitar tepinya.
- Silakan tambahkan tag yang hilang seperti yang disarankan dan periksa kembali halaman tersebut.
Halaman alat: kolom alamat, tombol "Periksa", daftar cek, dan FAQ.
Alat ini ringan: batasan harian sudah cukup bagi pengunjung untuk memeriksa semua templat situs—beranda, kategori, produk, dan artikel. Setelah pendaftaran gratis, batasannya menjadi tiga kali lipat.
Apa saja kesalahan yang paling umum terjadi di Open Graph?
Berikut adalah hal-hal yang saya temukan di hampir setiap situs lain, dan urutan perbaikannya.
- Tidak ada og:image atau ditentukan sebagai URL relatif. Jaringan sosial tidak akan memahami
content="/img/cover.jpg"—URL lengkap yang diawali denganhttps://diperlukan. Tanpa gambar, jangkauan postingan akan menurun secara signifikan. - Gambar terlalu kecil. Logo berukuran 200x200 membuat kartu menjadi persegi kecil di sisinya. Gambar berukuran 1200x630 diperlukan.
- Satu gambar og:image untuk seluruh situs. Setiap artikel dan setiap produk di media sosial harus terlihat sama—dengan logo tersebut. Untuk blog dan katalog, gambar harus diambil dari foto utama halaman tersebut.
- og:url mengarah ke alamat lain —beranda, domain uji, atau versi
http://. Platform ini dapat menggabungkan semua tautan ke dalam satu halaman. - Tidak ada twitter:card. Tanpa itu, X sering menampilkan kartu kecil. Untuk gambar yang lebih besar, Anda memerlukan
summary_large_image. - og:title menduplikasi judul dengan kata "beli" dan merek. Di media sosial, ini terlihat seperti iklan; judul yang menarik, seperti untuk sebuah postingan, lebih baik.
Himpunan minimal yang benar terlihat seperti ini:
<meta property="og:title" content="Как выбрать кожаный рюкзак: 7 признаков качества"> <meta property="og:type" content="article"> <meta property="og:url" content=" https://example.com/blog/kozhanyj-ryukzak/"> <meta property="og:image" content=" https://example.com/img/og/kozhanyj-ryukzak.jpg"> <meta name="twitter:card" content="summary_large_image">Bagaimana cara mempersiapkan gambar untuk og:image?
Gambar adalah bagian yang paling mencolok dari kartu ucapan, dan di sinilah orang sering berhemat. Berikut beberapa aturan yang saya ikuti:
- Ukuran gambar adalah 1200×630 dan orientasinya horizontal. Jaringan sosial akan memotong bagian atas dan bawah foto produk persegi, yang dapat mengakibatkan produk tersebut kehilangan bagian kepala atau solnya.
- Yang terpenting ada di tengah. Platform yang berbeda memotong bagian tepi secara berbeda, dan di tampilan seluler, kartu tersebut bahkan lebih kecil. Jaga agar teks tetap besar dan jauh dari tepi.
- Teks minimal. Judul sudah berada di bawah gambar; 3-6 kata atau tanpa keterangan sama sekali tidak diperlukan pada gambar itu sendiri.
- File berukuran ringan. File JPG atau PNG dengan ukuran yang wajar akan dimuat dengan cepat, dan platform tidak akan mengalami batas waktu (timeout).
- Satu gambar khusus untuk setiap halaman utama. Untuk artikel dan produk, akan lebih mudah jika dibuat secara otomatis: sampul artikel atau foto utama produk.
Cara yang baik untuk mengujinya adalah dengan membuka pratinjau di debugger pada ponsel Anda. Jika tautannya tidak jelas tanpa memperbesar tampilan, gambar tersebut perlu diperbaiki.
Bagaimana cara memperbarui pratinjau lama setelah perbaikan?
Skenario umum: Anda telah memperbaiki tag, tetapi jejaring sosial tetap menampilkan gambar lama. Alasannya adalah cache: platform tersebut mengingat pratinjau dari unggahan pertama. Di Facebook mengumpulkan ulang data di Sharing Debugger dapat membantu, di LinkedIn, dengan Post Inspector, dan di Telegram, dengan bot @WebpageBot, yang Anda kirimkan tautannya. Jika semua cara gagal, tambahkan parameter yang tidak berbahaya ke alamat, seperti ?v=2: bagi platform, ini adalah tautan baru.
Perbandingan: Open Graph Debugger dan Alternatifnya
| Alat | Apa yang gratis? | Pembatasan | Produk ini cocok untuk siapa? |
|---|---|---|---|
| PromoPilot - Debugger Open Graph | Semua tag og dan Twitter, ukuran gambar og, pratinjau untuk Facebook, X, dan LinkedIn, rekomendasi. | Tidak menghapus cache media sosial. | Periksa halaman Anda segera sebelum mempublikasikannya di media sosial mana pun. |
| Berbagi Debugger (Meta) | Pratinjau Facebook dan Pengumpulan Ulang Data | Hanya Facebook, diperlukan login akun. | Atur ulang pratinjau lama di Facebook |
| Inspektur Posting LinkedIn | Pratinjau LinkedIn dan Penyegaran Cache | Hanya untuk LinkedIn, diperlukan login. | Bagi mereka yang sedang berpromosi di LinkedIn |
| @WebpageBot di Telegram | Memperbarui pratinjau tautan di Telegram | Hanya Telegram yang tidak mengurai tag. | Untuk pemilik saluran Telegram |
Kesimpulan: debugger platform resmi diperlukan untuk membersihkan cache, tetapi setiap platform hanya menampilkan jaringannya sendiri. Untuk melihat semua pratinjau dan daftar tag yang hilang sekaligus, debugger universal lebih praktis.
Omong-omong, PromoPilot memiliki 87 alat SEO gratis. Jika Anda belum menulis tag, kami memiliki artikel dalam seri kami tentang generator meta tag yang akan membuat blok Open Graph dengan pratinjau.
Apa perbedaan Open Graph Debugger dengan analisis meta tag?
Analisis meta tag melihat sebuah halaman dari sudut pandang mesin pencari: judul, deskripsi, kanonikal, hreflang, dan Open Graph hanyalah salah satu kelompoknya. Debugger berfokus pada media sosial: ia membuat kartu untuk berbagai platform, memeriksa ukuran gambar, dan memberikan rekomendasi khusus berdasarkan pratinjau. Jika tautan ke situs Anda aktif dibagikan di media sosial dan aplikasi perpesanan, debugger akan lebih bermanfaat.
Keduanya memiliki satu keterbatasan: mereka membaca HTML yang dikembalikan oleh server. Jika tag disisipkan oleh skrip browser, banyak jejaring sosial tidak akan melihatnya—ini perlu diperbaiki di sisi situs web. Detail lainnya: debugger memeriksa tag, tetapi bukan proses berbagi itu sendiri. Jika halaman tersebut dilindungi kata sandi, diblokir secara geografis, atau dilindungi dari bot, jejaring sosial mungkin tidak dapat mengaksesnya meskipun semua tag ada.
Kapan alat gratis tidak cukup?
Debugger akan menunjukkan bahwa halaman tersebut tidak memiliki og:image. Tetapi jika ada ribuan halaman, memasukkan gambar secara manual tidak mungkin dilakukan. Spesialis dibutuhkan ketika:
- Setiap produk atau artikel harus memiliki gambar pratinjau sendiri, yang dikumpulkan secara otomatis;
- Situs tersebut mengembalikan tag menggunakan skrip, dan jejaring sosial tidak melihatnya;
- Anda meluncurkan iklan dan email di mana setiap pratinjau memengaruhi biaya per klik;
- Kita membutuhkan kombinasi "situs web + saluran Telegram + penerbitan otomatis" dengan kartu yang tepat.
Apa yang bisa saya lakukan untuk situs web Anda?
Saya Valeriy Danyuk, seorang pengembang dan spesialis SEO dengan pengalaman 12 tahun dan lebih dari 200 klien. Pratinjau tautan yang indah dapat diakses secara gratis, dan saya menyesuaikannya untuk setiap proyek.
SEO dan promosi
- Audit SEO situs web lengkap: Saya memeriksa semua tag template, mengatur pratinjau gambar otomatis, dan memperbaiki kode.
Situs web dan toko online
- Memindahkan toko Anda dari Instagram ke situs web Anda — produk dengan pratinjau yang tepat untuk memudahkan berbagi.
- Landing page untuk produk baru yang dibuat dalam satu malam – studi kasus NordHarvest dengan kartu siap pakai untuk media sosial.
- Situs web klinik bedah plastik dengan AI dan aplikasi melalui Telegram.
- Situs web di 1001site: pratinjau untuk jejaring sosial dan penerbitan otomatis di Telegram dikonfigurasi secara otomatis.
Bot dan otomatisasi
- Bot Telegram dengan AI untuk toko saus online.
- QuestFlow adalah perangkat lunak sebagai layanan (SaaS) Telegram dengan kecerdasan buatan (AI).
- Agen e-commerce sebagai pengganti chatbot.
Kirimkan saya tautan yang terlihat buruk di aplikasi pesan Telegram dan saya akan memberi tahu Anda tag mana yang hilang.
Hasil
- Pemeriksa Open Graph online menunjukkan bagaimana tampilan tautan di Facebook, X, dan LinkedIn, serta tag mana yang hilang.
- Persyaratan minimum adalah og:title, og:type, og:image (1200×630, alamat lengkap) dan og:url, ditambah twitter:card.
- Setelah perbaikan, reset cache situs-situs berikut: Sharing Debugger, Post Inspector, @WebpageBot.
- Untuk katalog dan blog, gambar pratinjau harus dikumpulkan secara otomatis, seperti di 1001site.
Periksa halaman yang akan Anda bagikan di Open Graph Debugger gratis sebelum pengikut Anda melihat postingan tersebut.
Sumber
- Halaman alat Open Graph Debugger PromoPilot — daftar pemeriksaan dan FAQ.
- Protokol Open Graph (ogp.me) - properti wajib dan opsional.
- Meta's Sharing Debugger dan LinkedIn Post Inspector adalah alat resmi dari platform tersebut.
