Open Graph (OG) Tags: Rahasia Tampil Cantik di Media Sosial

Apa Itu Open Graph (OG) Tags?

Open Graph Protocol adalah teknologi yang awalnya diperkenalkan oleh Facebook pada tahun 2010. Protokol ini memungkinkan halaman web mana pun untuk menjadi objek kaya di dalam grafik sosial.

Sederhananya: Saat Anda membagikan tautan (URL) website Anda di Facebook, WhatsApp, Twitter (X), atau LinkedIn, aplikasi tersebut akan mencari kode Open Graph (OG Tags) di website Anda untuk mengetahui gambar apa, judul apa, dan deskripsi apa yang harus ditampilkan dalam kotak pratinjau (link preview).

Mengapa Open Graph Penting untuk SEO?

Secara teknis, OG Tags tidak memengaruhi peringkat Google Anda secara langsung. Namun, SEO modern sangat bergantung pada penyebaran konten. Jika tautan Anda terlihat jelek saat dibagikan (tanpa gambar, atau judulnya terpotong), tidak ada yang akan mengkliknya. Jika Anda menggunakan OG Tags:

CTR (Click-Through Rate) Sosial Meningkat: Tautan yang memiliki gambar tajam dan besar akan mendapat klik jauh lebih banyak di media sosial.
Lebih Banyak Trafik: Banyaknya klik berarti lebih banyak trafik ke situs Anda.
Meningkatkan Backlink: Semakin viral konten Anda di media sosial, semakin besar kemungkinan blogger atau jurnalis melihatnya dan memberikan backlink sungguhan ke situs Anda.

Meta Tags Open Graph yang Wajib Dimiliki

Berikut adalah contoh kode OG Tags yang disematkan pada bagian <head> website:

<meta property="og:title" content="Jasa Pembuatan Website Terbaik di Jakarta" />
<meta property="og:description" content="Tingkatkan omzet bisnis Anda dengan website profesional, cepat, dan mobile-friendly." />
<meta property="og:image" content="https://www.situsanda.com/gambar-banner-sosmed.jpg" />
<meta property="og:url" content="https://www.situsanda.com" />
<meta property="og:type" content="website" />

Penjelasan:

og:title: Sama seperti meta title SEO, ini adalah judul tebal yang muncul di preview.
og:description: Sama seperti meta description, ini adalah teks penjelas di bawah judul.
og:url: URL permanen dari halaman tersebut.
og:type: Tipe konten (misalnya website untuk beranda, atau article untuk halaman blog).

OG:Image (Elemen Paling Krusial)

Di antara semua tag, gambar adalah yang paling penting karena mengambil 80% dari ruang visual preview.

Ukuran Ideal: 1200 x 630 piksel. (Rasio 1.91:1). Ini adalah ukuran standar yang tampak sempurna di semua platform (WhatsApp, FB, LinkedIn).
Ukuran File: Jaga di bawah 1MB jika memungkinkan agar platform bisa memuatnya dengan cepat.
Isi Gambar: Jangan sekadar menaruh foto pemandangan. Tambahkan Teks (Judul) yang tebal di dalam gambar, karena banyak pengguna internet yang hanya membaca gambar tanpa membaca teks deskripsinya.

Twitter Cards

Twitter (X) memiliki protokolnya sendiri, meskipun mereka akan menggunakan OG Tags sebagai cadangan jika Twitter Cards tidak ditemukan. Untuk memastikan tampilan sempurna di Twitter, tambahkan kode ini:

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@AkunTwitterAnda" />
<meta name="twitter:title" content="Judul Artikel Anda" />

Tag summary_large_image memastikan gambar Anda ditampilkan secara horizontal lebar, bukan kotak kecil di pinggir.

Tips: Gunakan Facebook Sharing Debugger untuk menguji apakah OG Tags Anda sudah terpasang dengan benar sebelum Anda menyebarkan tautan tersebut ke publik!