web-dev-qa-db-fra.com

Est-il acceptable, du point de vue SEO et UX, d’avoir des en-têtes comme liens?

J'ai créé un article parent, qui décrit brièvement les articles enfant qui lui ont été attribués. Voici, généralement, comment j'ai structuré la page de l'article parent ...

  • H1 - Article parent
  • Une petite introduction
  • H2 - Titre de l'article 1
  • Du contenu
  • H2 - Sous-titre Titre 2
  • Du contenu
  • Conclusion

Quelle serait la meilleure approche pour relier chaque sous-article? De toute évidence, je veux m'assurer que ma stratégie de liens est axée sur le renforcement de mes efforts de référencement ainsi que sur le maintien d'une expérience utilisateur positive.

Est-il courant de transformer les titres en liens?

PS: Je veux créer un lien vers des articles enfants externes (d'autres pages), par opposition aux blocs internes de la même page.

seolinksnavigation
2
Simohammedhttc

H1 devrait être identique au titre de l'article, de sorte qu'il n'a aucun sens que H1 devienne un lien.

H2 pourrait être marqué comme un lien, mais comme une ancre, comme <h2><a name="h2anchor">text</a></h2>

Ensuite, si vous voulez créer un lien/un saut interne vers votre H2, vous le reliez avec

<a href="#h2anchor">jump to H2</a>

ou, dans son intégralité, la notation d'adresse absolue:

<a href="http://www.example.com/your-page#h2anchor">jump to H2</a>

2
Evgeniy

Essayez ce format:

<!DOCTYPE HTML>
<html>
<head>
<title>Some page</title>
</head>
<body>
<h1>Major title</h1>
<h2>Table of contents</h2>
<ol>
<li>
<a href="#one">Section One</a><br>
</li>
<li>
<a href="#two">Section Two</a><br>
</li>
<li>
<a href="#three">Section Three</a><br>
</li>
</ul>

<a name="one">
<h3>Section One</h3>
<p>one one one one one one one one one one one one one one one one one one one one one one one one one one one one one one </p>
<p>one one one one one one one one one one one one one one one one one one one one one one one one one one one one one one </p>

<a name="two">
<h3>Section Two</h3>
<p>two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two </p>
<p>two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two two </p>

<a name="three">
<h3>Section Three</h3>
<p>three three three three three three three three three three three three three three three three three three three three three three three three three three three three three three three three </p>
<p>three three three three three three three three three three three three three three three three three three three three three three three three three three three three three three three three </p>

</body>
</html>

Je m'excuse pour une page HTML peu professionnelle, mais je dois illustrer quelque chose.

J'ai les titres principaux en haut, ils sont donc faciles à voir. J'ai aussi H1 avant H2 puisque le texte dans H1 est le plus important et que H2 complète le titre.

J'ai défini les sections dans les en-têtes H3 et j'ai créé des liens vers chaque section. de sorte que dans la table des matières, lorsque quelqu'un sélectionne une section, le navigateur fait automatiquement défiler l'écran jusqu'à la section.

Mon code est généralement valide pour HTML 4. Pour la compatibilité avec HTML 5, vous devrez peut-être remplacer <a name="whatever"> par <a ID="whatever"> ou simplement supprimer <a name="whatever"> et le remplacer par ID="whatever", puis l'insérer. cela dans une balise H3 afin que vous obteniez par exemple: <h3 ID="three">Section Three</h3>

Personnellement, je ne transformerais jamais un en-tête en lien car ce n'est pas le but d'un en-tête. Si vous souhaitez que les liens soient en texte de grande taille ou en gras, essayez d’utiliser des feuilles de style en cascade et d’appliquer un style au texte.

0
Mike