FacebookにURLを入れても画像もテキストも表示されない

つい数日まで、書いたブログのURLをFacebookに貼り付ければ、サムネイル画像とタイトル、テキストが表示されていたけど、突然何も表示されなくなった。
過去の記事も、試しにURLを貼ってみたけど、できなくなっていた。

 

例えばこんな感じ↓

facebookURL表示されない

 

”facebook+URL+OEM+表示されない”で調べると王道解決策があるようで、

 

● オブジェクトデバッカーを利用し、Facebookにキャッシュされた情報を更新する

① https://developers.facebook.com/tools/debug/
にアクセス
③ 該当のURLを入力
「Debug」ボタンを押下
下にスクロールしていき、想定している画像と違うものが表示されていたら、
④「Fetch new scrape information」ボタンを押下
キャッシュがクリアされて、最新の情報が表示されるみたい。

 


 

今回は、画像だけでなく、テキストも表示されないってことが問題だったので、これは該当しない。

 

そういえば、数日前にwordpress本体や、themeのあっぷでーとをしたことを思い出した。
子テーマにしなかったのかな。。。
(子テーマを作っておくと、バージョンアップによる設定の上書きの影響を受けない)
設定が消えている可能性が高い。

 

だめだね、手を抜くと。。。。

 

他にも消えた設定があるのかも知れないけど、とりあえず、緊急性のあるOEMの設定のみを追加。

 

● function.phpに以下を追加

 // Get the featured image URL
function get_featured_image_url() {
    $image_id = get_post_thumbnail_id();
    $image_url = wp_get_attachment_image_src($image_id,'large', true);
    echo $image_url[0];
}</pre>
<pre>

 

● header.phpに以下を追加

</pre>
<meta property="og:title" content="<?php wp_title('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?>"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="<?php the_permalink() ?>"/>
<?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.gif" />
<?php } ?>
<meta property="og:site_name" content="<?php bloginfo('name'); ?>"/>
<meta property="og:description"
content="<em>description</em>"/>
<pre>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です