web-dev-qa-db-ja.com

Schema.orgの「image」プロパティの「表示:なし」は可能ですか?

ちょっとそこに:)私はデザイナーからのデザインと構造化データの必要性に問題があります。

問題は次のとおりです。

フロントページのデザインには、記事全体につながる8つの統合された記事があります。タイトル、説明、公開日時があり、インデックスのニュースの構造化データが必要です。しかし、画像がなく、Google構造化データバリデーターには画像が必要であると表示されます... cssでdisplay:noneを使用して画像を非表示にし、ニュース/記事画像のデータを設定できますか?または、ここでGoogleに問題が発生しますか?

または、記事専用の画像がある記事ページ全体でのみ実行できることを伝える必要があります。

たぶん、JSONアプリケーションアプローチを使用して、display:none;の使用を避けることができます。

提案された質問を調べてみましたが、明確な答えが見つかりませんでした。明確な回答がある場合は、重複としてマークしてください。乾杯。

私がやろうとしていることの例:

<article itemscope itemType="http://schema.org/NewsArticle">
    <header>
        <time itemprop="datePublished" datetime="">

        </time>
        <h1 itemprop="headline">News</h1>
    </header>
    <div itemprop="articleBody">
        <img class="hide-article-img" itemprop="image" src="specific-news-thumbnail.jpg" alt="specific-news-thumbnail desc"/>
        <p>This is the content of article.</p>
    </div>
    <footer>
        <a href="#">Læs mere</a>
    </footer>
</article>
3
Mikkel Madsen

明確にする必要がありますが、なぜ構造化データを使用するのですか?テストツールを使用するか、適切にフォーマットされた標準準拠の構造化データを検索エンジンに配信して、サイトをGoogleニュースの出力に含めますか?

Googleニュース記事には画像が必要です。それが事実です。なぜ必要なのですか?それを人々に見せること。ソリューションとは何ですか?

  • Googleに画像を配信しないことは解決策ではありません。サイトがニュースの標準に準拠せず、最終的にニュースに表示されないためです。

  • ディスプレイ:なし;解決策でもありません。Googleとユーザーはそれを確認し、display:noneを表示する必要があります。積極的にそれを防ぎます。

  • 次に、画像をGoogleとユーザーに配信し、サイトに積極的に表示しない唯一のソリューションは、JSON-LDです。

4
Evgeniy

まず、画像を提供するためにhaveをしません。 Googleは、特定のプロパティが提供されていない場合、このドキュメントのリッチスニペットを表示しないことを通知します。ただし、複数の記事のティーザーリストの場合、最初はこのリッチスニペットは表示されません。

have画像であるが、ページに表示したくない場合は、JSON-LDに切り替える必要はありません。 link要素でそのURIを提供できます。

<link itemprop="image" href="specific-news-thumbnail.jpg" />
1
unor