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:
    32 139
    J'aime reçus:
    272
  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:
    32 139
    J'aime reçus:
    272
    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 logo Débuter en référencement 28 Octobre 2014
Logo: quelle balise mettre? Débuter en référencement 1 Juillet 2014
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
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice