web-dev-qa-db-ja.com

「background:url(image.ext)」はSEOの観点からどのように機能しますか?

これが尋ねられたら許して、私が見つけたのは SEO:テキスト付きh1対bg画像と非表示テキスト付きh1 で、同じ質問ではなかった。

検索エンジンは、Webサイトに挿入された画像を(画像検索で)ピックアップしてインデックス化します:

background: url(/images/filename.ext) no-repeat;

そして、その画像をXMLサイトマップに含めるべきですか、それともマークアップでその画像を見つけられないかもしれないので、ウェブクローラーは嘘をついていると思いますか?

私もスキーマを実装しています。画像を背景として配置するdiv内でSchema itemprop='image'を使用する必要がありますか?

4
Ryan

GoogleはCSSコンテンツをページ上のコンテンツと同じように扱いません

通常、Googleは、<img>などの適切なタグに関連付けられたページコンテンツ内に実際に埋め込まれているコンテンツのみをインデックス化しようとします。ただし、背景画像のパスを image sitemap に追加することにより、Googleの手を強制することができます。

一部のスキーママークアップには、標準のitemprop以上のものが必要です

有効なスキーマには、テンプレートで使用されるコンテンツではなく、実際のコンテンツのマークアップが含まれます。 itemprop画像を使用するには、URLのマークアップが必要になりますが、この場合は必要ありません。

CSSの背景はページコンテンツとはみなされません

コンテンツがユーザーにとって価値がある場合、さまざまな理由で行うべきではないことを試みて、正しい使用法は、バックグラウンドURLを使用するものではなく、設計された要素内にコンテンツを含めることです。一般的なUI要素は、Googleの画像検索でのインデックス作成には役に立ちません。Googleの手を強制する必要なく画像をインデックス化する場合、いくつかの方法があります。厄介な例は、これを行うことができる他の多くの方法の中でposition:fixedを使用することです... fiddle の周りの私の混乱を参照してください=例として。

3
Simon Hayter