@Jean-Philippe re les img dans les h1. Est-ce vraiment des balises ou du remplacement flash/css/javascript (type sIFR ou Cufón)?

@Loiseau2nuit re les accesskeys je suis d’accord, la mise en place doit permettre aux utilisateurs de choisir quel touche utiliser (si ils le souhaitent).
Re le tabindex IE, FFox et Chrome réagissent de la même manière : prise en compte du tabindex et ensuite retour au ‘flow’ normal du document en évitant les objets déjà « activé ». Il est donc possible d’anticiper la réaction des navigateurs (Safari le prend en compte sur les objet de formulaire et Opera active uniquement les liens ayant un tabindex). Mais je comprend que cela puisse poser des problèmes d’accessibilité.

Re le text-indent:négatif / position:absolute et display:none c’etait plus pour l’accessibilité (étant donné qu’en général on utilise la même technique pour « cacher » du contenu)

Peut-être le commentaire n°3 de http://blog.axe-net.fr/seo-black-hat-ou-white-hat/

Tu saurais me renvoyer le lien stp ??? Merci

Le TabIndex, des spécialistes de l’access m’ont mis en garde contre, et selon moi, à juste titre, pour tout un tas de raison que j’expose déjà dans mes précédents commentaires. La principale étant que l’ordre qui te parait logique n’est pas forcément celui qui le sera dans une configuration non-testée.

Je parlais des navigateurs à synthèse vocale mais il n’y a pas que ça. Sur certains téléphones portables par exemple, pas aussi aboutit que l’IPhone (je pense au mien en particulier, qui embarque un navigateur erzatz qui est propre au constructeur) si tu modifies le flow normal de la page, pour moi ce me semble clair que l’on perds l’utilisateur !

Et le soucis du TabIndex est que dans 9 cas sur 10 il n’est pas cohérent parce que très peu réfléchi. Il ne suffit pas d’intégrer vite fait un tabindex, des accesskey ou autre skiplinks juste parce que « ca fait accessible et c’est bien ». Encore faut-il que ce soit bien fait et comme je le disais, on est encore loin d’une norme finale reconnue par tous. D’où mes réticences à mettre des tabindex et des accesskey inventées, autres que celles sur lesquelles on arrive plus ou moins à être d’accord.

Pour le H1, je ne vois pas ce qui vous empeche de mettre du mot-clé dans le titre de votre page. Bien au contraire ?

Sinon, le text-indent négatif, oui ca marche aussi, comme le position absolute négatif aussi mais soit dit en passant, me semble que ca a la même valeur aux yeux de BigG qu’un display:none; donc l’un dans l’autre…

Et je persiste, tant que ce n’est pas utilisé à outrance, ca n’est pas plus bloquant que ca sinon je’ n’aurais aucun de mes sites dans les SERPs et je suis loin d’être un superman du ref par ailleurs donc …

@Leo : Je partage un peu ton avis extrème pour le H1, qui doit à mon avis servir pour les mots clefs. Par contre, je vois de plus en plus de thèmes wordpress où sont placés des images dans un H1 et certains référenceurs optent aussi pour cette solution, aussi bien en France qu’à l’étranger. Je l’ai constaté à plusieurs reprises sur certains sites institutionnels de blogueurs SEO francophones

on parle ici de placer le logo et le menu à la fin de code HTML et de le replacer visuellement en tête du document grâce au CSS. Si tu souhaites que la tabulation suive le « flow » du document comme il est représenté visuellement, le tabindex est la solution, mais si tu en connais une autre, je suis tout ouïe .

Ayant assisté à plusieurs mises en situations de personnes utilisant le clavier et/ou un logiciel de synthèse vocal, je t’assure que les liens d’évitements sont loin d’être aussi utilisés (et même appréciés) par certains de ces utilisateurs.

Quand à utiliser un H1 pour le logo et en display:none en plus … tu vas te faire tirer dessus par les référenceurs et les pros de l’accessibilité .
Je suis dans l’extrême mais mes h1 je les garde pour les mots clés (et je n’en utilise qu’un seul par page pour le coté sémantique, même s’il est possible d’en avoir plusieurs).
De plus, le display:none n’est en général pas lu par les synthèses vocales, c’est la raison pour laquelle arnaud-k recommandait un text-indent negatif, donc cette solution n’est pas recommandée non plus.

@Sylvain, merci pour l’attribution de la recommandation de keywordluv, mais tu la dois à Djohlan (cf. http://blog.axe-net.fr/comment-spammer-un-blog-dofollow/#comment-9150)

On les reconnaît certes au premier abord mais dans notre quête quotidienne de BL, on prend parfois tout ce qui se présente.

@Sylvain : c’est un plugin sur ton blog pour les ancres ? sinon certains connaissent peut être un outil similaire pour wordpress ?

Encore une erreur selon moi. Si je surfe avec un navigateur à synthèse vocale, je n’ai pas envie de me taper 3kilomètres de contenu avant de confirmer que je suis bien sur le site que je cherchais à joindre. Le logo d’un site est bien là où il est, le mettre en bas et justement on perd en access. L’important en revanche est que :

- si c’est une image, il faut IMPERATIVEMENT qu’elle ait un attribut alt= »"

- sachant que le mieux reste quand même un bon vieux titre H1 revu en CSS pour afficher le logo en image de fond (et je vous entends d’ici hurler au « contenu caché = mal indexé », n’empèche que si l’utilisation d’un display:none; reste parcimonieuse et cantonnée à ce genre de cas, ca passe très bien !)

>> Pour le placement en CSS, comme il est généralement placé en haut à gauche de la page, il est facilement plaçable avec l’attribut « position:absolute ».

pareillement, je ne sais plus qui avait dit que « si tu veux le cacher (display:none;) c’est qu’il est inutile. J’ai tendance à penser pareil du position absolute à outrance. Si t’as besoin de le replacer, c’est que de base dans le code, il est mal placé. Il y a bien sûr des exceptions mais l’exception ne doit pas devenir standard

@Léo from Blog Propulsr :
>> Il faudra peut-être encourager l’utilisation de l’attribut tabindex sur ces liens, et/ou des liens d’évitement pour les personnes qui naviguent au clavier, car le « flow » du document est brisé.

=> Le TabIndex tout sauf judicieux selon moi ! Si le site n’est pas codé avec les pieds, le flow restera logique. Si tu as besoin de toucher au tabindex, c’est que de base il y a un problème dans la conception de ton site et c’est celle-ci qu’il faut corriger, pas l’ordre de tabulation.

Les Liens d’évitement en revanche, cette démarche, non contente d’être encouragée, se doit même d’être généralisée, c’est le B.A.BA d’un web ouvert et de qualité (et c’est pas comme si c’était dur à faire en plus)

En plus, lorsqu’ils sont en place, ils orientent quand même vachement mieux l’ordre de tabulation qu’un tabindex mal pensé.

Après ce n’est que mon avis mais je reste persuadé que 80% des problèmes d’accessibilité d’un site viennent avant tout d’une erreur de conception de l’interface en amont (côté designers), cumulée aux erreurs éventuelles commises à l’intégration et qui bloquent sans raison certains fonctionnements simples disponibles nativement dans un code (X)HTML propre et bien pensé dès le départ.

http://css-tricks.com/navigation-markup-after-content/

Depuis que la structuration HTML des sites en tableau à disparu (enfin j’espère) on peut disposer ses blocs où on le souhaite dans son code.

En même temps, chaque fois que j’étudie un site boutique ou (surtout) un gros site, le code est à 99% imbuvable et pourtant, ils se positionnent généralement bien dans les serps. Il n’y a qu’à voir le site de certains voyagistes par exemple…

.

@Sylvain je crois qu’on est d’accord, c’est plus proche de l’expérimental qu’autre chose, car pour le moment, les tests effectués sont ok, mais pour combien de temps… Néanmoins, en réfléchissant bien, on peut se dire que les moteurs utilisent ce « bloquage » pour éviter la profusion de mots clef linkés s’apparentant à du spam. Concernant la pub, alors la, je crois que je n’ai rien à dire, t’es le boss ici

Sinon, je pensais avoir répondu à votre question, non ?
Si vous consultez des blogs de référencement, les articles traiteront souvent du référencement CQFD. Si vous voulez parler de restauration, il suffit d’aller sur des blogs ou forum de restauration, non ?

@ Arnaud
Une balise ALT est conseillé et loin de toute technique de triche, non ? Surtout sur un logo.

Tout à fait une belle balise alt sur l’image, un texte en ‘text-indent:-5000px’ dans le lien et un title sur le lien et ça sera parfait !

@Arnaud-k et @Seb, voici une page produit qui utilise cette technique -http://www.dixons.co.uk/martprd/product/seo/858759 (audit réalisé sur le site il y a quelques années).