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 180
    J'aime reçus:
    330
    - 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:
    945
    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 868
    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:
    945
    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
Ou placer sa balise canonical Référencement Google 18 Août 2021
OPTIMISER LES BALISES HTML D’UN SITE WEB  Développement d'un site Web ou d'une appli mobile 28 Juillet 2021
Importance de la balise title Débuter en référencement 6 Juillet 2021
140 URL exclues balise noindex smartphone Problèmes de référencement spécifiques à vos sites 18 Juin 2021
La balise "title" n' apparait pas de la même façon que dans le code source. Débuter en référencement 1 Juin 2021
Search Console noindex détecté dans la balise Meta robots Débuter en référencement 21 Mai 2021
Choix de balise de données structurées pour un service en ligne gratuit Débuter en référencement 31 Mars 2021
WordPress Problème avec catégories et balises canoniques Crawl et indexation Google, sitemaps 25 Mars 2021
Test SEO : balises vides qu'il faut enlever Demandes d'avis et de conseils sur vos sites 24 Mars 2021