wordpress OGPを設定する (header内)

公開日:  最終更新日:2015/03/11

そろそろOGPを設定しておこうかと思います。 アクセスは全然ないですが。。。。

ブログに最適なOGPを設置しよう

わたしはこんな感じにしました。

投稿記事ページのOGP設定

  • タイトルは投稿記事のタイトル
  • 画像はアイキャッチ
  • 個別記事のURL
  • og:type article

その他のページのOGP設定

個別ページ以外は同じでいいかなと思いトップページ、カテゴリーページ、その他はおなじで設定しました。

  • タイトルブログ名
  • 画像はロゴ
  • ブログのトップページURL
  • og:typeはトップページのみwebsite,他はarticle

Gushはhtml5なのでheader.phpのheadを書き替えます。


<head>これを下記にかえる。

<head prefix="og: http://ogp.me/ns#">

title OGP設定

記事ページは記事タイトル、その他はブログタイトル


<?php if(is_single()): ?>
<meta property='og:title' content='<?php the_title(); ?>'>
<?php else: ?>
<meta property='og:title' content='<?php bloginfo('name'); ?>'>
<?php endif; ?>

image OGP設定

記事ページはアイキャッチ、その他は指定画像(ロゴなど)


<?php
if(is_single()){ 
//記事のアイキャッチを使う
if(has_post_thumbnail()){
$image_id = get_post_thumbnail_id();
$image_url = wp_get_attachment_image_src($image_id, ture);
echo'<meta property="og:image" content="'.$image_url[0].'">';echo "\n";
} 
} else { 
//その他は指定の画像
echo'<meta property="og:image" content="指定画像url">';echo "\n";
}
?>

url OGP設定

記事ページは個別記事URL、その他はトップペーシURL


<?php if(is_single()): ?>
<meta property='og:url' content='<?php echo get_permalink(); ?>'>
<?php else: ?>
<meta property='og:url' content='<?php echo home_url(); ?>'>
<?php endif; ?>

OG:type設定

トップページはwebsite,その他はarticle


<meta property="og:type" content="<?php if($_SERVER["REQUEST_URI"] == "/"){echo "website";}else{echo "article";}?>">

参考にさせていただいたサイト様ありがとうございます。

OGPタイプ(og:type)の設定をwebsiteとarticleで自動振り分け
~OGPプラグインの使用を止めて自前で設定したら意図通り~

シェアありがとうございます

  • このエントリーをはてなブックマークに追加
  • Pocket

コメントを投稿

  • 自分の写真
    name
    Aya imai

    三人の子を持つ主婦です。パソコン、編み物など 下手の横好きですが、いろんな事をやりたがります。 どれも大した知識はありませんが、上達を目指しがんばります。

Category

PAGE TOP ↑