現時点では、css で div と 'background-image' を使用して画像を挿入しています。しかし、これらを SEO に関して有利に利用するにはどうすればよいでしょうか。私は、SEO 戦略の一環として alt タグをよく使用していました。divでこれを行うにはどうすればよいですか。または、関連する部分で img src を使用することをお勧めしますか?
4 に答える
現時点では、css で div と 'background-image' を使用して画像を挿入しています。
背景画像に対してそれを行います。コンテンツ画像に対してはそうしないでください。
しかし、これらを SEO に関して有利に利用するにはどうすればよいでしょうか。
人々のために (アクセシブルな) コンテンツを書きます。検索エンジンを信頼して見つけてください。
私は、SEO 戦略の一環として alt タグをよく使用していました。
うまくいけば、それらは良い代替テキストです (タグではなく、属性を意味することを願っています)。
それとも、関連する部分で img src を使用することをお勧めしますか?
コンテンツ画像は<img>
要素を使用する必要があります。
それは文脈に依存します。
画像が背景画像 (タイル状の背景、または背景に属する何らかの形式の画像など) である場合、それは背景画像である必要があり、理論的には代替テキストは必要ありません。
画像がコンテンツ画像の場合、アクセシビリティと SEO の目的で、これはimg
要素にする必要があります。
ここで見つけることができる「img vs background-image」の使用に関して、StackOverflow ですでに非常に人気のある質問があります。
HTML 仕様に従わないものはすべて悪い考えです。技術的には、代わりにタイトル タグを使用できますが、使用しないでください。
SEO で過度に最適化することは、常に悪い考えです。
画像がデザイン上の理由だけである場合は、css の background-image を介して追加します。seo の alt は必要ありません。ただし、Web サイトのコンテンツにとって画像が重要な場合は、それを html 内に挿入してから を使用する必要があります<img src="" alt="" />
。