Alat saya

Generator Open Graph

Tulis judul dan deskripsi, lihat kartu berbagi, lalu salin tag meta.

Opsi lainnya

Isi bidang mana pun dan tag muncul di sini — tidak ada tombol "buat".

Cara menggunakan

  1. Isi judul, deskripsi, gambar, dan URL halaman. Pratinjau kartu berbagi dan tag <meta> diperbarui saat Anda mengetik — tidak ada tombol buat.
  2. Buka "Opsi lainnya" untuk menambahkan nama situs, locale, atau nama pengguna Twitter @. Matikan Twitter Card jika hanya memerlukan Open Graph.
  3. Salin tag dan tempel ke <head> halaman Anda. Unduh memberi blok yang sama sebagai berkas .html yang dapat Anda simpan.

Contoh

Bidang

Judul "Cara membuat roti sourdough yang sempurna" · jenis website · URL gambar · URL halaman · nama situs "Blog Roti" · locale id_ID · Twitter @blogroti

Tag

<meta property="og:title" content="Cara membuat roti sourdough yang sempurna">
<meta property="og:type" content="website">
<meta property="og:image" content="https://example.com/og-image.png">
<meta property="og:url" content="https://example.com/blog/sourdough">
<meta property="og:description" content="Panduan langkah demi langkah dari starter hingga remah yang renyah dan berongga.">
<meta property="og:site_name" content="Blog Roti">
<meta property="og:locale" content="id_ID">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@blogroti">
<meta name="twitter:title" content="Cara membuat roti sourdough yang sempurna">
<meta name="twitter:description" content="Panduan langkah demi langkah dari starter hingga remah yang renyah dan berongga.">
<meta name="twitter:image" content="https://example.com/og-image.png">

Tag dihasilkan dalam urutan tetap, sehingga bidang yang sama selalu menghasilkan blok yang sama. Bidang kosong dilewati — tidak ada tag content="" kosong yang dibuat.

Cakupan, batasan, dan pertanyaan umum

  • Tidak ada pengambilan URL: alat ini tidak dapat membaca tag yang sudah ada di situs lain, dan tidak dapat memeriksa apakah halaman Anda yang sudah dipasang dikenali. Setelah deploy, tempel URL Anda ke Facebook Sharing Debugger atau X Card Validator untuk memastikan.
  • Bidang kosong dilewati. Jika deskripsi dibiarkan kosong, tidak ada og:description yang dikeluarkan — tidak ada nilai pengganti.
  • Pemeriksaan URL hanya peringatan, bukan penghalang. Jalur relatif atau https:// yang hilang tetap menghasilkan tag; perbaiki di sisi Anda jika platform menolaknya.
  • Hanya kartu Twitter summary dan summary_large_image yang dihasilkan. Kartu App dan Player memerlukan bidang tambahan app:id / player: yang tidak dipakai sebagian besar halaman.
  • Gambar pratinjau dimuat dari URL og:image persis yang Anda ketik, sama seperti situs sosial mengambilnya. Gambar tidak dikirim ke server kami; jika host tidak dapat dijangkau, pengganti ditampilkan.
  • Tidak ada yang diunggah, disimpan, atau ditulis ke URL halaman. Muat ulang dimulai dari contoh — mengosongkan bidang dimulai dari kosong.

Yang biasanya dibutuhkan berikutnya setelah tag siap dipasang.

Generator favicon

Generator sitemap