web-dev-qa-db-fra.com

Comment faire pour optimiser JavaScript Image Loader SEO?

Je construis un site Web de catalogue centré sur l'image. Il répertorie les cartes de jeu à collectionner comptant plus de 100 000 pages. Il existe des sites concurrents qui reçoivent des millions de visites chaque mois. Par conséquent, avec la possibilité d'un trafic excessif, je dois modérer la bande passante de l'image tout en optimisant l'optimisation de l'image. Je cherche des conseils pour le faire.

Chaque page du site comporte une carte avec les balises et les descriptions appropriées. Il y a cependant quatre images pour chaque carte - une sur du papier cartonné mat, une autre sur du papier cartonné, une numérique et une numérique. Dans un monde avec une bande passante illimitée et des charges de page sans attente, j'intégrais simplement les quatre images sur la page principale du produit avec des titres, des balises alt et des légendes pour les classer en fonction de leur mot-clé de version. En réalité, un chargeur d'images de galerie JavaScript semble approprié.

Voici un exemple simplifié de mon code actuel: j'ai omis le script de remplacement d'image miniature à image complète pour plus de simplicité. Cela affecterait-il le référencement de quelque manière que ce soit? Devrais-je faire quelque chose différemment? Notez que je ne souhaite pas créer de page pour chaque image, car je devrais dupliquer les étiquettes de carte et les descriptions sur chacune d’elles, ce qui diluerait PR pour la page principale. Merci pour toute idée!

<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>
5
skibulk

Pour le référencement, vous souhaitez ajouter des attributs ALT à chaque image. En ce qui concerne les noms, il serait préférable qu’ils décrivent le contenu de l’image. Si c'est impossible, prenez les balises/catégorie/sous-catégorie et mettez-les dans votre lien. Vous pouvez finir par faire des noms aléatoires comme:

vos-mots-clés-imgID.jpg

5
Trouble