Je voudrais utiliser un menu cliquable sans JS sur mon site Web en utilisant uniquement du CSS pur pour afficher et masquer les sous-menus. Juste comme ceci: https://codepen.io/Tont/pen/hdsev
La fonctionnalité de ce menu est basée sur les cases à cocher de saisie masquées et ses états coché/non coché. Les cases à cocher sont placées dans l'arborescence UL LI avant les sous-branches.
Je voudrais savoir si vous le trouvez bon, mauvais ou sans importance du point de vue du référencement (ou de Google bot)?
Googlebot trouvera et suivra des liens dans des menus déroulants. Il n'y a pas de problème de référencement avec les menus cachés et la découverte de liens.
Google a tendance à ne pas indexer le texte qui n'est pas visible par les utilisateurs lors du premier chargement de la page. Les menus ne contiennent pas beaucoup de texte important. Le texte qu'ils ont tendance a aussi tendance à être utilisé dans les titres de page. Il n'y a aucun problème avec le contenu caché qui n'est pas indexé lors de l'utilisation des menus déroulants.
Google pénalise les sites qui intègrent des mots clés dans du texte masqué pour tenter de les indexer. Les sections que les utilisateurs peuvent facilement afficher via un clic ne sont pas problématiques de ce point de vue. Google choisit généralement de ne pas indexer leur contenu, mais cela ne sera pas pénalisant pour le masquage de fonctionnalités tant que l'utilisateur n'aura pas cliqué. Un menu déroulant avec un contenu initialement masqué ne posera pas de problèmes de référencement en raison des pénalités de spam par mot clé.
Google se moque bien du balisage HTML que vous utilisez. En plus de <title>
et de diverses balises méta, Google n’est pas très difficile. Vous pouvez utiliser à peu près tous les tags qui fonctionnent bien pour les utilisateurs. Google dit depuis longtemps qu'ils indexent le Web comme étant le trouver et non comme ils le voudraient. Ils n'ont jamais optimisé les sites en termes de correction sémantique, de validation HTML ou de bonne utilisation du code. Le fait que vous utilisiez des cases à cocher masquées est sans importance pour Google. Vous pouvez stocker l'état du menu dans des licornes cachées pour tout ce qui les intéresse, à condition que cela fonctionne pour les utilisateurs.
Le menu déroulant de navigation devrait convenir au référencement et devenir un élément essentiel de l’Internet. Personnellement, je recommanderais également d’ajouter un menu de survol.
Google peut comprendre la différence entre le contenu extensible et le contenu qui est réellement caché de l'utilisateur sur une page. Les menus déroulants appartiennent à la catégorie des contenus extensibles et Google sait que cela est très utile pour les utilisateurs de sites Web.