###前提・実現したいこと
wordpressにてコーポレートサイトを扱っています。
現在wordpressで投稿した新着記事を、弊社のfacebookアカウントで自動投稿させています。
その際使っているプラグインは
- All in One SEO Pack
- Jetpack
の二つです。
実際に自動投稿はされるのですが、facebook側で表示されるOGPの文言や画像がうまく反映されていないような現象が発生しております。
ブラウザにてソースコードを確認すると
html
1<meta property="og:title" content="株式会社〜〜〜新着記事" /> 2<meta property="og:url" content="https://〜〜〜" /> 3<meta property="og:image" content="/wp-content/uploads/〜" /> 4<meta property="og:site_name" content="〜〜〜" /> 5<meta property="fb:admins" content="〜〜〜" /> 6<meta property="og:description" content="〜〜〜" />
のように正常に設定されています。
###問題1
しかし、facebook側で確認すると
titleの部分がog:title
ではなく<title>(titleタグ)
が反映され
descriptionも同様にmetaタグ
のdescriptionが反映されているように見受けられます。
###問題2
また、og:image
に関してですが
こちらの不具合に関しては様々な記事が見つかり、設定がおかしいことは把握できています。
おかしな点としては
- 画像のパスが正しくない
パスですが、/wp-content/uploads/〜
で記述されてしまっているのが原因で
これはhttps://<ドメイン>/wp-content/uploads/
の形にしなければならないと思っています。
(実装方法がいまいちつかめていないが)
- サイズが適切でない
そもそも設定する画像のサイズを200px*200px
以上にしなければならないらしいので、こちらで対応しなければならない。
###つまり
画像に関しては、正常に行かない原因は上記の2点にあると思うので、これはこちらで対応できるのですが
title
とdescription
が正常に反映されていない原因が全くつかめていません。
色々と調べた結果、推測ですが
画像がうまく取れていないのが原因で、すべての値が反映されてないんじゃないか?と思いたいのですが
そういった記事は見つからず、画像とは別の原因があるのではないかと思っています。
しかし、解決には至っておりません。
###回答者の方々に求めたいこと
- OGPについてのアドバイス
- 出力する画像パスを無理くり変更する方法
- 原因はどこにありそうか
基本的に、バージョン関連は全て最新です。
長くなってしまいましたが、ご回答お待ちしております。
よろしくお願い致します。
追記:
https://developers.facebook.com/tools/debug/sharing/
こちらでのデバックも行いました。
こちらで取得される値は画像以外は正常です。
また、fb:app_id
を入れろみたいな警告もでているのですが
'fb:admin'だけで大丈夫だと思うので無視してしまっていいのでしょうか?
回答1件
あなたの回答
tips
プレビュー