Mise en place des balise H1, H2...etc

le Jeu Avr 17, 2008 11:27

Bonjour

dans le but d'améliorer mon référencement je suis en train de m'occuper des balise H1, H2...etc

Comme je ne code pas la moindre ligne, c'est Dream qui fait ça pour moi, et il propose ces balises dans le menu FORMAT

Si je créer un style CSS, que j'appelle H1, avec des attributs perso,
que j'applique ce style à une partie de mon texte, est ce que ce sera
considérer par les robots comme une vraie balise H1, et l'effet sera
t il le même que Format de Dream ?

Quelle est la différence entre le Format H1 proposer par Dream
et un style H1 créer personnellement ?

Merci d'avance

le Jeu Avr 17, 2008 11:28

c'est la même chose. bien sur que tu peux styliser un h1 avec un style css, on voit rarement des h1 en 30px noir / gras / marge de 1cm sur des sites

le Jeu Avr 17, 2008 11:40

Euh non... e-kiwi, c'est pas la même chose

Le format H1 créera une balise structurée H1. En code ça donnerait ça :
<h1>Mon titre</h1>

Le style H1 créera une mise en forme qui a pour nom H1. En code ça pourrait donner ça :
<span class="H1">Mon texte</span>

Même si visuellement, ça peut effectivement donner la même chose, sémantiquement, c'est faux. <span class="H1"> n'est pas un titre alors que <h1> est un titre.

Donc l'idéal searit de donner le format H1 à ton titre et de le styliser, pourquoi pas, avec un style nommé h1

le Jeu Avr 17, 2008 12:06

Merci pour ces infos

Est ce quelque chose comme ça c'est correct ?

Code: Tout sélectionner: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Document sans nom</title> <style type="text/css">  </style> </head> <body> <h1 class="decor-h1">Titre H1</h1> <h2 class="decor-h2">sous titre h2 </h2> </body> </html>

le Jeu Avr 17, 2008 12:10

C'est correct.

le Jeu Avr 17, 2008 12:19

Mieux vaut mettre ceci

Code: Tout sélectionner: h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #0066CC; text-decoration: underline; }

ainsi dans le code de la page ce sera

Code: Tout sélectionner: <h2> Titre du truc much</h2>

le Jeu Avr 17, 2008 12:31

Sauf s'il a différents types de présentations incluant des h2, et qu'il ne maîtrise pas forcément l'aspect "cascaded" d'une stylesheet

(mais d'un point de vue technique, tu as entièrement raison, et je ne peux qu'être d'accord avec toi sur le fait qu'un code propre est un sérieux atout, si non pour le référencement, au moins pour la maintenance et la portabilité).

le Jeu Avr 17, 2008 12:36

mieux vaut mettre des H1 par partie.

Exemple, si ton H1 doit se trouver en header, mais sur une autre page dans le contenu (selon la partie quoi)

tu fais par exemple
<div id="header">
<h1>titre</h1>
</div>

#header h1 { ton css }

et pareil avec un #content h1 ...

Si tu auras toujours le même h1 (h2 ...) tu fais comme le dis "kmenslow"

Si tu veux faire comme tu fais, précises au moins le style

Donc .decor-h1 tu le remplaces par h1.decor-h1, c'est plus clean

PS : avoir une "class" pour un élément H1 qui est sensé être unique, c'est paradoxal

le Jeu Avr 17, 2008 12:55

ah ok j'avais mal lu la question, je pensai qu'il demandait si le choix "format h1" était bien un h1

le Jeu Avr 17, 2008 15:05

Euh....

Pour formatter un h1, on fait un css

h1 {blablblab}
Le h1 s'affichera partout de la même façon dans le site

Pour formatter un h1 avec une classe spéciale par exemple decor

on fait
.decor h1 {blablba}
et certainement pas decor-h1 qui n'est plus vu comme un h1

Tu peux surtout réfléchir à l'endroit où va se trouver ton h1, et le formatter différement selon l'endroit
Ainsi si tu l'inclus dans un div avec une id spéciale, tu peux créer
#idmachin h1

etc...

le Jeu Avr 17, 2008 16:32

Je crois que tu as pas tout suivis

Marie-Aude a écrit:on fait
.decor h1 {blablba}
et certainement pas decor-h1 qui n'est plus vu comme un h1

et ça c'est faux

Si il fait <h1 class="decor-h1"></h1> comme il l'explique, ça sera toujours pris comme un H1

et .decor h1
ça marche si c'est <div class="decor"><h1></h1></div>

Ce qui est plus le même code.

le Jeu Avr 17, 2008 17:53

Roh le pauvre gars ! Tout ceci va l'embrouiller ^^

En résumé :

1 - Tous les titres H1 de ton site sont les mêmes ?

Tu peux définir les propriétés de tous tes titres h1 ainsi :

Code: Tout sélectionner: h1 { font-family : serif; font-size : 1.4em; etc ... }

2 - Tu as des titre H1 en rouge dans tes news et en vert dans ton wiki ? Alors ta méthode convient :

Code: Tout sélectionner: En CSS : .titre-news { color: red; } .titres-wiki { color: green; } En XHTML : Dans les news : <h1 class="titre-news">Mon titre de news</h1> Dans le wiki : <h1 class="titre-wiki">Mon titre de wiki</h1>

Bonne chance :p

le Jeu Avr 17, 2008 18:58

En effet mes H1, H2...etc sont les mêmes partout, et mes CSS sont stockés sur des fichiers séparés donc ???

le Jeu Avr 17, 2008 20:40

Tu as des feuilles de styles différentes pour chaque page ?

le Jeu Avr 17, 2008 22:51

en fait j'ai autant de feuille de style qu'il y a de style.

Vous aurez remarquez que je suis vraiment nul coté code
et quand j'ai créer mon site j'ai cru bon de faire comme ça.

J'ai donc un répertoire avec les 10 fichiers *.css que "j'appelle" sur chaque page.

Je me doute que ce n'est pas l'idéal, mais ne sachant pas faire autrement...

a bon entendeur

[img]http://smilies.sofrayt.com/^/aiw/help.gif[/img]

Mise en place des balise H1, H2...etc

Mise en place des balise H1, H2...etc

Formation recommandée sur ce thème :

Lectures recommandées sur ce thème :

Qui est en ligne