Jump to content

Fonctionnement de la balise H1


Recommended Posts

Bonjour,

Je cherche a comprendre comment fonctionne cette balise écrite comme elle l'est dans le fichier header.tpl :




Dans ce code j'y retrouve la balise title de la page, celle associé a l'image du logo (ALT) ...

Mais la H1 semble être identique sur l'ensemble de la boutique ?

Pouvez vous svp Messieurs les experts SEO m'eclaircir sur ce point svp ? :)

Merci.

Cordialement, Thierry

Link to comment
Share on other sites

Mais la H1 semble être identique sur l'ensemble de la boutique ?


Salut,

Peux tu me rappeler ce qui te dérange dans cette balise ???

Car que je sache, il n'y a pas d'autre méthode pour faire une balise H1, ou c'esst peut être qu'elle te dérange parceque c'est toujours le logo qui est en h1 ???

Tu peux très bien remplacer le h1 par un p si tu veux, cela ne changera pas grand chose.

Après la hiérarchisation de tes données est importante et on peut considérer que le nom de ta boutique est primordiale pour ton image de marque.
Link to comment
Share on other sites

Mais la H1 semble être identique sur l'ensemble de la boutique ?


Salut,

Peux tu me rappeler ce qui te dérange dans cette balise ???


Hello,

c'est le titre principal de la page qu'il faut baliser en H1 et non pas celui du site logiquement non ?

et puis h1 sert un spécifier un titre du premier niveau d'une page, pas une image ...
Link to comment
Share on other sites

hahahaaaaaaaaaaaaaaaaaaaaaaaaa lalalaalllalaaaaaaaaaaaaa thierry !!!!

je ne pensez pas que tu nous bannané comme cela !!!!

h1 c'est une balise de style html , c'est de la mise en forme de texte, rien a voir avec du SEO !!!!


Première nouvelle tiens...

Mise en forme de texte en effet mais c'est aussi pris en compte dans le référencement d'un site :

http://www.keeg.fr/2009/05/05/dossier-seo-google-les-balises-html-au-crible/

* Les balises HTML



Les débutants laissent souvent de coté ces balises.

et ses amies sont pourtant d’une importance certaine. Il s’agit pour le référencement de mettre en avant pour Google des titres ou sous titres. N’en abusez pas, mais utilisez les à bon escient en réfléchissant bien au contenu textuel de ces balises (texte et mots clés).

Link to comment
Share on other sites

Je reformule peut être ma question :


quel est l'intérêt de cette balise h1 placé sur l id logo dans le sens ou elle est identique a toutes les pages ?

Je parle vraiment d'un point de vu référencement pas sur l'esthétique ...

La balise H2 est quand a elle bien mieux utilisé a ce niveau.

apres H3 et H4 j'ai la aussi des doutes mais la question se porte sur la H1 dans ce sujet :)

Link to comment
Share on other sites

Une fois que j'aurai solutionner la question pourquoi pas ;)

La ou elle est placé, cette H1 , elle ne sert pas a grand chose ça c'est un fait...

lu sur un forum :

Une balise

sur le logo, c'est généralement un dév. HTML qui se plie à une mauvaise organisation de l'information (pas de titre) au sein des différents templates qu'il a à réaliser et qui ajoute un

identiquement placé sur toutes les pages pour en avoir au moins un.



Maintenant la question reste entière, ou la placer pour bien faire... ?

Je pense à la place de la H2 et du coup ou placer la H2 ...

19514_u7JqTHf6DVVxnFZXplUX_t

Link to comment
Share on other sites

PS : ne pas confondre la balise title avec la balise H1 :


* La balises Title

Inclure les mots-clés si possible en début de titre suivi de la marque, pour les activités ou la mise en avant de la marque favorisera le click de l'internaute, il convient de préciser en premier la marque suivi des mots-clés.

* La balise H1

Les balises de titre H1 présentent une importance pour hiérarchiser l'information, elles sont surtout utiles pour l'utilisateur et prise en compte par les moteurs. Mais il y a d'autres points plus important à travailler en premier pour optimiser une page.
Link to comment
Share on other sites

Je suis pas spécialiste, mais il me semble quand meme que la logique voudrait que chaque page ai un H1 différent (qui peut etre le sujet d'une page info, le nom de la catégorie dans une page rayon, le nom de l'article dans une page produit) et en dessous un H2 qui doit être les sous-titre genre "description courte" "description longue" etc ...

D'ailleurs tant qu'on y est les titres des blocs en H4 ne sont pas très logiques non plus puisqu'il sont placés en amont du H1 dans le code généré.

Merci d'éclaircir car ça me parait quand meme un sujet primordial en SEO ??

Link to comment
Share on other sites

Bonjour

Pour répondre à la question de manière générale : perso il n'est pas rare que... je vire la balise H1 :-)

Les balises Hx servent d'abord à hiérarchiser le contenu de manière logique et à organiser ce dernier au niveau sémantique. Les moteurs leur attribuent de l'importance (ce qui est logique) pour la pondération des contenus texte, mais il ne faut pas faire une fixette sur la balise H1 particulièrement.

Personnellement je préfère des balises H2/H3 bien hiérarchisées sans balise H1, qu'une floppée de balises H1 qui pourront être rapidement considérées comme suspectes par les moteurs.

L'une des problématiques dans Prestashop est que les listes de produits utilisent des H3 ; quand vous affichez des produits très similaires au niveau du nom, ça peut vite mener à une suroptimisation de la page de catégorie... (forcément : titre de catégorie dans H2, plus 10 balises H3 contenant elles aussi des mots en relation directe avec la catégorie, ça fait beaucoup !)

Donc OUI à l'utilisation des balises Hx, mais avec logique et parcimonie :)

Link to comment
Share on other sites

  • 2 weeks later...

Bonjour

Il y a deux choses à faire :
1°) modifier le fichier header.tpl (vous pouvez simplement virer la balise H1 et la remplacer par une balise span : je ne vois pas l'intérêt de placer là cette balise surtout sur un lien image !) :





2°) modifier le fichier global.css comme suit (ligne 192) :

span#logo {
   float:left;
   margin-top:0.5em;
   width:29%;
}




Personnellement sur mes sites, lorsque le logo (graphique) reprend du texte, je préfère placer l'image en background puis indenter le texte en marge négative (attention au mode d'affichage pour que ça fonctionne !) : les avantages ?
- le texte est pris en compte par les moteurs de recherche
- l'accessibilité !

Vous pouvez voir un exemple sur Mastermateriel (lien dans ma signature).

Voilà :)

Link to comment
Share on other sites

Comme je le disais, la balise H1 n'a rien d'obligatoire...

Il faut structurer votre contenu avec les balises Hx de manière à le hiérarchiser (idéalement), mais il n'est pas rare de "commencer" à la H2. Personnellement je n'utilise la H1 que dans un cas : lorsqu'une page est "spécialisée" et que cette fameuse balise englobe donc le titre de la page !

Sur une page d'accueil de site e-commerce, cela n'a aucun intérêt particulier (c'est en tout cas comme ça que je le vois : d'autres référenceurs utilisent la H1 en multiples instances sur chaque page, je ne suis pas fan car il y a un risque - minime certes - de se voir pénalisé si on en fait trop... Et quand on fait ça sur un site basé sur une base de données comme un e-commerce, il est vain de vouloir contrôler le "contenu" de chaque titre et cela augmente d'autant le risque !)

Conclusion : elle n'est pas inutile, loin de là, mais je ne l'utilise (parfois) que sur les fiches produit et les pages catégorie :)

Link to comment
Share on other sites

  • 6 months later...
Bonjour

Il y a deux choses à faire :
1°) modifier le fichier header.tpl (vous pouvez simplement virer la balise H1 et la remplacer par une balise span : je ne vois pas l'intérêt de placer là cette balise surtout sur un lien image !) :




2°) modifier le fichier global.css comme suit (ligne 192) :

span#logo {
   float:left;
   margin-top:0.5em;
   width:29%;
}






Salut,
Je relance un peu le sujet!
Ne faut t'il pas remplacer dans product.tpl la balise h2 par h1 pour aller au bout de la démarche optimisation SEO et déclarer une h1 dans global.css (copie du h2 renommé par exemple)
Link to comment
Share on other sites



Salut,
Je relance un peu le sujet!
Ne faut t'il pas remplacer dans product.tpl la balise h2 par h1 pour aller au bout de la démarche optimisation SEO et déclarer une h1 dans global.css (copie du h2 renommé par exemple)


Exactement, c'est ce que je fait sur les thèmes que je réalise.
C'est bien plus pertinent qu'une balise inutile et identique dans le header. C'est contre productif d'un point de vue référencement.

D'ailleurs, pour aller plus loin, le fait de mettre dans les produits phares (ou autre) plusieurs fois le même lien vers la même page est lui aussi contreproductif. Il vaudrait mieux utiliser des ancres pour ne pas perdre de transmissions de jus voir même mieux, supprimer certains liens en trop comme celui sur la description.

Testé des milliers de fois par différents SEO (dont je fait partie), plusieurs liens envoyant vers une même pages, c'est le premier lien qui est pris en compte et non les suivants, pour cela, il faut ajouter une ancre de type lien.php#produits

Je vous invite d'ailleurs à lire l'excellent article de Sylvain à ce sujet : Ancres multiples et référencement
Link to comment
Share on other sites

Salut,
Merci tu me rassure. Par contre le sujet ne semble pas intéresser beaucoup de monde alors qu'a mon avis c'est le point numéro 1 à travailler sur une boutique avant le design ne dit on pas sans "visibilité point de salut"

Link to comment
Share on other sites

Salut,
Merci tu me rassure. Par contre le sujet ne semble pas intéresser beaucoup de monde alors qu'a mon avis c'est le point numéro 1 à travailler sur une boutique avant le design ne dit on pas sans "visibilité point de salut"


Bonjour,


Le sujet est, comme vous le précisez, très intéressant, mais je ne crois pas que cela n'intéresse personne, mais tout simplement qu'il existe de très bons sites sur le sujet et que le domaine du référencement est empirique, donc ce que vous allez raconter aujourd'hui par ce que vous l'avez testé et que cela fonctionne ne sera surement plus valide l'année prochaines comme tout ces pseudo référenceurs qui vous annonce une importance capitale du pagerank ou des keywords dans votre référencement pour être premier chez Google.

Il est très difficile d'être performant sur le référencement, sauf en ne faisant que cela pour plusieurs sites.

Donc souvent, si les référenceurs professionnels ne veulent pas intervenir, c'est qu'ils ne sont pas si nombreux que cela.
Link to comment
Share on other sites

Le référencement est un travail à part entière et comme le souligne jeckyl, il évolue sans cesse. Cela dit, la balise H1, ce n'est pas prêt de changer et c'est comme ca depuis des années, elle a une bonne importance dans les critères de l'algo des moteurs et il ne faut vraiment pas la négliger comme c'est le cas actuellement sur le design d'origine de prestashop.

Link to comment
Share on other sites



D'ailleurs, pour aller plus loin, le fait de mettre dans les produits phares (ou autre) plusieurs fois le même lien vers la même page est lui aussi contreproductif. Il vaudrait mieux utiliser des ancres pour ne pas perdre de transmissions de jus voir même mieux, supprimer certains liens en trop comme celui sur la description.

Testé des milliers de fois par différents SEO (dont je fait partie), plusieurs liens envoyant vers une même pages, c'est le premier lien qui est pris en compte et non les suivants, pour cela, il faut ajouter une ancre de type lien.php#produits

Je vous invite d'ailleurs à lire l'excellent article de Sylvain à ce sujet : Ancres multiples et référencement




J'avoue ne pas avoir tout saisi pourrais tu développer un peu avec un exemple peut être
Link to comment
Share on other sites

Bonjour,

Je me permets de m'immiscer dans votre passionnante discussion.

Pour moi, réalisant des sites depuis quelques années, que la balise
H1 soit placée sur le logo et identique sur toutes les pages est une
erreur ... grossière et dont la correction s'impose !

Bon courage
Alain_F

Link to comment
Share on other sites

Slt,
Ohé ohé sujet très pertinent que je relance.

Juste pour dire que je vais bientôt (encore quelques jours de taf) avoir la solution à vos maux :-)

Je suis en train de coder un framework css pour prestashop et je revois justement le balisage de prestashop qui n'est pas correct sur pas mal de points.

Donc d'ici peu je pense fournir à la communauté une structure thème de base innovante intégrant tout ça .

Au programme:
- Revue complète du balisage (blocs/modules) et corrections d'incohérences
- Revues complète du css (correction et allègement maximum) avec un séparation claire et réorganisation complète
- Mise en place d'un grid (j'ai choisi une variante de 960 s) mais il sera possible mettre bine autre choses
- etc....

Bref des surprise que je pense vous présenter d'ici la fin du mois avec l'ouverture d'un site dédié et sera pour les intéressés participatifs je pense une bonne base comme alternative au template d'origine (qui personnellement me déplait en pas mal de points).

Si y a des intéressés pour participer (tester) le projet n'hésitez pas mp ;-), je vais ouvrir le forum de dev d'ici peu.

@+++

Link to comment
Share on other sites

Slt,
Ohé ohé sujet très pertinent que je relance.

Juste pour dire que je vais bientôt (encore quelques jours de taf) avoir la solution à vos maux :-)

Je suis en train de coder un framework css pour prestashop et je revois justement le balisage de prestashop qui n'est pas correct sur pas mal de points.

Donc d'ici peu je pense fournir à la communauté une structure thème de base innovante intégrant tout ça .

Au programme:
- Revue complète du balisage (blocs/modules) et corrections d'incohérences
- Revues complète du css (correction et allègement maximum) avec un séparation claire et réorganisation complète
- Mise en place d'un grid (j'ai choisi une variante de 960 s) mais il sera possible mettre bine autre choses
- etc....

Bref des surprise que je pense vous présenter d'ici la fin du mois avec l'ouverture d'un site dédié et sera pour les intéressés participatifs je pense une bonne base comme alternative au template d'origine (qui personnellement me déplait en pas mal de points).

Si y a des intéressés pour participer (tester) le projet n'hésitez pas mp ;-), je vais ouvrir le forum de dev d'ici peu.

@+++


Salut,
J'attend la suite avec impatience.
Link to comment
Share on other sites

Je me permet de plusser car tous les référenceurs que j'ai consulté m'ont fait la même réflexion à ce sujet :

"Pour moi, réalisant des sites depuis quelques années, que la balise
H1 soit placée sur le logo et identique sur toutes les pages est une
erreur … grossière et dont la correction s’impose !"

Je ne comprend pas comment autant de temps à pu passer sans que Presta soit modifié de ce point de vue.

Vous êtes une équipe probablement formidable mais parfois vous n'écoutez absolument pas votre propre communauté quand elle pointe du doigt un point de ce type. C'est incompréhensible.

Link to comment
Share on other sites

Oui c'est VRAI que le fait de placer la balise H1 sur le logo qui mène vers la "home" ou autre et placer sur toute les pages ne doit pas être systématique, car de toute manière cela ne sert pas à grand-chose.

je répète : cela ne sert pas à grand-chose .

De là à parler d'erreur grossière et d'incriminer l'équipe de ne pas écoutez me semble quand même un tantinet exagéré.

Plusieurs tests ont été réalisés. J'en ai moi-même effectué un certain nombre sur un wordpress (blog préféré des référenceurs... ) le résultat est sans appel. Il est clair que les balises H1 sans lien sont beaucoup plus bénéfiques que les balises H1 avec lien.

comme il a été précisé plus haut les balises de type "Hx" sont à utiliser judicieusement et avec parcimonie.

je cite par ailleurs Cédric qui a en fait répondu de manière particulièrement pertinente concernant cette fameuse balise "Hx":

Bonjour

Pour répondre à la question de manière générale : perso il n'est pas rare que... je vire la balise H1

Les balises Hx servent d'abord à hiérarchiser le contenu de manière logique et à organiser ce dernier au niveau sémantique. Les moteurs leur attribuent de l'importance (ce qui est logique) pour la pondération des contenus texte, mais il ne faut pas faire une fixette sur la balise H1 particulièrement.

Personnellement je préfère des balises H2/H3 bien hiérarchisées sans balise H1, qu'une floppée de balises H1 qui pourront être rapidement considérées comme suspectes par les moteurs.

L'une des problématiques dans Prestashop est que les listes de produits utilisent des H3 ; quand vous affichez des produits très similaires au niveau du nom, ça peut vite mener à une suroptimisation de la page de catégorie... (forcément : titre de catégorie dans H2, plus 10 balises H3 contenant elles aussi des mots en relation directe avec la catégorie, ça fait beaucoup !)

Donc OUI à l'utilisation des balises Hx, mais avec logique et parcimonie
Link to comment
Share on other sites

On incrimine pas, on constate.

Si on suit le lien que tu propose, on peut lire :

"Nota : évitez notamment une erreur que l'on voit trop souvent : la balise H1 sur la même zone (souvent le logo) dans toutes les pages du site. Catastrophique en termes de SEO..."

Y a t-il encore débat (à moins que le rédacteur de l'article en question n'use lui aussi de propos un "tantinet exagérés", lol) ? Est-ce que le mot "catastrophique" ne permet pas de parler "d'erreur grossière" ?

Encore une fois, je ne comprends pas que cela n'ait pas été corrigé. Il y a de quoi non ?

Après, il faut que la correction apporte un réel plus. Personne n'a dit que c'était simple, mais ce n'est pas pour ça qu'il faut éluder le problème (cf. les premières réponses au post d'origine, qui laissent rêveur).

Il semble que mettre le titre du produit sur cette balise soit une bonne solution. Si c'est bien le cas (débat d'experts éventuel), cela doit être faisable plutôt facilement.

Link to comment
Share on other sites

Bonjour,

Je me permets de m'immiscer dans votre passionnante discussion.

Pour moi, réalisant des sites depuis quelques années, que la balise
H1 soit placée sur le logo et identique sur toutes les pages est une
erreur ... grossière et dont la correction s'impose !

Bon courage
Alain_F


Merci d'avoir remarqué ma discrète intervention ...
Je confirme ' erreur grossière '
Courage
Alain_F
Link to comment
Share on other sites

Guest Roger-C
Bonjour

Pour répondre à la question de manière générale : perso il n'est pas rare que... je vire la balise H1

Les balises Hx servent d'abord à hiérarchiser le contenu de manière logique et à organiser ce dernier au niveau sémantique. Les moteurs leur attribuent de l'importance (ce qui est logique) pour la pondération des contenus texte, mais il ne faut pas faire une fixette sur la balise H1 particulièrement.

Personnellement je préfère des balises H2/H3 bien hiérarchisées sans balise H1, qu'une floppée de balises H1 qui pourront être rapidement considérées comme suspectes par les moteurs.

L'une des problématiques dans Prestashop est que les listes de produits utilisent des H3 ; quand vous affichez des produits très similaires au niveau du nom, ça peut vite mener à une suroptimisation de la page de catégorie... (forcément : titre de catégorie dans H2, plus 10 balises H3 contenant elles aussi des mots en relation directe avec la catégorie, ça fait beaucoup !)

Donc OUI à l'utilisation des balises Hx, mais avec logique et parcimonie




Bonjour tout le monde. Je trouve cette réponse très pertinente et assez complète. Donc sur ce point presque rien à ajouter. Cependant, il est clair que ce que demande certains (et je ne pense pas qu'ils intimident les développeurs de ce magnifique CMS) c'est justement d'apporter une petite modification au template de base. Et c'est vraiment une petite modification. Une affaire de balise et de CSS. Mon avis est très simple. On peut passer des jours et des nuits à discuter sur la pertinences d'une telle structuration du code HTML, sur le poids des balise Hx, la pondération de ces balises par rapport au reste du contenu.... Ce qui est sûre c'est qu'il semble que la structure actuelle du Header et donc de l'ensemble des pages de prestashop gêne certains.

Ma solution est la suivant et assez simple (suivez les étapes)

1. La balise "

" doit être remplacée par un

;

2. Ensuite, allez dans le fichier global.css et remplacez
h1#logo {
float:xxx;
margin:xxx;
width:xxxpx;
height:xxxpx;
}

par

#logo {
float:xxxx;
margin:xxx;
width:xxxpx;
height:xxxpx;
}

Prenez soin après de règler les propriétés "WIDTH" et "HEIGHT" selon votre cas (sinon votre header peut partir dans tous les sens). A priori si vous ne changez rien sauf le "h1" devant #logo, il n'y aura aucun problème.



3. Allez dans le fichier "product.tpl" et à la place de :

- < h2 >Titre de votre Produit mettez
-

Titre de votre Produit




4. Recherchez dans le fichier global.css "h2 {" et remplacez le h2 par un h1;


5. h1 ayant pris les propriétés de h2, faudra définir des propriétés pout "h2" selon vos goûts:
Exemple :

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

6. 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 produits similaires;
- h3 pour les les titres des nouveaux produits et Meilleures ventes;
- h4 pour les produits déjà vus ;
- etc......


C'est une piste a explorer... En espérant avoir aidé.

Cordialement.
Link to comment
Share on other sites


Enfin un référenceur qui ne garde pas tout ses secrets pour lui afin de pouvoir les revendre à tous ses clients !


Je vous trouve particulièrement dur avec ce genre de réflexion.
Je n'ai pas souvenance d'avoir gardé le moindre secret en quoi que cela soit, ni moi ni d'autres confrères.

En fait il n'y a pas des "secrets" mais simplement des techniques que rares sont ceux qui les appliquent. Il vous suffit de voyager sur le forum "référencement" pour vous rendre compte que votre questionnement avait déjà été évoquée et qu'il y a eu maintes réponses.

Il serait peut-être temps d'arrêter de considérer le "référenceur" comme un sorcier vaudou.
Link to comment
Share on other sites

  • 4 weeks later...

Super et merci beaucoup, voila un moment que cette balise H1 m'obsédait pas sa répétition et la non reelle mise en valeur des pages produits ...merci pour ton ton explication. Cependant une petite question ou confirmation..
1/ Tu nous dis que dans le global css il faut remplacer la balise h2 par h1...la balise h2 n'existe plus ..alors..?

2/ Aprés avoir corrigé ligne 91

{$product->name|escape:'htmlall':'UTF-8'}


par

{$product->name|escape:'htmlall':'UTF-8'}


la balise h1 doit elle apparaitre dans le fichier source de la page produit ?

Merci pour ta réponse
Link to comment
Share on other sites

Guest Roger-C

Bonjour,

1. Si dans le fichier "global.css" la balise H2 n'a plus de propriétés, à vous de créer quelque chose du genre :

h2 {
color:;
font-size:;
font-weight:;
etc...etc....
}


Et puis, une fois que vous aurez remplacé H2 par H1 ici:

{$product->name|escape:‘htmlall’:‘UTF-8’}

, la balise H1 apparaît bien évidemment dans le fichier source de votre page produit (dans le code source) avec les propriétés définie dans global.css


Cordialement.
Link to comment
Share on other sites

  • 2 weeks later...
  • 3 months later...

Bonjour tout le monde,
Y'a t'il qqun qui a avance sur le sujet et validé ce qui a ete fait au dessus.
Je confirme que la balise h1 est primordiale dans le referencement sauf que le module presta est un peu en dacalage sur le positionnement de ces balises.
Avant de devoir tout reajuster mon catalogue, oui ou non existe t'il un moyen simple de supprimer le logo en h1 et de proposer une valeure plus significative.
merci
et ... la nouvelle version 1.4... integre t'elle une modif sur cette balise h1.
merci

Link to comment
Share on other sites

  • 3 months later...
  • 3 years later...

Bonjour j'ai exactement le m^me problème .Prestashop ne respecte les hiérarchies h1 h2 .

Il passe de h1 directement à h3 comment faire pour les réécrire.?

 

Quel fichiers il faut attaquer TPL il faut attaquer ?

 

merci

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...