Balise <h1> ,bon ou mauvais ?

Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics


tryan
WRInaute accro
WRInaute accro
 
Messages: 1526
Inscription: Dim Fév 20, 2005 14:14

Balise <h1> ,bon ou mauvais ?

Message le Lun Jan 22, 2007 13:09

Bonjour

Est ce que cette façon d'utiliser la balise <h1> est mauvaise et si oui pourquoi ?
Code: Tout sélectionner
<h1 style="color: rgb(253, 253, 253); text-align: center;"><font
size="+3">mon texte </font></h1>


Merci


e-kiwi
Modérateur
Modérateur
 
Messages: 13854
Inscription: Mar Déc 23, 2003 9:04

Message le Lun Jan 22, 2007 13:13

ta balise font ne sert strictement à rien, tu dois définir la taille du texte dans ta balise style. ton code à quelques années de retard

<style>
h1{color:...;text-align:...;font-size:...}
</style>

<h1>ton titre</h1>


nickargall
WRInaute accro
WRInaute accro
 
Messages: 5319
Inscription: Lun Juin 13, 2005 14:13

Message le Lun Jan 22, 2007 14:00

Ca alourdit le code de ta page pour rien.


tryan
WRInaute accro
WRInaute accro
 
Messages: 1526
Inscription: Dim Fév 20, 2005 14:14

Message le Lun Jan 22, 2007 14:03

Oui effectivement :oops: !
Le truc est que j'utilise deja la balise <h1> dans une feuille de style mais elle n'est pas de la taille,ni de la coulleur que je souhaite pour l'inserer telle quelle ...en resumé,je l'utilise plusieurs fois mais la sa doit etre de taille et coulleur différente .

skippyzrnr
WRInaute passionné
WRInaute passionné
 
Messages: 658
Inscription: Mar Jan 11, 2005 10:08

Message le Lun Jan 22, 2007 14:06

oui mais ca ne t'empeche pas de créer des classes pour tes <h1>
Code: Tout sélectionner
<h1 class="big_texte">...</h1>


tryan
WRInaute accro
WRInaute accro
 
Messages: 1526
Inscription: Dim Fév 20, 2005 14:14

Message le Lun Jan 22, 2007 14:22

Hargggg :roll: bhin oui .... :oops:
Forcement sa fonctionne bien mieux comme sa :D
Merci à vous .

shelcko
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 187
Inscription: Lun Jan 01, 2007 23:31

Message le Lun Jan 22, 2007 14:32

Mais bon si je merappel bien c'est quand même pas conforme de mettre plusieurs balises h1 dans un document.Parceque sémentiquement c'est la balise qui défini le gros titre de la page.


tryan
WRInaute accro
WRInaute accro
 
Messages: 1526
Inscription: Dim Fév 20, 2005 14:14

Message le Lun Jan 22, 2007 14:36

Je ne l'utilise pas plusieurs fois par page , juste une fois mais il me fallait un style different selon mes besoins :).

Oric
Nouveau WRInaute
 
Messages: 13
Inscription: Jeu Mai 11, 2006 9:14

Message le Lun Jan 22, 2007 16:08

tryan a écrit:Je ne l'utilise pas plusieurs fois par page , juste une fois mais il me fallait un style different selon mes besoins :).


Dans ce cas encapsule si possible tes balises dans un div avec un id different pour chaque version de page

Code: Tout sélectionner
<head>
[...]
<link rel="stylesheet" media="screen" type="text/css" src="mon_site.css" />
<link rel="stylesheet" media="screen" type="text/css" src="toto.css" />
[...]
</head>
<body>
[...]
<div id="toto">
      <h1>Titre principal</h1>
      <p>....</p>
     etc...
</div>
[...]
</body>


puis dans tes css externe par ex.

mon_site.css
Code: Tout sélectionner
h1 {color:#000;background-color:transparent;font-size:2em}
p {margin:0 0 10px 0;}


toto.css
Code: Tout sélectionner
#toto h1 {font-size:1em;}
[/code]

ACth
WRInaute passionné
WRInaute passionné
 
Messages: 795
Inscription: Sam Nov 11, 2006 12:32

Message le Lun Jan 22, 2007 16:23

Ce n'est pas forcément un bon choix..cela dépend si les autres balises sont modifiées de page en page ou non..

Si oui, évidement intégrer un div supplémentaire sera le bon choix, dans le cas inverse (que le titre 1 qui change) un simple attribut class suffira.


Hoho
WRInaute passionné
WRInaute passionné
 
Messages: 515
Inscription: Mar Jan 10, 2006 1:56

Message le Lun Jan 22, 2007 18:47

Semantiquement, tu utilises la balise <h1> pour un ensemble ayant des caracteristiques semblables...

Si tu veux changer de size ou de couleur...t'en a jusqu'a <h6> ;)

ACth
WRInaute passionné
WRInaute passionné
 
Messages: 795
Inscription: Sam Nov 11, 2006 12:32

Message le Lun Jan 22, 2007 20:14

Hoho a écrit:Semantiquement, tu utilises la balise <h1> pour un ensemble ayant des caracteristiques semblables...

Si tu veux changer de size ou de couleur...t'en a jusqu'a <h6> ;)

La sémantique n'a rien avoir avec "des caractéristiques".
Ta phrase est un quiproquo qui ne tourne pas rond.

La mise en forme importe peu si elle diffère de page en page, cela le regarde à partir du moment on l'on reconnait justement cette sémantique.

h2, h3, .., h6 sont là pour l'importance (les sous titre), pour respecter cette sémantique en cas de besoin.


Hoho
WRInaute passionné
WRInaute passionné
 
Messages: 515
Inscription: Mar Jan 10, 2006 1:56

Message le Mar Jan 23, 2007 3:35

En d'autres mots...je voulais lui faire comprendre qu'en attribuant le <h1> a un titre...celui ci est plus mis en valeur que les h2 h3 etc...mais de la a utiliser des class...pour avoir que des h1...a quoi bon...Certains titres ont plus d'importance que d'autres...et c'est pour cela qu'il faut respecter la semantique et utiliser les h2...h6 également.

ACth
WRInaute passionné
WRInaute passionné
 
Messages: 795
Inscription: Sam Nov 11, 2006 12:32

Message le Mar Jan 23, 2007 9:02

Hoho a écrit:En d'autres mots...je voulais lui faire comprendre qu'en attribuant le <h1> a un titre...celui ci est plus mis en valeur que les h2 h3 etc...mais de la a utiliser des class...pour avoir que des h1...a quoi bon...Certains titres ont plus d'importance que d'autres...et c'est pour cela qu'il faut respecter la semantique et utiliser les h2...h6 également.

Il n'était pas question de mettre plusieurs h1 dans une page (encore que c'est tout à fait faisable..mais la pertinence sera amoindrit), mais il était question de changer la mise en forme du h1 de page en page..


Formation recommandée sur ce thème :

Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :

  • Analyseur de densité
    Cet outil vous permet de calculer l'indice de densité d'un mot-clé d'une page web. Il est calculé à la fois pour la balise TITLE, la balise META description et l'ensemble du texte de la page.


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités