web-dev-qa-db-fra.com

Images HD sur le commerce électronique et le référencement

J'ai un site Web de commerce électronique où les images de produits sont actuellement redimensionnées à 250x250 max et présentées à l'utilisateur. Je réduis les images haute définition d'origine à une taille qui permet à la page de se charger rapidement.

C'est ce qui se fait actuellement:

  • Les images font partie des informations de microdonnées du produit.
  • Chaque image de produit est répertoriée sur le site sitemap.xml de mon site Web.
  • L'image du produit est chargée via une balise IMG.

Je souhaite tirer parti de la version HD que je conserve sur mon serveur et la montrer aux utilisateurs de manière conviviale, tout en aidant également le classement des images.

Comment faire en sorte que Google associe mon image de la manière la plus conviviale pour le référencement? Je pourrais éventuellement remplacer l'image sur le plan du site par la version HD.

Toutefois, ce qui me dérange, c’est que je ne peux pas sembler faire la même chose pour l’extrait de produit, car Google déteste le contenu masqué et je ne souhaite certainement pas que l’image HD soit chargée lors du chargement de la page du produit. Existe-t-il des alternatives au chargement de l'image en taille réelle?

seoimagesmicrodata
1
Juanpi

Utilisez ces balises.

<a href="http://www.example.com/hd-image.jpg"><img src="http://www.example.com/thumbnail-img"/></a>

La plupart des sites Web de commerce électronique, des sites Web de blogueurs et de wikipedia utilisent des liens dans des images pour Image SEO.

Ici, vous affichez une image compressée dans img src, de sorte que les images se chargent rapidement, mais lorsque Google Spider voit ce lien, elles indexent les images HD dans la recherche d'images Google.

Et, lorsqu'un utilisateur clique sur une image, il verra une image HD, car il clique sur un lien et ce lien pointe sur une image HD. Par défaut, il s'ouvrira dans la même fenêtre, mais vous pouvez utiliser JS et CSS pour ouvrir dans les mêmes fenêtres. Il y a beaucoup de tutoriel sur lightbox et popup pour un moyen plus élégant d'afficher des images.

2
Goyllo