Archives quotidiennes : 8 septembre 2023

Une Boutique Prestashop Rapide

Comment améliorer la vitesse de chargement de sa boutique en ligne Prestashop ? Voici quelques pistes à suivre !

Prestashop 1.6 / 1.7 – Avoir une boutique rapide

Nous en parlons souvent, le temps de chargement de votre boutique en ligne Prestashop doit mettre moins de 3 secondes à s’afficher sinon vous risquez de perdre des clients. Il faut également préciser que la rapidité d’affichage d’un site internet est important pour le positionnement dans Google.

Les boutiques en ligne actuelles utilisent trop de ressources

Dans le passé nous avons tout des connexions lentes et les sites étaient beaucoup plus légers, aujourd’hui avec l’ADSL et la fibre, les sites internet consomment plus de ressources, échangent plus de données et utilisent un maximum la bande passante.

Lorsqu’un client nous contact, nous avons 9 fois sur 10 la question « je ne comprends pas pourquoi ma boutique Prestashop met du temps à s’afficher ».  Dans la plupart des cas le problème vient de l’hébergement ou des modules Prestashop installés, dans la plupart des cas c’est vrai mais il y a d’autres piste à surveiller !

Vous devez vous poser la question  « De quoi ai-je besoin sur ma boutique Prestashop ? »

Oublier les thèmes « gadget » avec plein d’effets et de modules inutiles qui ralentissent le chargement de vos pages. 99% des cas les thèmes ne sont pas optimisés pour le référencement que ce soit au niveau de la vitesse d’affichage et du code. Notre agence web à Reims optimisera votre site pour afficher un temps de chargement de moins de 3 secondes et un code propre et épuré pour garantir les meilleures performances possible en SEO.

Vous pouvez contrôler les ressources utilisées en faisant un simple clic droit > Inspecter > Network

Comment réduire le temps de chargement de ma boutique Prestashop ?

Premièrement vous devez tester votre site sur Pagespeed Insights.

1. Désactivez le cache natif de Prestashop et utiliser un module de cache sur la plateforme Prestashop permettant plus de liberté et de réglage.
2. Utilisez des serveurs de médias et CDN
3. Activez la compression
4. Désactiver et supprimer tous les modules inutiles.
5. Désactiver les statistiques et activer Google Analytics sur votre boutique
6. Convertissez toutes vos images au format Webp
7. Supprimez le slider en page d’accueil, utilisez une simple image
8. Utilisez les pages AMP pour votre site mobile

Optimisez Ses Meta Description Pour Un Maximum De Clics

Comment optimiser les méta-description pour Google et inciter au clic/ Nous vous dévoilons quelques conseils et une petite astuce en fin d’article.

Comment optimiser une meta description pour le SEO

En voyant le nombre de meta description pas travaillées sur Google, nous avons décidés de rédiger un petit article pour vous donner les meilleurs conseils avec une petite astuce en fin de page.

Qu’est ce qu’une meta description ?

La meta description caractérise le contenu de votre page web. Lorsque vous effectuer une recherche sur votre moteur de recherche favori (Google), vous verrez apparaître trois choses importantes : 

1. Le titre de la page
2. L’URL de la page
3. La meta description de la page

Pourquoi est-il important d’optimiser la meta description ?

Google disait en 2009 que l’intégralité du contenu des balises meta description n’impactait pas son algorithme dans le positionnement de ses résultats. Ce qui signifie que même si votre meta description n’est pas optimisé, ce n’était pas si grave que cela. Mais car il y à un mais !

Si vous ne connaissez pas encore,les balises HTML

Pourquoi l’optimiser si cela n’influence pas pour son positionnement ?

Vous devez garder en tête que le taux de clic fait partie de l’algorithme de Google donc du processus de placement dans les résultats (SERPs), si votre meta description attire l’oeil de l’internaute avec une description cohérente et incitative au clic vous aurez plus de chance de transformer l’internaute en visiteur.

Ce qui se traduit par : plus les internautes cliquent sur vos résultats de recherche dans Google, mieux votre page sera visible des internautes ! Inciter au clic pour atteindre la première page.

Notre agence web à Reims recommande fortement d’insérer le mot clef principal du sujet dans la méta description.

Écrire une meta description parfaite pour le SEO et l’utilisateur

Comme son nom l’indique, vous devez rédiger en quelque mots le contenu de votre article de presse, votre produit, … pour que l’internaute puisse comprendre au mieux le sujet de la page. Car en effet si le lecteur en cliquant sur votre résultat ne trouve pas le contenu décrit dans la meta description, il y a de forte chance qu’il quitte le site rapidement et ceci impactera négativement votre référencement naturel (SEO).

Votre description ne doit pas être trop longue (environ 150 caractères maximum). Si votre meta dépasse les 160 caractères, Google va tronquer votre résultat et afficher « … » juste après.

Elle ne doit pas être trop courte non plus, profitez au maximum de l’espace disponible pour afficher les informations importantes pour le lecteur et l’inciter au clic.

Atetntion toutefois à ne pas dupliquer vos méta-description, si vous le faîtes vous vous exposez à une pénalité de la part de Google ce qui impactera négativement votre SEO.

Astuce meta-description

Utilisez des verbes tournés vers l’action en début de phrase tel que découvrez, trouvez, … poser une problématique et répondez-y dans votre page, …

La petite astuce de Reims-digital est d’utiliser des symboles tel que :  ❤️, ☆ pour attirer l’oeil de l’internaute.

Définir Un Favicon À Afficher Dans Les Résultats De Recherche De Google

Comment définir un favicon pour ma boutique Prestashop et comment le faire apparaître dans les résultats de recherche Google ? 

Qu’est ce qu’un favicon ?

Le favicon est une icône représentant votre site internet qui se situe en haut à gauche de l’URL dans votre navigateur.

Cette image mesure généralement 16 x16 ou 32 x 32 pixels.

Comment insérer un favicon dans ma boutique Prestashop 1.7 ?

Connectez-vous à votre back-office Prestashop

Menu Apparence > Thème et Logo > Favicons

Pour transformer votre favicon vous pouvez utiliser le site https://addons.prestashop.com/fr/create-favicon.php?pab=1.

Il est important de modifier le favicon de base ou d’en ajouter un car il permet de rassurer le client tout au long de sa navigation mais il représente également l’image de votre boutique.

Attirer l’œil avec un favicon dans les SERPs Google

Pour inciter au clic, il est important d’intégrer un favicon visible qui incite l’oeil de l’internaute à s’arrêter sur le résultat de sa recherche. Vous n’avez pas d’idée pour votre favicon, vous pouvez vous aider du site https://www.favicon.cc/ pour générer votre favicon.

Pour que votre favicon puisse s’afficher dans les résultats de recherche de Google, insérez la balise <link> à l’en-tête de votre page d’accueil (fichier header.tpl).

<link rel= »shortcut icon » href= »/chemin/du/favicon.ico »>

Vous pouvez à tout moment en savoir plus sur le site support de Google.

Comment Trouver La Cause D’un Bug Sur Prestashop ?

Découvrez quelques une de nos techniques pour repérer la cause d’un bug sur votre site e-commerce Prestashop. Vous avez certainement déjà rencontré un bug ou plusieurs sur votre site Prestashop tel qu’une page blanche, des lenteurs du back-office et front-office, des colonnes qui disparaissent. La première étape consiste à repérer la cause pour les corriger au plus vite.

Activer l’affichage des bugs et erreurs Prestashop

Commencez par télécharger le logiciel WinSCP pour naviguer dans les fichiers de votre site internet, puis rechercher le dossier config et ouvrez le fichier confing.inc.php.

Remplacer les lignes du fichier :@ini_set(‘display_errors’, ‘off’);
define(‘_PS_DEBUG_SQL_’, false);

Par les lignes suivantes :@ini_set(‘display_errors’, ‘on’);
define(‘_PS_DEBUG_SQL_’, true);
error_reporting(E_ALL | E_STRICT);

Enregistrez votre fichier et actualiser votre page qui pose problème. Un ou plusieurs messages d’erreurs vont apparaître vous précisant exactement le problème. N’hésitez pas à nous contacter par notre formulaire de contact ou par le biais de commentaire avec les problèmes rencontrés sur vos sites e-commerce.

Notre agence web se fera un plaisir de vous aider dans la correction de bug de votre site Prestashop.

Une fois le problème résolu, remettez votre fichier comme à l’origine !

Erreur de template / thème ou des modules utilisés ?

Pour déterminer si le bug provient de votre thème ou d’un module installé, commencer par activer le thème par défaut qui est exempt de bug et rafraîchissez la page qui bug. Si le problème est toujours présent alors ce n’est pas votre thème qui en est la cause.

Pour contrôler si le problème vient d’un module installé sur votre site, désactivez les un à un et rafraîchissez la page à chaque fois. Commencez toujours par les modules que vous avez installé en dernier. Si votre bug Prestashop est disparu cela signifie qu’il est provoqué par un module activé sur votre boutique.

Pour conclure

Une fois la cause repéré, vous pouvez le corriger vous-même. Si vous rencontrez des difficultés pour résoudre le bug de votre site internet vous pouvez contacter notre agence web à Reims en nous fournissant les accès FTP et back-office de votre site Prestashop.

Problème De Référence Unique Déclinaison Prestashop Pour Import

Comment importer des milliers de déclinaisons dont certaines ont les mêmes références sous Prestashop 1.6 et 1.7 ? Une solution toute simple à appliquer.

Vous devez importer une liste de déclinaisons de produits avec des milliers de références et certaines possèdent la même référence ? Le problème lors de l’import de déclinaisons sous Prestashop vous devez avoir uniquement des références déclinaisons uniques. Comment corriger ce problème ?

PROBLÈME IMPORT DÉCLINAISONS PRESTASHOP 

Nous avons rencontrés ce problème avec la boutique www.papi-turbo.fr qui avaient plus de 20 000 déclinaisons sur une même fiche produit (exemple filtre à air bmc) et certaines déclinaisons possédaient la même référence ce qui risque de poser problème pendant l’import de Prestashop.

La solution pour pouvoir importer des déclinaisons avec la même référence est toute simple.

Rendez-vous dans /controllers/admin et ouvrez le fichier AdminImportController.php

Cherchez la ligne : // if a reference is specified for this product, get the associate id_product_attribute to UPDATE

Commentez jusqu’à la ligne : // if no attribute reference is specified, creates a new one

Pour commenter vous devez insérer deux // devant chaque ligne.

Un problème pour importer des produits ou des déclinaisons sous Prestashop, contacter notre agence web à Reims pour plus d’informations.

VOTRE PRESTASHOP NE TOURNE PAS ROND ?

Votre site internet ou votre boutique en ligne ne tourne pas rond, vos visiteurs se plaignent de lenteurs, pages blanches, erreurs 500, … 

Beaucoup de commerçants se pose la question : pourquoi ma boutique met autant temps à se charger ?

Comment optimiser les performances et rendre votre boutique Prestashop beaucoup plus rapide ?

La vitesse de chargement des pages de votre site internet est un point important pour votre référencement et pour vos visiteurs, plus votre site est lent moins bien sera votre référencement et plus vous aurez d’abandon de panier. Il est donc extrêmement important d’optimiser et de rendre votre boutique Prestashop le plus rapide possible avec un hébergement de qualité (serveur dédié configuré par nos soins), un thème de qualité avec un code source optimisé et plus encore ! 

L’un des points les plus important c’est le choix de l’hébergement, oubliez les hébergements à 5 euros, prenez un serveur dédié en France ! Chez Reims-digital nous vous proposons un service d’hébergement sur-mesure selon votre nombre de visites par jour et selon vos besoins. Nous optimiserons votre serveur pour avoir le meilleur taux de réponse possible avec une large bande passante.

Avez vous activer le cache et optimiser vos fichier CSS, HTML et JS ?

Optimiser vos fichiers est tout aussi important, ceci permet de réduire le poids des fichiers et d’afficher votre site internet plus rapidement, pour activer la compression sur votre boutique Prestashop, rendez vous dans votre back-office > Paramètre avancés > Performances et activer la compression et la compilation de tous vos fichiers HTML, CSS et Javascripts. 

Et les modules Prestashop dans tout cela ?

Si votre Prestashop rencontre un problème vous pouvez commencer par désactiver un à un les modules de votre shop Prestashop pour voir celui qui pose un problème.

Vous pouvez aller plus loin en aussi activant le mode développeur qui permet d’interroger le temps de réponse des hooks, des modules afin de découvrir ce qui coince.

Ils existent de nombreux modules qui améliorent la rapidité de votre boutique sur la plateforme addons de Prestashop, chez Reims-digital c’est inclus ! Lorsque nous réalisons un site web Prestashop tout est inclus, nul besoin de retourner plus tard acheter des modules et avoir le risque de rencontrer des bugs.

COMMENT CONCEVOIR UNE BONNE PAGE CATÉGORIE ?

Une page catégorie ne doit pas uniquement comporter deux mots et trois produits, voici quelques conseils pour optimiser et concevoir efficacement vos pages catégories sur votre site e-commerce Prestashop

Optimiser les pages catégories

Les pages catégories ne sont pas à négliger, elles sont toutes aussi importantes que les pages produits. Les pages catégories sont les pages intermédiaires entre la page d’accueil du site et les pages produits. Par conséquent elles sont indispensable pour fluidifier la navigation sur votre boutique en ligne et orienter l’internaute vers le produit recherché.

Son objectif premier est d’orienter le visiteur vers le produit désiré mais aussi de se positionner sur des mots clefs de longue traîne sur le moteur de recherche Google.

Qu’est ce que la longue traîne en référencement ?

La longue traîne est constituée de mots et de synonymes peu recherchés par les internautes pour faciliter une bonne position dans les moteurs de recherche tel que Google.

Les pages catégories de votre site jouent un rôle important dans l’expérience utilisateur. Elles servent principalement à structurer vos produits. 

Rédiger une page catégorie

Une bonne page catégorie doit comporter au minimum une description de 300 mots, une balise H1 et des balises H2 voir H3, le listing de vos produits ainsi qu’une description en bas de la page pour enrichir le contenu de votre page.

Si votre page catégorie contient beaucoup de produits vous pouvez filtrer vos résultats par marque, prix, taille, couleur, … ainsi que des sous catégories si-besoins. Filtrez vos produit à l’aide de la navigation à facette de Prestashop ! 

Pensez aussi à bien renseigner les balises meta-title et meta-description ainsi qu’une URL courte avec les mots clés importants ! 

Mots clés et champs sémantique

Les mots clés du champs sémantique sont les mots clés se rapprochant au maximum de la thématique de votre page catégorie, par exemple si vous vendez des appareils photos, les termes faisant partie du même champ sémantique sont :

• Zoom
• Reflex
• Video
• Compact
• Objectif fixe
• Numérique

Liens internes pour une stratégie gagnante

Optimiser la navigation au sein de vos catégories de produits en y insérant des liens internes sur la même thématique. Proposez des liens pointant sur votre blog !

Pour résumer, vous devez rédiger des pages catégories avec au minimum 300 mots, de jolies photos prises par vos soins (Google préfère les photos uniques), une navigation à facette si il y a beaucoup de produits, une description en bas de la page pour enrichir le contenu sémantique. N’oubliez pas les balises Hn pour structurer votre page.

COMMENT INSTALLER UN MODULE PRESTASHOP ?

2 méthodes pour installer un module Prestashop : back-office ou FTP.

Installer un module Prestashop

Un module permet d’ajouter des fonctionnalités à votre boutique Prestashop. Si vous avez besoin d’un module sur-mesure n’hésitez pas à contacter notre agence web à Reims. Vous pouvez également vous rendre sur le store de Prestashop pour acheter votre module mais attention à votre version de Prestashop et aux nombreux modules « défaillants ».

Première méthode pour installer un module Prestashop

Téléchargez votre module Prestashop, passer à l’installation de celui-ci dans le back-office de votre boutique Prestashop en vous rendant dans le menu de gauche : Personnaliser > Modules > Module Manager (Prestashop 1.7) puis cliquer sur installer un module (sous Prestashop 1.6 la méthode est similaire).

Choisissez votre module en naviguant jusqu’à l’emplacement du module que vous venez d’acquérir.

Une fois le module téléchargé un message sur fond vert confirme le succès de l’installation.

Seconde méthode pour installer un module via FTP

Si la première méthode échoue pour une raison ou pour une autre, c’est cette méthode que vous devez appliquer.

Téléchargez votre module Prestashop

Extraire le fichier

Transférer manuellement le module vers votre hébergement via FTP (WinSCP est très bien par exemple) dans le sous-dossier « modules »

Pour terminer, connectez-vous au back-office de votre boutique Prestashop et répétez l’ensemble des étapes de la première méthode en recherchant le module non installé puis cliquez sur « installer » et le tour est joué !

Un problème avec l’installation d’un module Prestashop ?

Contactez-notre agence web Reims-digital pour résoudre votre problème.