Mengatur Facebook Thumbnail di Wordpress


Mengatur Facebook Thumbnail bisa dikatakan tidak terlalu sulit, apalagi untuk website yang dibuat benar-benar  menggunakan html maka cukup menambahkan sebelum tag /head, misal:

<meta property='og:image' content='http://maarif-sintang.org/wp-content/uploads/og.jpg'/>

Yang diganti adalah parameter content='url'. Dan memastikan ukuran gambar lebih dari 200X200.
Nah kemudian bagaimana dengan yang tidak hanya menggunakan html, misalnya Wordpress yang berbasis php, maka tetap bisa menggunakan kode di atas dengan memasukkannya di header.php. Akan tetapi semua post akan memiliki Facebook thumbnail yang sama. Maka ada dua trik yang bisa dilakukan agar semua post atau page di Wordpress memiliki Facebook thumbnail. Langkah pertama, carilah tema yang sudah mendukung Facebook Thumbnails, ciri umumnya sudah ada feautured image (meskipun tidak selalu). Langkah kedua, gunakan plugin seo yang memiliki fasilitas Facebook Thumbnail seperti Yoast SEO, SEO Ultimate, dll.

Apabila tidak muncul juga thumbnail yang kita harapkan, maka langkah selanjutnya adalah memeriksa penyebab tidak munculnya. Silahkan kunjungi https://developers.facebook.com/tools/debug, dan masukkan url posting yang tidak memunculkan Facebook thumbnail. Secara umum penyebabnya adalah gambar yang diambil oleh SEO adalah gambar medium dari media yang diinsert pada postingan di Wordpress. Maka yang perlu dilakukan adalah membuat SEO yang kita gunakan mengambil gambar asli dari media foto yang diinsert pada postingan. Berikut adalah contoh kode untuk Yoast SEO
        // Tell WP SEO to use a larger thumbnail
function sc_opengraph_image_size($size="medium") {
 return "full";
        }
        add_filter('wpseo_opengraph_image_size','sc_opengraph_image_size',10,1);

1 komentar:

  1. Trimakasih mas Agus Salim, sangat bermanfaat sekali. Setelah sebelumnya ada kendala ttg tumbnail di Fanpages hafalquransebulan.com
    Alhamdulillah, solve karena script di atas..

    BalasHapus

Diberdayakan oleh Blogger.