Agence Web Nethik » Accessibilité

Comment utiliser les attributs alt et title ? 2ème partie

Carine — Mon, 05 Oct 2009 09:12:01 +0000

Suite à l’article dédié à l’attribut alt (Comment utiliser les attibuts alt et title 1ère partie), intéressons-nous cette fois-ci au title, véritable complément d’information. Il s’agit bien sûr de l’attribut et non de la balise html.

L’attribut title

Pour citer le W3C, «cet attribut fournit des informations consultatives concernant l’élément sur lequel il se place ». Il n’est surtout pas une alternative à un élément graphique et ne doit donc pas apparaître lors du non-affichage de celui-ci.

Quel est son rôle et sa pertinence ?

L’attribut title est nécessaire si l’intitulé du lien ne peut se suffire à lui-même. Ainsi, s’il donne la même information que le lien (voir l’exemple ci-dessous), il est considéré comme non-pertinent.

Voici quelques unes de ses bonnes utilisations :

Rendre explicite un lien hors contexte : nous trouvons souvent des liens sous la forme de « lire la suite » ou « en savoir plus » qui, mis hors contexte, ne servent à rien puisque l’internaute se demandera « lire la suite » de quoi ? « En savoir plus » sur quoi ?
En y appliquant l’attribut title, la compréhension du lien est retrouvée. Pour comprendre, passez votre souris sur le lien suivant : En savoir plus
Informer de l’ouverture d’un nouvel onglet ou fenêtre
Apporter une information supplémentaire sur un document à télécharger, tel que le poids, la taille…

Je vous propose 2 exemples afin d’illustrer son bon ou mauvais emploi.

1. L’utilisation du title sur les liens (survolez les liens avec votre souris)

Non pertinent

En septembre prochain, Perpignan sera le rendez-vous du Festival Visa pour l’image.

Pertinent

En septembre prochain, Perpignan sera le rendez-vous du Festival Visa pour l’image.

2. L’utilisation du alt et du title sur une image lien (survoler les images avec votre souris)

Non pertinent
Sur cet exemple, l’attribut alt de l’image et l’attribut title du lien sont similaires.
Le alt, décrit bien ce qu’est l’image (le logo du festival) mais l’attribut title n’apporte rien.
On ne sait pas où va nous mener le lien et nous n’avons aucune information complémentaire à l’image. Dans ce cas, il ne sert à rien d’insérer un title.

^?View Code HTML

1
2

Pertinent
Sur ce second exemple, l’attribut alt de l’image et l’attribut title du lien sont différents.
Le alt, décrit bien ce qu’est l’image (le logo du festival) et l’attribut title apporte une information sur le lien.
On sait où va mener le lien et on a comme supplément d’information le thème du festival (le photojournalisme).

^?View Code HTML

Pour terminer ce point, j’ai envie de dire prudence !

Il faut être vigilant à ne pas insérer de manière automatique un title à un lien. Le but serait d’avoir dans un maximum de cas un libellé de lien explicite qui se suffit.
Pour illustrer cette pratique avec parcimonie, je citerai Amélie Boucher, ergonome de référence : «Si l’internaute a l’impression de réfléchir et doute de l’issue de son clic, alors vous avez perdu la première partie de la bataille»…. mais ceci pourrait faire l’objet d’un autre article sur le bon usage et emploi des liens.

Comment est-il interprété par les navigateurs alternatifs ?

L’attribut title doit aussi être utilisé avec parcimonie car les navigateurs et les lecteurs d’écran l’interprètent différemment ce qui est souvent source de confusion.

Prenons par exemple Jaws, le lecteur d’écran synthétiseur vocal et interprète braille.

Logo du logiciel Jaws

Par défaut, ce logiciel donne la priorité au alt sur le title. Ce dernier ne sera lu que si le alt est absent (erreur html) ou vide.

Dans le cas où le title est lu, vous pouvez très vite comprendre l’intérêt de ne pas le remplir avec le même contenu que l’intitulé du lien. La synthèse vocale lira en effet l’intitulé du lien puis le title du lien…. et l’utilisateur entendra deux fois la même chose !

Les paramètres de configuration peuvent bien sûr être modifiés mais n’est-il pas préférable de tenir compte des paramètres configurés par défaut ?
Les utilisateurs non avertis ou non initiés ne gardent t-il pas la plupart du temps les paramètres prédéfinis ?

Pour finir, il est important de savoir que cet attribut n’est pas pris compte par la navigation clavier avec tabulations.

Et vous, connaissez-vous d’autres comportements pour cet attribut ?

Comment utiliser les attributs alt et title ? 1ère partie

Carine — Tue, 22 Sep 2009 12:55:49 +0000

Un attribut html est un élément, présent au sein d’une balise, permettant d’en définir des propriétés supplémentaires.

Dans cette série d’articles, nous nous intéresserons aux attributs alt et title, souvent mal compris, qui méritent d’être utilisés à bon escient.

Pour simplifier leur rôle, gardons en tête que le alt définit une image alors que le title (l’attribut) fournit un complément d’information.

L’attribut « alt »

Commençons par clarifier l’ambiguïté sur l’emploi du alt.

Suite à un mauvais comportement de IE, certaines personnes pensent que cet attribut sert à afficher la bulle qui s’affiche au survol de la souris. Or, il s’agit du comportement dédié à l’attribut title.

Où se trouve le alt ? Où puis-je le renseigner ?

Exemple dans Worpress : lorsque vous souhaitez insérer une image dans vos articles, vous devez renseigner les champs d’un formulaire, dans lequel se cache l’attribut alt !

les attributs alt et title dans le formulaire wordpress

Exemple dans le code : le alt, élément indispensable de la balise img s’insère de la manière « clé=valeur ».

^?View Code HTML

L’attribut alt et l’accessibilité

Depuis la version html 4.0, les recommandations du W3C précisent qu’il faut insérer l’attribut alt dans les balises d’images, sinon il encourt une erreur lors de la validation.

Son rôle en matière d’accessibilité est de fournir une alternative textuelle à l’élément auquel il est lié, si ce dernier n’est pas affiché :

Les navigateurs en mode texte (Lynx, Links…) ou en synthèse vocale (Jaws…) doivent interpréter l’image, le contenu du alt est alors lu ou écrit.
Les images/animations peuvent être lentes à charger (images volumineuses, connexion lente), le texte alternatif est alors affiché en attendant le chargement complet.

Pour une utilisation optimum, ce texte alternatif doit avoir une longueur maximum de 80 caractères.
Pourquoi ? Tout simplement parce qu’une plage braille («dispositif permettant d’afficher en temps réel des caractères Braille») se compose de deux lignes de 40 caractères.

L’attribut alt et le référencement

La recherche par image proposée par Google devient une habitude courante chez les internautes.

Si vous souhaitez y faire apparaître vos images, l’attribut alt doit être bien utilisé afin que Google les indexe correctement. En effet, les robots d’indexation des moteurs de recherche utilisent son contenu pour transcrire la signification d’une image. Pour en savoir plus, Sandrine vous donne ses astuces pour optimiser vos images dans son article comment bien référencer ses images sur Google ?.

Contrôler facilement le bon usage des attributs alt d’une page web

L’extension Web developer de Firefox, propose une fonctionnalité afin de désactiver toutes les images ou juste d’afficher les attributs alt de la page en cours :
Images > Désactiver les images
Images > Afficher les attributs Alt

Exemple :

Voici le contenu du alt qui s’affichera :

Logo du festival Visa pour l’image

Vous pouvez ainsi vérifier simplement la perspicacité du contenu de cet attribut.

Élément incontournable pour l’accessibilité et le référencement, l’alternative textuelle (alt) peut-être complémentaire d’un autre attribut qui sera lui à utiliser avec parcimonie … rendez-vous dans un prochain article pour le découvrir !

L’accessibilité au bénéfice de tous

Cyril — Fri, 18 Sep 2009 12:58:02 +0000

La technologie permet parfois un accès facilité à la culture aux personnes déficientes visuelles. Voici un exemple réussi au centre Georges Pompidou suivi d’un point général sur l’accessibilité des sites Internet.

Les arts visuels accessibles aux malvoyants

Depuis quelques temps les aveugles et malvoyants ont la possibilité d’apprécier plusieurs interprétations tactiles d’oeuvres du Centre Georges Pompidou à Paris.

Please touche me!

Réalisées grâce à une technologie innovante, par le créateur de lunettes Alain Milki, grâce à huit niveaux de reliefs et textures diverses gravées sur des plaques d’acétate de cellulose, ces interprétations tactiles peuvent ainsi être (re)découvertes du bout des doigts.

Exemple d'interprétation tactile d'un tableau de GEORGES ROUAULT (1871-1958) - Funicula (sous-titre Qui ne se grime pas)

Ainsi les malvoyants ont la possibilité de se créer une image mentale d’oeuvres prestigieuses (Picasso, Soulages, Ernst, Baselitz ou Piffaretti entre autres) en appréhendant les formes, les contours, les textures, mais aussi les notions abstraites de perspective ou de profondeur grâce au toucher des différentes strates du relief des images tactiles.

Cette aide peut être aussi couplée avec l’explication de l’œuvre écrite en gros caractère, en braille ainsi que par l’utilisation d’un audio guide prêté gratuitement aux personnes malvoyantes.

Les conférenciers spécialisés du Centre Pompidou proposent aussi des visites découvertes tactiles «Toucher pour voir» permettant de toucher des sculptures originales avec des gants et également des visites-conférences «Écouter voir» comprenant une audio-description.

Touchez, redécouvrez!

Le plus surprenant, c’est que ce parcours ouvert à tous permettra aux voyants de redécouvrir le tableau grâce au toucher et de discerner des éléments mis en avant par le relief qui leurs avaient échappés.

Imaginez-vous découvrir un tableau sans le voir, utiliser un autre sens que la vue, du coup l’imagination fait son travail et peut nous surprendre! Discutez-en avec une personne malvoyante, il y a des chances qu’elle ait remarqué des éléments que vous n’aviez pas vu et vice et versa! Après, la sensibilité de chacun, qui fait fi des handicaps, laissera une image de l’œuvre que chacun gardera en tête après la visite.
Cet exemple illustre encore une fois que l’ouverture sur la différence est au bénéfice de l’enrichissement de chacun d’entre nous.

Donc je dis BRAVO! On aimerait tant que ce genre d’initiatives soient plus couramment rencontrées!
Sur la toile internet notamment, source d’informations et de communication extraordinaire, qui permet aux non-voyants l’accès à l’information… pour peu que le site leur soit accessible!

L’accessibilité et Internet

L’accessibilité sur Internet fait partie de l’accessiblité numérique (avec entre autres la télévision et les téléphones mobiles). Elle constitue une notion importante à prendre en compte dans notre métier.
Le directeur du W3C (présentation du W3C), Tim Berners-Lee nous en donne une définition : l’accessibilité numérique c’est « mettre le web et ses services à la disposition de tous les individus, quels que soient leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales ».
Il s’agit donc de pouvoir présenter n’importe quelle information à n’importe quel utilisateur. Sur le web, cela signifie non seulement prendre en compte les différents handicaps moteurs, visuels ou cognitifs mais aussi les possibles différentes configurations d’un visiteur (écran n’affichant pas 1000 pixels de large, connexion à faible bande passante, ordinateur trop faible pour exécuter du code Javascript convenablement, etc.).
L’accessibilité sert ou pourra servir à tous.

Le cas du handicap visuel

A l’instar du Centre Pompidou, l’information véhiculée sur une page web peut-être accessible à des mal ou non-voyants.
Il convient tout d’abord de distinguer les différentes formes d’utilisation d’internet de ces personnes. Qu’elles soient atteintes d’une maladie (hémianopsie, DMLA, glaucome, etc.) ou bien ayant des habitudes tout simplement différentes, cette diversité d’utilisateurs entraine des besoins forcément différents.
On distingue trois catégories d’internautes :

Cas 1 : L’internaute est simplement gêné pendant la consultation d’un site et souhaite un meilleur confort d’utilisation. Souvent, des caractères trop petits entraînent une plainte de l’utilisateur (souvent sénior) et l’oblige parfois à chausser des lunettes.
Cas 2 : L’internaute n’utilise pas d’aide technique mais a des difficultés à accéder à l’information. Avec une déficience visuelle plus importante, il est obligé de coller son oeil tout près de l’écran pour discerner les mots. Une posture incommodante, entrainant fatigue et douleurs musculaires, accentuée par des contrastes de page gênants.
Cas 3 : Une aide technique est indispensable à la consultation de sites web. Ces utilisateurs, parmi lesquels on trouve les non-voyants, utilisent la plupart du temps des lecteurs ou revues d’écran. Ce sont des aides techniques de synthèse vocale parfois couplées à une plage braille (JAWS, NVDA).

Comment faciliter l’accès à l’information ?

Le créateur de site internet doit prendre en compte, dans sa démarche qualité, des notions techniques mais aussi ergonomiques.
Concernant le côté technique, c’est le développeur web qui s’en charge. Très rarement abordées lors de son cursus d’enseignement scolaire, le développeur peut se reposer sur des règles techniques écrites par la WAI (Web Accessibility Initiative, émanation du W3C), les WCAG (Web Content Accessibility Guidelines) dont la version 2 a été traduite par l’association BrailleNet.
Une alternative textuelle à une image (non décorative), pourra par exemple sans aucun doute faciliter la compréhension du texte qui l’accompagne. (Règle 1.2 des WCAG 2.0)
Une feuille de style CSS (qui s’occupe de la mise en forme d’une page) construite de façon à ce qu’un agrandissement de texte soit aisé facilitera l’accès aux mal-voyants, bien que les navigateurs récents aient implémenté une fonction de zoom très puissante dorénavant. Essayez avec « Ctrl++ » et « Ctrl+- » sur la plupart des navigateurs (« Ctrl+0 » pour revenir à la taille par défaut) ou bien « Ctrl+Molette ». Une technique fonctionnant mal avec les sites utilisant la technologie Flash.
Certains visiteurs se servent aussi de l’outil de loupe intégrée (Windows ou Mac) pour zoomer une page.

Le côté ergonomique doit aussi être réfléchi. La stabilité des éléments positionnés permet de se retrouver facilement dans la page (un menu et un logo placés au même endroit tout au long de la navigation). De même, le côté clignotant et le fond trop vif de certaines pages peuvent perturber beaucoup d’utilisateurs.

La loi

L’article 47 de la loi n° 2005-102 du 11 février 2005 pour l’égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées, fait de l’accessibilité une exigence pour tous les services de communication publique en ligne de l’État, des collectivités territoriales et des établissements publics qui en dépendent.

Il stipule que les informations diffusées par ces services doivent être accessibles à tous.
Pour cela, il existe le Référentiel Général d’Accessibilité des Administrations (RGAA) qui décrit les règles techniques et ergonomiques à mettre en oeuvre pour les services web de l’Etat.
Le RGAA dans sa version 2 prend en compte les recommandations des WCAG 2.0.

Force est de constater que les avancées technologiques améliorent le quotidien des handicapés visuels en leur permettant l’accès à des informations jusqu’ici inaccessibles; par conséquent la possibilité d’échanger et de communiquer le plus normalement possible.

Avez-vous d’autres exemples de bonnes initiatives favorisant l’accessibilité aux handicaps visuels dans la vie quotidienne?

Le W3C ou l’organisme de normalisation du web

Carine — Thu, 13 Aug 2009 08:46:08 +0000

“Amener le Web à son plein potentiel”, c’est avec cette philosophie que le World Wide Web Consortium (W3C) se présente.

Si son nom vous évoque son célèbre validateur XHTML, ce dernier ne constitue qu’une infime partie de son travail, ses missions étant très étendues et plus passionnantes les unes que les autres !

Qui est-il ?

Crée en 1994, le World Wide Web Consortium (W3C) est un organisme de « normalisation » dédié à la mise en place de standards afin d’assurer la pérennité et la compatibilité des différents formats du web.

Constitué d’une équipe fixe (environ 70 personnes) et d’un peu plus de 400 membres, issus de secteurs variés tels que l’industrie, la recherche ou encore l’enseignement, il est financé par les cotisations de ces derniers.

Il me semble important de souligner qu’il s’agit d’un organisme à but non lucratif et qu’il ne joue pas un rôle législatif mais uniquement consultatif.

Le Consortium est piloté par 3 organismes :

le Laboratoire d’Informatique et d’Intelligence Artificielle du MIT (États-Unis),
l’Université de Keio (Japon),
l’Institut National de Recherche en Informatique et en Automatique (France).

Hôtes permanents du W3C, ils mettent à sa disposition des locaux et l’ensemble des services qui facilitent ses missions (documentation, ressources techniques, laboratoires).

Quel est son rôle ?

Le W3C agit à l’échelle internationale, en « inventant et en promouvant des langages et des protocoles universels, qui garantissent l’interopérabilité et une évolution homogène, décentralisée et standardisée du Web », selon les propos de l’un ses membres.

Ainsi, l’un de ses principaux travaux est la mise au point de standards et de spécifications techniques du Web.
Ces derniers sont publiés sous la forme de recommandations consultables directement sur le site du W3C.

Pour simplifier, voici ses principales motivations :

Un Web accessible
Rendre accessible à tous, cette source infinie d’information qu’est internet, que nous utilisions un simple navigateur Web, un synthétiseur vocal, un affichage braille ou encore un téléphone mobile.
Un Web universel
Un modèle stable et homogène, grâce auquel cette source infinie d’informations soit rendue disponible auprès du plus grand nombre.
Un Web évolutif
Une conception du Web simple et extensive pour permettre d’intégrer les futures innovations (par exemple, le Web mobile), Internet et ses nouvelles technologies étant en constante évolution.
Un Web décentralisé
Préserver ce média de tout contrôle de type pyramidal ou hiérarchique.

Un exemple d’actualité : le rôle du W3C dans le HTML5

Après avoir abandonné le XHTML 2.0 pour cause d’insuccès, le W3C travaille sur la standardisation du nouveau HTML. Il se base sur les recherches et développements du WHATWG, une collaboration non officielle des différents développeurs de navigateurs web, qui a initié cette implémentation du langage de balisage Web.

Ses groupes de travail destinés au HTML5 œuvrent à mettre en place une série de nouvelles recommandations/spécifications tout en garantissant la compatibilité de l’existant (HTML 4, XHTML 1.0).

Vous souhaitez en savoir plus sur le HTML5 ?
Consultez les articles de Cyril :

Quels sont ses outils ?

Afin de nous aider à développer des sites Web dans le respect des standards, le W3C met à notre disposition plusieurs outils de validation :

Validateur HTML
Validateur CSS
Validateur d’hyperliens
Feed Validation Service, un service officiel de validation de flux du W3C, qui vérifie la syntaxe de Atom ou RSS.
Validateur W3C Multipages, un outil qui permet de valider notre site Web en entier et d’un seul coup.

Pour se démarquer comme un site Web conforme au W3C, les développeurs y apposent un logo. Voici un petit échantillon de ceux que vous rencontrez :

Mais la plupart d’entre eux ne filoutent-ils pas en insérant cette marque de qualité ? Est-elle réellement justifiée sur leur site Web ? Voici un article qui réagit à ces interrogations.

Qu’est-ce-que le WAI ?

En 1997, le World Wide Web Consortium lance la Web Accessibility Initiative (WAI) destinée à solutionner les carences d’accessibilité du Web.

Ce projet se partitionne en 5 axes majeurs :

Développer des guides pour l’accessibilité
Assurer la compatibilité entre les principales technologies du Web et l’accessibilité
Développer des outils pour évaluer et faciliter l’accessibilité
Gérer la formation et l’information
Se coordonner avec la recherche et le développement avancé

Pour aider les sites web à rendre leur contenu plus accessible, le WAI publie un guide, le WCAG2.0, regroupant un certains nombre de règles, réparties en 3 niveaux de conformité.

Une version française, créee dans un souci d’accessibilité aux ressources, est disponible pour permettre au plus grand nombre de le consulter et le mettre en pratique.

Les niveaux de conformité WCAG2.0 (*source Wikipedia*)
Niveau	Obligation	Faisabilité	Exemple
A	Atteindre un niveau d’accessibilité minimum.	Critères de succès essentiels pouvant raisonnablement s’appliquer à toutes les ressources Web.	La couleur n’est pas le seul moyen visuel de véhiculer l’information.
AA	Améliorez le niveau d’Accessibilité	Critères de succès supplémentaires pouvant raisonnablement s’appliquer à toutes les ressources Web.	Les textes de petite taille ont un ratio de contraste au moins égal à 4.5
AAA	Atteindre un niveau supérieur d’accessibilité.	Critères de succès ne s’appliquant pas à toutes les ressources Web.	Les textes de petite taille ont un ratio de contraste au moins égal à 7

Le W3C et le web mobile

Un des tous derniers cheval de bataille du W3C est le Web mobile car force est de constater que les versions mobiles de la plupart des services mobiles ne sont pas compatibles entre eux.

Pour confirmer l’importance de cette mission, Dominique Hazaël-Massieux, directeur de l‘initiative Web mobile pour le W3C, précise que « La convergence des technologies du Web mobile offre une meilleure expérience aux utilisateurs mobiles et s’inscrit dans la mission du W3C visant à créer Un seul Web ».

Pour cela, en juillet 2008 est sorti le guide Les meilleures pratiques du Web Mobile 1.0… mais ce sujet sera le thème d’un prochain billet…

Conseils pour écrire le Title d’une page web

Sandrine — Wed, 01 Jul 2009 15:23:18 +0000

Pour inaugurer la rubrique « Référencement« du blog, voici quelques conseils pour écrire un bon title.

Celui-ci étant considéré comme « l’élément le plus important d’une page web de qualité« , il faut lui accorder une attention particulière!

Après une courte définition, nous allons voir en quoi il est important de le soigner, quelles sont les recommandations d’écriture et bien sûr comment l’optimiser pour le référencement.

Qu’est ce qu’un title?

La balise title d’une page web sert de titre au document et doit permettre d’en identifier le contenu quel qu’en soit le contexte. Il se renseigne dans le code Html, au niveau de la section Head, entre les balises suivantes:

En quoi est il important?

Le title va apparaitre dans diverses circonstances où il va servir de point de repères pour les internautes:

Il s’affiche dans les résultats des moteurs de recherches

Affichage du Title dans les résultats de recherche

il apparait dans la barre de la fenêtre du navigateur

Title dans la barre Titre d'un navigateur

il est repris dans l’historique de navigation, les favoris et les marques pages de l’utilisateur

Title repris dans le marque page

il sert de nom de fichier lors de l’enregistrement de la page sur un ordinateur

il constitue la première information lue par les navigateurs vocaux

Quelles sont les bonnes pratiques d’écriture?

Les recommandations du W3C sont les suivantes:

Tout document Html doit avoir un élément title dans sa section Head. Celui-ci ne fait pas partie du texte du document mais appartient à l’ensemble de la page.

Il peut contenir des caractères accentués ou des caractères spéciaux mais ne doit comporter aucun balisage.

Idéalement, un title se limite à un maximum de 64 caractères, soit environ une dizaine de mots, car l’espace prévu pour son affichage, dans les situations décrites plus haut, est limité.

Enfin, le title doit être différent pour chaque page du site, unique et personnalisé.

Comment l’optimiser?

Comme nous l’avons vu, le title s’affiche dans les résultats des moteurs de recherche et il fait partie des éléments pris en compte par ces derniers pour positionner le site dans les résultats. Il est donc judicieux de l’optimiser à la fois pour les internautes et les moteurs (règle qui s’applique d’ailleurs à l’ensemble des actions de référencement).

Pour les internautes:

Le title est un élément de communication à part entière. Il doit répondre à la requête de l’internaute et lui être utile mais aussi être attractif et lui donner envie de cliquer.

Son intitulé doit aussi être le plus pertinent possible afin de renseigner l’utilisateur sur la page qu’il va trouver en cliquant. Cela permet de drainer un trafic qualifié sur le site, c’est à dire d’attirer un visiteur qui sera intéressé par le contenu de la page et qui n’en repartira donc pas immédiatement.

D’un point de vue confort de lecture et clarté d’information, il est conseillé d’éviter les superlatifs, l’excès de mots clés, les répétitions, ou l’accumulation de mots entre virgules.

Pour les moteurs de recherche:

Placer les mots les plus importants en début de phrase et terminer par le nom du site ou de la société. Par exemple: « Accessoires de décoration originale et objets déco tendance : boutique en ligne Keladeco.com »

Les mots tapés par l’internaute dans le moteur de recherche s’affichent en gras dans les pages de résultats (SERP): penser à reprendre les requêtes utilisateurs dans le title.

Résultats Google pour la recherche "Accessoires déco originale"

En ce qui concerne les sites à arborescence détaillée et boutique en ligne, il peut être intéressant de reprendre certains éléments de navigation. Par exemple: Mot clé, sous catégories, catégorie et nom du site
Enfin pour les jeunes sites, il est conseillé de fixer un title (en suivant ces recommandations) puis de laisser le référencement s’installer avant de le modifier si besoin est.

En résumé:

Chaque title d’un site internet mérite un soin particulier. Il faut veiller à ce qu’il soit unique, court, dense et précis et toujours penser à l’utilisateur en lui offrant un intitulé naturel, attractif et utile.

Les erreurs à éviter:

balise title manquante

balise title trop courte

balise title trop longue

balise title en double

balise title non descriptive