Balise h et display: none

Discussion dans 'Rédaction web et référencement' créé par Corrigeur, 1 Octobre 2011.

  1. Corrigeur
    Corrigeur WRInaute occasionnel
    Inscrit:
    20 Mai 2011
    Messages:
    335
    J'aime reçus:
    1
    Certains nous disent que le display:none pourrait être considéré comme une tentative de fraude.

    Or, beaucoup d'outils génériques pour faire des CMS, des boutiques, ou des forums affichent par défaut un bandeau avec h1 en display:none, et ce display:none est basculé en visible lorsque l'utilisateur choisit de ne pas afficher ce bandeau.

    Plus généralement, la plupart des outils de basculement (spoiler) utilisent abondamment la technique du display:none pour afficher ou cacher du contenu selon le contexte.

    Qu'en pensez-vous en tant que référenceur ?
     
  2. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 207
    J'aime reçus:
    365
    - Si le <h1> contient les mêmes infos que le bandeau, je ne vois pas de problème, c'est une pratique courante.
    - Si c'est pour gruger Google ...
     
  3. Corrigeur
    Corrigeur WRInaute occasionnel
    Inscrit:
    20 Mai 2011
    Messages:
    335
    J'aime reçus:
    1
    Ceci sera-t-il pénalisant ?
    Code:
    <div style="display:none;">
    	<h1>Le titre de la page</h1>
    </div>
    <div style="background: le bandeau avec un fond en image;">
    	<ul class="menu">
    		<li>menu 1</li>
    		<li>menu 2</li>
    	</ul>
    </div>
    
     
  4. luxe-campagne
    luxe-campagne WRInaute impliqué
    Inscrit:
    8 Octobre 2005
    Messages:
    938
    J'aime reçus:
    0
    On peut appliquer le style directement sur le h1, sans rajouter un div parent.

    Je conseillerais plutôt d'envoyer le h1 sur saturne en le positionnant car c'est plus compatible avec les navigateurs accessibles, qui n'affichent pas toujours les infos en display none.
    Dans la css :
    h1.invisible {
    position: absolute;
    top: -999em;
    }
    et dans le code html de la page :
    <h1 class="invisible">bla bla bla</h1>
     
  5. Corrigeur
    Corrigeur WRInaute occasionnel
    Inscrit:
    20 Mai 2011
    Messages:
    335
    J'aime reçus:
    1
    Il semblerait que cette technique de décalage négatif, autrefois fort prisée, est à bannir, car elle propose un contenu différent pour les moteurs de recherche et pour les autres utilisateurs.
     
  6. fredfan
    fredfan WRInaute accro
    Inscrit:
    2 Juillet 2008
    Messages:
    2 850
    J'aime reçus:
    2
    Il vaudrait mieux l'afficher normalement en html et le déplacer ou le masquer en javascript. Il n'y aurait pas de risque d'être perçu comme un tricheur et le titre sera affiché par un navigateur sans js
     
  7. luxe-campagne
    luxe-campagne WRInaute impliqué
    Inscrit:
    8 Octobre 2005
    Messages:
    938
    J'aime reçus:
    0
    bonne idée Fredfan.

    @phpDesigner : ce n'est pas différent de mettre display:none;
    cela cache un élément, c'est le même principe avec une méthode différente. Il s'agit juste d'employer une méthode plus accessible pour les navigateurs adaptés.
     
Chargement...
Similar Threads - Balise display none Forum Date
Référencement balise h1 cachée par display none Référencement Google 28 Mai 2013
Référencement du contenu placé dans une balise avec style display=none Débuter en référencement 26 Juin 2009
Pb : Ajout automatique d'une balise display:none Problèmes de référencement spécifiques à vos sites 17 Juin 2009
balise <DIV style="DISPLAY: none"> Problèmes de référencement spécifiques à vos sites 18 Août 2005
Problème de duppication de la balise meta descritpion Débuter en référencement Jeudi à 17:11
Balise IMG avec fihcier SVG et width:auto;height:auto; Développement d'un site Web ou d'une appli mobile 29 Novembre 2022
Page indexée 2 fois avec balise Title différente Crawl et indexation Google, sitemaps 21 Octobre 2022
Comment Modifier une balise H1 non paramétrable par du CSS Débuter en référencement 13 Octobre 2022
Balise meta name description non prise en compte par Google Référencement Google 19 Septembre 2022
Mettre le nom du site internet dans toutes les balises title Débuter en référencement 17 Septembre 2022
Search Console Comment réparer l'affichage de Google dans la mauvaise balise de description Meta ? Problèmes de référencement spécifiques à vos sites 19 Août 2022
Audit RM Tech - balise titre et Hn Demandes d'avis et de conseils sur vos sites 2 Août 2022
images ; balises ALT et duplicate content Débuter en référencement 9 Juillet 2022
Balise méta description : faut-il insérer son mot-clé ? Débuter en référencement 2 Juillet 2022
Quel est l'impact SEO de changer le titre des pages et la balise H1 chaque mois? Débuter en référencement 11 Avril 2022
Utiliser la balise URL canonique entre plusieurs sites Référencement Google 28 Mars 2022
De l'aide pour ma localisation dans les balises SEO Demandes d'avis et de conseils sur vos sites 23 Février 2022
WordPress Rôle de la balise figure en référencement Référencement Google 17 Février 2022
Balise title une structure performante linéaire ou non ? Débuter en référencement 10 Janvier 2022
images en responsive, balises et rapidité de chargement Développement d'un site Web ou d'une appli mobile 20 Décembre 2021