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

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

ただいまの
回答率

90.35%

  • WordPress

    8194questions

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

  • Facebook

    426questions

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

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

解決済

回答 3

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 4,467

s-plus-s

score 10

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">
  • 気になる質問をクリップする

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • s-plus-s

    2016/09/17 19:21

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

    キャンセル

  • kei344

    2016/09/17 19:26

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

    キャンセル

  • s-plus-s

    2016/09/17 19:28

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

    キャンセル

回答 3

+2

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

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

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/09/17 20:21

    返答ありがとうございます。

    テストツールを利用してみたのですが、エラーなどは検出されませんでした。


    また、テスト環境をブラウザで表示、ソースを確認しても本番環境のurlは一切検索にはかかりませんでした。

    その二つのURLが混在、というのは同じソース内、またはサイト全体の中に混在していれば、という認識で間違いないでしょうか?

    キャンセル

  • 2016/09/17 20:27

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

    キャンセル

  • 2016/09/18 14:07 編集

    あるかもですね。
    「canonical」を使用していますか?
    「og:url」と同じ値ですか?

    先にこの2つ取ってみてエラーが出るかどうか見てみるのもいいかもです。
    <link rel="canonical" href="..">
    <meta property="og:url" content="..">

    キャンセル

  • 2016/09/20 10:01

    返答ありがとうございます。

    canonicalは使用していません。
    <meta property="og:url" content="https://example.com/">
    上記タグを外して再度Facebookのキャッシュをクリアしてみたのですが、

    ”入力URLのパース中にエラーが発生しました。キャッシュまたはスクレイピングされたデータはありません。”

    というエラーが返ってきました。


    またリダイレクトのチェックを下記サイトで行ったのですが、リダイレクトはありませんでした。
    http://tool.mface.jp/redirects/check/

    キャンセル

  • 2016/09/20 11:02

    「og:url」は削除すると勝手に表示してるページのURLもってきてくれるようですが変ですね…
    当然ながら「og:image」削除でエラーは消えますよね?
    「https://test.example.com/img/example_logo.png」外の誰からでも見られる状態ですよね?
    ちなみにこのページに設定されてる「<meta property="og:image" content="https://teratail.com/img/imgFacebookShare.png">」これではどうなります?

    キャンセル

  • 2016/09/20 11: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にはページ内の画像が表示されます。

    キャンセル

  • 2016/09/20 11: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を設定しているのですが、これが原因でしょうか?

    キャンセル

  • 2016/09/20 11:51

    http://eeyan.hateblo.jp/entry/2012/12/22/181036
    > 海外からのアクセスを禁止

    サーバが海外からのアクセスを禁止していたりしませんか?

    キャンセル

  • 2016/09/20 12:09

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

    キャンセル

  • 2016/09/20 12:13

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

    一度試されてはいかがでしょうか。

    キャンセル

  • 2016/09/20 12:27

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

    キャンセル

  • 2016/09/20 12:31

    fb:adminsは削除しましたか?

    キャンセル

  • 2016/09/20 12: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.

    キャンセル

  • 2016/09/20 13:03

    どこかでページのキャッシュが行われていたりしませんか?
    fb:app_idを再取得して設定してみてください。

    【FacebookのSharing Debuggerで「fb:adminsおよびfb:app_idタグがない」というエラーが表示されてしまったら:App IDを取得&設定編 | バシャログ。】
    http://bashalog.c-brains.jp/16/09/12-122300.php

    また、同じページだけでなく別ページでも試してください。

    キャンセル

  • 2016/09/20 13:48

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

    キャンセル

+1

最近触ってないので仕様が変わってるかもしれませんが…

  1. 画像の大きさが200×200以下
  2. og:imageが絶対パスで指定されていない

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/09/17 17:53

    返答ありがとうございます。

    1,画像の大きさは 210px x 210pxです。

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

    キャンセル

  • 2016/09/17 18:01 編集

    とりあえず指定画像ではなく別の画像「https://test.example.com/wp-content/uploads/2015/11/example.png」が呼ばれてるってことですよね?
    ちなみに「https://test.example.com/」にはBASIC認証等の制限かけてます?

    キャンセル

  • 2016/09/17 18:54

    "とりあえず指定画像ではなく別の画像「https://test.example.com/wp-content/uploads/2015/11/example.png」が呼ばれてるってことですよね?"

    はい、その通りです。
    BASIC認証はかけていません。

    キャンセル

check解決した方法

0

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

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

同じタグがついた質問を見る

  • WordPress

    8194questions

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

  • Facebook

    426questions

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