ToolHub
Buka Alat

Pratinjau Berbagi Sosial

Pratinjau tampilan situs web saat dibagikan di platform media sosial seperti Twitter, Facebook, LinkedIn

Peralatan developer
Luncurkan Alat Semua Alat

Tentang Alat Ini

Pratinjau tampilan situs web saat dibagikan di platform media sosial seperti Twitter, Facebook, LinkedIn. Masukkan judul halaman, deskripsi, URL, dan gambar, lihat pratinjau kartu secara real-time dan hasilkan tag meta Open Graph, semua pemrosesan dilakukan secara lokal di browser.

Fitur Utama

Pratinjau Cepat

Kasus Penggunaan

social

Pertanyaan Umum

Platform media sosial apa yang didukung untuk pratinjau?

Alat mempratinjau tampilan berbagi halaman Anda di platform seperti Twitter (X), Facebook, LinkedIn yang mendukung tag meta Open Graph dan Twitter Card. Tata letak kartu sedikit berbeda untuk setiap platform.

Apa itu tag meta Open Graph?

Tag meta Open Graph (og:title, og:description, og:image, og:url) adalah elemen meta HTML yang mengontrol tampilan konten saat dibagikan di media sosial. Mereka mendefinisikan judul, deskripsi, gambar, dan URL yang ditampilkan platform sosial dalam pratinjau tautan.

Apa perbedaan Twitter Card dan Open Graph?

Twitter menggunakan tag meta sendiri (twitter:card, twitter:title, dll.), tetapi akan jatuh kembali ke tag Open Graph jika tag Twitter tidak ada. Alat memungkinkan Anda beralih antara pratinjau Twitter dan Open Graph, memastikan keduanya dirender dengan benar.

Berapa ukuran gambar terbaik untuk pratinjau sosial?

Gambar untuk Facebook dan LinkedIn minimal harus 1200x630 piksel. Summary Card with Large Image Twitter merekomendasikan rasio aspek 2:1, seperti 1200x600 atau 800x400. Pratinjau membantu Anda melihat apakah gambar ditampilkan dengan benar.

Mengapa gambar saya tidak muncul di pratinjau?

Penyebab umum termasuk URL og:image yang hilang atau salah, file gambar lebih kecil dari 200x200 piksel, format gambar yang tidak didukung, atau cache platform sosial. Gunakan URL absolut dan pastikan gambar memenuhi persyaratan ukuran minimum.

Alat terkait

Validator JSONPemilih WarnaGenerator HashGenerator UUID