tigtools

Pratonton Open Graph

Masukkan kandungan tag Open Graph anda untuk melihat kira-kira bagaimana pautan yang dikongsi mungkin kelihatan, dan sama ada imej itu bersaiz betul.

Berjalan dalam pelayar anda Tanpa pendaftaran

Pelayar memuatkan imej ini terus daripada alamat yang anda masukkan.

Disyorkan: 1200 × 630 px (1.91:1), JPG atau PNG, di bawah beberapa megabait. Jauhkan kandungan penting dari bahagian tepi, kerana sesetengah aplikasi memangkas kepada segi empat sama.

Kad pautan besar
Tiada imej
example.com
—
Kad pautan kecil
Tiada imej
example.com
—

Kad ini ialah anggaran generik. Setiap aplikasi mempunyai susun atur, fon dan pemangkasan tersendiri, serta menyimpan cache pratonton.

Cara menggunakannya

  1. Masukkan og:title dan og:description yang anda gunakan, atau rancang untuk gunakan, pada halaman itu.
  2. Tampal URL penuh og:image. Alat ini akan memuatkannya dan melaporkan saiz piksel sebenar.
  3. Tambahkan URL halaman atau domain, kemudian bandingkan pratonton kad besar dan kecil serta betulkan sebarang amaran.

Cara ia berfungsi

Apabila seseorang berkongsi pautan, kebanyakan rangkaian sosial dan aplikasi sembang mengambil halaman tersebut dan membaca tag Open Graphnya: og:title, og:description, og:image dan og:url. Mereka kemudian membina kad. Imej lebar sekitar 1.91:1 biasanya menghasilkan kad besar dengan imej di atas; imej kecil atau segi empat sama selalunya menghasilkan kad padat dengan lakaran kecil di sebelah teks.

Alat ini menunjukkan dua gaya kad generik untuk membantu anda menilai panjang dan pembingkaian imej. Ia menyemak saiz semula jadi imej selepas pelayar memuatkannya: di bawah 200 × 200 px, banyak aplikasi mengabaikan imej, di bawah 600 × 315 px, mereka cenderung menggunakan susun atur kecil, dan nisbah yang jauh daripada 1.91:1 bermakna pemotongan. 1200 × 630 px ialah saiz yang disyorkan secara meluas kerana ia kekal tajam pada skrin berketumpatan tinggi.

Pratonton tidak dapat menunjukkan dengan tepat apa yang akan dipaparkan oleh aplikasi tertentu. Aplikasi berbeza dari segi bilangan baris tajuk dan keterangan yang dipaparkan, sesetengahnya mengabaikan keterangan, dan kebanyakannya menyimpan pratonton dalam cache untuk seketika selepas perkongsian pertama, jadi perubahan pada tag anda mungkin tidak muncul serta-merta. Banyak platform menawarkan alat penyahpepijatan mereka sendiri untuk menyegarkan cache tersebut.

Contoh

Tangkapan skrin yang digunakan sebagai og:image

Tangkapan skrin 1440 × 900 mempunyai nisbah 1.6:1. Alat ini memberi amaran tentang nisbah itu: dalam kad besar, bahagian atas dan bawah akan dipangkas. Mengeksport versi 1200 × 630 mengelakkan kejutan.

Logo sebagai satu-satunya imej

Logo 180 × 180 adalah di bawah 200 × 200 px, jadi banyak aplikasi mungkin tidak menunjukkan imej. Sebaliknya, gunakan sepanduk lebar yang lebih besar dan mengandungi logo itu.

Menyemak panjang tajuk

og:title sepanjang 90 aksara terbahagi kepada tiga baris dalam pratonton kad besar. Memendekkannya kepada kira-kira 60 aksara memastikan kad kekal kemas dalam kebanyakan aplikasi.

Soalan Lazim

Mengapa pautan saya kelihatan berbeza di Facebook, LinkedIn dan X?

Setiap platform memaparkan kad dengan susun atur, pemangkasan dan had teksnya sendiri, dan sesetengahnya menunjukkan keterangan manakala yang lain tidak. Pratonton ini ialah anggaran umum, bukan salinan reka bentuk mana-mana platform.

Saya menukar og:image tetapi imej lama masih muncul. Mengapa?

Platform menyimpan cache pratonton pautan. Gunakan penyahpepijat perkongsian platform itu sendiri untuk mengambil halaman itu semula, atau tunggu sehingga cache tamat tempoh. Menukar nama fail imej juga membantu.

Bolehkah saya menggunakan imej SVG atau WebP?

SVG tidak disokong oleh kebanyakan platform. WebP berfungsi dalam banyak aplikasi tetapi bukan semua; JPG atau PNG ialah pilihan paling selamat.

Mengapa alat ini tidak dapat memuatkan imej saya?

URL itu mungkin memerlukan log masuk, menghala ke halaman HTML dan bukannya imej, atau pelayan mungkin menyekat permintaan daripada laman lain. Jika pelayar tidak dapat memuatkannya di sini, perangkak platform sosial mungkin juga tidak dapat berbuat demikian.

Privasi

Teks yang anda masukkan kekal dalam pelayar anda. Untuk menyemak imej, pelayar anda memintanya terus daripada URL yang anda masukkan (tanpa menghantar perujuk), jadi pelayan itu melihat permintaan imej biasa. Tiada apa-apa dihantar ke TIG Tools.