Référencement H1 et images non black hat

Discussion dans 'Débuter en référencement' créé par vitom, 26 Mars 2012.

  1. vitom
    vitom Nouveau WRInaute
    Inscrit:
    26 Mars 2012
    Messages:
    2
    J'aime reçus:
    0
    Hello à tous,

    Pour conserver l'aspect esthétique :oops: de mon site, je souhaiterais qu'une image sur la page d'accueil serve de <h1>, j'ai vu cette technique qui a l'air intéressante :

    Dans mon html :

    Code:
          
    <h1 id="test">
            Texte du H1
            <span></span>
    </h1>
    
    Dans mon css :

    Code:
    h1#test {height: 20px;overflow: hidden;position: relative;width: 100px;}
    h1#test span {background: url('image.gif') no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
    Ca semble idéal, mais est-ce ok comme technique ? ou y'a t-il une autre solution ? (tout en gardant une image of course)

    Merci pour votre aide :)
     
  2. fredfan
    fredfan WRInaute accro
    Inscrit:
    2 Juillet 2008
    Messages:
    2 851
    J'aime reçus:
    2
    Du moment que le texte du h1 est le même que le texte de l'image il n'y a pas de problème
     
  3. cedric_g
    cedric_g WRInaute accro
    Inscrit:
    18 Janvier 2006
    Messages:
    2 930
    J'aime reçus:
    2
    Bonjour

    Même avis : du moment qu'il n'y a pas tromperie sur la marchandise, no problem.

    Au niveau du code tu peux simplifier (pas la peine d'insérer un SPAN)

    Code:
    <h1>Ici ton ancre texte</h1>
    
    Et au niveau CSS :
    Code:
    h1 {
        text-indent: -5000px;
        background: url('image.gif') no-repeat 0 0;
        width: <largeurdetonimage>px;
        height: <hauteurdetonimage>px;
        display: block;
    }
    
    (à adapter bien sûr)

    Deux avantages à cette méthode :
    - elle permet de créer des sites plus accessibles
    - elle autorise certaines optimisations ;) (dans les limites du raisonnable évoquées !)
     
  4. vitom
    vitom Nouveau WRInaute
    Inscrit:
    26 Mars 2012
    Messages:
    2
    J'aime reçus:
    0
    Merci pour vos réponses :)

    cedric_g dans ta réponse ne penses tu pas que google soit capable de détecter ton "text-indent: -5000px;" et considères que tu es en train de l'enfiler :mrgreen:
    ou alors y'a til un système merveilleux d'OCR sur l'image de remplacement pour vérifier que ça colle avec le texte.. :evil: :?:

    la bonne journée
     
  5. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 024
    J'aime reçus:
    1
    Je sais pas si le texte balancé ailleurs est un gros facteur de sanction, mais en tous cas Google à la capacité de lire ton image en effet.
    Ils utilisent une version a eux de tesseract qui est très très performant. C'est un système OCR doublé avec un correcteur orthographique qui est capable de lire des trucs assez tordu (genre vieux Français). J'ai compilé leur truc chez moi, ça décoiffe.
     
  6. fredfan
    fredfan WRInaute accro
    Inscrit:
    2 Juillet 2008
    Messages:
    2 851
    J'aime reçus:
    2
    L'OCR le plus performant, c'est tes concurrents :twisted:
     
Chargement...
Similar Threads - Référencement images black Forum Date
Référencement - nom des fichiers images Débuter en référencement 22 Septembre 2021
Référencement images : avantage pour photos de mannequins célèbres ? Débuter en référencement 26 Mars 2020
Comment auditer les images pour un bon référencement (et UX) YouTube, Google Images et Google Maps 18 Juillet 2019
Avis sur ImageSEO, notre outil de référencement des images Demandes d'avis et de conseils sur vos sites 5 Février 2019
Référencement Google des images hébergées sur CDN Référencement Google 7 Novembre 2018
Référencement page constituée d'images Demandes d'avis et de conseils sur vos sites 31 Mai 2018
Migration et référencement des images Référencement Google 19 Mai 2018
Problème référencement images Problèmes de référencement spécifiques à vos sites 28 Octobre 2016
Comment marche le référencement des images? Référencement Google 1 Octobre 2016
Conseils en référencement d'images Débuter en référencement 16 Juin 2016
A propos du Référencement des images Débuter en référencement 22 Janvier 2016
Erreur 404 sur des images, nuisible pour le référencement? Débuter en référencement 7 Décembre 2015
Lazy et Référencement des images Référencement Google 29 Juin 2015
Référencement images après changement d'url Débuter en référencement 26 Avril 2015
Hotlinking référencement images Référencement Google 11 Décembre 2014
Référencement d'Images et Guid Débuter en référencement 21 Novembre 2014
Referencement des images avec un code jquery Débuter en référencement 24 Octobre 2014
Question sur le référencement d'images Débuter en référencement 18 Juillet 2014
Référencement : super pour les pages, rien pour les images. Problèmes de référencement spécifiques à vos sites 19 Juin 2013
Incidence d'un script qui empêche la copie d'images sur le référencement? Rédaction web et référencement 20 Octobre 2012