Web制作(フリーランスWebデザイナー)

日にち2015/11/16
コーディング

FacebookのOGPが設定通りにシェア出来ない場合

この記事は書いてから 約 2年 経過しています。 1年以上経過しているので情報が古い可能性があります。

FacebookのOGPが設定通りにシェア出来ない場合

サイトを制作して、いざFacebookでシェアしようと思った時に内容が違う事が沢山あります。何故かというとOGPの設定が違うか、Facebookのキャッシュが残っており現在の情報が古いというのが考えられます。そこで、OGPの設定を再確認するのとFacebookのキャッシュをリセットする必要があります。

OGP設定の仕方

OGPのコードをheaderに書くかと思います。では、早速記者自身のコードを紹介します。記者はif文を使ってトップページと下層ページで読み込みを切り替えます。そして、タイトルやディスクリプションはWordPressのテンプレートタグを使って読み込ませます。

下記、コードを参考にしてください。

<?php if ( is_home() || is_front_page() ) : ?>
    <!-- トップページ用 -->
    <meta property="og:title" content="<?php bloginfo('name'); ?>" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="<?php $host = $_SERVER["HTTP_HOST"]; $file = $_SERVER["REQUEST_URI"]; echo "http://" . $host . $file; ?>" />
    <meta property="og:image" content="<?php echo get_template_directory_uri(); ?>/images/ogp.jpg" />
    <meta property="og:site_name" content="<?php bloginfo('name'); ?>" />
    <meta property="og:description" content="<?php bloginfo('description'); ?>" />
    <meta property="fb:app_id" content="App-ID(15文字の半角数字)" />
<?php endif; ?>
<?php if(is_single('')): ?>
    <!-- 下層ページ用 -->
    <meta property="og:title" content="<?php echo get_the_title(); ?> | visual hallucination" />
    <meta property="og:type" content="article" />
    <meta property="og:url" content="<?php echo the_permalink(); ?>" />
    <meta property="og:image" content="<?php echo get_template_directory_uri(); ?>/images/ogp.jpg" />
    <meta property="og:site_name" content="<?php bloginfo('name'); ?>" />
    <meta property="og:description" content="<?php echo get_post_meta($post->ID, _aioseop_description, true); ?>" />
    <meta property="fb:app_id" content="" />
<?php endif; ?>

Debugger - Facebook Developersとは

上記の様にコードをheadに記載しても、シェアすると内容が変わらないという状態でしたら、Debugger – Facebook Developersを考えた方がいいかもしれません。簡単なので、試す価値はあります。

Debugger – Facebook Developers

実行しても内容が変わらない場合は、【もう一度スクレイピング】をクリックすれば最新に変わるかと思います。これでキャッシュクリアとなります。

facebook twitter

© 2013-2017 visual hallucination.