Rechercher un thème :
Solutions >   
Toute l'encyclo pratique

Utiliser display:none est-il sans danger pour le SEO ?

Fiche pratique
Il peut y avoir sur une page du contenu invisible, mais Google peut ne pas apprécier que l'on dissimule du contenu pour améliorer son SEO.
 
 
Dernière mise à jour : juillet 2017
 
Dans beaucoup de sites web, il existe des éléments cachés à l'internaute. Ces éléments ne sont affichés qu'avec un traitement particulier. Cela peut être le cas d'un formulaire par exemple. Pour effectuer ce genre de manipulation, on peut utiliser la propriété CSS "display".

En affectant à la propriété "display" la valeur "none", on rend cet élément non visible sur la page.

<!-- Division visible -->
<div><span>Je suis visible</span></div>

<-- Division non visible -->
<div style="display: none;"><span>Je suis visible</span></div>

On pourrait donc, en théorie, masquer par exemple un titre affiché dans une balise <h1> pour des questions de référencement. Mais ce n'est pas une bonne idée.

En effet, les robots des moteurs de recherche ont la capacité de télécharger le code source de la page pour l'afficher. Ils peuvent également lire les fichiers CSS. Ils sont donc capables de déterminer si le contenu est visible ou non pour l'utilisateur. Ils peuvent même pénaliser le site s'ils jugent que c'est une tentative de "Back Hat SEO", c'est-à-dire une stratégie abusive, et interdite par Google, pour améliorer le référencement du site.

La meilleure solution consiste à utiliser le moins possible de contenus invisibles. S'il doit y en avoir quand même, le contenu invisible doit être présent dans un but autre que celui du référencement (un formulaire ou une fenêtre d'aide affichée en pop-up, par exemple). 
De plus, préférez l'utilisation du JavaScript pour cacher ces éléments. Le robot de Google, le Googlebot, a la capacité d'exécuter du code JavaScript pour ensuite analyser les effets sur le code source, mais l'exécution du code JavaScript n'est pas systématique, et tous les moteurs de recherche n'ont pas forcément cette capacité.
 
 
Copyright Benchmark Group Envoyer à un ami | Imprimer  
 

 
 
 

Google Analytics et SEO
Fiches pratiques
 Activer l'URL Rewriting avec Drupal 7 Ajax : optimiser le référencement et le crawl d'une application web monopage Ajouter le code de Google Analytics à un site PHP
 Android : comment utiliser Google Analytics pour mesurer des fragments API Google Analytics : comment régler le problème de login ? Bien faire apparaître un événement dans Universal Analytics : un clic par exemple
 Bien installer Google Analytics version Universal sur un site en AJAX Bien mettre en place le User ID d'Universal Analytics Ce que veulent dire les chiffres dans les cookies _ga d'Universal Analytics
 Comment ajouter Google Analytics à Drupal ? Comment ajouter l'ID de suivi de Google Analytics aux pages GitHub ? Comment avoir les rapports "Données démographiques" et "Centres d'intérêt" dans Google Analytics
 Comment combiner les statistiques de plusieurs sites dans Google Analytics ? Comment comprendre les informations Google Click ID (gclid) et les extraire ? Comment connaître le nombre d'impressions des pages avec Google Analytics ?
 Comment indiquer un en-tête "Vary: Accept-Encoding" dans .htaccess ? Conseils pour améliorer le SEO d'une application web monopage Empêcher l'indexation des paramètres d'URL avec robots.txt
 Empêcher l'indexation d'un site miroir (un sous-domaine) via le fichier robots.txt Faire fonctionner Google Analytics avec Rails 4 Générer des URL optimisées pour le SEO avec PHP [URL Rewriting]
 Gérer le SEO pour escaped_fragment (AJAX) Google Analytics API : résoudre le problème de permission (erreur 403) Google Analytics : ce que veut dire
 Google Analytics : comment connaître le nombre de visiteurs sur une page précise ? Google Analytics : comment supprimer une propriété Google Analytics : comment supprimer une vue
 Google Analytics : comment supprimer un site Google Analytics : faire marcher la configuration avancée des événements (avec onClick et jQuery) Google Analytics pour iOS : comment mesurer les écrans avec GAITrackedViewController ?
 Google Analytics : pourquoi la fonctionnalité "analyse des pages web" ne marche pas ? Google Analytics : résoudre le problème du code de suivi non installé .htaccess : mettre en place une page 404 personnalisée
 .htaccess : mettre en place une redirection sans changer l'URL Indexer de l'AJAX et du contenu généré dynamiquement Installer Google Analytics sur un site d'une seule page (ou "monopage")
 Installer Google Analytics sur un sous-domaine Liens : quand utiliser rel="external" ou rel="nofollow" ? Mesurer des sous-domaines avec Universal Analytics et Google Tag Manager
 Mesurer le remplissage des formulaires avec Google Analytics (via les événements) ? Mesurer les URL dans les iframes avec Google Analytics  Mettre en place les variables personnalisées avec Universal Analytics et analytics.js
 Migrer vers Universal Analytics : comment suivre les pages vues et les dimensions personnalisées ? Obtenir les statistiques Google Analytics avec Ruby on Rails OpenCart : comment enlever "index.php?route=common/home" ?
 Peut-on exporter un historique complet de données Google Analytics ? Pourquoi certains chiffres de Google Analytics peuvent différer de ceux de Flurry Analytics Pourquoi Google Analytics n'arrive pas à mesurer les vues sur iOS ?
 Pourquoi un site n'apparaît pas dans Google ? Quel code ajouter pour suivre les événements dans Google Analytics ? Quel est le code Google Analytics permettant de mesurer les événements OnClick ?
 Quelle différence entre "Temps moyen passé sur la page" et "Durée moyenne des sessions" dans Google Analytics ?  Quelles différences entre ga ou _gaq.push pour analyser des événements dans Google Analytics ? Quelle URL du sitemap mettre dans le robots.txt ?
 Rediriger des pages .php vers .html via .htaccess Rich Snippet : faut-il utiliser plusieurs attributs itemprop pour un seul élément ? SEO : empêcher l'indexation de parties de pages
 SEO : empêcher l'indexation de parties de pages SEO et Opencart : résoudre un problème d'URL mal optimisée  SEO : les avantages de WordPress sur des pages HTML écrites soi-même
 SEO : optimiser les URL des pages catégories et des pages produits dans Magento Site ASP.net MVC : comment rediriger toutes les pages sans www vers les pages avec www ? Sites référents dans Google Analytics : comment bloquer le trafic venant de certains sites via .htaccess ?
 Suivre les commentaires sur un blog avec Universal Analytics Suivre un appel Ajax avec Google Analytics (version Universal Analytics) Universal Analytics : comment suivre les transactions sur Magento ?
 Universal Analytics : quel est le client ID pour envoyer des mesures à Google Analytics ? Utiliser display:none est-il sans danger pour le SEO ?  Utiliser $_GET pour avoir de bonnes URL pour le SEO
 Variables personnalisées : les différences entre Universal Analytics et Google Analytics