Rumah / Alat percuma / Social Share Preview

Lihat rupa halaman anda apabila pautannya dikongsi

Lihat kad yang dibina enam platform apabila seseorang berkongsi pautan ke halaman anda.

Apabila sesuatu pautan dikongsi, platform tidak sekadar memaparkan alamatnya. Ia mengambil halaman itu, membaca beberapa tag daripada head, lalu membina sebuah kad: satu imej, satu judul, satu baris teks. Tag mana yang dibaca bergantung pada tempat pautan itu disiarkan. X mencari tagnya sendiri dahulu sebelum berpaling kepada tag Open Graph, manakala Facebook dan LinkedIn hanya membaca Open Graph. Jika sesuatu tag tiada, tiada ruang kosong ditinggalkan; platform mengambil sesuatu yang lain daripada halaman itu, selalunya teks pertama yang ditemuinya. Masukkan alamat di bawah untuk membaca tag sesuatu halaman, atau tulis sendiri, dan kad itu dilukis mengikut cara setiap satu daripada enam platform membinanya.

Tiada apa-apa disimpan di sini. Alamat yang dimasukkan dihantar ke sona.to, yang membaca tag halaman itu dan memulangkannya. Halaman itu sendiri tidak disimpan.
X Tag X dahulu
Facebook Open Graph sahaja
LinkedIn Deskripsi tidak dipaparkan
Slack Salah satu set
Discord Salah satu set
WhatsApp

Tag mana yang dibaca oleh setiap platform

X memeriksa tagnya sendiri dahulu dan berpaling kepada Open Graph apabila tiada. Facebook dan LinkedIn hanya membaca Open Graph, jadi tag X langsung tidak berguna di sana. Slack dan Discord menerima kedua-duanya. Oleh itu satu halaman boleh menghasilkan enam kad yang tidak sepadan antara satu sama lain, dan judul yang anda pasti telah tetapkan boleh hilang pada separuh daripadanya. Setiap pratonton di sini mengikut susunan yang benar-benar digunakan platform berkenaan.

Facebook dan LinkedIn mengingati apa yang dibaca

Kedua-duanya menyimpan salinan apa yang ditemui ketika kali pertama mengambil halaman anda, dan menyimpannya lama. Anda membetulkan tag tetapi kad tidak berubah, dan inilah sebab paling lazim sesuatu pembetulan yang betul kelihatan gagal. Anda perlu meminta platform membaca semula halaman itu, dan kedua-duanya menyediakan alat untuk itu: Sharing Debugger di Facebook dan Post Inspector di LinkedIn. Tiada alat yang boleh mengosongkan cache tersebut bagi pihak anda, termasuk alat ini. Apa yang anda lihat di sini ialah isi tag sekarang, bukan apa yang masih dipaparkan oleh Facebook.

Tag yang tiada tidak meninggalkan ruang kosong

Platform menggantikan dan bukannya meninggalkan lompang. Tanpa tag deskripsi, ia mengambil satu baris daripada halaman, biasanya teks pertama yang ditemui, dan di banyak laman teks pertama itu ialah label menu atau notis kuki. Tanpa imej, kad mengecil menjadi satu baris teks di sebelah favicon. Pratonton di sini turut menunjukkan penggantian tersebut.

Saiz, dan di mana pemangkasan jatuh

Di bawah kira-kira 600px lebar, kebanyakan platform berhenti memaparkan kad imej besar dan turun kepada imej kecil di sebelah teks, iaitu kad yang jauh lebih lemah. 1200 kali 630 ialah saiz yang disasarkan kebanyakan orang. Pemangkasan diambil dari tengah, jadi apa-apa yang berada dekat tepi atas, bawah atau sisi boleh hilang: nombor telefon di bahagian bawah sekeping gambar, nama di bahagian atas sekeping poster. Imej dimuatkan dan diukur dalam pelayar anda di sini, jadi saiz yang dilihat ialah saiz sebenar dan bukan apa yang didakwa oleh tag lebar.

Apa yang ditunjukkan

Satu set tag, enam kad, kerana platform tidak membacanya dengan cara yang sama.

Enam platform
  • Mengikut susun atur masing-masing
  • Mengikut susunan tag yang digunakan setiap satu
  • Bersebelahan
Imej
  • Diukur dalam pelayar anda
  • Piksel sebenar, bukan isi tag
  • Dipangkas sebagaimana ia akan dipangkas
Teks
  • Judul dan deskripsi
  • Di mana setiap satu dipotong
  • Setiap satu datang daripada tag mana
Dibaca daripada halaman yang aktif
  • Apa jua tag yang ada di sana
  • Setiap gantian diikuti
  • Tiada apa-apa disimpan
Cara menggunakannya
1
Masukkan alamat
Taip atau tampal alamat halaman. Judulnya, deskripsinya, canonical, favicon dan setiap tag Open Graph dan X dibaca lalu diisi di bawah.
2
Atau tulis sendiri tag itu
Biarkan alamat kosong dan taip satu judul, satu deskripsi dan alamat sesuatu imej. Berguna untuk mencuba satu set tag sebelum memasangnya pada halaman.
3
Baca keenam-enam kad
Lihat di mana judul dan deskripsi dipotong, dan apa yang diletakkan setiap platform bagi menggantikan apa yang anda tinggalkan.
4
Ubah tag, kemudian minta bacaan baharu
Tag diletakkan dalam head halaman. Di Facebook dan LinkedIn kad lama kekal sehingga anda meminta mereka melihat semula.
Maksud istilah ini
Open Graph
Satu set tag meta dalam head sesuatu halaman, semuanya bermula dengan og, yang memberitahu platform imej, judul dan deskripsi mana untuk digunakan. Facebook memperkenalkannya dan kini kebanyakan platform membacanya.
Kad
Apa yang dilukis oleh platform sebagai ganti pautan kosong: sekeping imej, satu judul, satu baris teks dan nama domain. Bentuknya dan berapa banyak teks yang kekal berbeza mengikut platform.
Cache
Salinan yang disimpan platform daripada apa yang dibacanya pada halaman anda. Facebook dan LinkedIn kedua-duanya menyimpan salinan itu, sebab itulah kad yang dipaparkan boleh lebih lama daripada tag yang ada pada halaman.
Soalan