web-dev-qa-db-fra.com

Comment masquer les balises h1 et h2 à l'aide de JavaScript tout en les conservant pour le référencement

Mon site Web n'utilise pas actuellement les balises H1 et H2, mais je souhaite les utiliser et les masquer pour rendre mon site convivial.

seophpweb-developmentjavascript
3
Vshnudath

Vous ne pouvez pas masquerh1 et h2 balises (ni aucun texte pour cette question) et les faire appliquer positivement au référencement.

Google tente depuis plusieurs années d’indexer précisément ce que voit l’utilisateur. Google est capable de traiter intelligemment CSS et maintenant JavaScript pour atteindre cet objectif. Si l'utilisateur ne le voit pas, il ne sert à rien qu'il soit indexé.

La diffusion de contenu différent de Google à celui des utilisateurs s'appelle cloaking. Une technique de référencement du chapeau noir d'antan, va probablement vous voir activement pénalisé dans les SERP ces jours-ci.

Tous les moteurs de recherche ne fonctionnent pas nécessairement de la même manière que Google, mais comme Google est actuellement le moteur de recherche le plus prolifique, c'est Google qui régit la façon dont nous devons nous comporter.

6
MrWhite

Il est facile de les masquer lorsque vous pouvez les ajouter à votre code PHP. Ajoutez simplement les propriétés CSS suivantes à votre fichier de style.

h1,h2 {
  display: none;
}

Ou, si vous utilisez jQuery comme framework JavaScript, vous pouvez faire de même dans JS:

$(document).ready(function() {
  $('h1,h2').css('display', 'none');
});

Je recommanderais d'utiliser la solution CSS uniquement.

1
phylib

Pour Google, concentrez-vous uniquement sur votre contenu. Ce que vous pouvez faire est d’utiliser des éléments d’en-tête qui n’ajoutent pas réellement de changement à votre document, mais indiquent quelle partie correspond à l’en-tête.

Pour les autres moteurs de recherche moins populaires, vous pouvez toujours masquer mais je vous le déconseille.

0
Archimedes Trajano

Je ne sais pas si cela résoudra votre problème, mais le texte aurait-il la même couleur que l'arrière-plan? Compte tenu des réponses ci-dessus, cela pourrait être suffisant pour obtenir le résultat recherché, mais laissez le texte "masqué" par l'utilisateur. C'est sournois, mais la seule chose que je peux trouver à part CSS:

visibility: hidden;

Vous pouvez également envisager de le placer sous un graphique.

Personnellement, je reste à l’écart de ce genre de choses, car je ne voudrais pas risquer de voir mon site moins bien classé ou banni.

Une autre technique pourrait consister simplement à placer une image sur la page avec le alt="whatever your important info is." C'est légitime et, même si elle n'est pas aussi puissante, elle peut faire l'affaire.

0
psiclone