Google pénalisera-t-il mon site Web si je cache la balise H1?

J'ai lu un article aujourd'hui où l'auteur a déclaré que si vous mettez des mots clés sur votre page mais que vous les cachez ensuite avec CSS, Google pénalisera votre site. Cela a du sens.

Cela m'a fait penser à ma propre technique lorsque je crée un site Web. Si, par exemple, lorsque je crée un site Web et que le logo contient le nom du site Web, j'ai tendance à mettre le nom du site Web dans une balise H1, puis à masquer cette balise. Je ne sais pas pourquoi je le fais, je l'ai toujours fait. J'inclus également tout texte contenu dans une image dans l' altattribut de la imgbalise.

Mais parce que je cache la balise H1, cela me laisse-t-il ouvert à Google pénalisant le site Web parce que j'ai caché cette seule balise?

Comme Su 'mentionné, le remplacement d'image est assez standard. Vous obtiendrez probablement plus de coup sur votre H1 si vous les rendez uniques sur chaque page (par exemple en utilisant le titre de l'article comme H1).

En ce qui concerne la pénalisation, Google cible spécifiquement le texte caché comme une forme de SPAM, cependant, ils ont toujours dit "construisez simplement votre site Web comme vous le feriez si les moteurs de recherche n'existaient pas et que vous iriez bien" théoriquement, cela signifie que vous devrait être bien et ils devraient être capables de faire la différence entre le texte caché manipulateur et le texte caché qui se produit naturellement.

Personnellement, je n'aime pas laisser ce genre de choses à Google pour le comprendre, je vous recommande donc de déplacer votre H1 vers le contenu principal du site, le titre de l'article, le titre du produit ou tout ce que votre contenu justifie. De cette façon, il est unique, ce que G aime, il est pertinent pour le contenu, ce que G aime, et est bien visible pour les personnes et les robots.

par exemple, lorsque je crée un site Web et que le logo contient le nom du site Web, j'ai tendance à mettre le nom du site Web dans une balise H1, puis à masquer cette balise. J'inclus également tout texte contenu dans une image dans l'attribut alt de la balise img.

C'est un peu vague, mais si vous entendez par là que vous cachez le H1et que vous avez également une imgbalise distincte qui présente ensuite le logo, vous dupliquez l'effort (et comme d'autres l'ont dit, vous vous exposez potentiellement à des pénalités de contenu caché). Pourquoi ne pas envisager d'utiliser une méthode de remplacement d'image à la place? Vous en êtes déjà à la plupart du temps, en le faisant simplement en plusieurs étapes.

De manière réaliste, vous pouvez simplement coller l'image directement dans le H1, mais certaines personnes préfèrent avoir du texte dans leur source; ton appel.

Vous avez raison de craindre d'être banni pour le problème de la balise H1. Si vous craignez que votre site ne soit actuellement interdit, je vous suggère d'utiliser les outils pour les webmasters de Google pour voir tous les messages que Google a publiés à propos de votre contenu. Ils ont également plusieurs outils que vous pouvez utiliser pour vous assurer que votre site est conforme.

Concernant la balise 'alt', continuez à faire ça! Non seulement Google utilise la balise alt pour comprendre les images, mais le logiciel de lecture d'écran utilise également la même balise alt pour aider les personnes malvoyantes à naviguer sur votre site.

Les outils Google pour les webmasters peuvent être trouvés ici

Oui, cela peut éventuellement conduire Google à pénaliser votre site. Google regarde toujours la altbalise pour déterminer le texte qui est caché dans une image, il n'est donc pas vraiment nécessaire d'ajouter le titre dans la h1balise. Vous pouvez également simplement spécifier les mots clés dans vos balises META ainsi que le titre de la page.

Nous parlons ici du nom du site. Dans la plupart des cas, ce ne sera pas si long et il sera généralement répété plusieurs fois sur chaque page. Cela ne devrait donc pas poser de problème à n'importe quel moteur de recherche, car il est difficile de voir comment cela pourrait éventuellement tromper leurs utilisateurs. Cela ne peut pas être comparé aux cas où quelqu'un cache divers mots clés qui ne sont pas répétés ou pertinents pour le contenu.

Cependant, cela ne signifie pas que vous devez le faire.

Je ne sais pas pourquoi je le fais, je l'ai toujours fait.

Il est maintenant temps de le repenser. Pourquoi voudriez-vous faire quelque chose comme ça? Le logo est (ou représente ) le nom / titre du site. Donc ça devrait être dedans h1. Selon votre méthode de masquage, l'en-tête peut également être masqué pour les lecteurs d'écran (ce qui pourrait interrompre la navigation dans les plans que de nombreux utilisateurs de lecteurs d'écran utilisent).

Si vous souhaitez afficher fournir à la fois, le logo et le nom, vous pouvez les mettre tous les deux dans le même h1, ou vous pouvez utiliser l' hgroupélément HTML5 .

<!-- variant 1 -->
<h1><img src="acme-logo.png" alt="" />ACME Inc.</h1>

<!-- variant 2 -->
<hgroup>
  <h1><img src="acme-logo.png" alt="" /></h1>
  <h2>ACME Inc.</h2>
</hgroup>

Notez que la altvaleur d'attribut doit être vide ici:

la altvaleur de l' attribut ne doit pas répéter les informations déjà fournies dans la prose à côté de l'image

Si vous ne souhaitez utiliser que le logo, c'est bien aussi:

<h1><img src="acme-logo.png" alt="ACME Inc." /></h1>

Concernant les autres réponses:

Il est totalement fin et bon et dans de nombreux cas, il est même nécessaire (pour le plan du document) à utiliser h1pour le titre du site , pas pour le titre du contenu de la page. En HTML5, vous pouvez cependant utiliser les h1deux titres (en combinaison avec des éléments de section).

Une méthode de remplacement d'image CSS ne doit pas être utilisée pour le logo du site, car il s'agit de contenu (HTML), pas de décoration (CSS)

Il peut être considéré comme un SEO noir, alors que cela fonctionne dans certains cas, je pense que vous pouvez être pénalisé.

FWIW: concernant toutes les discussions sur le fait d'être pénalisé par "The Central Scrutinizer", Google lui-même cache le texte sur sa <h2 class="hd">Search results</h2>page de résultats de recherche :

.hd {
   height: 1px;
   overflow: hidden;
   position: absolute;
   top: -1000em;
   width: 1px;
}