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

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

ただいまの
回答率

90.23%

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

解決済

回答 3

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 6,089

s-plus-s

score 16

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

+3

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

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

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

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

  • 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を再取得して設定しました、またサーバーのキャッシュもクリアし、他のページでも試してみたのですが同じエラーが起きます。

    キャンセル

check解決した方法

+1

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

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

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

+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認証はかけていません。

    キャンセル

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

  • ただいまの回答率 90.23%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる