Le guide pratique
pour optimiser
son site Prestashop

Il existe divers moyens d'optimiser les images de sont sites pour gagner de précieuses millisecondes en temps de chargement.

FileOptimizer

Pour démarrer je vous propose FileOptimizer sous Windows. Cet outil permet de compresser davantage les fichiers déjà compressés sans changer le format tout en étant totalement compatible. Il garde le comportement intact du fichier intact mais réduit sa taille à l'aide de plusieurs techniques de recompression et d'optimisation.

FileOptimizer est développé par Javier Gutiérrez Chamorro (Guti) et le téléchargement peut se faire ici : FileOptimizer

Ouvrir l'application FileOptimizer

Ajout d'images ou dossiers

Ajouter des fichiers (Shift+Ins) ou des dossiers (Ctrl+Ins)

Executer l'optimisation des images

Lancer l'optimisation de tous les dossiers et images sélectionnés.

Mesurer les résultats

En haut à gauche ou en bas à gauche, vous pouver visualiser les optimisations réalisées

Page Speed Optimization

Vous pouvez optimiser la totalité de vos images depuis votre site Prestashop en installant le module payant Page Speed Optimization : Cache, Minify, WebP, Compression & Plus. Il s'agit d'un outil très puissant qui demande de bonnes connaissances en informatique et une très bonne maîtrise du CMS Prestashop.

Tableau de bord

Le tableau de bord dispose d'un zone d'accès rapide à tous les moyens d'optimisation de votre site, que ce soient les images, le cache Smarty, les minifications HTML et CSS, les Modes Gzip ou Deflate, le cache des Pages, la mise en place d'un serveur d'images WebP, la compression et le Lazy load (Le lazy loading est le fait de charger les images et vidéos en différé pour afficher en priorité les éléments indispensables sur la page web).

Optimisation des images

Un onglet est réservé uniquement à l'optimisation des images. Il regroupe à lui seul toutes les possibilités offertes par Page Speed Optimization pour réduire la taille de vos images sur tout le site (produits, catégories, fournisseurs, fabricants, thèmes, modules, CMS). La mise en oeuvre est très simple puisqu'il suffit simplement de suivre les explications proposées et en cliquant sur les boutons "Play" pour lancer une série d'optimisation d'images.

Une option très importante permet de compléter les balises Alt vides de vos images. Pour cela vous pouvez créer une syntaxe basée sur des mmots clés comme ceci : {PRODUCT_NAME} {MANUFACTURER_NAME} - {IMAGE_POSITION}

Ensuite il ne vous reste plus qu'à générer les balises manquantes de manière totalement automatisée.

Conversion WebP

Le format WebP a été développé par Google il y a plus de 10 ans. Il permet un chargement plus rapide des pages web car il est jusqu'à 80% plus léger que le JPEG. Ce n'est qu'à partir de 2018 que la plupart des navigateurs ont intégrés l'utilisation du format WebP qui permet de compresser vos fichiers sans altérer leur qualité.

Aujourd'hui, il est plus que recommandé de proposer du format WebP pour améliorer votre référencement sur Google.

Le rendu au format WebP n'est rendu possible sur Prestashop qu'avec un module comme Page Speed Optimization. Pourquoi ? Parce-qu'il faut non seulement transformer les images dans ce nouveau format mais en plus il faut changer le type mime pour l'indiquer aux navigateurs.

Si vous souhaitez améliorer votre positionnement sur Google, il faut impérativement travailler le contenu de vos catégories.

Il faut commencer par optimiser les images de manière à les compresser au maximum soit en utilisant un optimiseur d'images sous Windows FileOptimizer, soit en installant un module comme Page Speed Optimization qui va s'occuper de cette tache pour vous. Je vous invite à suivre les indications proposées dans "Optimiser toutes les images de votre site".

Ensuite nous devons travailler les contenus SEO de chacune des catégories de manière à proposer à Google, un titre et une description bien construite et riche en mots clés.

Voici un exemple :

Prévoyez un titre de 70 caractères et une description de 160 caractères. Respectez les règles d'usage en matière de construction de contenu et soyez le plus précis possible. Ne cherchez pas à copier du contenu d'un site concurrent mais cherchez plutôt à innover. Cela vous permettra de vous démarquer des autres. Google aime bien !

Si vous souhaitez améliorer votre positionnement sur Google, il faut impérativement travailler le contenu de vos produits.

Il faut commencer par optimiser les images de manière à les compresser au maximum soit en utilisant un optimiseur d'images sous Windows FileOptimizer, soit en installant un module comme Page Speed Optimization qui va s'occuper de cette tache pour vous. Je vous invite à suivre les indications proposées dans "Optimiser toutes les images de votre site".

Ensuite nous devons travailler les contenus SEO de chacun des produits de manière à proposer à Google, un titre et une description bien construite et riche en mots clés.

Voici un exemple :

Prévoyez un titre de 70 caractères et une description de 160 caractères. Respectez les règles d'usage en matière de construction de contenu et soyez le plus précis possible. Ne cherchez pas à copier du contenu d'un site concurrent mais cherchez plutôt à innover. Cela vous permettra de vous démarquer des autres. Google aime bien !

Si vous souhaitez améliorer votre positionnement sur Google, il faut impérativement travailler le contenu de vos marques.

Il faut commencer par optimiser les images de manière à les compresser au maximum soit en utilisant un optimiseur d'images sous Windows FileOptimizer, soit en installant un module comme Page Speed Optimization qui va s'occuper de cette tache pour vous. Je vous invite à suivre les indications proposées dans "Optimiser toutes les images de votre site".

Ensuite nous devons travailler les contenus titre et description puis la partie SEO de chacune des marques de manière à proposer à Google, des contenus bien construits et riches en mots clés.

Optimisation du contenu

Il faut bien construire son titre et son résumé en étant très précis sur la marque à présenter.

Concernant la description, il faut respecter la règle des Hn en démarrant par H2 car le H1 est réservé au Nom du produit. Pour le contenu il faut ajouter des images en n'oubliant pas de renseigner la balise Alt qui est très importante aux yeux de Google. Pour un description de qualité, prévoir au moins 300 mots en utilisant les H3 et H4. Pour les mots clés en relation avec la marque, les passer en gras avec la balise strong.

Optimisation de la partie SEO

Prévoyez un titre de 70 caractères et une description de 160 caractères. Respectez les règles d'usage en matière de construction de contenu et soyez le plus précis possible. Ne cherchez pas à copier du contenu d'un site concurrent mais cherchez plutôt à innover. Cela vous permettra de vous démarquer des autres. Google aime bien !

Si vous souhaitez améliorer votre positionnement sur Google, il faut impérativement travailler le contenu de vos pages CMS.

Il faut commencer par optimiser les images de manière à les compresser au maximum soit en utilisant un optimiseur d'images sous Windows FileOptimizer, soit en installant un module comme Page Speed Optimization qui va s'occuper de cette tache pour vous. Je vous invite à suivre les indications proposées dans "Optimiser toutes les images de votre site".

Ensuite nous devons travailler les contenus titre et description puis la partie SEO de chacune des pages CMS de manière à proposer à Google, des contenus bien construits et riches en mots clés.

Optimisation du contenu

Il faut bien construire son titre en étant très précis sur le contenu de la page CMS à présenter.

Concernant la description, il faut respecter la règle des Hn en démarrant par H2 car le H1 est réservé au Nom du produit. Pour le contenu il faut ajouter des images en n'oubliant pas de renseigner la balise Alt qui est très importante aux yeux de Google. Pour un description de qualité, prévoir au moins 300 mots en utilisant les H3 et H4. Pour les mots clés en relation avec le thème à présenter, les passer en gras avec la balise strong.

Optimisation de la partie SEO

Prévoyez un titre de 70 caractères et une description de 160 caractères. Respectez les règles d'usage en matière de construction de contenu et soyez le plus précis possible. Ne cherchez pas à copier du contenu d'un site concurrent mais cherchez plutôt à innover. Cela vous permettra de vous démarquer des autres. Google aime bien !

Il y a deux choses à activer pour optimiser le chargement de vos pages pour un site Prestashop.

Rendez-vous dans CONFIGURER -> Paramètres avancés -> Performances.

Activation du cache Smarty

Vous devez paramétrer le cache Smarty comme ceci :

CCC (Concaténation, Compression et mise en Cache)

Vous devez activer les 3 options comme ceci :

La structure en silo sur PrestaShop est une méthode consistant à séparer de manbière claire et précise les différentes thématiques de votre site.

Cela n'a d'intérêt que si vous disposez d'une grande diversité entre vos catégories (ex. produits alimentaires, chaussures, téléphonie, ..). C'est ce que l'on retrouve chez les gros sites tels que Amazon, Rue du Commerce, Cdiscount, Rakuten et bien d'autres.

Le maillage interne mixé avec l'architecture en silo sur PrestaShop va permettre de cloisonner vos différents segments en travaillant le contenu de manière très ciblée sur un même sujet.

Dans ce cas précis, on parle de l'architecture du site internet en silo et du maillage interne. Tout cela donne naissance au cocon sémantique un concept français créé par Laurent Bourelly consultant en référencement.

Cocon sémantique

Il peut être présenté de la manière suivante :

Vous l'aurez compris, cette manière de créer son site dans le but d'améliorer votre stratégie de référencement naturel est adapté pour des clients qui veulent aller encore plus loin.

Toutes les pages et tous les liens d’un cocon sémantique sur PrestaShop sont pensés pour gagner en visibilité, tout en apportant les réponses aux visiteurs attirés par la thématique choisie.