Lien morts Prestashop

La chasse aux liens morts sur votre Prestashop (ép. 48)

Est-ce que votre boutique Prestashop est sale et mal entretenue ? A première vue vous pensez que tout va bien, mais il serait préférable de faire un scanner global pour vérifier la validité de l’ensemble de vos liens.

Google vous évalue sur la « saineté » de vos liens

En fait c’est assez facile à comprendre… quand vous êtes un utilisateur et que vous naviguez sur un site web, quoi de plus frustrant qu’un lien mort qui ne renvoie pas à la page là où vous vouliez vous rendre. C’est un peu comme une route coupée… impossible d’aller plus loin… Et bien Google tient compte de ce critère pour évaluer votre boutique Prestashop… Un site qui a beaucoup de liens morts envoie clairement un mauvais signal à Google.

Eviter la frustration chez vos acheteurs

A force de toujours naviguer sur son propre shop, il y a parfois des emplacements sur lesquels on ne clique jamais… Et pourtant, le nouveau 1er visiteur venu, clique sur votre menu par exemple et « ho mince »… le lien vers le formulaire de contact est mort. Combien de fois j’ai vu ce genre de cas de figure, zut on a oublié de changer le lien… Ah ouiiiii on avait modifié le lien pour le français, mais pas pour l’anglais… Résultat des courses, ces liens tuent l’expérience client, mais vous ne le savez pas…

Les liens morts ralentissent votre Prestashop

Comment c’est possible ? Et bien le pire ce sont les liens morts qui se situent au niveau du chargement des ressources du site. Par exemple des liens obsolètes vers des fichiers « CSS », « JS » ou « JPG/PNG » vont freiner le chargement du navigateur. Et oui, celui-ci va essayer de multiples tentatives pour télécharger le fichier, mais ne le trouvera pas (pour différentes raisons)… Votre shop peut perdre des précieuses millisecondes au chargement juste à cause de ça… En même temps c’est normal, on ne passe pas forcément ses journées à regarder le code source de Prestashop pour voir si tout va bien.

Xenu le logiciel qui repère les liens morts

On a vraiment de la chance le web nous offre pleins d’outils gratuits, c’est le cas par exemple avec Xenu qui permet de scanner l’ensemble des liens de votre shop et vous dira avec exactitude le nombre de liens morts rencontrés. La durée du scan dépendra du volume de pages que vous avez… d’ailleurs dans le tutoriel, on voit le nombre de pages analysées sur un shop de base standard c’est juste hallucinant. Cet outil à l’avantage d’être 100% gratuit et est utilisé par beaucoup de référenceurs professionnels (profitez de cette opportunité).

La paranoïa des erreurs 404

Certains clients ont cette peur permanente d’avoir des liens morts (en mode Jul dans ma paranoïa) et veulent absolument « TOUT » corriger « TOUT » surveiller. Mon conseil est plutôt de capitaliser l’effort, c’est-à-dire que par exemple vous notez dans votre agenda de faire chaque 6 mois un scan de votre boutique Prestashop et vous corrigez toutes les erreurs en 1 fois (sinon vous risquez de perdre du temps). Ce n’est pas parce que Google voit un lien mort sur votre shop que vous êtes un mauvais site, il faut juste réduire cette masse critique au maximum.

Pour ce tutoriel Prestashop vous avez à disposition :

  • 1 x le logiciel Xenu (pour analyser vos liens)

Télécharger

Résumé de la vidéo : Les liens morts sur Prestashop c’est jamais bon… mais Xenu arrive à la rescousse

  • Pour commencer on installe le logiciel Xenu.
  • Ensuite, on va créer 2 liens morts, l’un dans une fiche produit et l’autre dans le code source de Prestashop en simulant un exemple de faux fichier CSS… Le but étant de visualiser ensuite ces 2 liens dans Xenu.
  • On lance l’analyse avec Xenu et on regarde les résultats du rapport, en visualisant l’ensemble des liens cassés.
  • Il faut ensuite rediriger les liens qui pointent en 404 avec une redirection 301, pour cela on peut ajouter des règles dans le fichier « .htaccess ».
  • Quand ce sont des fichiers « ressources » qui manquent, qui ne sont pas de votre propre volonté il faut identifier quel module / zone du thème, génère des liens vers le(s) fichier(s) ressource(s) absent(s)… Je montre comment le faire avec Netbeans, via une recherche massive dans le projet.

7 commentaires sur “La chasse aux liens morts sur votre Prestashop (ép. 48)”

  1. Bonjour Germain,

    Merci pour cette présentation de Xenu !
    Grâce à vous j’ai découvert quelques liens morts, et entre autres, des erreurs qui étaient liées à votre tuto sur les « Images CMS » ( Webbax – 08.04.17 – image CMS ).
    En effet, j’ai dû enlever le « / » juste avant « img/cms/… » dans le fichier \themes\classic\templates\cms\page.tpl

    (je ne sais pas si encore la ligne de code ci-dessus ne sera pas enlevée automatiquement à l’envoie de mon message)

    J’ai fait la même chose dans \themes\classic\modules\contactform\views\templates\widget\contactform.tpl

    Voilà, pour ceux qui ont aussi utilisé votre tuto pour avoir des images en haut des pages CMS, ma proposition, qui semble convenir.

    Cordialement,
    Eric

    1. Bonjour,

      Très bonne remarque et tant mieux si Xenu a pu détecter les liens morts sur votre boutique Prestashop. Bonne suite d’optimisations…

      A bientôt !

  2. Bonjour,

    Je ne trouve pas d’explication ou de solution sur le WEB à mes dernières erreurs (not found)

    data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7
    ...
    data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='
    data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='
    data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='
    data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='
    data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='
    data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E
    data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E
    ...
    data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=
    

    Peut-être quelqu’un a t’il rencontré le même problème…, et a-t-il trouvé la solution ?

    Cordialement,
    Eric

    1. Bonjour,

      Eventuellement il faudrait prendre le dossier Prestashop complet en local et faire une recherche sur la chaîne de caractères dans tous les fichiers (on peut le faire avec Netbeans par exemple ou d’autres éditeurs). Histoire de voir où se trouve le code concerné et peut-être qu’il n’est pas indispensable & retirable.

      A bientôt !

      1. Bonsoir,

        Oui, vous en avez parlé de faire un test en « localhost », si certaines erreurs étaient difficiles à trouver.
        Mais j’attendais de finir au maximum les projets que j’ai en cours pour améliorer mon site – avec des idées qui s’additionnent 😉 – et suivre votre suggestion.

        J’utilise déjà Netbeans en local, et Notepad++ pour travailler online, tout les deux très pratiques. J’avoue même ne plus trop utiliser FileZilla, sauf pour mes mises en place sur serveur distant, et les backups de sites bien sûr.

        Merci encore et bon week-end

        Cordialement,
        Eric

    1. Bonjour,

      Très bonne suggestion… Je ne savais pas qu’un outil similaire pour checker les liens existait sous MAC, c’est TOP !

      A bientôt !

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *