web-dev-qa-db-ja.com

SVGのサイズ変更がSEOに与える影響

元の解像度よりも小さいSVGをロードすると、SEOに影響がありますか？

例として：

index.html：

<img src="test.svg" width="10" height="10"/>

test.svg（元のサイズ：150x150）：

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
   <circle r="32" cx="35" cy="65" fill="#F00" opacity="0.5"/>
   <circle r="32" cx="65" cy="65" fill="#0F0" opacity="0.5"/>
   <circle r="32" cx="50" cy="35" fill="#00F" opacity="0.5"/>
</svg>
seohtmlsvgresolution
4
Frans

Googleは、公開ドキュメント/コメントでSVGのサイズを変更しないと述べているところはありません。 SVGの重要なポイントは、転送オーバーヘッドを低く抑え、高品質を維持しながら簡単にサイズを変更できることです。一般に、jpgまたはpngのサイズを変更して画質を歪めることは悪い習慣ですが、使用されているSVGにペナルティを科す論理的な理由はありません。

ただし、デザインでの画像の使用に応じてペナルティが発生する場合があります。 ページの使いやすさを考慮に入れる多くのSEO要因があります。これを念頭に置いて、画像コンテンツのページ読み込みに関する考慮事項である、Googleが承認した要素のチェックリストを以下に示します。

1
L Martin