web-dev-qa-db-ja.com

インラインsvgのSEO効果

Svg形式のロゴのレンダリングを最適化したかった。画像リソースをリクエストする必要をなくし、HTMLが読み込まれた直後に画像がレンダリングされるように、サイトのhtmlに画像のsvgコードをインライン化してみたかったのです。私の懸念は、これがSEOにどのように影響するかということです。 svgマークアップにはalt属性または画像srcがないためです。

seosvg
3
Bee

画像検索に表示されないロゴからのトラフィックの損失が心配な場合は、インラインSVGではなくaltテキストを含む<img>タグを使用して画像を埋め込むことをお勧めします。

一方、単純なWeb検索からのトラフィックが主な関心事である場合、インラインSVGのベストプラクティスは、SVGを次の属性でフォーマットすることです。

<svg role="img" aria-labelledby="title desc">
    <title>...</title>
    <desc>...</desc>
    <!-- Additional SVG Content -->
</svg>
3
Grant Miller