TOOLSTEKNO
SEO

Open Graph Meta Tags: Cara Share Konten yang Menarik di Sosial Media

6 menit baca7 Februari 2026

Pernahkah Anda berbagi link di media sosial dan hasilnya hanya tampil sebagai URL teks biasa? Atau sebaliknya, preview-nya salah — gambar yang muncul bukan gambar yang Anda inginkan? Itulah masalah yang Open Graph dirancang untuk menyelesaikannya.

Apa Itu Open Graph Protocol?

Open Graph Protocol (OGP) adalah standar yang dikembangkan oleh Facebook pada tahun 2010 yang memungkinkan halaman web menjadi "objek yang kaya" dalam grafik sosial. Dengan kata lain, Open Graph tags memberitahu platform media sosial (Facebook, Twitter, LinkedIn, WhatsApp, dll.) bagaimana menampilkan link dari halaman Anda.

Tag Open Graph yang Wajib Ada

<head>
  <!-- Judul yang akan muncul saat dibagikan -->
  <meta property="og:title" content="Judul Halaman Anda" />
  
  <!-- Deskripsi singkat konten -->
  <meta property="og:description" content="Deskripsi menarik halaman Anda, idenya 1-2 kalimat." />
  
  <!-- URL gambar preview (ukuran ideal: 1200x630 px) -->
  <meta property="og:image" content="https://domain.com/gambar-preview.png" />
  
  <!-- URL halaman ini -->
  <meta property="og:url" content="https://domain.com/halaman-ini" />
  
  <!-- Tipe konten -->
  <meta property="og:type" content="website" />
</head>

Tag Tambahan yang Direkomendasikan

<!-- Nama website/brand Anda -->
<meta property="og:site_name" content="TOOLS TEKNO" />

<!-- Localize konten -->
<meta property="og:locale" content="id_ID" />

<!-- Untuk artikel: tambahkan metadata tambahan -->
<meta property="article:published_time" content="2026-02-07T00:00:00Z" />
<meta property="article:author" content="TOOLS TEKNO" />

<!-- Twitter Cards (platform Twitter menggunakan ini) -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Judul Halaman Anda" />
<meta name="twitter:description" content="Deskripsi untuk Twitter" />
<meta name="twitter:image" content="https://domain.com/gambar-preview.png" />

Tips Gambar Open Graph

  • Ukuran ideal: 1200 x 630 piksel untuk rasio 1.91:1 yang direkomendasikan Facebook.
  • Format: JPG atau PNG. Hindari GIF atau WebP untuk kompatibilitas maksimal.
  • Ukuran file: Usahakan di bawah 1 MB agar tidak lambat di koneksi mobile.
  • Konten gambar: Gunakan gambar yang relevan dengan konten dan tambahkan teks judul pada gambar jika perlu.

Cara Memeriksa Open Graph Anda

Setelah menambahkan tag Open Graph, selalu verifikasi hasilnya. Gunakan Open Graph Checker kami untuk melihat preview tampilan share halaman Anda secara instan, tanpa perlu menunggu platform media sosial men-cache ulang halaman Anda.

Atau jika Anda perlu membuat tag secara otomatis, gunakan Open Graph Generator — masukkan URL atau isi detail manual, dan tag siap disalin ke dalam kode HTML Anda.

Kesimpulan

Open Graph tags adalah investasi kecil dengan dampak besar pada pengalaman berbagi konten Anda. Beberapa baris kode ekstra bisa secara signifikan meningkatkan Click-Through Rate dari media sosial, karena tampilan yang menarik jauh lebih mungkin diklik daripada link teks biasa.

Kembali ke Blog