Le contenu des onglets basé sur Z-index est-il plus convivial pour le référencement que pour l'affichage: aucun?
J'ai créé rapidement une preuve de concept dans Codepen, sur laquelle j'aimerais avoir des conseils. Est-ce que ce serait plus convivial pour le SEO que le contenu à onglets avec display:none?
Je ne cherche pas à tomber du mauvais côté de Google et souhaite obtenir un avis éclairé à ce sujet avant de passer un stylo rapide.
Les moyens techniques utilisés pour masquer le contenu n'ont aucune importance pour Google. Google peut détecter divers mécanismes utilisés pour masquer du texte:
display:nonevisibility:hidden- zIndex
- Couleur du texte correspondant à la couleur de fond
- Déplacement d'un élément hors de l'écran
Google ne pénalisera un site pour le texte masqué que dans les cas où le site tente de tromper Google en l'indexant sur un contenu non visible par les utilisateurs. Masquer le contenu dans un onglet que les utilisateurs peuvent facilement cliquer pour voir ne fera pas pénaliser un site, quels que soient les moyens techniques utilisés pour masquer les onglets.
D'autre part, Google choisit généralement de ne pas indexer le texte qui n'est pas visible sur la page lors de son chargement. Même si Google l'indexe, il est peu probable qu'il soit bien classé pour ses mots clés. Peu importe les moyens techniques que vous utilisez pour masquer le texte, le texte masqué a peu de valeur SEO.
Si le texte est suffisamment important pour être indexé et classé dans les moteurs de recherche, vous devez le placer sur sa propre page. En cliquant sur l'onglet devrait changer l'URL. Les utilisateurs qui entrent dans cette URL unique doivent voir le contenu de cet onglet.
L'affectation d'un onglet à une URL n'empêche pas nécessairement l'utilisation de JavaScript pour afficher et masquer les onglets. Lorsque JS affiche et masque les onglets, il peut utiliser pushstate pour modifier l'URL. Lorsque la page est chargée, l'onglet approprié peut être affiché côté serveur ou côté client en fonction de l'URL.
Le masquage de contenu à l'aide de display: none; ne constitue un problème que si vous essayez d'influencer artificiellement votre classement SERP.
Google explore maintenant CSS et JavaScript afin d'identifier les situations dans lesquelles display: none; est utilisé pour jouer au système et lorsqu'il est utilisé pour les fonctionnalités réactives et interactives d'un site Web. Tant que Google pourra accéder à vos fichiers CSS et javascript (par exemple, vous ne bloquez pas ces répertoires à l'aide de votre fichier robots.txt), vous ne rencontrez aucun problème. En plus de cela, il existe un grand nombre de raisons légitimes d'utiliser display: none; dans les sites Web modernes.
L'utilisation légitime de cette technique est tellement répandue que je m'attendrais rarement à ce que les moteurs de recherche pénalisent un site pour l'utilisation de l'attribut display: none. Il est juste très difficile de mettre en œuvre un algorithme qui puisse vraiment révéler si l’utilisation particulière de l’affichage: aucun n’est censé tromper les moteurs de recherche.
Eric Enge - Stone Temple Consulting (Conseil en référencement)
Source
Et...
Nous pouvons signaler le texte qui semble être masqué en utilisant CSS chez Google. À ce jour, nous n’avons pas supprimé de sites algorithmiques pour cela. Nous nous efforçons d'éviter de jeter les bébés avec l'eau du bain.
Matt Cutts - Ingénieur logiciel Google
Source
Sur la base de ce qui précède, j'aurais tendance à dire qu'il ne serait pas nécessaire d'utiliser z-index sur display: none; et à partir d'autres articles que j'ai vus auparavant par Google, que vous utilisiez z-index ou display: none; aura sensiblement le même effet avec Google, à savoir que s'il est utilisé pour quelque chose comme un contenu tabulé, aucun problème, mais s'il est utilisé pour spammer votre page ou gonfler artificiellement votre classement SERP vous vous retrouverez à courir contre le redouté manchot .
mise à jour # 1
Merci à OP pour sa référence. En fait, Google classe le contenu tabulé plus bas, car il est considéré comme du contenu secondaire. Cela dit, je maintiendrais toujours ma déclaration selon laquelle utiliser z-index et display: none; sera traité de la même manière que Google indique que le masquage de contenu derrière un autre contenu est également classé comme contenu masqué et peut potentiellement être classé dans le référencement Black gat en fonction de votre implémentation. En tant que tel, que vous utilisiez ou non z-index pour le contenu à onglets, je dirais que cela entraînerait toujours un classement similaire à afficher: aucun ;. Selon vos références dans les commentaires, si le classement est un problème énorme par rapport à l'UX, le mieux serait de ne pas utiliser la tabulation par n'importe quel moyen et peut-être de regarder dans les liens de page. Peut-être envisagez-vous de faire des onglets basés sur AJAX, car ils ne seraient pas classés comme contenu masqué et Google indique désormais qu'ils sont en mesure d'explorer le contenu basé sur AJAX ajouté à la page à l'aide d'événements onclick tels que tant qu'ils peuvent analyser JavaScript pour identifier la source AJAX sur le serveur.