Open Graph Dan Twitter Cards Wordpress Tanpa Featured Image

Setelah kemarin kita mengganti thumbnail Wordpress untuk tema Anew dengan gambar pertama postingan yang dihosting di pihak ketiga, sekarang kita akan memperbaiki thumbnail yang tidak muncul dikala postingan dishare di sosial media alasannya ialah tidak mempunyai featured image.

Cara termudah untuk menambahkan Open Graph dan Twitter Cards pada Wordpress ialah dengan memakai plugin, contohnya dengan plugin Yoast. Namun jikalau postingan memakai image dari pihak lain (tanpa diupload di Wordpress) dalam hal ini berarti tanpa featured image, maka dikala postingan di share di sosial media tidak akan mempunyai thumbnail atau diganti dengan no-image thumbnail.

Nah untuk itu, kita akan menciptakan Open Graph dan Twitter Cards biar postingan mempunyai thumbnail walaupun tidak memakai featured image. Jika Anda memakai plugin untuk Open Graph dan Twitter Cards, silahkan matikan terlebih dahulu.

Silahkan masuk ke Dashboard > Appearance > Editor > header.php

Kemudian silahkan simpan aba-aba di bawah ini di atas aba-aba <?php wp_head(); ?>

 <?php if (have_posts()):while(have_posts()):the_post(); endwhile; endif;?>
 <!-- the default values -->
 <meta property="fb:admins" content="URL PROFIL FB" />
 <meta property="fb:profile_id" content="URL PAGE FB" />
 <meta property="og:title" content="<?php single_post_title(''); ?>" />
 <meta content='summary_large_image' name='twitter:card'/>
 <meta content='@TWITTER USERNAME' name='twitter:creator'/>
 
 <!-- if page is content page -->
 <?php if (is_single()) { ?>
 <meta property="og:url" content="<?php the_permalink() ?>"/>
 <meta property="og:description" content="<?php echo strip_tags(get_the_excerpt($post->ID)); ?>" />
 <meta property="og:type" content="article" />
 <meta property="og:image" content="<?php if (function_exists('catch_that_image')) {echo catch_that_image(); }?>" />
 
 <!-- if page is others -->
 <?php } else { ?>
 <meta property="og:url" content="<?php echo site_url(); ?>"/>
 <meta property="og:site_name" content="<?php bloginfo('name'); ?>" />
 <meta property="og:description" content="<?php bloginfo('description'); ?>" />
 <meta property="og:type" content="website" />
 <meta property="og:image" content="URL LOGO BLOG" /> 
 <?php } ?>
 

Silahkan sesuaikan url page facebook, url profil facebook, url logo blog, dan twitter username. Kemudian silahkan simpan perubahannya.

Di bawah ini ialah postingan yang dishare di fb, google+, dan twitter dari blog Wordpress aku yang memakai image dari pihak ketiga (Picassa) atau tanpa featured image.

Sumber Code: http://www.hongkiat.com/blog/facebook-open-graph-wordpress/

Sumber https://www.kompiajaib.com/

Share this post