w
Dokumentasi Alat Utama Open Graph Meta Generator

Panduan Penggunaan Dasar

Panduan ini akan memandu Anda melalui langkah-langkah penting untuk membuat meta tag Open Graph dengan alat kami.

Langkah 1: Buka Alat

Buka Open Graph Meta Generator dari halaman utama alat atau dengan mengetik URL secara langsung.

Langkah 2: Isi Informasi Umum

Jenis Halaman

Pilih jenis konten yang sesuai untuk halaman Anda:

  • Website: Halaman situs web umum
  • Article: Artikel blog, berita, tutorial
  • Book: Halaman buku, e-book
  • Profile: Profil pribadi atau bisnis
  • Music: Lagu, album, daftar putar
  • Video: Konten video, film, acara TV

Judul

Masukkan judul yang menarik untuk halaman Anda:

  • Jaga tetap di bawah 60 karakter agar tampil optimal
  • Buat deskriptif dan menarik
  • Sertakan kata kunci yang relevan secara alami

Deskripsi

Tulis deskripsi yang jelas tentang konten Anda:

  • Targetkan 150-160 karakter
  • Ringkas apa yang akan ditemukan pengguna di halaman
  • Buat cukup menarik untuk mendorong klik

URL Halaman

Masukkan URL lengkap halaman Anda:

  • Gunakan URL absolut (termasuk https://)
  • Pastikan URL dapat diakses
  • Gunakan URL yang rapi dan deskriptif

Nama Situs

Tentukan nama situs web atau merek Anda:

  • Ini akan muncul di posting media sosial
  • Jaga konsistensi di semua halaman
  • Gunakan nama merek resmi Anda

Langkah 3: Atur Gambar

URL Gambar

Berikan URL gambar untuk media sosial:

  • Gunakan URL absolut (termasuk https://)
  • Pastikan gambar dapat diakses secara publik
  • Ukuran yang direkomendasikan: 1200x630 piksel

Teks Alt Gambar

Tambahkan teks alt yang deskriptif untuk aksesibilitas:

  • Jelaskan apa yang ada di gambar
  • Buat singkat tetapi tetap informatif
  • Penting untuk pengguna pembaca layar

Dimensi Gambar

Tentukan lebar dan tinggi gambar Anda:

  • Lebar: biasanya 1200 piksel
  • Tinggi: biasanya 630 piksel
  • Informasi ini membantu platform sosial mengoptimalkan tampilan

Langkah 4: Atur Pengaturan Twitter

Jenis Kartu

Pilih jenis Twitter Card yang sesuai:

  • Summary: Kartu dasar dengan judul, deskripsi, dan gambar mini
  • Summary with Large Image: Kartu yang ditingkatkan dengan gambar besar
  • App: Untuk promosi aplikasi seluler
  • Player: Untuk konten video atau audio

Akun Situs

Masukkan handle Twitter situs web Anda:

  • Format: @yourhandle
  • Ini akan muncul di posting Twitter
  • Opsional tetapi disarankan

Akun Kreator

Masukkan handle Twitter pembuat konten:

  • Format: @authorhandle
  • Berguna untuk artikel dan posting blog
  • Opsional

Langkah 5: Buat dan Salin Meta Tag

Setelah semua informasi diisi:

  1. Meta tag akan dibuat secara otomatis secara real-time
  2. Tinjau HTML yang dihasilkan di bagian output
  3. Klik tombol "Copy Meta Tags" untuk menyalinnya ke clipboard
  4. Bagian pratinjau menunjukkan bagaimana konten Anda akan tampil di media sosial

Langkah 6: Terapkan di Situs Web Anda

Tambahkan meta tag yang telah disalin ke bagian HTML <head> situs web Anda:

<head>
  <!-- Your existing head content -->

  <!-- Open Graph Meta Tags -->
  <meta property="og:type" content="website" />
  <meta property="og:title" content="Your Page Title" />
  <!-- ... other meta tags ... -->

  <!-- Twitter Meta Tags -->
  <meta name="twitter:card" content="summary_large_image" />
  <!-- ... other Twitter meta tags ... -->
</head>

Tips Cepat

Untuk hasil terbaik:

  • Selalu gunakan gambar berkualitas tinggi dan relevan
  • Uji meta tag Anda dengan alat debugging media sosial
  • Jaga judul dan deskripsi dalam batas karakter yang direkomendasikan
  • Gunakan branding yang konsisten di semua halaman

Kesalahan umum yang perlu dihindari:

  • Menggunakan URL relatif alih-alih URL absolut
  • Lupa menambahkan teks alt gambar
  • Menggunakan gambar yang terlalu kecil atau terlalu besar
  • Tidak menguji tampilan tag di berbagai platform

Uji Meta Tag Anda

Setelah diterapkan, uji meta tag Anda menggunakan:

Alat-alat ini akan menunjukkan secara tepat bagaimana konten Anda akan terlihat saat dibagikan dan membantu Anda menemukan masalah yang mungkin ada.

Langkah Berikutnya

Setelah memahami dasar-dasarnya, lanjutkan ke panduan Advanced Features untuk mempelajari opsi lanjutan dan kemungkinan kustomisasi.

Apakah halaman ini membantu?