トップページは正常ですね。記事ページがmetaタグを取得できないとなってるようです。

Twitterカードバリデーターでシェアされている記事を入力して確認。

http://buildahouse.wp.xdomain.jp/archives/86

FBのほうは403と出ますが、同じURLをいれたけどシェアされてるかも不明。トップページはちゃんと取得されるのだけわかりました。※ログインしないとみれません。

https://developers.facebook.com/tools/debug/og/object/?q=buildahouse.wp.xdomain.jp%2F

トップページにアクセスしたとき403で拒否られました。ですが時間を置けば見れましたけど…、なんか変ですね＾＾；

私もOGPの設定など、環境に異変はないのですが、今日に限ってはTwitterに投稿した、すべてカード画像が表示されない状態です。

以前に書いた記事を再投稿してみたところ、普通にカードが表示されました。

別テーマのサイトでもテストしましたが、正常に機能しているようです。

個人的に思い当たる節としては、利用サーバーのミックスホストに、特定の巡回プログラムのIPアドレスをブロックしないようにお願いしたことぐらいです。

僕も以下のツールですチェックしてみた感じでは、問題なくイメージが表示されているようです。
https://cards-dev.twitter.com/validator
https://developers.facebook.com/tools/debug/og/object/

サーバー設定に問題があれば、確実に取得できないはずなので、ちょっとそれが原因と考えにくいです。

私もOGPの設定など、環境に異変はないのですが、今日に限ってはTwitterに投稿した、すべてカード画像が表示されない状態です。

これに関しても、もう一度Twitterのバリデーターで読み込んでも表示されませんか？
https://nelog.jp/how-to-use-twitter-card-validator

PCからだと以下の文言が表示されます。
過去に投稿した画像表示ありのURLも同様の文面が出ます。
タブレットからだと、画像が大きいみたいな感じの文面が出たりすることもあり、安定しません。

INFO: Page fetched successfully
INFO: 2 metatags were found
ERROR: No card found (Card error)

アイキャッチの画像は1000×500前後、容量も50~100kb程度で重たくもありません。
もっと小さい画像で投稿しましたが、表示はされませんでした。

yoastのサミー設定が、コクーンのと重複しているのかと思い、前者のプラグインを停止した上で再投稿しましたが、やっぱりダメでした。

----------------------------------------------
Wordpressバージョン：4.9.8
PHPバージョン：7.2.8
ブラウザ：Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:61.0) Gecko/20100101 Firefox/61.0
サーバーソフト：LiteSpeed
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.7,en;q=0.3
----------------------------------------------
テーマ名：Cocoon
バージョン：1.1.3
カテゴリ数：16
タグ数：38
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：0.0.5
----------------------------------------------
利用中のプラグイン：
Akismet Anti-Spam 4.0.8
Category Order and Taxonomy Terms Order 1.5.4
Contact Form 7 5.0.3
EWWW Image Optimizer 4.3.1
Really Simple SSL 3.0.5
WordPress Popular Posts 4.1.2
Yoast SEO 8.0
----------------------------------------------

みなさまご回答ありがとうございます。長い間行き詰まっていたので本当に助かります。

CardValidatorとオブジェクトデバッガーを使いこなせていなかったようです。

わいひらさんが貼り付けていただいたページは同様の結果になりました。そして、今までTwitterに記事を投稿して画像が出ていなかったのですが、再度確認したところ"一部の記事において"ogpの画像になりました。

しかし、以下の記事をCardValidatorで見ると大きな画像がでてきません。 http://buildahouse.wp.xdomain.jp/archives/86

また、この記事はオブジェクトデバッガーでは403となりました。 http://buildahouse.wp.xdomain.jp/archives/71

記事によって異なる結果となってしまいますが、解消するにはどうしたら良いのでしょうか。

キャプチャ二枚目です。

投稿者:: mr.cocoon

yoastのサミー設定が、コクーンのと重複しているのかと思い、前者のプラグインを停止した上で再投稿しましたが、やっぱりダメでした。

Yoast SEOか、CocoonのOGPどちらかの『設定』を停止して試すとどうですか？

> プラグインを停止した上で再投稿し

停止しただけで、設定が解除される仕様なのかどうか、と言う事で試されては？と思います。

投稿者:: けーわい

しかし、以下の記事をCardValidatorで見ると大きな画像がでてきません。 http://buildahouse.wp.xdomain.jp/archives/86

また、この記事はオブジェクトデバッガーでは403となりました。 http://buildahouse.wp.xdomain.jp/archives/71

403となるのは普通にアクセスしても403が出ることがしばしばあるようです。

archives/86にアクセスして、また403で拒否られました。何度かアクセスしたら200：正常に表示されると思いますけど、今回は試してません。キチンと表示される記事あるので、archives/86にアクセスできないので、状態をチェックしてません。

※初めてトップページにアクセスした時も同様403が出た状態です。

FBデベロッパー…で、archives/71にアクセスしたとき、私と同じように403で拒否られたタイミングだった可能性もありそうにも思いますけど。

xdomainは、無料サーバーなのでいろいろな制限が働いているのかもしれません。
そういったことも含めて無料なんだと思います。

いつもお世話になっております。

大分時間が経っているスレなのですが、同じくOGP画像が上手く出ず。。。

プラグインを全て外す、子テーマをやめるなど行っているのですが、、、

自分のブログは下記になります。

https://byacco.work/

トップも各記事ページも出てきません。

Facebook シェアでバッカーでは、

指定されたog:image URL「●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●.jpg」は、コンテンツタイプが無効であるため画像として処理できませんでした。

というエラーが表示されてしまいます。

サイトの情報は添付しておきます。

何かわかればご教示いただければと思います。

フォーラムの案内にありますように、高速化設定を無効にしていただけますでしょうか。

不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください

ソースコードの縮小化がされていると、コードの確認がしづらいのでよろしくお願いいたします。

@yhira

早速にご返信ありがとうございます！

高速化解除してみました。

とりあえず、どういう状態か検索から解決方法を求めて訪れ方にもわかりやすいように、シェアデバッガーのスクリーンショットとエラーメッセージを貼り付けときます。

修正が必要な問題

推測されるプロパティ
値が他のタグから推測される場合でも、og:imageプロパティは明示的に指定してください。

こっちのエラーメッセージも出た。

タグと画像自体は問題ないように見える。
プラグインで重複設定などもなし。

こちら開発環境の問題がないタグ。
特段おかしなところは見つからない…。

ちなみに、サイトの読み込み時に添付画像のような読み込み画面が表示されるのですが、これはどのように実装されているのでしょうか。

@yhira

ありがとうございます。

これだと一瞬しかでていないですね。

customize.jsにjavascriptを書いて、svgアニメーションを表示させている感じです。

サイト全体を

<div id="page" class="site"></div>

で囲んでいます。

header.phpを若干子テーマでタグを追加して、footer.phpも閉じタグ入れている感じです。

ではこのカスタマイズが影響しない、親テーマのみを選択した状態で、デバッガを試すとどうなりますか？
https://developers.facebook.com/tools/debug/
動作確認した後は、元に戻していただいて大丈夫です。

@yhira

親テーマのみにしてみましたが、結果は変わらずでしたね、、、

サーバーの仕様？パーミッション？なども見たんですが、違いました。

同サーバーで別のサイトのwordpressのものは問題ありませんでした。。

色々とご助力いただいていて申し訳ございません。

「コンテンツタイプが無効であるため画像として処理できませんでした。」で検索して出てくるものを見ても、どれも当てはまらないっぽいんですよね。
使用しているサーバーはどこでしょうか。

SEOチェキでサーバーのホスト情報を調べても、取得できないんですよね。
https://seocheki.net/site-check.php?u=https://byacco.work/

と思ったんですが、時間をかけてようやく取得できました。
mixhostですね。
このように、外部から情報取得しようとしたら、時間がかかっているのが原因の可能性もなくはないかもしれません。
ここら辺は、サーバーに問い合わせてみると良いかもしれません。

投稿者:: @MARUO

同サーバーで別のサイトのwordpressのものは問題ありませんでした。。

どちらのサイトも同じjp48a.mixhost.jpサーバーのサイトでしょうか。
だとしたら、サーバーごとの設定でもなさそうですし、よくわかんないですよね。

@yhira

そうです。サーバーはmixhostです。
たしかに。。。SEOチェキ、メチャクチャ時間かかりますね。

色々とご尽力いただきありがとうございます！
サーバーに問い合わせてみますね。

また、解決しましたらご報告させていただきます！

あと、ドメイン情報が取得出来ていないのも気になるんですよね。
こちらのドメインも、mixhostで取得したものでしょうか？

もし、OGP画像を取得するのに、SEOチェキのホスト情報取得時間くらい（僕の環境では30秒以上）かかっているのであれば、画像取得のタイムアウトとかで画像が表示されない可能性も十分あると思うんですよね。

@yhira

ありがとうございます。

解決しました！

結論から言って、完全に自分のカスタマイズミスでした。。

一時期、海外からのアクセスが物凄かった時があって

.htaccessで、

order deny,allow
deny from all

にて海外からのIPを制限していました。

これをコメントアウトしてみたら、すんなりOGPが表示されました。

色々とありがとうございました！

投稿者:: @MARUO

海外からのIPを制限していました。

そういう設定にしてあったのなら、サーバーは設定通りに動作していたことになりますね。

とりあえずテーマの問題ではなかったようでよかったです。