Langsung ke konten

Pratinjau Open Graph dan meta tag

Lihat tampilan tautan di Google, Facebook, X, LinkedIn, Slack, Discord, dan iMessage; server kami mengambil halaman publik untuk membaca tag-nya, atau tulis tag baru di browser Anda.

Server kami mengambil halaman satu kali untuk membaca tag-nya; tidak ada yang disimpan.

Diproses di server kami · URL diambil sesuai permintaan dan tidak ada yang disimpanCara kerja

Cara menggunakan Pratinjau Open Graph & meta tag

  1. 1

    Tempel tautan

    Masukkan alamat halaman publik lalu klik Pratinjau tautan untuk membaca judul, deskripsi, tag Open Graph, dan tag kartu X.

  2. 2

    Periksa kartunya

    Bandingkan hasil Google dengan kartu Facebook, X, LinkedIn, Slack, Discord, dan Gaya iMessage, lalu baca daftar tag yang hilang atau masih lemah.

  3. 3

    Edit tag

    Klik Edit tag ini, atau buka Tulis tag, untuk mengubah judul, deskripsi, dan gambar. Semua pratinjau ikut berubah saat Anda mengetik.

  4. 4

    Salin ke halaman Anda

    Salin meta tag yang dihasilkan ke bagian head halaman Anda, publikasikan, lalu periksa kembali URL yang sudah tayang.

Batas dan Pro

Gratis: 20 pratinjau URL per menit, halaman hingga 3 MB HTML dengan batas waktu 12 detik, 7 pratinjau platform per tautan, dan edit tag tanpa batas.

Tentang Pratinjau Open Graph & meta tag

Pratinjau meta tag menunjukkan tampilan sebuah tautan sebelum Anda membagikannya. Alat ini membaca tag yang dipakai untuk membuat pratinjau tautan: judul HTML dan meta description, tag Open Graph seperti og:title, og:description, og:image, dan og:site_name, tag kartu X seperti twitter:card, serta warna tema yang dipakai Discord untuk garis samping embed. Setelah itu alat ini menampilkan tujuh pratinjau: hasil pencarian Google, kiriman tautan Facebook dan LinkedIn, kartu X dalam format gambar besar atau ringkasan, unfurl Slack, embed Discord, dan balon bergaya iMessage.

Jika ada kolom yang kosong, pratinjau memakai cadangan seperti yang dilakukan kebanyakan platform, misalnya dari og:title ke judul halaman, dan sumbernya dicatat di bagian peringatan. Gambarnya juga diperiksa: ukuran piksel dan jenisnya dibaca dari header file, sehingga Anda tahu apakah gambar berada di bawah batas minimum Facebook 200 × 200, terlalu besar untuk batas 5 MB di X, berupa SVG yang tidak didukung, atau berbentuk salah untuk kartu besar 2:1.

Tab Tulis tag bekerja tanpa mengambil halaman apa pun dan menghasilkan blok meta tag siap pakai. Pratinjau hanyalah perkiraan: platform bisa mengubah desainnya, menyimpan kartu di cache selama berhari-hari, dan sebagian menampilkan teks berbeda untuk pengguna yang sudah masuk. Untuk menyegarkan kartu yang sudah pernah dibagikan, gunakan debugger resmi platform tersebut setelah Anda menerbitkan halaman.

Privasi

Di Periksa URL, alamat dikirim ke server kami, yang mengunduh halaman itu satu kali beserta byte pertama og:image untuk membaca tag dan ukuran gambar; tidak ada yang disimpan atau dicatat. Gambar pratinjau lalu dimuat di browser Anda langsung dari situs yang menghostingnya. Tulis tag hanya berjalan di browser Anda.

Fitur

Tujuh pratinjau

Kartu Google, Facebook, X, LinkedIn, Slack, Discord, dan Gaya iMessage berdampingan.

Pemeriksaan og:image

Ukuran piksel, jenis file, dan ukuran file dibaca dari gambarnya langsung, lengkap dengan batas minimum tiap platform.

Generator tag

Ketik judul, deskripsi, dan gambar, lalu salin blok Open Graph dan kartu X yang lengkap.

Pratinjau Open Graph & meta tag: pertanyaan yang sering diajukan

Tag apa yang menentukan tampilan tautan saat dibagikan?
Kebanyakan aplikasi membaca tag Open Graph: og:title, og:description, og:image, og:url, dan og:site_name. X membaca twitter:card untuk memilih kartu kecil atau besar, lalu memakai Open Graph untuk sisanya. Pencarian Google memakai judul HTML dan meta description. Isi semuanya; alat ini menulis set lengkapnya di tab Tulis tag.
Berapa ukuran og:image yang disarankan?
Gunakan 1200 × 630 piksel, rasio 1,91:1, berformat PNG, JPEG, atau WebP di bawah 5 MB. Ukuran itu memenuhi kartu besar di Facebook, LinkedIn, Slack, dan Discord, sedangkan X memotongnya sedikit menjadi 2:1 untuk kartu gambar besar, jadi jauhkan teks dari tepi. Gambar yang lebarnya kurang dari 600 piksel bisa tampil sebagai thumbnail kecil, dan gambar SVG tidak didukung.
Mengapa Facebook atau LinkedIn masih menampilkan pratinjau lama?
Platform menyimpan pratinjau tautan di cache, sering kali beberapa hari, sejak pertama kali ada yang membagikan URL. Setelah mengubah tag, minta platform memindai ulang halaman dengan Sharing Debugger Facebook atau Post Inspector LinkedIn. Slack, Discord, dan iMessage juga menyimpan cache dan biasanya menyegarkan sendiri setelah beberapa waktu, atau saat URL berubah, misalnya dengan query string.
Apakah ada yang disimpan saat saya memeriksa URL?
Tidak. Browser Anda mengirim alamat ke server kami, yang mengunduh halaman dan 256 KB pertama og:image hanya untuk membaca tag dan ukuran gambar, lalu mengembalikan hasilnya. Tidak ada yang disimpan atau dicatat. Gambar pratinjau yang Anda lihat dimuat oleh browser Anda sendiri langsung dari situs web, sama seperti di aplikasi aslinya.
Mengapa pratinjau tidak bisa membaca halaman saya?
Halaman harus bisa diakses publik lewat http atau https. Alamat jaringan pribadi dan lokal ditolak demi keamanan, halaman yang memerlukan login atau memblokir bot akan menampilkan halaman login atau tantangan, dan tag yang ditambahkan belakangan oleh JavaScript tidak terbaca karena server membaca HTML mentah, seperti kebanyakan crawler media sosial. Letakkan tag di HTML hasil render server.

Alat terkait

Semua alat developer

Cek kecepatan & SEO website

Audit SEO on-page dengan Core Web Vitals dan solusinya

Generator robots.txt & sitemap

Pembuat dan penguji robots.txt, sitemap XML

Generator favicon

Ikon ICO, PNG, dan manifest dari gambar, teks, atau emoji

Pemendek tautan

Tautan pendek dengan kode QR dan statistik klik