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

スマホ画像テクノロジー

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

ランキングに参加しているとは言え、ランキングを気にし過ぎるのもどうかと思っていたので自分のランキングについては余り確認しない様にしていました。

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

既に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”;

}

}

?>

にほんブログ村サポートページ「記事画像が取得されないのですが?」から引用

追記して保存と・・・しようとしましたが保存できませんでした。
これで設定できない場合は各自で調査・調整を行ってください。との文言が記載されていたので、解消方法を確認しました。

何が原因か再度確認する。

確認した結果、私がWordpressのプラグインとして導入しているAll in One SEOが悪さをしているようです。
WordPressの設定画面から、All in One SEOのソーシャルネットワークを選択します。

FaceBook、Twitterの設定項目が存在しており、それぞれデフォルトの投稿画像ソースの設定がありました。この設定がデフォルト画像に設定されていたため、ブログ村の画像でデフォルトに設定していたアイコン画像が表示されているようです。
この設定をアイキャッチ画像に修正し、変更を保存しました。

設定の結果

設定を変更し、記事を再取得することでブログ村の画像が更新されていることが確認できました。

当ブログは、にほんブログ村に参加しています。面白かったと思ったらクリックをお願いします。
にほんブログ村 投資ブログ 資産運用へ
にほんブログ村 ライフスタイルブログ セミリタイア生活へ
当ブログは、にほんブログ村に参加しています。面白かったと思ったらクリックをお願いします。
にほんブログ村 投資ブログ 資産運用へ
にほんブログ村 ライフスタイルブログ セミリタイア生活へ
テクノロジー
nekonabeをフォローする
楽生〜楽に生きるためのライフハック〜

コメント

タイトルとURLをコピーしました