Dev UtilitiesLesson 135Preview gratis
Social Share Preview
Lesson ini bagian dari Web Developer Tools · Semua level
Ringkasan
Social share preview menampilkan perkiraan tampilan tautan saat dibagikan di media sosial. Tampilan itu dikendalikan oleh meta tag Open Graph dan Twitter Card, seperti og:title, og:description, dan og:image. Pratinjau membantu memastikan judul, deskripsi, serta gambar terlihat rapi sebelum tautan dipublikasikan. Setelah mengubah meta tag, platform mungkin masih menampilkan versi lama karena cache.
Poin kunci
- Open Graph memakai atribut property dengan prefix og:
- og:image sebaiknya berukuran sekitar 1200 x 630 piksel
- Twitter Card memakai name="twitter:card"
- Gunakan URL absolut untuk og:image dan og:url
- Platform menyimpan cache sehingga perubahan tidak langsung tampil
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.