現在「みるらいと」スキンを適用中です。

OGPの取得ができません | 不具合報告 | Cocoon フォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法 
  7. ブラウザ環境チェックツール

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

また、問題の解決に至った場合には、トピック冒頭の「解決済み」リンクをクリックしていただけますと幸いです。

wpForoの解決済みリンク

また、有用な返信があった場合は「いいね!」リンクもご活用ください。返信者の励みになります。

wpForoのいいねリンク

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
共有:
通知
すべてクリア

[解決済] OGPの取得ができません  


けーわい
 けーわい
(@けーわい)
ゲスト
結合: 2年前
投稿: 5
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

----------------------------------------------


未解決
かうたっく
(@kautakku)
メンバーサイト Moderator
結合: 3年前
投稿: 4765
かうたっく - Facebook
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で拒否られました。ですが時間を置けば見れましたけど…、なんか変ですね^^;


わいひら 件のいいね!
mr.cocoon
(@mr-cocoon)
Eminent Member
結合: 2年前
投稿: 21
2018年8月23日 17:14  

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

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

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

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

 

 


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
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


mr.cocoon
(@mr-cocoon)
Eminent Member
結合: 2年前
投稿: 21
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
----------------------------------------------


けーわい
 けーわい
(@けーわい)
ゲスト
結合: 2年前
投稿: 5
2018年8月24日 15:31  

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

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

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

 

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

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

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

 


けーわい
 けーわい
(@けーわい)
ゲスト
結合: 2年前
投稿: 5
2018年8月24日 15:32  

キャプチャ二枚目です。


かうたっく
(@kautakku)
メンバーサイト Moderator
結合: 3年前
投稿: 4765
かうたっく - Facebook
2018年8月24日 15:50  
投稿者:: mr.cocoon

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

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

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

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


かうたっく
(@kautakku)
メンバーサイト Moderator
結合: 3年前
投稿: 4765
かうたっく - Facebook
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で拒否られたタイミングだった可能性もありそうにも思いますけど。


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2018年8月24日 22:30  

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


MARUO
 MARUO
(@MARUO)
ゲスト
結合: 4週間前
投稿: 6
2020年9月28日 02:04  

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

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

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

 

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

https://byacco.work/

 

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

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

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

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

 

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

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


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年9月28日 20:18  

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

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

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


MARUO
 MARUO
(@MARUO)
ゲスト
結合: 4週間前
投稿: 6
2020年9月29日 09:04  

@yhira

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

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


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年9月29日 19:19  

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

修正が必要な問題

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


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年9月29日 19:23  

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

修正が必要な問題
画像のコンテンツタイプが無効です
指定されたog:image URL「h ttps://byacco.work/cms/wp-content/uploads/2020/05/default.png」は、コンテンツタイプが無効であるため画像として処理できませんでした。
This post was modified 4週間前 by わいひら

わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年9月29日 19:26  

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


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年9月29日 19:29  

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


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年9月29日 19:33  

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


MARUO
 MARUO
(@MARUO)
ゲスト
結合: 4週間前
投稿: 6
2020年9月29日 22:07  

@yhira

ありがとうございます。

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

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

サイト全体を

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

で囲んでいます。

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

 


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年9月30日 19:12  

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


MARUO
 MARUO
(@MARUO)
ゲスト
結合: 4週間前
投稿: 6
2020年9月30日 22:59  

@yhira

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

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

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

 

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


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年10月1日 19:19  

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


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年10月1日 19:22  

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


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年10月1日 19:23  

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


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年10月1日 19:26  
投稿者:: @MARUO

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

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


MARUO
 MARUO
(@MARUO)
ゲスト
結合: 4週間前
投稿: 6
2020年10月2日 14:47  

@yhira

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

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

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


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年10月2日 19:30  

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


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年10月2日 19:34  

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


MARUO
 MARUO
(@MARUO)
ゲスト
結合: 4週間前
投稿: 6
2020年10月9日 11:50  

@yhira

ありがとうございます。

解決しました!

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

 

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

.htaccessで、

order deny,allow
deny from all

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

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

 

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


はるわいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年10月9日 19:28  
投稿者:: @MARUO

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

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

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

This post was modified 2週間前 by わいひら

返信する

投稿者名

投稿者メールアドレス

タイトル *

許可された最大ファイルサイズ 5MB

 
プレビュー 0リビジョン 保存しました
共有:
スポンサーリンク
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:2年3ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2020/12/31まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:2年

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:17年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:4年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:4年

Cocoon
タイトルとURLをコピーしました