🖼️ Open Graph Generator

Open Graph Generator untuk Website

Open Graph Generator adalah tool untuk membuat meta tags Open Graph yang dapat digunakan untuk menentukan informasi dasar halaman ketika URL dibagikan pada platform yang mendukung Open Graph.

Apa Itu Open Graph?

Open Graph adalah protokol metadata yang memungkinkan sebuah halaman menyediakan informasi seperti judul, deskripsi, URL, gambar, dan tipe konten kepada platform lain ketika URL dibagikan.

og:title

og:title menentukan judul yang dapat digunakan sebagai judul preview ketika halaman dibagikan.

og:description

og:description memberikan ringkasan mengenai isi halaman yang dapat digunakan pada preview link.

og:url

og:url menunjukkan URL kanonis atau URL utama yang ingin diasosiasikan dengan objek Open Graph tersebut.

og:image

og:image menentukan gambar yang dapat digunakan dalam preview ketika URL dibagikan.

og:type

og:type menunjukkan jenis objek yang direpresentasikan oleh halaman, misalnya website atau article.

og:site_name

og:site_name dapat digunakan untuk memberikan nama website atau situs yang terkait dengan halaman tersebut.

Open Graph untuk Social Media

Metadata Open Graph dapat digunakan oleh berbagai platform yang membaca protokol tersebut untuk membantu membentuk preview sebuah URL. Hasil tampilan akhir dapat berbeda tergantung pada platform dan implementasinya.

Twitter Card

Twitter Card, yang digunakan pada X, menyediakan metadata tambahan untuk mengontrol informasi tertentu pada preview URL. Tool ini dapat menghasilkan tag dasar Twitter Card menggunakan informasi Open Graph sebagai fallback.

Contoh Open Graph Meta Tags

<meta property="og:title" content="AI Mr Ferdy" />
<meta property="og:description" content="Platform AI Indonesia." />
<meta property="og:url" content="https://aimrferdy.com/" />
<meta property="og:image" content="https://aimrferdy.com/images/og-cover.jpg" />
<meta property="og:type" content="website" />

Tips Membuat Open Graph

Gunakan judul yang sesuai dengan isi halaman.
Buat deskripsi yang menggambarkan konten secara jelas.
Gunakan URL halaman yang benar.
Gunakan gambar yang relevan dengan halaman.
Pastikan gambar dapat diakses secara publik.
Periksa hasil preview setelah metadata diterapkan.

Open Graph dan SEO

Open Graph terutama berkaitan dengan bagaimana URL direpresentasikan ketika dibagikan di platform sosial dan layanan yang mendukungnya. Open Graph bukan pengganti title tag, meta description, canonical, atau structured data untuk kebutuhan SEO halaman.

Cara Menggunakan Open Graph Generator

Masukkan judul halaman.
Masukkan deskripsi halaman.
Masukkan URL halaman.
Masukkan URL gambar Open Graph.
Pilih tipe konten.
Masukkan nama website dan locale jika diperlukan.
Aktifkan Twitter Card jika diperlukan.
Klik Generate Open Graph.
Salin meta tags yang dihasilkan.