Le guide-âne du webmestre
liens et libellés

logo guide-âne du webmestre

1 page

Anne Bedel

maj le 12-5-2001

Les liens hypertexte sont, en standard, soulignés en bleu.
Changer la couleur des liens est possible, mais cela n'apporte rien à l'internaute. C'est en général un choix esthétique.
Ce qui nous semble important, c'est d'écrire, entre crochet par exemple, l'URL complète de la page (qu'elle soit interne ou externe au site ) à côté du lien . Ainsi, si la page est imprimée, l'adresse peut être visualisée en clair.
Exemple:

Sur le site du sénat [http://www.senat.fr]
que nous préférons à
Sur le site du sénat [http://www.senat.fr]


- En effet le soulignement peut nous tromper sur certains signes, notamment le _ qui se confond dans le souligné, comme dans l'exemple ci-dessous:

http://www.paradyne.com/sourcebook_offer/index.html
http://www.paradyne.com/sourcebook_offer/index.html

Liens non soulignés
On peut créer une page avec des liens non soulignés.
Dans le source de la page, Il suffit de mettre ceci entre <head></head> avant le titre de la page:
<STYLE type="text/css">A {text-decoration: none;}</STYLE>

On peut également créer un seul  lien non souligné.
Dans l'exemple ci-après, le mot colloque est hyperlié sans soulignement. Il suffit d'indiquer dans le source de la page:
<A HREF="truc.htm" STYLE="text-decoration: none">Colloque</A>


-Dans quel cas l'utiliser?
Le moins souvent possible.
Pourquoi?
On est désormais conditionné à l'hypertexte. On a appris qu'un lien pouvait être soit une image soit un mot souligné (et en principe en bleu).
Je l'ai utilisé pour le colloque à l'Assemblée Nationale sur le mot colloque, car l'image était déjà hyperliée.

-Alors pourquoi l'utilise-t-on?:
Toujours pour des raisons d'esthétisme et de facilité de lecture. Il est vrai que profusion de liens nuit parfois à la lecture.
Sur une page d'accueil, une page sans lien fera sûrement plus d'effet visuel. Pourquoi pas?, si l'on prend la précaution d'énoncer la règle du jeu.

Attention aux liens brisés!
Lire ce courriel de mai 200: Se battre  pour essayer de convaincre les responsables de ne pas changer le plan de nommage de leur site

Comment rédiger un bon libellé pour un lien hypertexte?
 
Prendre de bonnes habitudes en ayant des réflexes de simplification à la manière des journalistes.
Pourquoi?
Parce que les sommaires et les nouveautés doivent pouvoir être balayées d'un coup d'oeil afin de repèrer instantanément l'information précise qui concerne le lecteur.

Il est préférable de mettre les mots qui ont le plus de sens en début de phrase.
Parce que les libellés longs, sont fastidieux à lire, il est également important de limiter le plus possible le nombre de mots. Il faut faire court.
Seuls les mots utiles comptent.
Si des abréviations peuvent remplacer certains mots sans nuire à la compréhension instantanée, il faut les utiliser.

Bref il faut aller un peu à contre-courant des habitudes administratives.
Mais le pli vient très naturellement, et finalement l'exercice est plutôt agréable.

Par ailleurs si le document que vous proposez en lecture n'est pas du HTML, il est opportun de le préciser et même d'indiquer son poids, voire le nombre approximatif de pages à imprimer.
Exemple:
ARTT à la centrale: Signature du règlement intérieur (pdf - 45 Ko -15 pages)


Si le document est long, un résumé ou un descriptif sera très apprécié.

Un texte de plusieurs lignes soulignées est nettement indigeste. Il est préférable de n'hyperlier que le passage pertinent afin d'aérer la phrase
(les liens ci-dessous ne sont pas de vrais liens, mais simplement une indication visuelle).

Voici quelque exemples pris au hasard sur des nouveautés de portails et qui pourraient être améliorés:

  1. Plutôt que
    Signature du règlement intérieur pour l'aménagement et la réduction du temps de travail dans les administrations centrales [fichier PDF]
    écrire
    ARTT dans les administrations centrales: Signature du règlement intérieur (pdf - 45 Ko -15 pages)
  2. Plutôt que:
    Les notes de synthèse et les bleus du projet de loi de finances pour 2003
    écrire
    Projet de loi de finances pour 2003: notes de synthèse et bleus

  3. Plutôt que:
    Le troisième numéro de la lettre BIDULE est paru
    écrire
    Lettre BIDULE: le n°3 est paru

  4. Plutôt que:
    Résultats de la CAP des conducteurs auto et des chefs de garage
    Résultats de la CAP des maîtres ouvriers
    Résultats de la CAP des ouvriers professionnels
    Résultats de la CAP des agents des services techniques

    écrire:
    Résultats de la CAP des:
    • conducteurs auto et des chefs de garage
    • maîtres ouvriers
    • ouvriers professionnels
    • agents des services techniques
  5. Plutôt que:
    Ouverture des concours externes et des concours internes (catégorie C) ITRF - session 2002
    écrire
    Concours externes et internes (catégorie C) ITRF: ouverture session 2002

  6. Plutôt que
    Une nouvelle version de la visite interactive des systèmes d'information est en ligne
    écrire:
    Systèmes d'information: nouvelle version de la visite interactive

  7. Plutôt que
    L'association d'entraide communique : l'atelier 78 présente le "repos du guerrier" au théâtre Machin les 12, 13et 14 septembre
    écrire:
    "le repos du guerrier" au théâtre de Machin les 12, 13 et 14 septembre

http://www.admiroutes.asso.fr/webmestre/lien.htm
ouvert le 15-12-98
droits de diffusion