Logo et balise h1, meilleure solution pour référencement

Discussion dans 'Demandes d'avis et de conseils sur vos sites' créé par jojaba, 18 Mars 2015.

  1. jojaba
    jojaba Nouveau WRInaute
    Inscrit:
    18 Décembre 2005
    Messages:
    15
    J'aime reçus:
    0
    Bonjour,

    Du calme !
    Je sais que ce sujet a été déjà traité à multiples reprises et j'ai trouvé quelques messages qui pourraient répondre à ma question.
    Je voudrais afficher un logo à la place de mon texte de la balise h1. La meilleure solution que j'aies pu trouver était de conserver la balise h1 avec son texte et de faire quelque chose comme ça :

    html :
    Code:
    <h1><a href="/">Mon titre</a></h1>
    css :
    Code:
    h1 {
       background: url('logo.png') no-repeat;
       width: 400px; /* largeur de l'image */
       height: 60px; /* Hauteur de l'image */
       text-indent: -3333px; /* Pour cacher le texte */
    }
    Le logo est affiché en fond et le texte est décalé pour le faire disparaître.
    Le souci est que dans ce cas-là, on ne peut pas demander à l'image de s'adapter aux résolutions d'écran inférieures à 400px (je pense là responsive design).

    J'ai pensé faire ceci : Insérer le logo normalement dans la page Web (au début du h1), puis dans la css, faire disparaître le texte. Le code :

    html :
    Code:
    <h1><a href="/"><img src="logo.png" alt=""><span>Mon titre</span></a></h1>
    css :
    Code:
    h1 span {display: none;}
    Qu'en pensez-vous ? Ai-je omis quelque chose ? Est-ce la bonne solution (je sais que la solution parfaite n'existe probablement pas) ?

    Merci d'avance. :)
     
  2. jojaba
    jojaba Nouveau WRInaute
    Inscrit:
    18 Décembre 2005
    Messages:
    15
    J'aime reçus:
    0
  3. Madrileño
    Madrileño Membre Honoré
    Inscrit:
    7 Juillet 2004
    Messages:
    31 566
    J'aime reçus:
    280
  4. jojaba
    jojaba Nouveau WRInaute
    Inscrit:
    18 Décembre 2005
    Messages:
    15
    J'aime reçus:
    0
    Merci Madrileño !

    J'avais fait de la manière suivante sur un de mes sites :

    html :
    Code:
    <h1>Le titre</h1>
    <img src="logo.png" alt="Le titre" />
    css :
    Code:
    h1 {display: none}
    Est-ce également une "bonne solution" ?
     
  5. Madrileño
    Madrileño Membre Honoré
    Inscrit:
    7 Juillet 2004
    Messages:
    31 566
    J'aime reçus:
    280
    Bonjour,

    Il y aura toujours les pour et les contre, pour ce type de technique (cf. le lien précédent).

    Cordialement.
     
Chargement...
Similar Threads - Logo balise meilleure Forum Date
Balise H1 sur un logo / Référencement page d'accueil Rédaction web et référencement 6 Décembre 2020
Balise H1 sur logo Débuter en référencement 28 Octobre 2014
Logo: quelle balise mettre? Débuter en référencement 1 Juillet 2014
Ajouter une balise alt à [(#LOGO_ARTICLE|left)] Développement d'un site Web ou d'une appli mobile 13 Novembre 2005
Problème indexation car élément "url" manquant sur logo Crawl et indexation Google, sitemaps 11 Février 2022
Logos en PNG ou JPG ? Débuter en référencement 7 Novembre 2020
Logos des partenaires: Peut-on les modifier pour que cela soit moins moche? Administration d'un site Web 5 Décembre 2019
Comment faire partie du carrousel de logos dans Google ? Référencement Google 7 Novembre 2019
Logo , ressemblance , confusion ? Droit du web (juridique, fiscalité...) 24 Septembre 2019
H1 sur l'attribut alt d'un logo Débuter en référencement 24 Janvier 2019
Microformats de marque sur logo du site Référencement Google 31 Août 2018
Logo YouTube 2017 et nouveau look du site youtube.com YouTube, Google Images et Google Maps 30 Août 2017
Est ce qu'un logo (image) est considéré comme back link pour Google? Référencement Google 6 Juin 2017
Création de LOGOS Noms de domaine et référencement 18 Juin 2015
Insérer un Logo avec un PlugWordpress Développement d'un site Web ou d'une appli mobile 30 Avril 2015
Problème logo paiement Demandes d'avis et de conseils sur vos sites 31 Octobre 2014
Besoin de vos avis, couleurs et logo de Busy Women Demandes d'avis et de conseils sur vos sites 26 Octobre 2014
Logo Google+ : attention de respecter le design! Google+ 6 Octobre 2014
Logos similaires Droit du web (juridique, fiscalité...) 11 Août 2014
Annuaires web exigants de placer leurs logos ou liens textes en revanche Netlinking, backlinks, liens et redirections 13 Mars 2014