【コピペ用】WordPressのOGP設定 2015 Facebook twitter対応 - [k]id東京都世田谷区　ホームページ制作　[k]id

１、OGPとは

OGPとは「Open Graph protocol」の略称で、FacebookやTwitterなどのSNSでシェアされた際に、各SNSで表示されるページのタイトルや概要を表示させる為のプロトコルで、ページヘッダーなどにタグで設定する事ができます。

 

２、Facebook twitter両対応させる為のOGP設定

テンプレートのヘッダーに下記のコードを記述します。

<meta property="og:title" content="<?php wp_title ( '|', true,'right' ); ?><?php bloginfo('name'); ?>" />
<meta property="og:type" content="website" />
<meta property="og:description" content="<?php wp_title ( '|', true,'right' ); ?><?php bloginfo('name'); ?>" />
<meta property="og:url" content="<?php echo 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']; ?>" />
<meta property="og:site_name" content="<?php bloginfo('name'); ?>" />
<?php if(has_post_thumbnail()) { ?>
<meta property="og:image" content="<?php get_featured_image_url(); ?>" />
<?php } else { ?>
<meta property="og:image" content="<?php bloginfo('template_url'); ?>/images/noimage.jpg" />
<?php } ?>
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@ここにtwitter ID">