サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2018年8月23日 11:02
いつもcocoonを愛用させていただいております。
cocoon設定からOGPの設定はしているのですが、TwitterやFacebook投稿時に意図した画像の取得ができません。
カスタマイズをかなりしてから気付いたのですが、非推奨環境であるxdomainを利用していました。
自分で調べてみたところ海外からのアクセスをはじいていること（あえてはじいているわけではないのですが…）に起因しているのではと思っています。
下記ツールでアクセスすると403になり、pagespeedinsightsでも403となりました。
https://www.browserling.com/browse/win/7/ie/11/http%3A%2F%2Fbuildahouse.wp.xdomain.jp%2F
こちらは、やはりxdomainを利用しているからということでしょうか。もしそうであれば、非推奨環境ではありますが、わりと使うSNS機能なのでご対応いただけるとかなり助かります。
以下環境です。
----------------------------------------------
サイト名：若はげパパの新築マイホームブログ
サイトURL： http://buildahouse.wp.xdomain.jp
ホームURL： http://buildahouse.wp.xdomain.jp
コンテンツURL： http://buildahouse.wp.xdomain.jp/wp-content
インクルードURL： http://buildahouse.wp.xdomain.jp/wp-includes/
テンプレートURL： http://buildahouse.wp.xdomain.jp/wp-content/themes/cocoon-master
スタイルシートURL： http://buildahouse.wp.xdomain.jp/wp-content/themes/cocoon-child-master
Wordpressバージョン：4.9.8
PHPバージョン：7.1.4
ブラウザ：Mozilla/5.0 (iPhone; CPU iPhone OS 11_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) FxiOS/13.1b11805 Mobile/15F79 Safari/605.1.15
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja-jp
----------------------------------------------
テーマ名：Cocoon
バージョン：1.1.4
カテゴリ数：3
タグ数：11
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：0.0.3
----------------------------------------------
利用中のプラグイン：
Duplicate Post 3.2.2
EWWW Image Optimizer 4.3.1
Google XML Sitemaps 4.0.9
SNS Count Cache 0.11.1
WebSub/PubSubHubbub 3.0.0
WP Multibyte Patch 2.8.1
----------------------------------------------
2018年8月23日 15:51
トップページは正常ですね。記事ページが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で拒否られました。ですが時間を置けば見れましたけど…、なんか変ですね＾＾；
わいひら reacted
2018年8月23日 17:14
私もOGPの設定など、環境に異変はないのですが、今日に限ってはTwitterに投稿した、すべてカード画像が表示されない状態です。
以前に書いた記事を再投稿してみたところ、普通にカードが表示されました。
別テーマのサイトでもテストしましたが、正常に機能しているようです。
個人的に思い当たる節としては、利用サーバーのミックスホストに、特定の巡回プログラムのIPアドレスをブロックしないようにお願いしたことぐらいです。
2018年8月23日 22:10
僕も以下のツールですチェックしてみた感じでは、問題なくイメージが表示されているようです。
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
2018年8月23日 23:35
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
----------------------------------------------
Topic starter
2018年8月24日 15:31
みなさまご回答ありがとうございます。長い間行き詰まっていたので本当に助かります。
CardValidatorとオブジェクトデバッガーを使いこなせていなかったようです。
わいひらさんが貼り付けていただいたページは同様の結果になりました。そして、今までTwitterに記事を投稿して画像が出ていなかったのですが、再度確認したところ"一部の記事において"ogpの画像になりました。
しかし、以下の記事をCardValidatorで見ると大きな画像がでてきません。 http://buildahouse.wp.xdomain.jp/archives/86
また、この記事はオブジェクトデバッガーでは403となりました。 http://buildahouse.wp.xdomain.jp/archives/71
記事によって異なる結果となってしまいますが、解消するにはどうしたら良いのでしょうか。
Topic starter
2018年8月24日 15:32
キャプチャ二枚目です。
2018年8月24日 15:50
yoastのサミー設定が、コクーンのと重複しているのかと思い、前者のプラグインを停止した上で再投稿しましたが、やっぱりダメでした。
Yoast SEOか、CocoonのOGPどちらかの『設定』を停止して試すとどうですか？
> プラグインを停止した上で再投稿し
停止しただけで、設定が解除される仕様なのかどうか、と言う事で試されては？と思います。
2018年8月24日 15:57
しかし、以下の記事を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で拒否られたタイミングだった可能性もありそうにも思いますけど。
わいひら reacted
2018年8月24日 22:30
xdomainは、無料サーバーなのでいろいろな制限が働いているのかもしれません。
そういったことも含めて無料なんだと思います。
2020年9月28日 02:04
いつもお世話になっております。
大分時間が経っているスレなのですが、同じくOGP画像が上手く出ず。。。
プラグインを全て外す、子テーマをやめるなど行っているのですが、、、
自分のブログは下記になります。
トップも各記事ページも出てきません。
Facebook シェアでバッカーでは、
指定されたog:image URL「●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●.jpg」は、コンテンツタイプが無効であるため画像として処理できませんでした。
というエラーが表示されてしまいます。
サイトの情報は添付しておきます。
何かわかればご教示いただければと思います。
2020年9月28日 20:18
フォーラムの案内にありますように、高速化設定を無効にしていただけますでしょうか。
不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください
ソースコードの縮小化がされていると、コードの確認がしづらいのでよろしくお願いいたします。
2020年9月29日 19:19
とりあえず、どういう状態か検索から解決方法を求めて訪れ方にもわかりやすいように、シェアデバッガーのスクリーンショットとエラーメッセージを貼り付けときます。
修正が必要な問題
推測されるプロパティ
値が他のタグから推測される場合でも、og:imageプロパティは明示的に指定してください。
2020年9月29日 19:23
こっちのエラーメッセージも出た。
修正が必要な問題
画像のコンテンツタイプが無効です
指定されたog:image URL「h ttps://byacco.work/cms/wp-content/uploads/2020/05/default.png」は、コンテンツタイプが無効であるため画像として処理できませんでした。
2020年9月29日 19:26
タグと画像自体は問題ないように見える。
プラグインで重複設定などもなし。
2020年9月29日 19:29
こちら開発環境の問題がないタグ。
特段おかしなところは見つからない…。
2020年9月29日 19:33
ちなみに、サイトの読み込み時に添付画像のような読み込み画面が表示されるのですが、これはどのように実装されているのでしょうか。
2020年9月29日 22:07
ありがとうございます。
これだと一瞬しかでていないですね。
customize.jsにjavascriptを書いて、svgアニメーションを表示させている感じです。
サイト全体を
<div id="page" class="site"></div>
で囲んでいます。
header.phpを若干子テーマでタグを追加して、footer.phpも閉じタグ入れている感じです。
2020年9月30日 19:12
ではこのカスタマイズが影響しない、親テーマのみを選択した状態で、デバッガを試すとどうなりますか？
https://developers.facebook.com/tools/debug/
動作確認した後は、元に戻していただいて大丈夫です。
2020年9月30日 22:59
親テーマのみにしてみましたが、結果は変わらずでしたね、、、
サーバーの仕様？パーミッション？なども見たんですが、違いました。
同サーバーで別のサイトのwordpressのものは問題ありませんでした。。
色々とご助力いただいていて申し訳ございません。
2020年10月1日 19:19
「コンテンツタイプが無効であるため画像として処理できませんでした。」で検索して出てくるものを見ても、どれも当てはまらないっぽいんですよね。
使用しているサーバーはどこでしょうか。
2020年10月1日 19:22
SEOチェキでサーバーのホスト情報を調べても、取得できないんですよね。
https://seocheki.net/site-check.php?u=https://byacco.work/
2020年10月1日 19:23
と思ったんですが、時間をかけてようやく取得できました。
mixhostですね。
このように、外部から情報取得しようとしたら、時間がかかっているのが原因の可能性もなくはないかもしれません。
ここら辺は、サーバーに問い合わせてみると良いかもしれません。
2020年10月1日 19:26
同サーバーで別のサイトのwordpressのものは問題ありませんでした。。
どちらのサイトも同じjp48a.mixhost.jpサーバーのサイトでしょうか。
だとしたら、サーバーごとの設定でもなさそうですし、よくわかんないですよね。
2020年10月2日 19:30
あと、ドメイン情報が取得出来ていないのも気になるんですよね。
こちらのドメインも、mixhostで取得したものでしょうか？
2020年10月2日 19:34
もし、OGP画像を取得するのに、SEOチェキのホスト情報取得時間くらい（僕の環境では30秒以上）かかっているのであれば、画像取得のタイムアウトとかで画像が表示されない可能性も十分あると思うんですよね。
2020年10月9日 19:28
海外からのIPを制限していました。
そういう設定にしてあったのなら、サーバーは設定通りに動作していたことになりますね。
とりあえずテーマの問題ではなかったようでよかったです。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。