web-dev-qa-db-ja.com

Google構造化データテストツールの繰り返しエラー:「URLをレンダリングできませんでした。一部のマークアップが欠落している可能性があります。」

Googleの構造化データテストツールを使用すると、常にエラーが発生します。

URLをレンダリングできませんでした。一部のマークアップが欠落している可能性があります。

  • すべての構造化データエラーを特定して修正しました-3つのアイテムがあり、そのすべてに個のエラーがあり、そのうちの2つに個の警告があり、そのうちの1つに- つの警告

  • 最初の項目でOpenGraph語彙(og:Twitter:の両方)を使用し、後続の両方の項目でschema.org語彙を使用しています。

  • <meta><head>要素を使用して最初のアイテムのデータを構成し、json-ldを使用して後続の両方のアイテムのデータを構成しています。

  • ドキュメントのマークアップがW3 Unicornで検証されるかどうかを確認しました-検証します。

マークアップが検証され、構造化データにエラーがないため、Google構造化データテストツールから一貫して通知された場合の意味は次のとおりです。

URLをレンダリングできませんでした。一部のマークアップが欠落している可能性があります。

URLをレンダリングできませんでしたどういう意味ですか?


更新:

さらにテストした結果、次のことを確認しました。

  1. エラーは、ドキュメントの<body>...</body>内のマークアップによってトリガーされるdefinitelyです。
  2. エラーをトリガーする複数の(まだ未知の)要素があります。
  3. Oneのエラーは間違いなく<footer>...</footer>要素の存在です。 <body>または<header>(または両方)を含む<main>はエラーをトリガーしませんが、<body><footer>が含まれるとすぐに、意志。
  4. Oneのエラーは、クラスを含むアンカーです(例:<a href="/my-page" class="link-to-my-page">My Page</a>)-class属性がアンカーから削除されると、アンカーはエラーをトリガーしなくなります。
  5. Oneエラーの1つ以上の<article>...</article>要素の存在です。 <body>に少なくとも1つの<article>が含まれるとすぐに、エラーが発生します。
  6. Oneのエラーは、SVGを参照する<img>要素です。 src属性が、同一のファイルパスを持つが.pngで終わるファイルを指す場合、エラーはトリガーされません。

電球のモーメント

  • 6.の<img>要素は、-SVGを指します。
  • <article>にはCSS background-imageがあり、これはSVGです
  • クラスを含む<a>には、CSS background-imageがあります。これはSVGです。
  • <footer>には::beforeおよび::after疑似要素があり、それぞれにCSS background-imageがあり、これはSVG

結論

Google構造化データテストツールは、SVGファイルへの参照を処理する方法(または単に無視する方法)をまだ知りません。

4
Rounin

後:

  • エラートリガーの分離
  • すべてのエラートリガーの共通点の評価(これらはすべて外部.svgファイルを参照)

答えは:

Google構造化データテストツールは、SVGファイルへの参照を処理する方法(または無視する方法)をまだ知りません。

3
Rounin