Open Graph Meta Tag

TokoDaring.Com – Open Graph Meta Tag. Open Graph Meta Tag adalah potongan kode yang membantu menentukan tampilan situs website Anda saat dibagikan di platform media sosial seperti Facebook dan Twitter. Dengan menambahkan Open Graph Meta Tag ke situs website, maka Anda dapat mengontrol bagaimana konten Anda ditampilkan, termasuk judul, deskripsi, gambar thumbnail, dan banyak lagi.

Ads by Google. Thank you for your time!

Open Graph Meta Tag

Artikel terkait :

Alternatif Google Sites

Dalam artikel berbasis pengetahuan ini, kami akan membahas dasar-dasar Meta Tag OpenGraph (Open Graph Meta Tag) dan menunjukkan cara menambahkannya ke situs website Anda menggunakan plugin Rank Math SEO.

Apa Itu Open Graph Meta Tag?

Sama seperti Schema yang membantu mesin pencari memahami konten di situs website, Facebook menciptakan Open Graph Protocol untuk mengubah properti-properti website menjadi objek yang kaya (Rich Object).

Mirip dengan Schema, ini adalah markup yang perlu ditambahkan ke setiap halaman situs website Anda sehingga Facebook dan jejaring sosial lainnya dapat membaca dan memahami halaman Anda dan juga menampilkannya dengan kaya di platform mereka.

Penting untuk diperhatikan bahwa Schema dan Open Graph dapat bekerja sama di halaman website yang sama. Tag Open Graph ditambahkan ke bagian <head> kode situs website Anda dan biasanya terlihat seperti ini:

Ads by Google. Thank you for your time!
<meta property="og:title" content="Toko Daring" />
<meta property="og:type" content="website" />
<meta property="og:URL" content="https://tokodaring.com" />
<meta property="og:image" content="https://tokodaring.com/wp-content/uploads/2022/07/tokodaring-og.png" />
<meta property="og:description" content="TokoDaring.Com | an eCommerce Airline!" />

Setiap tag Open Graph memiliki properti dan atribut konten. Atribut properti menentukan jenis informasi yang Anda berikan, sedangkan atribut konten adalah tempat Anda sebenarnya memberikan informasi tersebut.

Daftar Open Graph Meta Tag yang Diperlukan untuk Setiap Halaman

Meskipun setiap Open Graph Meta Tag bersifat opsional, tag og:title, og:type, og:URL, dan og:image sangat penting untuk setiap halaman. Jika Anda tidak menyertakan tag ini, Facebook dan jejaring sosial lainnya hanya akan membuat judul, deskripsi, dan thumbnail sendiri untuk halaman Anda, yang mungkin tidak akurat atau mewakili situs website Anda sebenarnya.

Rankmath juga menyarankan untuk menyertakan tag og:description di setiap halaman. Tag ini memberi Anda kendali atas deskripsi yang ditampilkan saat halaman Anda dibagikan di media sosial dan dapat menjadi cara yang baik untuk menarik orang agar mengeklik ke situs website Anda.

Selain properti wajib, banyak properti opsional yang dapat digunakan untuk mengontrol lebih lanjut bagaimana halaman Anda direpresentasikan. Ini termasuk tag seperti nama situs website, lokal, dan lainnya.

OG: Title

Tag og:title digunakan untuk menentukan judul halaman Anda. Ini adalah judul yang akan ditampilkan ketika halaman Anda dibagikan di platform sosial seperti Facebook atau Twitter. Penting untuk menggunakan judul yang secara akurat menggambarkan halaman Anda dan mungkin menarik perhatian orang-orang yang menelusuri feed mereka.

Ads by Google. Thank you for your time!

Plugin SEO Rank Math membuatnya sangat mudah untuk menambahkan tag ini ke situs website Anda dan memberi Anda kemampuan untuk menggunakan variabel dinamis. Misalnya, jika Anda memiliki jaringan multi-situs website, Anda dapat menggunakan variabel %sitename% untuk memasukkan nama situs website saat ini.

Berikut beberapa variabel dinamis lain yang dapat Anda gunakan:

  • %currentdate% – Tanggal postingan atau halaman saat ini
  • %currentyear% – Tahun saat ini dari postingan atau halaman
  • %currentmonth% – Bulan saat ini dari postingan atau halaman (numerik)
  • %currentday% – Hari saat ini dari postingan atau halaman
  • %currenttime% – Waktu postingan atau halaman saat ini
  • Dan masih banyak lagi.

OG: Type

Tag og:type memungkinkan Anda menentukan jenis konten yang Anda bagikan di situs website atau blog Anda. Ini sangat berguna jika Anda membagikan sesuatu selain halaman website tradisional, seperti postingan blog, artikel, atau deskripsi produk.

Beberapa tag og:type yang umum meliputi:

  • Website: Pada halaman depan atau beranda website Anda, sebaiknya gunakan tag og:type dengan nilai sebagai website.
  • Profile: Pada jenis konten profil, seperti profil penulis atau perusahaan, Anda harus menggunakan tag og:type dengan nilai sebagai profile.
  • Article: Demikian pula dalam sebuah artikel, Anda harus menggunakan tag og:type dengan nilai sebagai article.
  • Product: Untuk suatu produk, Anda harus menggunakan tag og:type dengan nilai sebagai product.

Hal terbaiknya adalah plugin Rank Math SEO akan secara otomatis menghasilkan tag og:type untuk Anda berdasarkan konten yang Anda bagikan. Namun, jika Anda ingin secara spesifik mengontrol jenis konten yang dibagikan, Anda dapat melakukannya dengan menentukan parameter “type” pada filter di bawah.

Ads by Google. Thank you for your time!
/**
 * Allows theme developers to change the OpenGraph type of the page.
 *
 * @param string $type The OpenGraph type string.
 */
add_filter( 'rank_math/opengraph/type', function( $type ) {
	return $type;
});

OG: Image

Tag og:image mendefinisikan gambar mini yang ditampilkan saat situs website Anda dibagikan di Facebook dan platform sosial lainnya. Penting untuk menggunakan gambar yang mewakili halaman Anda dan kemungkinan besar akan menarik perhatian orang-orang yang menelusuri feed mereka.

Facebook secara resmi hanya mendukung format gambar jpeg, png, dan gif untuk gambar Open Graph. Namun Rank Math mendukung format tambahan seperti WebP dan AVIF untuk gambar Facebook Open Graph.

Jadi, jika Anda menggunakan format gambar WebP atau AVIF, Facebook dan platform media sosial serupa dapat mengenalinya. Namun, jika Anda menggunakan format gambar selain ini, gambar tersebut mungkin tidak ditampilkan dengan benar saat dibagikan di media sosial.

Selain itu, ukuran gambar yang disarankan adalah 1200px X 630px. Jika dimensi gambar terlalu kecil atau terlalu besar dibandingkan dengan ukuran yang disarankan, masing-masing jejaring sosial mungkin tidak membaca gambar Anda dengan benar. Dalam kasus ini, jejaring sosial akan memilih gambar lain dari laman Anda yang memenuhi dimensi ini (jika ada) alih-alih gambar pratinjau sosial yang Anda inginkan.

OG: URL

Tag og:url digunakan untuk menentukan URL kanonik laman Anda. Ini adalah URL yang Anda ingin orang-orang lihat ketika mereka membagikan halaman Anda di platform sosial. Penting untuk menggunakan URL kanonik agar orang-orang diarahkan ke halaman yang tepat, meskipun ada beberapa versi halaman Anda yang beredar di internet. Rank Math secara otomatis memasukkan URL kanonik untuk Anda, jadi Anda tidak perlu terlalu mengkhawatirkannya.

Ads by Google. Thank you for your time!

OG: Description

Tag og:description digunakan untuk menentukan deskripsi singkat halaman Anda. Deskripsi ini umumnya terdiri dari 2 dan 4 kalimat dan harus mencerminkan konten halaman Anda. Deskripsi ini ditampilkan saat halaman Anda dibagikan di platform sosial, jadi penting untuk menggunakan deskripsi yang mendeskripsikan halaman Anda secara akurat.

OG: Image: Secure_URL

Tag og:image:secure_url digunakan untuk menentukan versi HTTPS dari URL gambar. Tag ini menyertakan gambar Open Graph yang dikonfigurasi untuk halaman Anda. Ini juga berarti bahwa situs website Anda disajikan melalui HTTPS, dan Anda meminta Facebook untuk merayapi situs website Anda menggunakan koneksi aman.

OG: Image: Width

Tag og:image:width digunakan untuk menentukan lebar gambar Anda dalam piksel. Untuk hasil terbaik, unggah gambar dengan lebar 1200 piksel.

OG: Image: Height

Tag og:image:height digunakan untuk menentukan tinggi gambar Anda dalam piksel. Untuk hasil terbaik, unggah gambar dengan tinggi 630 piksel.

OG: Image: Alt

Tag og:image:alt digunakan untuk menentukan teks alternatif gambar Anda. Teks alternatif mungkin ditampilkan saat gambar tidak tersedia. Mesin pencari dan pembaca tunanetra juga menggunakannya untuk lebih memahami gambar Anda.

Ads by Google. Thank you for your time!

OG: Image: Type

Tag og:image:type digunakan untuk menentukan jenis media gambar Anda. Tipe media sebelumnya disebut tipe MIME. Ini menentukan format gambar Anda. Misalnya, jenis media akan diatur ke image/jpeg untuk gambar jpeg dan image/png untuk gambar png.

OG: Locale

Tag og:locale digunakan untuk menentukan bahasa halaman Anda. Ini penting jika Anda memiliki bisnis internasional atau situs website multibahasa. Anda dapat menggunakan tag og:locale untuk menentukan bahasa laman Anda guna memastikan bahwa konten Anda dilokalkan dengan benar untuk setiap pengguna.

Selain itu, Anda dapat mengubah tag og:locale dari panel admin WordPress Anda. Untuk melakukan ini, buka Dashboard WordPress Anda → Pengaturan → Umum. Selanjutnya, Di tarik-turun Bahasa Situs website, pilih bahasa yang ingin Anda gunakan untuk situs website Anda. Untuk mengubah tag ini pada halaman tertentu, Anda dapat menggunakan filter di bawah ini.

add_filter( "rank_math/opengraph/facebook/og_locale", function( $content ) {
    global $post;
    if($post->ID === YOU_POST/PAGE_ID_HERE){
        $content = 'es_US';
    }
    return $content;

});

OG: Site_Name

Tag og:site_name digunakan untuk menentukan nama situs website Anda. Nama ini biasanya ditampilkan di samping judul halaman Anda saat dibagikan di media sosial. Rank Math menggunakan Nama Situs website yang telah Anda konfigurasikan di Rank Math → Judul & Meta → SEO Lokal.

Jika Anda belum memasukkan nama situs website Anda di sini, Rank Math cukup menggunakan Judul Situs website dari Pengaturan → Umum sebagai cadangan. Untuk memeriksa tag og:site_name di situs website Anda, Anda dapat melihat kode sumber laman Anda.

Ads by Google. Thank you for your time!

Cukup klik kanan pada halaman Anda dan pilih Lihat Sumber Halaman atau gunakan pintasan (Ctrl+U di Windows, atau Cmd+Opt+U di Mac). Di kode sumber, cari tag og:site_name. Konten tag ini harus berupa nama situs website Anda.

OG: Video

Tag og:video digunakan untuk menentukan video yang dikaitkan dengan laman Anda. Video ini dapat dihosting di situs website Anda atau di platform pihak ketiga seperti YouTube. Untuk menggunakan tag og:video, Anda harus terlebih dahulu mengaktifkan Modul Skema dengan menuju ke Dashboard WordPress → Rank Math SEO dan kemudian mengaktifkan modul Skema (Data Terstruktur).

Selanjutnya, navigasikan ke Dashboard WordPress → Rank Math SEO → Judul dan Meta → Posting dan aktifkan opsi Deteksi Otomatis Video. Klik Simpan Perubahan di bagian bawah halaman. Sekarang, Rank Math akan secara otomatis menambahkan tag ini ke situs website Anda jika Anda memiliki video yang disematkan di halaman Anda.

Video: Duration

Tag og:video:duration menentukan durasi video Anda dalam hitungan detik dan membantu platform media sosial memberikan lebih banyak informasi tentang video Anda kepada pengguna. Rank Math akan secara otomatis menambahkan tag ini ke situs website Anda jika Anda memiliki video yang disematkan di halaman Anda.

Article: Publisher

Tag article:publisher digunakan untuk menentukan penerbit artikel Anda. Biasanya ini adalah nama situs website atau blog Anda.

Ads by Google. Thank you for your time!

Article: Publisher

Tag article:author digunakan untuk menentukan penulis artikel Anda. Biasanya ini adalah nama orang yang menulis artikel tersebut. Rank Math menambahkan tag meta yang diperlukan ke semua postingan Anda sehingga setiap postingan yang dibagikan di Facebook mencantumkan nama Anda.

Untuk melakukan ini, Anda perlu menambahkan tautan ke profil Facebook Anda di bagian Judul & Meta → Meta Sosial di Rank Math.

Article: Section

Tag article:section digunakan untuk menentukan kategori artikel. Misalnya, ini bisa berupa “WordPress”, “SEO”, atau “WooCommerce”. Karena dimungkinkan untuk menambahkan hanya satu kategori di sini, jika sebuah postingan memiliki beberapa kategori, Rank Math akan secara otomatis menggunakan kategori utama. Jika tidak ada kategori yang ditentukan, maka kategori default “Tidak Berkategori” akan digunakan.

Article: Tag

Tag article:tag digunakan untuk menentukan tag yang terkait dengan artikel Anda. Biasanya ini adalah daftar kata kunci yang menggambarkan topik artikel Anda. Misalnya, tag untuk artikel dapat berupa “panduan SEO”, “SEO WordPress”, “SEO WooCommerce”, dan banyak lagi. Rank Math akan secara otomatis menampilkan semua tag yang terkait dengan artikel sesuai urutan yang ditentukan.

Article: Published Time

Tag article:published_time digunakan untuk menentukan waktu penerbitan artikel Anda. Ini digunakan untuk menentukan kapan artikel Anda akan muncul di Kabar Beranda Facebook. Tag article:published_time, tidak seperti tag OG lainnya, hanya akan ditambahkan ke Open Graph Anda jika Anda mengaktifkan Skema Artikel untuk halaman Anda.

Ads by Google. Thank you for your time!

Article: Modified Time

Tag article:modified_time digunakan untuk menentukan waktu kapan artikel Anda terakhir diubah. Tag article:modified_time, seperti tag article:published_time hanya akan ditambahkan ke Open Graph setelah Anda menggunakan jenis Article Schema di halaman Anda.

OG: Updated Time

og:updated_time sama dengan article:modified_time dan menampilkan kapan halaman terakhir diperbarui.

Twitter Open Graph Meta Tag

Twitter memiliki kumpulan tag Open Graph sendiri yang mirip dengan yang digunakan oleh Facebook. Tag ini memberi Anda kontrol lebih besar terhadap bagaimana situs website Anda ditampilkan di Twitter dan dapat membantu memastikan bahwa orang-orang mendapatkan pengalaman positif saat mereka membagikan situs website Anda.

Untuk mengonfigurasi tag Twitter Anda, Anda perlu mengedit konten Anda dan menavigasi Pengaturan Sosial dengan mengklik Tab Sosial. Selanjutnya, Anda akan melihat tab Facebook dan Twitter di Editor Cuplikan Pratinjau.

Anda dapat beralih ke tab Twitter, lalu menonaktifkan tab Gunakan Data dari Facebook untuk mengonfigurasi opsi yang sama untuk Twitter yang Anda konfigurasikan untuk Facebook. Misalnya, Anda dapat menetapkan judul dan deskripsi unik untuk tweet Anda dan menambahkan gambar juga.

Ads by Google. Thank you for your time!

Anda dapat mengatur Judul, Deskripsi, dan Gambar untuk tweet Anda. Anda juga dapat mengatur tag tambahan untuk situs website Anda, seperti nama pengguna Twitter penulis, ID aplikasi Twitter, dan banyak lagi.

Anda dapat mempelajari lebih lanjut tentang cara mengonfigurasi masing-masing opsi ini dengan mengklik Mengonfigurasi Opsi Berbagi Twitter. Sekarang mari beralih ke tag twitter yang penting.

Twitter: Title

Tag twitter:title digunakan untuk menentukan judul situs website Anda. Tag ini mirip dengan tag og:title dan harus digunakan dengan cara yang sama.

Twitter: Description

Deskripsi konten, biasanya antara 150 dan 200 karakter. Meskipun banyak situs website media sosial menggunakan deskripsi OG, beberapa (termasuk Twitter) mungkin menggunakan algoritme mereka sendiri untuk menghasilkan deskripsi dari konten halaman. Jika Anda ingin lebih mengontrol apa yang muncul, sebaiknya gunakan metatag.

Twitter: Image

URL gambar yang harus mewakili objek Anda dalam grafik. Jangan gunakan gambar umum seperti logo situs website Anda, foto produk individual, dll. Gambar setidaknya harus berukuran 1200×630 piksel untuk tampilan terbaik pada perangkat resolusi tinggi.

Ads by Google. Thank you for your time!

Twitter: Site

Tag twitter:site digunakan untuk menentukan nama pengguna Twitter situs web. Untuk mengonfigurasinya, navigasikan ke Rank Math SEO → Judul & Meta → Meta Sosial dan masukkan Nama Pengguna Twitter.

Twitter: Creator

Tag twitter:creator digunakan untuk menentukan nama pengguna Twitter dari individu yang membuat konten. Penulis dapat menambahkan Nama Pengguna Twitter mereka di bawah Pengguna → Profil di dalam Dashboard WordPress.

Jika penulis belum mengkonfigurasi Nama Pengguna Twitter, maka Rank Math akan menampilkan Nama Pengguna Twitter situs website yang dikonfigurasi di bawah Rank Math SEO → Judul & Meta → Meta Sosial → Nama Pengguna Twitter.

Twitter App Card Tags

Tidak seperti Facebook, Twitter mengizinkan berbagai jenis berbagi konten, yang masing-masing cocok untuk jenis konten tertentu. Twitter menyebutnya card, dan berikut semua jenis card yang didukung di Rank Math.

  • Summary Card with Large Image
  • Summary Card
  • App Card
  • Player Card

Tag Twitter App Card adalah bagian dari tag Open Graph yang khusus untuk Twitter. Dengan Rank Math, Anda dapat dengan mudah menambahkan tag Twitter App Card ini ke situs website Anda. Cukup buka tab Sosial di plugin Rank Math dan klik pada tab Twitter.

Ads by Google. Thank you for your time!

Di sana, Anda akan melihat semua tag Twitter App Card yang dapat Anda tambahkan ke situs website Anda. Cukup isi informasinya dan klik tombol Simpan Perubahan.

Menyiapkan App Card cukup sederhana dan cepat, karena Anda hanya perlu memasukkan banyak data. Namun, ada manfaat yang signifikan. Aplikasi Anda akan terlihat oleh sekelompok orang baru setiap kali Anda me-retweet aplikasi tersebut, sehingga mereka dapat menginstal aplikasi dengan satu klik.

Berikut adalah berbagai tag untuk Card App:

  • Twitter:Description. Tag twitter:description digunakan untuk mendeskripsikan situs website Anda. Deskripsi ini akan ditampilkan di bawah nama situs website pada Twitter App Card.
  • Twitter:App:Country. Tag twitter:app:country digunakan untuk menentukan negara tempat aplikasi Anda tersedia. Ini harus berupa kode negara ISO 3166-1 yang terdiri dari dua huruf.
  • Twitter:App:Name:iPhone. Tag twitter:app:name:iphone digunakan untuk menentukan nama aplikasi iPhone Anda.
  • Twitter:App:Id:iPhone. Tag twitter:app:id:iphone digunakan untuk menentukan id aplikasi iPhone Anda.
  • Twitter:App:URL:iPhone. Tag twitter:app:url:iphone digunakan untuk menentukan URL aplikasi iPhone Anda.
  • Twitter:App:Name:iPad. Tag twitter:app:name:ipad digunakan untuk menentukan nama aplikasi iPad Anda.
  • Twitter:App:Id:iPad. Tag twitter:app:id:ipad digunakan untuk menentukan id aplikasi iPad Anda.
  • Twitter:App:Url:iPad. Tag twitter:app:url:ipad digunakan untuk menentukan URL aplikasi iPad Anda.
  • Twitter: App:Name: Googleplay. Tag twitter:app:name:googleplay digunakan untuk menentukan nama aplikasi Android Anda.
  • Twitter:App:Id:Googleplay. Tag twitter:app:id:googleplay digunakan untuk menentukan id aplikasi Android Anda.
  • Twitter:App:Url:Googleplay. Tag twitter:app:url:googleplay digunakan untuk menentukan URL aplikasi Android Anda.

Twitter Player Card Tags

Tag Twitter Player Card memungkinkan Anda menyematkan konten multimedia di tweet Anda, seperti file audio dan video.

Manfaat utama menggunakan card player adalah ketika orang melihat card player di timeline mereka, mereka cenderung mengeklik dan menonton konten yang disematkan. Ini karena card player secara visual lebih menarik daripada tweet biasa yang dilengkapi tautan.

Ads by Google. Thank you for your time!

Twitter Player Card Tags yang paling penting adalah:

Twitter: Player. Tag twitter:player digunakan untuk menentukan URL pemutar yang akan digunakan untuk memutar file audio atau video.

Twitter:Player:Width. Tag twitter:player:width digunakan untuk menentukan lebar pemutar dalam piksel.

Twitter:Player:Height. Tag twitter:player:height menentukan tinggi, dalam piksel, pemutar media.

Twitter:Player:Stream. Tag twitter:player:stream memungkinkan Anda memberikan tautan langsung ke file audio/video yang dapat diputar di pemutar media asli Twitter. Ini sangat berguna untuk konten berdurasi panjang, seperti podcast atau serial video.

Ads by Google. Thank you for your time!

Twitter:Player:Stream:Content_Type. Tag twitter:player:stream:content_type digunakan untuk menentukan tipe konten file audio atau video. Ini harus diatur ke “video/mp4” untuk file MP4 atau “audio/MPEG” untuk file MP3.

Open Graph Meta Tag Berbasis Produk

Jika Anda menjalankan toko eCommerce, pastikan Open Graph Meta Tag produk Anda dikonfigurasi dengan benar. Open Graph Meta Tag produk akan memberikan informasi tentang produk Anda yang digunakan saat halaman Anda dibagikan di situs website jejaring sosial seperti Facebook dan Twitter.

Informasi ini dapat mencakup nama produk, harga, deskripsi, mata uang, dan lainnya. Dengan mengonfigurasi tag ini dengan benar, Anda dapat memastikan bahwa produk Anda terwakili secara akurat saat dibagikan di media sosial.

Ada beberapa Open Graph Meta Tag berbeda yang dapat Anda gunakan untuk membuat situs website atau produk Anda lebih mudah ditemukan. Setiap tag memberikan informasi tambahan tentang situs website atau produk Anda, membantu meningkatkan visibilitasnya. Rank Math memudahkan Anda dengan mengambil data ini berdasarkan apa yang telah Anda konfigurasikan untuk Skema Produk WooCommerce.

Beberapa Open Graph Meta Tag untuk Schema Produk meliputi:

Ads by Google. Thank you for your time!

Product: Retailer_Item_Id. Tag ini digunakan untuk menentukan pengidentifikasi unik untuk produk Anda. Ini berguna ketika Anda memiliki beberapa produk dengan nama yang sama tetapi variannya berbeda, misalnya ukuran atau warna berbeda.

Rank Math menggunakan SKU yang telah Anda konfigurasikan untuk produk ketika Anda memilih opsi Kelola Stok.

Product: Brand. Tag meta produk:brand menyertakan nama merek produk yang Anda jual. Rank Math menyertakan nama merek ini berdasarkan apa yang telah Anda konfigurasikan di Rank Math SEO → Pengaturan Umum → WooCommerce → Pilih Merek.

Product: Price: Jumlah. Tag meta khusus ini product:price:amount menampilkan harga produk yang tersedia untuk dijual. Harga ini sama dengan yang dikonfigurasi untuk Harga Penawaran di Skema Produk.

Product: Price: Currency. Tag meta product:price:currency menunjukkan mata uang yang Anda gunakan untuk menjual produk. Secara default, ini akan ditetapkan dalam $ (USD). Jika Anda ingin mengubahnya, navigasikan ke WooCommerce → Pengaturan → Umum, gulir ke bawah dan ubah di bawah Opsi mata uang.

Ads by Google. Thank you for your time!

Produk: Availability. Tag meta product:availability menampilkan status stok yang telah Anda konfigurasi sebelumnya di tab Inventaris pada data Produk. Status stok yang tersedia antara lain In stock, Out of stock, dan On backorder.

Menyiapkan Open Graph Meta Tag Gambar secara default menggunakan Rank Math

Urutan hierarki gambar yang dipilih untuk gambar Open Graph /Pratinjau Sosial Anda adalah sebagai berikut.

  1. The OpenGraph image
  2. The featured image
  3. The first image in the post 
  4. The default OpenGraph thumbnail

Untuk menyetel gambar Open Graph/Pratinjau Sosial khusus, buka Rank Math di sidebar Editor Blok WordPress dan unggah gambar melalui tab Sosial.

Oleh karena itu, Anda dapat mengatur gambar unggulan dengan menuju ke pengaturan masing-masing postingan/halaman dan mengunggah gambar unggulan, seperti yang ditunjukkan di bawah ini:

Thumbnail OpenGraph default adalah cadangan terakhir Anda. Anda dapat mengaturnya dengan menavigasi ke Rank Math SEO → Titles & Meta → Global Meta → OpenGraph Thumbnail. Setelah selesai, unggah gambar yang ingin Anda gunakan sebagai gambar Open Graph default dan klik tombol Simpan Perubahan.

Ads by Google. Thank you for your time!

Jika Anda ingin mengganti gambar pertama di postingan dengan thumbnail OpenGraph default, Anda dapat menggunakan filter di bawah ini untuk melakukannya.

//Override the first image in the post and make the default OpenGraph thumbnail the Open Graph/Social Preview image. 

add_filter('rank_math/opengraph/pre_set_content_image', function() {
	return true;
});

Atur Gambar Open Graph untuk Beranda Menggunakan Rank Math.

Meskipun metode sebelumnya memungkinkan Anda menyetel Open Graph Thumbnail default untuk semua halaman di situs website Anda, Rank Math menyertakan opsi khusus untuk menyetel Open Graph Thumbnail untuk beranda Anda..

Mulailah dengan memeriksa apa yang diatur untuk menampilkan beranda Anda di bawah Pengaturan → Membaca → Tampilan beranda Anda.

Jika beranda Anda disetel untuk menampilkan postingan terbaru Anda, maka Anda dapat mengubah thumbnail Open Graph beranda di bawah Rank Math SEO → Judul & Meta → Beranda → Thumbnail Beranda untuk Facebook.

Kesimpulan, Open Graph Meta Tag

Dan itu saja! Kami harap panduan ini membantu Anda memahami cara menggunakan Open Graph Meta Tag dengan Rank Math. Jika Anda masih memiliki pertanyaan, silakan menghubungi tim dukungan Rankmath secara langsung, dan mereka akan selalu siap membantu.

Ads by Google. Thank you for your time!

Halaman kategory Video Blog Toko Daring ini membahas secara detil tentang Video Open Graph Meta Tag dari chanel Rankmath.

Scroll to Top