Pratinjau Berbagi Sosial

Cara menggunakan

1. Masukkan alamat halaman, seperti example.com/blog/launch, dan tekan Periksa. Tidak ada halaman? Coba salah satu contoh.
2. Lihat kartu yang dibuat setiap aplikasi: X, Facebook, LinkedIn, Slack, Discord, WhatsApp, dan iMessage. Titik hijau berarti kartu terlihat benar; titik kuning atau merah menyebutkan masalahnya di bawah kartu.
3. Buka Tampilkan perbaikan dan tag untuk setiap tag yang diperiksa satu per satu. Tag yang hilang siap ditempel ke <head> Anda: salin, isi nilainya, publikasikan perubahan, dan periksa lagi.

Alamat pemeriksaan ada di bilah alamat browser Anda, sehingga dapat dikirim ke pengelola halaman.

Cara kerja pratinjau tautan

Saat Anda menempelkan tautan ke posting atau chat, crawler aplikasi mengambil halaman sekali dan membaca tag di <head>. Crawler tidak menjalankan JavaScript, masuk, atau menerima banner cookie, sehingga tag yang ditambahkan skrip setelah halaman dimuat tidak terlihat. Pemeriksa mengambil halaman dengan cara yang sama: satu permintaan, tanpa JavaScript, dan pengalihan diikuti seperti crawler.

Setiap aplikasi membaca beberapa tag yang sama, dengan cadangannya sendiri:

• Open Graph (og:title, og:description, og:image, og:url, og:site_name) dibaca Facebook, LinkedIn, Slack, Discord, WhatsApp, dan iMessage.
• X membaca twitter:card, twitter:title, twitter:description, dan twitter:image terlebih dahulu, lalu beralih ke tag Open Graph. Tanpa twitter:card, X menampilkan kartu ringkasan kecil, meskipun ada gambar.
• Jika og:title tidak ada, sebagian besar aplikasi memakai <title>. Jika og:description tidak ada, sebagian memakai meta description dan sebagian tidak menampilkan teks sama sekali.
• Discord mewarnai sisi kartunya dengan theme-color.

Pratinjau di sini mengikuti aturan tersebut. Setiap aplikasi juga mengubah desainnya dari waktu ke waktu, jadi anggap sebagai mendekati, bukan persis.

Gambar pratinjau

Satu gambar berfungsi di mana saja: 1200 × 630 piksel (1,91:1), PNG atau JPEG, di alamat https:// lengkap.

• Di bawah lebar 600 piksel, Facebook dan LinkedIn menampilkan thumbnail kecil, bukan kartu besar. Di bawah 200 × 200, Facebook tidak menampilkan gambar.
• X menerima gambar hingga 5 MB dan Facebook hingga 8 MB. WhatsApp sering melewatkan gambar di atas sekitar 600 KB, jadi JPEG yang terkompresi baik adalah pilihan aman.
• SVG tidak didukung aplikasi besar mana pun.
• Alamat relatif seperti /og.png tidak berfungsi untuk setiap crawler. Tulis URL lengkap.
• Potongan persegi sering terjadi (WhatsApp, iMessage pada tautan kecil), jadi letakkan bagian penting gambar di dekat tengah.

Pemeriksa juga mengambil gambar, mengukurnya dari header file, dan menampilkannya di pratinjau.

Mengapa pratinjau masih tampak lama

Aplikasi menyimpan yang diambil dalam cache, dari beberapa menit hingga sekitar seminggu. Setelah Anda memperbaiki tag, pemeriksa langsung menampilkan versi baru, tetapi tautan yang sudah dibagikan tetap menggunakan pratinjau lama sampai aplikasi mengambilnya lagi. Sharing Debugger Facebook dan Post Inspector LinkedIn mengambil halaman lagi atas permintaan. Di Slack, tautan yang diposting lagi setelah beberapa saat mendapat pratinjau baru. Menambahkan query string, seperti ?v=2, membuat aplikasi apa pun memperlakukannya sebagai tautan baru.

Pertanyaan umum

Mengapa pratinjau saya tidak memiliki gambar?

Penyebab umum, berurutan: tidak ada tag og:image, alamat gambar relatif atau menjawab error, gambar terlalu kecil atau terlalu besar, atau tag ditambahkan JavaScript setelah halaman dimuat. Baris di bawah setiap kartu menyebutkan yang berlaku.

Tag apa yang minimal saya perlukan?

og:title, og:description, og:image dengan gambar 1200 × 630, og:url, dan twitter:card yang disetel ke summary_large_image. Generator Tag Meta menuliskannya untuk Anda.

Bisakah alat ini memeriksa halaman yang memerlukan login?

Tidak. Crawler tidak masuk, sehingga halaman di balik login tidak memiliki pratinjau di mana pun. Pemeriksa melihat apa yang mereka lihat, dan hanya mengambil alamat publik: jaringan pribadi dan internal ditolak.

Apakah pemeriksa menyimpan halaman yang diambil?

Tidak. Alat ini mengambil halaman dan gambarnya saat Anda menekan Periksa dan mengirimkan temuannya. Hasilnya disimpan dua menit, sehingga pemeriksaan kedua untuk alamat yang sama langsung selesai, lalu dibuang. Alat ini membaca hingga 2 MB HTML dan 8 MB per gambar, dan berhenti setelah 8 detik.

Mengapa tertulis halaman saya menjawab 403 padahal terbuka baik di browser?

Beberapa situs dan firewall memblokir permintaan yang bukan dari browser, atau dari crawler besar yang dikenal. Jika pemeriksa mendapat 403, Facebook atau LinkedIn mungkin juga mendapatkannya: periksa pengaturan bot firewall Anda.

Apakah ada batasnya?

Dua puluh pemeriksaan per menit dari satu alamat. Setiap situs juga diambil paling banyak 60 kali per menit dari semua pengguna pemeriksa, sehingga tidak dapat dipakai untuk membanjiri situs. Hasil disimpan dua menit, sehingga alamat yang sama yang diperiksa lagi segera kembali seketika; menekan Periksa lagi di halaman yang sedang Anda lihat selalu mengambil versi baru.