Accueil Fil arianne Prestashop

Optimisations PRESTASHOP : comment supprimer le H1 sur le logo ?

Optimisations PRESTASHOP : comment supprimer le H1 sur le logo ?

Pensez-vous que les liens des réseaux sociaux aient un impact dans les SERPs ?

Loading ... Loading ...

Je donne mon avis !

 
Roger Benedict COLY 20 février 2011 12 Commentaires

Prestashop est un excellent CMS pour boutiques en ligne c’est certain. De tous, il reste mon favoris. Toutefois, vous n’êtes pas sans savoir que nativement, prestashop n’est pas optimisé pour le référencement. Pour un référenceur, il reste quand même pas mal de choses à améliorer. Cela demande parfois 2 secondes de modification. Il ne faut pas non plus trop en demander à l’équipe Prestashop qui se démène pour mettre à notre disposition un outil fantastique et ce gratuitement.

Le cas que je vais évoquer est vraiment révélateur. Beaucoup de webmasters posent la question sur les forums sans jamais avoir une réponse simple, claire; concise et précise. Il s’agit de la balise H1 qui entoure le logo dans le “header” des sites prestashop.

Pour rappel, Les balises Hx (H1, H2, H3, H4, H5 et H6) servent à hiérarchiser le contenu de manière logique et  au niveau sémantique à accorder plus ou moins d’importance aux éléments qui constituent une page. L’utilisation des balises Hx répond bien à une logique que vous pourrez comprendre en désactivant votre feuille de style via votre navigateur.

Mettre le logo en H1, est-ce une bonne chose ?

Sémantiquement, un H1 sert un spécifier un titre de premier niveau.  Et une image sert à illustrer un article ! A chaque chose sa fonction. Il n’y donc pas d’intérêt à mettre une balise h1 autour d’une image. Rien ne le justifie. Et si sa présence ici est une réponse aux sirènes de la sur-optimisation du contenu de votre site, n’y répondez pas !

Les balises Hx servent à hiérarchiser le contenu par ordre d’importance.  Google n’a jamais vraiment donné un avis tranché sur la question. Mais le référencement, c’est aussi une affaire de bon sens. Lisez cet article et faîtes-vous une opinion personnelle : Une ou plusieurs balises H1 par page ?

Comment supprimer le H1 sur le logo de PRESTASHOP ?

Il s’agit ici d’apporter une petite modification au template de base. Une affaire de balise HTML et CSS. Mon avis est très simple. On peut passer des jours et des nuits à discuter sur la pertinences d’une telle structure du code HTML, sur le poids des balise Hx, la pondération de ces balises par rapport au reste du contenu. Mais, ce qui est sûre c’est qu’il semble que la structure actuelle prestashop gêne certains et ces derniers veulent des solutions.

Alors ma solution est la suivante et elle est assez simple (suivez les étapes) :

Avant toute chose, sauvegardez les fichiers de votre template :

  1. header.tpl
  2. global.css
  3. product.tpl

Ensuite :
Dans header.tpl, remplacez  h1 id=“logo” doit être remplacée par div id=“logo” ou un autre nom que vous aurez choisi de lui donner.

Dans global.css, remplacez h1#logo par #logo {propriétés de la DIV }

Prenez soin de régler les propriétés “WIDTH” et “HEIGHT” selon la configuration de votre site (sinon votre “header” risque de partir dans tous les sens). A priori si vous ne changez rien d’autre, il n’y aura aucun problème).

Remplacer le h2 des pages produits par un H1

Allez dans le fichier “product.tpl” du template de votre site et à la place de : H2 mettez un H1 (ce sera le titre de vos pages produits)

Recherchez dans le fichier global.css H2 {” et remplacez-le par H1

H1 ayant pris les propriétés de H2, il faudra définir des propriétés pour “H2” selon vos goûts:
Exemple :

h2 {
background:url(”../img/xxxx.gif”) no-repeat left top;
color:#couleur-des-h2;
font-size: xxxpx;
font-weight:bold or normal;
text-transform:uppercase or not;
}

En général, il ne s’agira de modifier que le “font-size” et le “font-weight“.

En ce qui concerne les autres balises Hx, à vous d’organiser votre contenu selon que vous donnez de l’importance à tel ou tel autre élément.

Par exemple :

  • h2 : pour les titres des produits similaires;
  • h3 pour les les titres des nouveaux produits et Meilleures ventes;
  • h4 pour les produits déjà vus ;
  • etc.

Ces Articles pourraient vous intéresser :

Article publié dans la catégorie : Categorie du billet Prestashop

Recevez les prochains articles dans votre boîte mail

ChargementChargement


 

1 Rétrolien

  1. Une ou plusieurs balises H1 par page ?

11 commentaires pour le billet : “Optimisations PRESTASHOP : comment supprimer le H1 sur le logo ?”

  1.  

    A noter que à l’origine la balise alt des images n’est pas renseignées et il y avait à la place l’attribut title ! changer tout simplement le title en alt permet de mieux référencer ses images.

  2.  

    Hallucinant ce H1 sur le logo… J’imagine que vous n’ignorez pas que Google prend le alt de l’image en h1 à la place.. ça reste bidon à mon sens.. Tout à fait d’accord avec votre opti’.

  3.  

    Le H1 sur le logo est une grosse aberration. Mais comme je l’ai dit sur le forum de presta, ils doivent avoir beaucoup de boulot les dev. On leur dit merci poue ce qu’ils ont réussi à produire et pour les mises à joue régulières. Mais à y regarder de plus près, toute l’utilisation des balises Hx est à revoir dans prestashop.

  4.  

    D’accord avec vous, mais la partie back-end (développeurs) est top, rien à dire, surtout depuis la 1.4 (API).

    Cependant, côté front-end (themes Prestashop) il y a un large marché. Dommage qu’il y ait peu de themes de qualité. Vous connaissez 2link. Encore merci pour le lien, je vous en met un immédiatement en retour sur ma page d’accueil.

  5.  

    Cool, apporter de l’optimisation à Prestashop !

  6.  

    Un grand merci j’obtiens enfin une réponse a l’une des questions que j’ai tant posé au sein des communautés prestashop officiel ou encore sur ps france.

  7.  

    Ah parfois je rêve d’un CMS construit par des référenceurs où tout serait pensé pour que le site entre en harmonie naturelle avec Google… Mais tout cela n’est que rêveries et autres billevesées

  8.  

    merci pour cet info par contre il y aplus de balise H1 en page d’accueil c’est pas grave??

  9.  

    C’est tout un débat. Puisque la balise H1 du logo a été supprimée, il faudra la remplacer par une autre. Par exemple sur le titre des produits phares ou produits en promotion. C’est un excellent compromis sur un site prestashop.

  10.  

    Sujet maintes et maintes fois soulevé sur le forum PS..Merci pour l’info ! Comme Redux, j’ai cherché aussi comment faire. N’étant pas une technicienne, je sais que j’ai demandé à plusieurs designers/dev une soluce mais sans succès. Pour me rendre compte que c’est finalement à ma portée ^^

  11.  

    Ouf, j’ai enfin réussi à modifier ces satanées balises.
    Merci pour les infos, pour ma part, j’ai juste retiré la balise H1 sur le logo et passé les Titres articles dessus ce qui me parait déjà pas trop mal.

    J’ai bon docteur??

    Encore merci