Rumah / Alat gratis / Social Share Preview

Lihat tampilan halaman Anda saat tautannya dibagikan

Lihat kartu yang dibangun enam platform ketika seseorang membagikan tautan ke halaman Anda.

Saat sebuah tautan dibagikan, platform tidak sekadar menampilkan alamatnya. Platform mengambil halaman itu, membaca beberapa tag dari head, lalu menyusun sebuah kartu: satu gambar, satu judul, satu baris teks. Tag mana yang dibaca bergantung pada tempat tautan diposting. X mencari tag miliknya dulu sebelum beralih ke tag Open Graph, sedangkan Facebook dan LinkedIn hanya membaca Open Graph. Jika sebuah tag tidak ada, tidak tersisa ruang kosong; platform mengambil sesuatu yang lain dari halaman, sering kali teks pertama yang ditemukannya. Masukkan alamat di bawah untuk membaca tag sebuah halaman, atau tulis sendiri, dan kartu digambar persis seperti cara masing-masing dari enam platform menyusunnya.

Tidak ada yang disimpan di sini. Alamat yang dimasukkan dikirim ke sona.to, yang membaca tag halaman itu dan mengembalikannya. Halamannya sendiri tidak disimpan.
X Tag X lebih dulu
Facebook Hanya Open Graph
LinkedIn Deskripsi tidak ditampilkan
Slack Salah satu set
Discord Salah satu set
WhatsApp

Tag mana yang dibaca setiap platform

X memeriksa tagnya sendiri lebih dulu dan beralih ke Open Graph kalau tidak ada. Facebook dan LinkedIn hanya membaca Open Graph, jadi tag X sama sekali tidak berguna di sana. Slack dan Discord menerima keduanya. Karena itu satu halaman bisa menghasilkan enam kartu yang tidak cocok satu sama lain, dan judul yang Anda yakin sudah diatur bisa hilang di separuhnya. Setiap pratinjau di sini mengikuti urutan yang benar-benar dipakai platform tersebut.

Facebook dan LinkedIn mengingat apa yang mereka baca

Keduanya menyimpan salinan dari apa yang mereka temukan saat pertama kali mengambil halaman Anda, dan menahannya lama. Anda memperbaiki tag tetapi kartunya tidak berubah, dan inilah alasan paling umum sebuah perbaikan yang benar terlihat gagal. Anda harus meminta platform membaca ulang halaman itu, dan keduanya menyediakan alat untuk itu: Sharing Debugger di Facebook dan Post Inspector di LinkedIn. Tidak ada alat yang bisa mengosongkan cache tersebut untuk Anda, termasuk alat ini. Yang Anda lihat di sini adalah isi tag sekarang, bukan yang masih ditampilkan Facebook.

Tag yang hilang tidak menyisakan ruang kosong

Platform mengganti alih-alih meninggalkan lubang. Tanpa tag deskripsi, mereka mengambil satu baris dari halaman, biasanya teks pertama yang mereka temui, dan di banyak situs teks pertama itu adalah label menu atau pemberitahuan cookie. Tanpa gambar, kartu menyusut jadi satu baris teks di samping favicon. Pratinjau di sini mengikuti penggantian tersebut.

Ukuran, dan di mana pemotongan jatuh

Di bawah sekitar 600px lebar, sebagian besar platform berhenti menampilkan kartu bergambar besar dan turun ke thumbnail kecil di samping teks, kartu yang jauh lebih lemah. 1200 kali 630 adalah ukuran yang dituju kebanyakan orang. Pemotongan diambil dari tengah, jadi apa pun yang berada dekat tepi atas, bawah, atau samping bisa lenyap: nomor telepon di bagian bawah sebuah foto, nama di bagian atas sebuah poster. Gambar dimuat dan diukur di peramban Anda di sini, sehingga ukuran yang terlihat adalah ukuran sebenarnya, bukan yang diklaim tag lebar.

Apa yang ditampilkan

Satu set tag, enam kartu, karena setiap platform membacanya dengan cara berbeda.

Enam platform
  • Dalam tata letak masing-masing
  • Dalam urutan tag yang dipakai masing-masing
  • Berdampingan
Gambar
  • Diukur di peramban Anda
  • Piksel sebenarnya, bukan isi tag
  • Dipotong seperti nanti dipotong
Teks
  • Judul dan deskripsi
  • Di mana masing-masing terpotong
  • Masing-masing berasal dari tag mana
Dibaca dari halaman yang aktif
  • Tag apa pun yang ada di sana
  • Setiap pengganti diikuti
  • Tidak ada yang disimpan
Cara memakainya
1
Masukkan alamat
Ketik atau tempel alamat halaman. Judul, deskripsi, canonical, favicon, dan setiap tag Open Graph dan X dibaca lalu diisikan di bawah.
2
Atau tulis sendiri tagnya
Biarkan alamat kosong lalu ketik judul, deskripsi, dan alamat sebuah gambar. Berguna untuk mencoba satu set tag sebelum memasangnya di halaman.
3
Baca keenam kartu
Perhatikan di mana judul dan deskripsi terpotong, dan apa yang dipakai setiap platform untuk menggantikan yang Anda kosongkan.
4
Ubah tagnya, lalu minta pembacaan ulang
Tag dipasang di head halaman. Di Facebook dan LinkedIn kartu lama tetap bertahan sampai Anda meminta mereka melihat lagi.
Arti kata-kata ini
Open Graph
Sekumpulan tag meta di head sebuah halaman, semuanya bernama diawali og, yang memberi tahu platform gambar, judul, dan deskripsi mana yang dipakai. Facebook memperkenalkannya dan kini hampir semua platform membacanya.
Kartu
Yang digambar platform sebagai pengganti tautan polos: sebuah gambar, sebuah judul, satu baris teks, dan nama domain. Bentuk dan seberapa banyak teks yang bertahan berbeda-beda tiap platform.
Tembolok
Salinan yang disimpan platform dari apa yang dibacanya di halaman Anda. Facebook dan LinkedIn sama-sama menyimpannya, itulah sebabnya kartu yang mereka tampilkan bisa lebih lama daripada tag yang ada di halaman.
Pertanyaan