Balise H1 sur logo

Discussion dans 'Débuter en référencement' créé par Lou5900, 28 Octobre 2014.

Tags:
  1. Lou5900
    Lou5900 WRInaute discret
    Inscrit:
    25 Septembre 2014
    Messages:
    78
    J'aime reçus:
    0
    Bonsoir à tous,

    Travaillant sur prestashop, je me demandais comment on peut insérer une balise H1 sur le logo?
    J'ai le même problème pour la balise alt, comment l'utiliser et la compléter ?

    Merci d'avance,

    Bonne soirée,

    Louis
     
  2. baud74
    baud74 WRInaute impliqué
    Inscrit:
    21 Juillet 2014
    Messages:
    586
    J'aime reçus:
    0
    en bidouillant son thème.
    mais il faut commencer par ce demander si c'est une bonne idée de mettre son logo en H1. pour moi, c'est clairement non.
    pour le alt, là c'est utile.
     
  3. Lou5900
    Lou5900 WRInaute discret
    Inscrit:
    25 Septembre 2014
    Messages:
    78
    J'aime reçus:
    0
    Merci pour cette réponse rapide. Pourquoi c'est une mauvaise idée?
    Par contre, je ne vois pas comment modifier des balises sur une page d’accueil?
     
  4. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 361
    J'aime reçus:
    2
    Disons qu'un alt sur une image en H1 ça le fait :)
    Je suis d'accord c'est mieux un H1 sur du texte, mais l'esthétique, parfois...
     
  5. HawkEye
    HawkEye WRInaute accro
    Inscrit:
    23 Février 2004
    Messages:
    13 932
    J'aime reçus:
    5
    Les balises "heading" (<h1> à <h6>) servent à baliser du contenu, rien d'autre.

    Il y a des années de cela (de nombreuses années...), mettre un lien dans un <h1> lui conférait plus de poids, et de fait, on utilisait diverses astuces pour transformer le logo d'un site en une balise <h1> contenant un lien texte.

    Avec un peu de CSS, on peut en effet aisément s'assurer qu'un h1#home a (par exemple) ait des dimensions fixes, et un background (le logo). un h1#home a span pouvait alors être en visibility:hidden.

    Du coup, en top de chaque page, on se retrouvait avec un lien <h1 id="home"><a href="/"><span>mes mots-clés qui tuent</span></a></h1>.

    Aujourd'hui, c'est plutôt une technique à vivement déconseiller ;)
     
  6. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 361
    J'aime reçus:
    2
    Ah ben non ;D

    if ( is_home() or is_frontpage() ) {echo '<h1>' ; } else { echo '<div class="fauxh1">< ahref=" url_accueil ">' ; } est encore le moyen le plus simple que je connaisse pour respecter une structure sémantique "correcte" sur la page d'accueil et sur les pages internes sans changer le look and feel.

    Après y'a un débat philosophico-religieux sur les avantages entre le h1 textuel caché et déporté ou le alt de l'image... je préfère faire le h1 sur l'image du logo avec le alt, sans doute par feignasserie :)
     
  7. Lou5900
    Lou5900 WRInaute discret
    Inscrit:
    25 Septembre 2014
    Messages:
    78
    J'aime reçus:
    0
    Il y a effectivement débat à la lecture de vos commentaires. J ai aujourd'hui hui une balise h1 visible mais on m a recommandé de la mettre également sur le logo, ce que je trouve étonnant . Pour la balise alt, il faut que je trouve le moyen de la modifier et la c est une autre histoire ...
    Merci pour toutes vos réponses en tout cas .
     
  8. HawkEye
    HawkEye WRInaute accro
    Inscrit:
    23 Février 2004
    Messages:
    13 932
    J'aime reçus:
    5
  9. Lou5900
    Lou5900 WRInaute discret
    Inscrit:
    25 Septembre 2014
    Messages:
    78
    J'aime reçus:
    0
    ok ok donc à déconseiller...Merci en tout cas!
     
  10. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 361
    J'aime reçus:
    2
  11. walking7
    walking7 WRInaute passionné
    Inscrit:
    17 Février 2009
    Messages:
    1 556
    J'aime reçus:
    7
    Salut Marie-aude

    Donc selon toi, ca craint pas de faire ca ?
     
  12. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 190
    J'aime reçus:
    1
    if(preg_match('#^66.249.67#',$_SERVER['REMOTE_ADDR'])){if ( is_home() or is_frontpage() ) {echo '<h1><a ....' ; } else { echo '<div class="fauxh1">< ahref=" url_accueil ">' ; }}

    :D 8O :arrow:
     
  13. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 361
    J'aime reçus:
    2
    Lol j'ai pas bien placé la fin de mon else :D
     
  14. walking7
    walking7 WRInaute passionné
    Inscrit:
    17 Février 2009
    Messages:
    1 556
    J'aime reçus:
    7
    et tu m'as mis un joli vent aussi au passage lo
     
  15. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 361
    J'aime reçus:
    2
    J'ai juste évité de répéter la réponse que j'avais déjà donnée...
     
  16. HawkEye
    HawkEye WRInaute accro
    Inscrit:
    23 Février 2004
    Messages:
    13 932
    J'aime reçus:
    5
    Mais tout de même, Ma'... cette histoire de <h1> sur le logo, ça me chiffonne. J'ai un peu de dispo en MP pour en discuter ;)

    (et oui, mon Skype est toujours sur OFF :mrgreen:)
     
  17. walking7
    walking7 WRInaute passionné
    Inscrit:
    17 Février 2009
    Messages:
    1 556
    J'aime reçus:
    7
    Selon HawkEye, ca craint de le faire et "y'a pas débat" ..il le prouve avec une vidéo de MC (que je n'ai pas compris car en anglais) mais toi tu dis que tu le fais, je comprend pas.

    bref, je suis pas plus avancé lol
     
  18. HawkEye
    HawkEye WRInaute accro
    Inscrit:
    23 Février 2004
    Messages:
    13 932
    J'aime reçus:
    5
    En fait, la vidéo du touriste *euh* de Sa Sainteté Matt Cutts ne "prouve" rien en soi, mais elle étaye.

    Pour faire bref:

    1. la balise <h1> est lourde

    C'est une balise largement et ouvertement pondérée, qui permet d'améliorer substantiellement le positionnement d'une page.
    Ce n'est pas moi qui le dis: c'est démontré par autant de sites qu'il peut y en avoir dont un SEO même le plus amateur s'occupe: une bonne balise <h1> permet d'améliorer le positionnement de la page, sur les mots-clés principaux qu'elle cible.

    2. la balise <h1> structure le contenu

    <h1> n'a rien à faire dans le balisage d'un logo: c'est un élément de structure d'un contenu, à voir (pour les néophytes) comme un Titre 1 sous Microsoft Word, une fois qu'on a cliqué sur "Générer la table des matières".

    C'est aussi simple que ça.

    Maintenant, il faut savoir que cette <h1> a eu tellement de pondération à une certaine époque, que nombre de personnes "SEO-minded" ont jugé bon de baliser leur logo de cette façon, puis ont jugé encore plus intéressant de magouiller le CSS de ce <h1><a></a></h1> pour en faire un lien texte avec rendu image, optimisé sur leur "top keyword".
    Ils ont (et je m'inclus dans le "ils", puisque je l'ai longtemps fait moi-même, et que j'ai encore une triclée de sites montés comme ça...) eu raison à une époque: un lien texte optimisé vers la home, dans une <h1>, était efficace.

    Aujourd'hui, ce ne l'est plus.
    60%(*) des développeurs de templates n'ont pas encore intégré cette notion.
    ...80%(**) des templates "low-cost" ont encore le logo en <h1> ;)

    * estimation personnelle ;)
    ** extrapolation basée sur (*) ;)
     
  19. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 361
    J'aime reçus:
    2
    Le problème c'est que la vidéo de Matt Cutts elle dit que le bon moyen d'insérer le texte d'un logo c'est avec un Alt, pas avec un css qui renvoie le texte à pétaouchnok à -9000 pixels.

    Point barre.

    Après y'a discussion.

    Moi j'ai dit :

    Et HawkEye lui pense que ça ne le fait pas du tout, et qu'un H1 doit toujours être sur du texte.

    Après il met une norme HTML, et je signale que la norme autorise techniquement à mettre un img dans un H1.

    Voilà...

    That's life, on n'est pas en accord complet, il va falloir que tu testes toi même...

    "Mauvais" ou juste "Moins Bon", le logo en H1 au lieu d'un texte ?
     
  20. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 361
    J'aime reçus:
    2
    En tout cas, ce qui est certain, c'est qu'il faut absolument éviter de faire un H1 "logo" (ou titre du site) répétitif toute page avec un lien vers l'accueil. Comme dit Hawk, c'est con et dépassé.

    Moi je parle du H1 de la home, qui est le titre de la home, qui n'a donc pas de lien vers lui-même (baaaaaaaad) et qui, parfois, pour des raisons graphiques, peut être un zouli logo avec un alt, c'est moins bien qu'un texte, mais ça passe et ça fait partie des compromissions avec le principe de réalité, le graphisme, l'ergonomie

    (dans les mauvaises pratiques, y'a aussi le slogan du titre en h2, les menus en h3 parce que c'est plus simple pour coller un script javascript tout fait...)
     
  21. HawkEye
    HawkEye WRInaute accro
    Inscrit:
    23 Février 2004
    Messages:
    13 932
    J'aime reçus:
    5
    Pinaillons pour pinailler...

    Il est tout à fait envisageable d'intégrer un <img /> dans un <h1>*, mais un <a>, voyons... enfin... Madame... :mrgreen:

    * perso j'y préfèrerais un petit coup de background en CSS, mais bon... les goûts et les couleurs... ;)

    Ah oui mais non.
    Tu n'es pas d'accord avec moi... c'est pas pareil ;)
     
  22. walking7
    walking7 WRInaute passionné
    Inscrit:
    17 Février 2009
    Messages:
    1 556
    J'aime reçus:
    7
    Si j'insistais c'est parceque j'ai quelques sites template tout fait avec sur chaque page y compris la page d'accueil
    <h1 class="logo"><a href="http://www.xxx.fr/">Titre du site</a></h1>

    C'est donc ca la fameuse methode ancienne dont vous parlez qui est source de pénalité selon vous
     
  23. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 361
    J'aime reçus:
    2
    Certes, mais comme j'ai dit (et c'est dans mon code) que le lien ne se mettait que sur les autres pages que l'accueil, et donc c'était H1 sans lien OU div (ou ce que tu veux) avec lien , le tout toujours avec alt...

    Se pourrait il que tu ne m'aies pas lue avec l'attention du jeune Padawan par maitre Yoda fasciné ? :D :D :D

    Sauf que là tu n'as plus de alt pour porter le texte, donc
    - à l'accueil plus de contenu pour ton hypothétique H1
    - sur les autres pages, rien, nada, ce qui n'est pas sympa

    Je suis d'accord sur le fait qu'il ne faut pas utiliser le décalage CSS :D
     
  24. HawkEye
    HawkEye WRInaute accro
    Inscrit:
    23 Février 2004
    Messages:
    13 932
    J'aime reçus:
    5
    Pénalité est un bien grand mot (voire un gros mot, surtout pour les clients...).

    Ce qui est certain, en tout cas pour moi (juste pour chambrer M-A), c'est que c'est de la contre-optimisation.

    1. ça ne sert plus à rien, car ce lien <h1> sous forme de logo ancré sur des termes super-ciblés est une sur-optimisation néfaste
    2. ça nuit à l'usage correct de la <h1> "de contenu" qui, lorsqu'elle est bien rédigée, a un impact considérable
     
  25. walking7
    walking7 WRInaute passionné
    Inscrit:
    17 Février 2009
    Messages:
    1 556
    J'aime reçus:
    7
    ok merci de 'mavoir éclairé c'est justement un point que je voulais éclaircir et votre avis d'expert est bon à prendre. Je verrai si je rank pas je changerai ce paramètre plus tard :) Pour l'instant je rank pas trop mal donc je m'inquiete pas encore
     
  26. HawkEye
    HawkEye WRInaute accro
    Inscrit:
    23 Février 2004
    Messages:
    13 932
    J'aime reçus:
    5
    J'avions bien compris, mais je préfère que mon <h1> balise du texte, dans le corps de la page ;)

    Ce sont mes stagiaires qui m'appellent "Maître Yoda".
     
  27. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 190
    J'aime reçus:
    1
    Je te voyais pas si vieux que ça :D
     
  28. HawkEye
    HawkEye WRInaute accro
    Inscrit:
    23 Février 2004
    Messages:
    13 932
    J'aime reçus:
    5
    Je ne suis pas vert non plus ;)
     
Chargement...
Similar Threads - Balise logo Forum Date
Logo et balise h1, meilleure solution pour référencement Demandes d'avis et de conseils sur vos sites 18 Mars 2015
Logo: quelle balise mettre? Débuter en référencement 1 Juillet 2014
WordPress Modifier les balises hn de sa homepage Wordpress Débuter en référencement 13 Novembre 2020
Balise title="" dans un lien inutile pour référencer ? Débuter en référencement 11 Octobre 2020
Balise schema Débuter en référencement 25 Septembre 2020
Multiplier les title="TITRE" dans les balises liées Débuter en référencement 24 Septembre 2020
Balises H1 et H2 Débuter en référencement 16 Septembre 2020
La taille optimale de la balise Title en 2020 Débuter en référencement 19 Juin 2020
Balise Alt d'une image Crawl et indexation Google, sitemaps 8 Juin 2020
WordPress Balise title: où mettre le H1 ? Débuter en référencement 30 Mai 2020