Optimiser son contenu pour le référencement

Mise en forme

La mise en forme pour le Web : le HTML

Le HTML est un langage permettant de mettre en forme du contenu, si vous voulez rédiger pour le web, connaitre un certain nombre de balises est essentiel.

D’une part le langage HTML permet une meilleure hiérarchisation de l’information et un meilleur référencement grâce :

• aux balises de titre :

• de premier niveau avec <h1>pour un titre de premier niveau</h1>

• ou encore de deuxième niveau avec <h2>pour un titre de deuxième niveau</h2>

• de troisième niveau, de la même façon avec la balise <h3>

• aux balises de mise en forme

• Gras <strong>texte en gras</strong>, pour un texte en gras

• Italique <i>texte en italique</i>, pour un texte en italique

• Souligné avec la balise <u> (à utiliser avec modération)

• ou encore via les liens HTML : <a href="www.eclairement.com">Le site Eclairement</a>

D’autre part il agrémente votre contenu et le rend plus agréable à lire. Souligner par du gras les points importants, découper un texte long en paragraphe et parties avec titre et intertitre, etc.
Des couleurs peuvent également être employées, avec modération toutefois : <font color="red">Texte en rouge</font> pour un texte en rouge

Du vert, Jaune, violet, orange, etc sont également possibles. Vous pouvez remplacer « red » ou une autre couleur par une couleur hexadécimale.

Pour en savoir plus voir le tableau des couleurs HTML recommandées

Le souligné est d’un usage plus discutable, hérité des machines à écrire ou gras, italique étaient impossibles, il n’est guère plus utilisé que pour les écrits de caractère scientifique et universitaire.

Les liens

L’emploi des liens hypertextes

Les liens ne doivent pas parasiter le contenu en proposant en corps de texte de liens s’éloignant de votre contenu. Ils peuvent avantageusement se placer en fin de texte, ou dans des encarts.

Un lien doit être explicite, identifiable et de préférence non apparent tel quel :

• non apparent, c’est-à-dire masqué par son descriptif ( Le site Eclairement avec le code : <a href="www.eclairement.com">Le site Eclairement</a>)

• Aisément identifiable dans votre texte : une couleur spécifique, une icône indiquant la présence d’un lien, etc

• Explicite car ce « descriptif » doit évoquer le plus clairement possible le contenu lié. Un lien droit être d’une longueur adaptée au clic et non redondant :

• Un lien trop court est difficilement cliquable, un lien trop long parasite la lecture. Il est fortement déconseillé de rendre un paragraphe ou une partie entière d’un texte cliquable.

• Non redondant : Il est inutile de répéter en bas de page un contenu lié en corps de texte, de même poser un lien vers le même contenu plusieurs fois dans le texte est à déconseiller.

Quelques conseils sur la pose de liens :

• Indiquez clairement à votre lecteur si un lien conduit à un contenu autre qu’une page Web ou nécessite une technologie particulière (Document texte, tableur, PDF, images, etc)

• Vérifier la validité de vos liens dans le temps.

• N’employez pas les couleurs utilisez par défaut pour les liens hypertextes (non visités, et visités) pour souligner un contenu non interactif.

Illustrer votre contenu

Egayer votre contenu avec des illustrations, des exemples imagés ou encore des vidéos est une bonne chose. Une telle illustration doit apporter un plus à votre contenu et être travaillée pour le Web.

• Adapter pour le Web c’est prendre en considération le poids de vos illustrations
  • Une illustration trop lourde prendra longtemps à s’afficher et consommera votre bande passante.
  • Une image trop grosse gênera votre contenu.
    => Des outils gratuits très performants comme The Gimp ou Paint.net permettent de retoucher vos images, d’en modifier la taille, le poids, etc

• Prévoyez un texte descriptif alternatif.