Placer une image sur un texte H1 est-il un problème de référencement?
Nous avons une image principale sur chaque page d'un site Web. Cette image comprend du texte.
Nous souhaitons utiliser du texte dans l'image sous la forme h1, mais le rendre texte en direct sur l'image poserait problème en raison de problèmes de réactivité.
Et si on plaçait le h1 texte en direct sous l’image (il ne serait PAS visible en utilisant z-index etc.)?
S'agirait-il d'un problème de référencement et Google n'aimerait-il pas cela?
La balise <img> est classée selon le standard de vie en tant que Contenu du flux et <h1> </h1> accepte le contenu du flux. Il est bon d’utiliser la balise image à l’intérieur de toute balise de titre.
En termes de SEO, le problème sera de tenter de présenter un contenu visible pour les robots mais caché à l'utilisateur. Selon Google, il s'agit d'un violation directe de leurs directives . Vous pouvez facilement déclencher une pénalité s'ils détectent, par un algorithme, que vous essayez de manipuler les classements de cette façon.
Toutefois, vous pouvez toujours masquer le texte de l'utilisateur à des fins légitimes, telles que accessibilité .
Selon WebAim , il existe plusieurs techniques pour masquer le contenu pour l'utilisateur, mais pas pour les lecteurs d'écran, cela permettra aux personnes handicapées de "voir" les contenu, mais pas les utilisateurs réguliers. Cette technique consiste à positionner le texte hors écran:
.hidden {
left:-10000px;
}
Bien sûr, il existe certaines limitations, telles que vous ne pouvez pas utiliser cette technique si l'image à l'intérieur du H1 sera utilisée comme lien.
Pour plus d'informations sur les techniques que vous pouvez implémenter visitez cette page .