web-dev-qa-db-fra.com

Est-ce que SEO peut intégrer l’étiquette H2 ou H3 dans un élément d’hyperlien?

Je crée une nouvelle mise en page pour notre site Web et je souhaite créer une liste à l'aide de la balise de liste non ordonnée (ul) pour afficher nos offres. Mais à cause de notre conception, j'aimerais utiliser la balise h3 dans un élément a.

Quel serait l'impact de mon idée sur le référencement?

Voici un exemple dans le code de ce que j'essaie de réaliser:

<a><h3>Header</h3><p>Text</p></a>

Je crois que le code HTML suivant (qui contient mon idée) est valide, mais en quoi cela affecterait-il le référencement?

<!DOCTYPE html>
<html>
    <head><title>Test</title>
    <body>
        <a>
            <h3>Header</h3>
            <p>Text</p>
        </a>
    </body>
</html>
seohtmlhyperlinkheading
2
bumerang

Les règles sont simples à ce sujet:

Vous n'êtes pas autorisé à envelopper un élément inline autour d'un élément block.
L'exception: si vous utilisez HTML5, vous pouvez envelopper l'ancre autour d'un élément de bloc.

Du point de vue du référencement cela n’a aucune influence, c’est un code HTML valide, donc ils ne seront pas discrédités pour cela.

Cela n'aide pas non plus . Vous enfoncez un paragraphe entier dans une ancre, ce qui rend très petit la valeur de chaque mot qu'il contient, et vous le fourrez également avec des mots qui ne vous intéressent pas ("Ceci est un exemple" "seulement le mot clé est 'exemple', pourtant la phrase entière est l'ancre).

Du point de vue de l'interface utilisateur , il peut ​​(dépend de l'implémentation) être très étrange, le paragraphe entier est un lien. ? "Euh, je viens de cliquer sur du texte brut et maintenant j'ai changé de page?!".

4
Martijn

Envelopper une ancre autour de blocs est acceptable en HTML5, pas dans les versions précédentes comme HTML 4 /XHTML.

En HTML5, nous avons:

L'élément a peut être entouré de paragraphes, de listes, de tableaux, etc., voire de sections entières, tant qu'il n'y a pas de contenu interactif (par exemple, des boutons ou d'autres liens).

-> https://www.w3.org/TR/html5/text-level-semantics.html#the-a-element

par exemple.:

<aside class="advertising">
 <h1>Advertising</h1>
 <a href="http://ad.example.com/?adid=1929&amp;pubid=1422">
  <section>
   <h1>Mellblomatic 9000!</h1>
   <p>Turn all your widgets into mellbloms!</p>
   <p>Only $9.99 plus shipping and handling.</p>
  </section>
 </a>
 <a href="http://ad.example.com/?adid=375&amp;pubid=1422">
  <section>
   <h1>The Mellblom Browser</h1>
   <p>Web browsing at the speed of light.</p>
   <p>No other browser goes faster!</p>
  </section>
 </a>
</aside>

Donc oui, il est valide en HTML et sûr de l'utiliser si vous utilisez HTML5, ce ne sera pas sûr si vous voulez le rendre compatible avec d'autres versions de HTML.

Mise à jour Ce référencement est-il valide?

Cela revient à demander si l’utilisation d’une balise HTML est valide pour le référencement, mais elles ne le sont pas en tant que telles, mais ce qui les rend valides, c’est le contexte dans lequel elles sont utilisées.

S'il ne s'agit pas d'un code HTML valide, il ne conviendra pas pour le référencement, mais être valide, le code HTML ne le rend pas valide pour le référencement, cela dépend de la façon dont vous l'utilisez pour structurer votre contenu.

0
marcanuy

Un bon référencement provient d'un bon contenu de page. Un bon référencement provient également d’un balisage correct. Naturellement, comme HTML5 est un gâchis total de règles de marquage non claires, je me contenterais des versions Xhtml si vous n’avez pas besoin de commandes de zone de dessin. Quoi qu'il en soit, je ne jouerais pas à des tours. J'obtiendrais un excellent contenu de page, un bon balisage, des tas de pages et de bons résultats. Google ressent l'amour que vous mettez dans votre travail.

0
Michael