HedgieTools

Pratinjau berbagi di media sosial

Lihat tampilan halaman Anda saat dibagikan di Google, Facebook, X, LinkedIn, WhatsApp, Slack, Discord, atau Pinterest, perbaiki bagian yang terpotong, dan salin tag Open Graph yang siap ditempel.

1. Detail halaman Anda

Isi formulir, atau impor datanya dari kode sebuah halaman.

0 / 60
0 / 155
Jenis halaman
Gambar untuk dibagikan

JPG, PNG, WebP, atau GIF. Gambar yang dipilih hanya digunakan untuk pratinjau: cantumkan juga alamat online-nya untuk kode.

2. Pratinjau

Simulasi untuk setiap platform: hasil sebenarnya bisa sedikit berbeda, tetapi bagian yang terpotong mendekati kenyataan.

Google

Eexample.comhttps://example.com › …
Judul halamanDeskripsi halaman akan muncul di sini.

Facebook

example.comJudul halamanDeskripsi halaman akan muncul di sini.

X

Judul halaman
Dari example.com

LinkedIn

Judul halamanexample.com

WhatsApp

Judul halamanDeskripsi halaman akan muncul di sini.example.com
https://example.com10:24

Slack

example.comJudul halamanDeskripsi halaman akan muncul di sini.

Discord

example.comJudul halamanDeskripsi halaman akan muncul di sini.

Pinterest

Judul halamanEexample.com

Pinterest menampilkan gambar secara utuh, tanpa memotongnya. Gambar vertikal (2:3, misalnya 1000 × 1500 px) mendapat ruang lebih besar di sana, tetapi akan dipotong di platform lain.

3. Pemeriksaan dan kode

Apa yang perlu diperbaiki, lalu tag yang perlu ditempel ke halaman Anda.

  • MasalahTidak ada judulTanpa judul, setiap media sosial akan membuat judul sendiri dari isi halaman.
  • MasalahTidak ada deskripsiMedia sosial akan mengambil potongan teks dari halaman, yang sering kali kurang tepat.
  • MasalahTidak ada gambarLink tanpa gambar mendapat jauh lebih sedikit klik. Siapkan gambar berukuran 1200 × 630 px.
  • Perlu ditingkatkanTidak ada alamat halamanog:url memberikan alamat resmi halaman, sehingga setiap kali halaman dibagikan, semuanya dikelompokkan menjadi satu.

Tempel di bagian head halaman Anda.

Isi formulir untuk membuat kode.

Tentang pratinjau berbagi di media sosial

Setiap kali seseorang membagikan halaman Anda, media sosial menampilkan kartu berisi judul, deskripsi, dan gambarnya. Alat ini menampilkan kartu-kartu tersebut sebelum Anda memublikasikan halaman, dan menulis tag yang mengisinya.

Buat link Anda tampil menarik

Saat halaman Anda dibagikan, setiap media sosial menampilkan kartu berisi judul, deskripsi, dan gambar. Informasi tersebut berasal dari tag Open Graph yang dipasang di kode halaman. Tanpa tag ini, kartunya kosong atau isinya kurang tepat.

Panjang yang tepat

Google memotong judul di sekitar 60 karakter dan deskripsi di sekitar 155. Gambar berukuran 1200 × 630 piksel (1,91:1) tampil baik di mana saja: letakkan hal terpenting di tengah, karena beberapa platform memotongnya. Pinterest lebih menyukai gambar vertikal.

Kode siap tempel

Salin tag HTML untuk dipasang di bagian head halaman Anda, atau objek metadata untuk situs Next.js. Setelah halaman online, media sosial terkadang masih menyimpan pratinjau lama di cache selama beberapa hari.

Tidak ada yang diunggah

Pratinjau disimulasikan di browser Anda. Gambar dan teks Anda tidak dikirim ke mana pun. Satu-satunya permintaan adalah untuk alamat gambar yang Anda ketik, dan dilakukan oleh browser Anda.

Alat terkait

Pengembangan

Dekoder JWT

Baca header, payload, dan tanggal JWT, lalu periksa tanda tangannya.

Pengembangan

SVG ke HTML

Konversi SVG ke HTML, JSX, dan React.