Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

balises h2 et span

1 view
Skip to first unread message

alainL

unread,
Nov 14, 2011, 1:24:19 PM11/14/11
to
Bonsoir,
J'ai trois pages : "presentation" "statuts", "bureau".
J'avais reporté ces trois mots-titres sur une ligne en tête de chaque
page, deux d'entre eux servant de lien :
'h2'Présentation 'a href="association_statuts.php"'Statuts'/a' 'a
href="association_bureau.php"'Bureau'/a''/h2'

Mais je découvre que Google se sert de ces balises et là, ça ne va plus
puisque seul le mot non-lien correspond à la page.
J'ai donc créé un 'span class="faux-titre"' qui définit les mêmes
caractères de texte que 'h2' et j'ai voulu reconstituer ma ligne de
trois mots... mais 'H2' provoque un saut de ligne !

Peut-on éviter ce décalage ???

Et si c'est possible, deuxième question: comment forcer l'espace entre
les 3 mots, par exemple un word-spacing=100px

Merci
--
AlainL

http://autourdalos.fr

Vincent

unread,
Nov 14, 2011, 5:40:58 PM11/14/11
to
Le 14/11/2011 19:24, alainL a écrit :
> Bonsoir,
> J'ai trois pages : "presentation" "statuts", "bureau".
> J'avais reporté ces trois mots-titres sur une ligne en tête de chaque
> page, deux d'entre eux servant de lien :
> 'h2'Présentation 'a href="association_statuts.php"'Statuts'/a' 'a
> href="association_bureau.php"'Bureau'/a''/h2'
>
> Mais je découvre que Google se sert de ces balises et là, ça ne va plus
> puisque seul le mot non-lien correspond à la page.
> J'ai donc créé un 'span class="faux-titre"' qui définit les mêmes
> caractères de texte que 'h2' et j'ai voulu reconstituer ma ligne de
> trois mots... mais 'H2' provoque un saut de ligne !

\<h2\>Présentation&nbsp;\<a
href="lien_vers_statuts"\>Statuts\</a\>&nbsp;\<a
href="lien_vers_bureau\">Bureau\</a\>\</h2\>
ça irait ?

> Et si c'est possible, deuxième question: comment forcer l'espace entre
> les 3 mots, par exemple un word-spacing=100px

feuille de style css :
.identifiant{
word-spacing:100px;
}

ça irait ?

alainL

unread,
Nov 14, 2011, 6:07:32 PM11/14/11
to
Le 14/11/2011 23:40, Vincent a écrit :
> Le 14/11/2011 19:24, alainL a écrit :
>> Bonsoir,
>> J'ai trois pages : "presentation" "statuts", "bureau".
>> J'avais reporté ces trois mots-titres sur une ligne en tête de chaque
>> page, deux d'entre eux servant de lien :
>> 'h2'Présentation 'a href="association_statuts.php"'Statuts'/a' 'a
>> href="association_bureau.php"'Bureau'/a''/h2'
>>
>> Mais je découvre que Google se sert de ces balises et là, ça ne va plus
>> puisque seul le mot non-lien correspond à la page.
>> J'ai donc créé un 'span class="faux-titre"' qui définit les mêmes
>> caractères de texte que 'h2' et j'ai voulu reconstituer ma ligne de
>> trois mots... mais 'H2' provoque un saut de ligne !
>
> \<h2\>Présentation&nbsp;\<a
> href="lien_vers_statuts"\>Statuts\</a\>&nbsp;\<a
> href="lien_vers_bureau\">Bureau\</a\>\</h2\>
> ça irait ?
>
Comme ça, les trois mots sont entre \<H2\> et \</H2\> et google les
considère comme trois mots clés pour la page , alors que, SEUL, le
premier est le vrai titre de celle-ci.


>> Et si c'est possible, deuxième question: comment forcer l'espace entre
>> les 3 mots, par exemple un word-spacing=100px
>
> feuille de style css :
> .identifiant{
> word-spacing:100px;
> }
>
> ça irait ?
J'avais ça avant :
\<span style="word-spacing:100px;"\>\<h2\>Présentation \<a
href="association_statuts.php"\>Statuts\</a\> \<a
href="association_bureau.php"\>Bureau\</a>\</h2\>\</span\>

Ça marche, mais avec tout en H2...


--
AlainL

http://autourdalos.fr

Lea Gris

unread,
Nov 14, 2011, 6:12:16 PM11/14/11
to
Le 15/11/2011 00:07, alainL a écrit :

> Comme ça, les trois mots sont entre \<H2\> et \</H2\> et google les
> considère comme trois mots clés pour la page , alors que, SEUL, le
> premier est le vrai titre de celle-ci.

<a href=".." rel="Glossary nofollow"...

Devrait permettre aux robots d'indexer correctement.

--
Lea Gris

SAM

unread,
Nov 14, 2011, 7:55:14 PM11/14/11
to
Le 14/11/11 19:24, alainL a �crit :
> Bonsoir,
> J'ai trois pages : "presentation" "statuts", "bureau".
> J'avais report� ces trois mots-titres sur une ligne en t�te de chaque
> page, deux d'entre eux servant de lien :
> 'h2'Pr�sentation 'a href="association_statuts.php"'Statuts'/a' 'a
> href="association_bureau.php"'Bureau'/a''/h2'
>
> Mais je d�couvre que Google se sert de ces balises et l�, �a ne va plus
> puisque seul le mot non-lien correspond � la page.
> J'ai donc cr�� un 'span class="faux-titre"' qui d�finit les m�mes
> caract�res de texte que 'h2' et j'ai voulu reconstituer ma ligne de
> trois mots... mais 'H2' provoque un saut de ligne !
>
> Peut-on �viter ce d�calage ???
>
> Et si c'est possible, deuxi�me question: comment forcer l'espace entre
> les 3 mots, par exemple un word-spacing=100px

Normalement c'est assez facile :
on met en "bloc en ligne" les A et le H2

.menu { display:inline-block; width:26%; margin:2%; text-align:center;
border: 1px solid; text-decoration: none; background: #ffc;
font: 18px normal normal arial,geneva,helvetica; color:#000}
a:hover.menu { background:#ff0;color:maroon}

<a class="menu" href="presentation.htm">pr�sentation</a>
<a class="menu" href="status.htm">status</a>
<h2 class="menu">bureau</h2>

--
St�phane Moriaux avec/with iMac-intel

alainL

unread,
Nov 15, 2011, 6:03:11 AM11/15/11
to
Le 14/11/2011 19:24, alainL a écrit :


Merci. J'ai testé, ça marche. Bonne journée
--
AlainL

http://basaburua.fr

alainL

unread,
Nov 16, 2011, 8:53:02 AM11/16/11
to
Le 15/11/2011 01:55, SAM a écrit :
> Le 14/11/11 19:24, alainL a écrit :
>> Bonsoir,
>> J'ai trois pages : "presentation" "statuts", "bureau".
>> J'avais reporté ces trois mots-titres sur une ligne en tête de chaque
>> page, deux d'entre eux servant de lien :
>> 'h2'Présentation 'a href="association_statuts.php"'Statuts'/a' 'a
>> href="association_bureau.php"'Bureau'/a''/h2'
>>
>> Mais je découvre que Google se sert de ces balises et là, ça ne va plus
>> puisque seul le mot non-lien correspond à la page.
>> J'ai donc créé un 'span class="faux-titre"' qui définit les mêmes
>> caractères de texte que 'h2' et j'ai voulu reconstituer ma ligne de
>> trois mots... mais 'H2' provoque un saut de ligne !
>>
>> Peut-on éviter ce décalage ???
>>
>> Et si c'est possible, deuxième question: comment forcer l'espace entre
>> les 3 mots, par exemple un word-spacing=100px
>
> Normalement c'est assez facile :
> on met en "bloc en ligne" les A et le H2
>
> .menu { display:inline-block; width:26%; margin:2%; text-align:center;
> border: 1px solid; text-decoration: none; background: #ffc;
> font: 18px normal normal arial,geneva,helvetica; color:#000}
> a:hover.menu { background:#ff0;color:maroon}
>
> <a class="menu" href="presentation.htm">présentation</a>
> <a class="menu" href="status.htm">status</a>
> <h2 class="menu">bureau</h2>
>

Oooops ! J'ai testé trop vite !
C'est parfait avec Ffx mais devinez quoi...

avec IE7, le h2 refuse d'abandonner son saut de ligne. S'il est en
premier, il est seul et les deux autres en dessous; s'il est au milieu,
ils sont tous les trois l'un sous l'autre...
Dommage, ça permetait de ne signaler qu'un mot à Ggle sur les trois mais
aussi de les répartir correctement en une ligne, en évitant un
wodr-spacing où je ne parviens pas à intégrer H2
La soluce de Lea devrait fonctionner vis à vis de Ggle mais ne permet
pas de régler les intervalles...

--
AlainL

http://autourdalos.fr

SAM

unread,
Nov 17, 2011, 5:02:22 AM11/17/11
to
Le 16/11/11 14:53, alainL a �crit :
>
> Oooops ! J'ai test� trop vite !
> C'est parfait avec Ffx mais devinez quoi...
>
> avec IE7, le h2 refuse d'abandonner son saut de ligne.

Tu es certain de ne pas avoir une autre r�gle de styles pour H2 ou A ?

Alorsse, et si �a ne te fait rien que �a s'aligne de gauche � droite:


#nav h2, #nav a { float:left; width:20%; margin:1%; text-align:center;
border: 1px solid; text-decoration: none; background: #ffc;
font: 18px normal normal arial,geneva,helvetica; color:#000}
#nav a:hover { background:#ff0;color:maroon}
#nav span { clear:left; }

<div id="nav">
<a href="presentation.htm">pr�sentation</a>
<a href="status.htm">status</a>
<h2>bureau</h2>
<span></span>
</div>


Si �a ne fonctionne touj pas, tenter en ajoutant
overflow:hidden;
par exemple

alainL

unread,
Nov 23, 2011, 12:42:11 PM11/23/11
to
Le_ 17/11/2011 11:02, SAM a écrit :
> Le 16/11/11 14:53, alainL a écrit :
>>
>> Oooops ! J'ai testé trop vite !
>> C'est parfait avec Ffx mais devinez quoi...
>>
>> avec IE7, le h2 refuse d'abandonner son saut de ligne.
>
> Tu es certain de ne pas avoir une autre règle de styles pour H2 ou A ?
>

>
Pas de règle pour H2 ou A ...
Pour centrer l'ensemble, j'ai dû ajouter
un div #titres { width:70%; margin:auto; }

Ca a l'air de marcher sur les deux IE et Ffx
Mais il va falloir calculer juste pour chaque page !

Bonne soirée


--
AlainL

http://autourdalos.fr
0 new messages