web-dev-qa-db-ja.com

JavaScript Image LoaderをSEO最適化する方法は？

画像中心のカタログWebサイトを構築しています。 100,000ページ以上の収集可能なゲーミングカードをカタログします。毎月数百万件のヒットを受け取っている競合サイトがあるため、過剰なトラフィックが発生する可能性があるため、イメージの帯域幅を調整すると同時にイメージSEOを最適化する必要があります。そのためのヒントを探しています。

サイトの各ページには、適切なタグと説明が記載された1枚のカードがあります。ただし、各カードには4つの画像があります。マットカードストックに1枚、ホイルカードストックに1枚、デジタル1枚、デジタルフォイル1枚です。帯域幅が無制限でページ読み込みが無制限の世界では、タイトル、altタグ、キャプションを含む4つの画像すべてをメインの製品ページに埋め込み、バージョンキーワードに従ってランク付けします。実際には、JavaScriptギャラリーの画像ローダーが適切だと思われます。

現在のコードの簡単な例を次に示します。簡単にするために、サムネイルからフルイメージへの置換スクリプトは省略しました。これは何らかの形でSEOに影響しますか？私は何か違うことをすべきですか？メインページのPRを希釈して、カードタグと説明をそれぞれに複製する必要があるため、各画像のページを作成したくないことに注意してください。洞察力をありがとう！

<script type="text/javascript">
    document.write('
    <img src="thumbnail1.jpg" data-src="version1.jpg">
    <img src="thumbnail2.jpg" data-src="version2.jpg">
    <img src="thumbnail3.jpg" data-src="version3.jpg">
    <img src="thumbnail4.jpg" data-src="version4.jpg">
    ');
</script>
<noscript>
    <img src="version1.jpg">
    <img src="version2.jpg">
    <img src="version3.jpg">
    <img src="version4.jpg">
</noscript>
seogooglejavascriptphoto-gallery
5
skibulk

SEOの場合、各画像にALT属性を追加します。名前については、画像上にあるものを説明する方が良いでしょう。それが不可能な場合は、タグ/カテゴリ/サブカテゴリを取得して、リンクに追加してください。次のようなランダムな名前を作成することになります。

your-key-words-imgID.jpg

5
Trouble