にほんブログ村で記事画像が表示されていないことに今更気付いたので設定する。

気にしていないことが仇となる。
- 記事画像の設定方法

気にしていないことが仇となる。

ブログ村のランキングに参加しているとは言え、ランキング順位を常に気にするのもどうかと思っていたので、自分のランキング順位については余り確認しないようにしていました。

ふと携帯で何位くらいなのか確認していましたが、自分が何位がどうとかではなくアイキャッチで設定されている画像が表示されていないことに今更ながらに気が付きました。

既に3月10日時点で127記事も投稿しているのに今更です。

ユーザーからは実際記事を見るまではアイキャッチ画像が見えず、アイコン画像で設定した画像が表示されていたようです。

記事画像の設定方法

にほんブログ村のサポートページに以下の記載がありました。

にほんブログ村で取得する記事画像はOGPに設定されている画像を取得いたします。
一部ブログサービスでは、設定しないとOGPが出力されない場合がございます。
もし記事画像が取得されない場合は、OGPに記事画像が設定されているかどうかご確認をお願いいたします。
にほんブログ村サポートページ「記事画像が取得されないのですが？」から引用

設定しないとOGPが出力されないため、表示されないようです。
OGPはOpen Graph Protcolの略で、SNS上でシェアされた時やシェアされたい時に、ページのタイトル、URL、概要、画像（サムネイル）を正しく伝えるためにHTMLソースに記述するタグ情報だそうです。

ブログ内で記事リンクを張った場合は普通に表示されていたので、問題ないかと思っていましたがどうも別な設定があるようで何か設定が必要なようです。

実際の設定

本ブログはWordpressを使用しているため、Wordpressのヘッダーを変更すれば良いようです。
WordPressのメニューから、「外観」⇒「テーマエディター」を選択します。

ここのheader.phpに以下の文字列を追加すれば良いようです。

‘>
if (is_single()){
if(have_posts()): while(have_posts()): the_post();
echo ”;echo “\n”;
echo ”;echo “\n”;
echo ”;echo “\n”;
endwhile; endif;
} else {
echo ”;echo “\n”;
echo ”;echo “\n”;
echo ”;echo “\n”;
echo ”;echo “\n”;
}
$str = $post->post_content;
$searchPattern = ‘//i’;
if (is_single()){
if (has_post_thumbnail()){
$image_id = get_post_thumbnail_id();
$image = wp_get_attachment_image_src( $image_id, ‘full’);
echo ”;echo “\n”;
} else if ( preg_match( $searchPattern, $str, $imgurl )){
echo ”;echo “\n”;
}
}
?>
にほんブログ村サポートページ「記事画像が取得されないのですが？」から引用