質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Facebook

Facebookは、実名登録制のSNS(ソーシャル・ネットワーキング・サービス)です。開発者用のデベロッパーサイトが存在し、一般ユーザーによるFacebook向けアプリケーション開発が可能です。

Q&A

解決済

3回答

11217閲覧

wordpressでogpタグを設置しているがエラーが出る

s-plus-s

総合スコア18

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Facebook

Facebookは、実名登録制のSNS(ソーシャル・ネットワーキング・サービス)です。開発者用のデベロッパーサイトが存在し、一般ユーザーによるFacebook向けアプリケーション開発が可能です。

0グッド

0クリップ

投稿2016/09/17 08:10

編集2016/09/17 10:28

wordpressにogpタグを設置しています。

サムネイルが意図しない画像になるので
facebook
https://developers.facebook.com/tools/debug/og/object/
にてデバッグとキャッシュのクリアを行ったのですが、下記のエラーが出ます。
指定したサイトのURLは
https://example.com/test.example.comです。
これは開発環境のurlで、本番環境である
https://example.com/example.com
も存在します。

プロパティ「og:image:url」に指定された値「/wp-content/uploads/2015/11/example.png」はタイプ「url」としてパースできないため、URL「http://example.com/」のオブジェクト(タイプ「website」)は無効です。

To find the object, these are the redirects we had to follow

元のURL https://test.example.com/
og:url http://example.com/

The following will be treated as a redirect by the crawler:
A HTTP redirect
A <link rel="canonical" href=".." /> tag
A <meta property="og:url" content=".." /> tag
The final URL, which we tried to extract metadata from is highlighted in 太字

ページのソースをブラウザで確認したのですが、設定したogpタグが正しく表示されていました。
/wp-content/uploads/2015/11/example.png
という指定は設置時にも指定しておらず、またブラウザでページを表示、ソースを検索したのですが見つかりませんでした。

プラグインもogpを設定するものは使用していないのですが、何度キャッシュをクリアしても同じエラーが出ます。
どのような原因が考えられるでしょうか?

よろしくお願いします。

追記
ブラウザで出力されたソースです。

<!DOCTYPE html> <html lang="ja"> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"> <meta charset="UTF-8"> <title> example</title> <meta property="fb:admins" content="example-id"> <meta property="og:locale" content="ja_JP"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@test_example"> <meta property="og:type" content="website"> <meta property="og:title" content="example_site"> <meta property="og:url" content="https://test.example.com/"> <meta property="og:description" content="example"> <meta property="og:image" content="https://test.example.com/img/example_logo.png">

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kei344

2016/09/17 08:15

例示用ドメインはご自身で所有されていない限り example.com / example.jp を利用してください。
s-plus-s

2016/09/17 08:21

ご指摘ありがとうございます、修正しました。
kei344

2016/09/17 10:13

出力されたOGPタグ(ブラウザで「ページのソースを表示」)を質問文に追記いただけませんか?
s-plus-s

2016/09/17 10:21

追記しました。 url等は一部exampleと書き換えてあります。
kei344

2016/09/17 10:26

こまごまとすいませんが、コードはコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。よろしくお願いします。
s-plus-s

2016/09/17 10:28

申し訳ありません、コードブロックで囲むのを忘れていました。 修正しました。
guest

回答3

0

こちらも試されてはいかがでしょうか。

【構造化データ テストツール】
https://search.google.com/structured-data/testing-tool

また、開発環境と本番環境でURLが違うなら、別サイトと判断される可能性はあります。その二つのURLが混在しているのであれば、エラーが起きるかもしれません。

投稿2016/09/17 10:42

kei344

総合スコア69398

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

s-plus-s

2016/09/17 11:21

返答ありがとうございます。 テストツールを利用してみたのですが、エラーなどは検出されませんでした。 また、テスト環境をブラウザで表示、ソースを確認しても本番環境のurlは一切検索にはかかりませんでした。 その二つのURLが混在、というのは同じソース内、またはサイト全体の中に混在していれば、という認識で間違いないでしょうか?
kei344

2016/09/17 11:27

> To find the object, these are the redirects we had to follow となっているので、画像やサイトについてリダイレクトが起こっているなどはありませんか?
gin

2016/09/18 05:08 編集

あるかもですね。 「canonical」を使用していますか? 「og:url」と同じ値ですか? 先にこの2つ取ってみてエラーが出るかどうか見てみるのもいいかもです。 <link rel="canonical" href=".."> <meta property="og:url" content="..">
s-plus-s

2016/09/20 01:01

返答ありがとうございます。 canonicalは使用していません。 <meta property="og:url" content="https://example.com/"> 上記タグを外して再度Facebookのキャッシュをクリアしてみたのですが、 ”入力URLのパース中にエラーが発生しました。キャッシュまたはスクレイピングされたデータはありません。” というエラーが返ってきました。 またリダイレクトのチェックを下記サイトで行ったのですが、リダイレクトはありませんでした。 http://tool.mface.jp/redirects/check/
s-plus-s

2016/09/20 02:26

”入力URLのパース中にエラーが発生しました。キャッシュまたはスクレイピングされたデータはありません。” 申し訳ありません。WP Maintenance Modeプラグインがオンになっていたようで、そのせいで上記エラーが出ていました。 質問投稿時との違いはWP Maintenance Modeのオンオフだけなのですが、現在では違うエラーが出ています。 Warnings That Should Be Fixed Inferred Property The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags. Inferred Property The 'og:title' property should be explicitly provided, even if a value can be inferred from other tags. Inferred Property The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags. Share App ID Missing The 'fb:app_id' property should be explicitly provided, Specify the app ID so that stories shared to Facebook will be properly attributed to the app. Alternatively, app_id can be set in url when open the share dialog. 「https://test.example.com/img/example_logo.png」は外の誰からでも見られる状態です。 しかしキャッシュを削除してもexample_logo.pngが表示されず、ページ内の画像がすべて表示されます。 <meta property="og:image" content="https://teratail.com/img/imgFacebookShare.png"> でも結果は同じでした。 「raw tagsに基いて、次のOpen Graphプロパティが構築されました」 と表示されて、 og:imageにはページ内の画像が表示されます。
s-plus-s

2016/09/20 02:40

ogpタグをすべて削除してキャッシュを削除してみても。 Warnings That Should Be Fixed Inferred Property The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags. Inferred Property The 'og:title' property should be explicitly provided, even if a value can be inferred from other tags. Inferred Property The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags. Share App ID Missing The 'fb:app_id' property should be explicitly provided, Specify the app ID so that stories shared to Facebook will be properly attributed to the app. Alternatively, app_id can be set in url when open the share dialog. 以上のエラーが出ます。 ogpタグが無視されているようです。 App IDは設定せず、代わりにfb:adminsを設定しているのですが、これが原因でしょうか?
s-plus-s

2016/09/20 03:09

サーバーはAWSを利用していて、海外のサーバーを利用しています。 海外からのアクセスは禁止していません。
kei344

2016/09/20 03:13

> App IDは設定せず、代わりにfb:adminsを設定しているのですが、これが原因でしょうか? 一度試されてはいかがでしょうか。
s-plus-s

2016/09/20 03:27

app_idを追加してみたのですが、同じエラーが出るので、ogpタグを確認できないようです。 ブラウザでソースを確認するとタグは正しく表示されています。
kei344

2016/09/20 03:31

fb:adminsは削除しましたか?
s-plus-s

2016/09/20 03:54

削除して、再度キャッシュをクリアしてみました。 やはり下記のエラーが出てしまいます。 Warnings That Should Be Fixed Inferred Property The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags. Inferred Property The 'og:title' property should be explicitly provided, even if a value can be inferred from other tags. Inferred Property The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags. Share App ID Missing The 'fb:app_id' property should be explicitly provided, Specify the app ID so that stories shared to Facebook will be properly attributed to the app. Alternatively, app_id can be set in url when open the share dialog.
kei344

2016/09/20 04:03

どこかでページのキャッシュが行われていたりしませんか? fb:app_idを再取得して設定してみてください。 【FacebookのSharing Debuggerで「fb:adminsおよびfb:app_idタグがない」というエラーが表示されてしまったら:App IDを取得&設定編 | バシャログ。】 http://bashalog.c-brains.jp/16/09/12-122300.php また、同じページだけでなく別ページでも試してください。
s-plus-s

2016/09/20 04:48

fb:app_idを再取得して設定しました、またサーバーのキャッシュもクリアし、他のページでも試してみたのですが同じエラーが起きます。
guest

0

自己解決

自己解決しました。
モバイルでの閲覧のみのサイトなのでwp-touch proを使用し、すべてのデバイスでwp-touchに切り替わるよう設定し、wp-touchのテーマにogpタグを設置していたのですがwordpressのテーマにogpタグが設置されていませんでした。

wordpress側のテーマにogpタグを設置したら正常に動作するようになりました。
回答いただいた皆様ありがとうございました。

投稿2016/10/06 03:20

s-plus-s

総合スコア18

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

最近触ってないので仕様が変わってるかもしれませんが…
0. 画像の大きさが200×200以下
0. og:imageが絶対パスで指定されていない

思いつくのはこんな感じです。

投稿2016/09/17 08:43

gin

総合スコア2722

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

s-plus-s

2016/09/17 08:53

返答ありがとうございます。 1,画像の大きさは 210px x 210pxです。 2,絶対パスで指定してあります。 https://test.example.com/と直接書き込む方法と <?php echo site_url(); ?>と書き込む方法両方試しましたが、 ブラウザでソースを確認したところ両方共絶対パスで表示されました。 現在は直接書き込む方法を取っています。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問