web-dev-qa-db-fra.com

Placer des balises h2 et h3 autour des mots dans les paragraphes

Si j'ai une page avec un en-tête <h1> et un long paragraphe, puis-je écrire le paragraphe (voir ci-dessous - avec les balises h mélangées à des balises p brisées pour constituer l'ensemble du bloc de texte) et simplement styler ça a l'air si pareil pour que je profite de l'utilisation des balises <h2> et <h3>?

Je suis conscient que ce n'est pas l'utilisation "correcte" des balises H car elles sont censées être des en-têtes, mais puis-je les utiliser comme ceci, car le site ne comporte pas plusieurs en-têtes sur la même page?

<h1>Red shoes</h1>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus id dui id mi 
consectetur tincidunt. Mauris at sem non urna congue eleifend sed quis nulla. Aenean nisl
porta eget auctor vel, semper eget massa.</p> <h2>Red shoes</h2> <p>Lorem ipsum dolor
sit amet, consectetur adipiscing elit. Phasellus id dui id mi consectetur tincidunt.     
Mauris at sem non urna congue eleifend sed quis nulla. Aenean nisl porta eget auctor vel, 
semper eget massa.</p> <h3>red shoes</h3> <p>Lorem ipsum.</p>

(s'il vous plaît ignorer l'optimisation c'est juste à des fins d'illustration)

1
sam

C'est une très mauvaise idée pour des raisons d'accessibilité.

ne fonctionnalité couramment utilisée par la plupart des lecteurs d'écran est la possibilité de lire une liste de titres . Cela donne aux utilisateurs une vue d'ensemble de la structure du document et leur permet de passer d'une section à l'autre sans avoir à lire chaque section.

Dans votre exemple, les titres n'auraient aucun sens s'ils sont extraits du texte environnant. De plus, un utilisateur peut passer à un H2 et le placer au milieu d'une phrase, ce que vous ne voulez pas.

Comme mentionné ci-dessus, il enfreint les règles du code HTML en imbriquant des éléments de bloc et en ruinant complètement toute structure sémantique de votre page.

En ce qui concerne Google, je suis à peu près sûr qu'ils considéreraient cela comme une technique Black Hat . Rappelez-vous: l'indexation de Google peut être faite par des ordinateurs/algorithmes, mais ces algorithmes sont programmés par des personnes (et ils ne sont pas stupides)

4
Simon Hudson

Votre question est fausse ou l'exemple de code l'est.

Question fausse:
Votre exemple de code ne montre pas les balises Hx réellement dans le paragraphe. Ils sont juste en alternance, et chacun est autonome. Donc, dans ce cas, il n’ya rien de mal à coder, mais votre question n’a aucun sens car elle ne s’applique même pas à ce que vous nous montrez. (Si vous avez créé cet exemple dans un éditeur HTML, il est possible qu'il le corrige automatiquement et que vous ne l'ayez pas remarqué.)

Échantillon faux:
Si nous supposons que votre échantillon est supposé être quelque chose comme

<h1>Heading</h1>
<p>Some regular text <h2>some text in an Hx tag</h2> and some more regular text</p>

... alors ce n'est tout simplement pas autorisé. Vous ne pouvez pas mettre des balises de titre dans les balises de paragraphe. Ce sont deux éléments de bloc. Cela ne validera pas, pourrait causer des erreurs de rendu, une mauvaise application des règles CSS, de possibles problèmes avec votre contenu spidered correctement, etc.

2
Su'

C'est discutable, et peut ne pas être sémantiquement correct. Imaginons que Google reconnaisse la première instance d’un h1 et s’attend ensuite à ce que l’en-tête suivant soit un h2, puis h3, etc. Si vous commencez à insérer des balises d’en-tête sur votre page, il n’est peut-être pas trop difficile à détecter. Vous pouvez simplement baisser la fiabilité de votre page Web, ainsi que les autres balises d'en-tête correctement placées. Vous êtes mieux à mon avis et je suis sûr que Google rédige le contenu et code votre site correctement. Il vaut mieux dépenser votre temps à créer des liens retour contextuels vers cette page pour améliorer son classement, au lieu d'espérer que quelques balises d'en-tête masquées vous aideront.

0
Anagio