Cara Mengatur Simple Open Graph di WordPress (LarisTurbo)
Panduan lengkap Simple Open Graph (Facebook Sharing): meta tag og:title, og:description, og:image, Facebook App ID, pengaturan homepage, dan metabox per halaman.
Simple Open Graph (Facebook Sharing) mengontrol preview link saat URL situs Anda dibagikan di Facebook, WhatsApp, LinkedIn, dan platform lain yang membaca tag Open Graph. Tanpa plugin tambahan, Anda bisa mengatur gambar, judul, dan deskripsi per halaman lewat metabox Open Graph.
LarisTurbo menambahkan tag og:title, og:description, og:image, og:url, og:site_name, dan opsional fb:app_id di <head>.
Tutorial ini menjelaskan aktivasi, gambar default, pengaturan homepage, metabox per konten, dan cara memaksa Facebook memperbarui cache. Label field mengikuti teks asli di plugin.
Yang akan tampil saat link dibagikan
Platform sosial membaca meta Open Graph dan menampilkan kartu preview, biasanya berisi:
- Judul — dari Title custom atau judul halaman
- Deskripsi — dari Description custom
- Gambar thumbnail — dari gambar unggulan, Image custom, atau Default Open Graph Image
- URL — permalink halaman
Jika gambar tidak diatur, preview bisa tampil tanpa gambar atau mengambil gambar acak dari halaman — kurang menarik untuk share produk atau tutorial.
Prasyarat
- Plugin LarisTurbo For WooCommerce by TokoPressID terpasang dan lisensi aktif
- Tidak ada plugin Open Graph / SEO utama yang aktif bersamaan (Yoast, Rank Math, dll.)
- Gambar OG disarankan minimal 1200×630 px, format JPEG atau PNG
- Untuk produk: WooCommerce aktif
Cara membuka pengaturan
- Login ke WordPress Admin.
- Buka LarisTurbo → For Integrations.
- Buka Simple Open Graph (Facebook Sharing), lalu klik Settings.
Opsi yang tersedia (Settings)
Aktivasi dan global
| Label di plugin | Jenis | Fungsi |
|---|---|---|
| Enable Simple Open Graph (Facebook Sharing) | Checkbox | Menyalakan tag Open Graph dan metabox editor |
| Facebook App ID (optional) | Teks | App ID Facebook untuk atribusi dan insights sharing |
| Default Open Graph Image | Image | Gambar fallback jika halaman tidak punya gambar unggulan atau OG image custom |
Deskripsi aktivasi: edit pengaturan lewat metabox Open Graph saat mengedit post/page/product.
Open Graph Settings for Homepage
Jika homepage = static page:
- Heading Open Graph Settings for Homepage dengan pesan: You are currently using static page for homepage/frontpage, you can edit this page directly to customize homepage Open Graph settings.
- Atur OG homepage dengan mengedit halaman front page (metabox Open Graph)
Jika homepage = latest posts:
| Label di plugin | Jenis | Fungsi |
|---|---|---|
| Homepage Image | Image | Gambar OG untuk homepage |
| Homepage Title | Teks | Judul OG homepage (default: nama situs) |
| Homepage Description | Textarea | Deskripsi OG homepage (default: tagline situs) |
Metabox Open Graph (per konten)
Saat mengedit post, page, product, atau download:
| Label di plugin | Jenis | Fungsi |
|---|---|---|
| Use custom Open Graph (Facebook Sharing) for this {post_type} | Checkbox | Mengaktifkan override OG untuk konten ini |
| Image | Image | Gambar OG (JPEG/PNG). Jika kosong, memakai featured image |
| Title | Teks | Judul OG (default: judul post) |
| Description | Textarea | Deskripsi OG |
Setelah checkbox dicentang, muncul pesan dengan link Facebook Sharing Debug — gunakan untuk preview dan memaksa Facebook mengambil data terbaru.
Urutan fallback gambar per halaman:
- Image di metabox (jika diisi)
- Featured image / product image
- Default Open Graph Image dari Settings global
Langkah-langkah setup
1. Aktifkan dan set gambar default
- Buka Settings Simple Open Graph (Facebook Sharing).
- Centang Enable Simple Open Graph (Facebook Sharing).
- Upload Default Open Graph Image (logo toko atau banner brand).
- (Opsional) Isi Facebook App ID (optional) jika Anda punya Facebook App.
- Simpan pengaturan.
2. Atur homepage
- Static front page: edit halaman homepage → metabox Open Graph → centang custom → isi Image, Title, Description
- Latest posts: isi Homepage Image, Homepage Title, Homepage Description di Settings
3. Atur per produk atau tutorial
- Edit produk atau post.
- Centang Use custom Open Graph (Facebook Sharing) for this product (atau post/page).
- Upload Image persegi/landscape yang menarik (foto produk utama).
- Sesuaikan Title dan Description jika ingin berbeda dari SEO title.
- Update/publish.
4. Verifikasi dan refresh cache Facebook
- Buka Facebook Sharing Debugger.
- Tempel URL halaman → klik Debug.
- Jika preview lama, klik Scrape Again untuk memaksa pembaruan.
Facebook meng-cache OG tag agresif — setiap perubahan gambar/judul sebaiknya di-scrape ulang.
Troubleshooting
Enable tidak bisa dicentang — plugin OG/SEO aktif
- Nonaktifkan plugin yang terdeteksi (Yoast SEO, Rank Math, SEOPress, All in One SEO, The SEO Framework, Open Graph and Twitter Card Tags, dll.)
Metabox menampilkan pesan disabled
- Plugin Open Graph lain aktif — gunakan plugin itu atau nonaktifkan
Preview Facebook tidak menampilkan gambar
- Pastikan URL gambar publik (bukan localhost)
- Ukuran gambar cukup besar; hindari gambar terlalu kecil
- Gunakan Facebook Sharing Debug → Scrape Again
- Cek Default Open Graph Image sudah terisi sebagai fallback
Judul/deskripsi tidak berubah di WhatsApp/Facebook
- Cache platform — scrape ulang di Facebook Debugger (WhatsApp memakai cache serupa)
- Pastikan Use custom Open Graph dicentang dan field terisi
OG dobel / konflik dengan tema
- Nonaktifkan OG dari tema atau plugin SEO lain
- View source — seharusnya hanya satu set
og:title,og:image, dll. dari LarisTurbo
Ringkasan
Alur minimum: Enable Simple Open Graph → Default Open Graph Image → custom OG di produk/halaman penting → Scrape Again di Facebook Debugger. Gambar berkualitas dan judul jelas adalah faktor terbesar preview share yang menarik.