Mettre en forme ses textes, c’est facile

Exrtait : « Merci d’utiliser la balise Strong pour mettre en valeur les informations importantes de votre texte ». Vous avez certainement déjà découvert ce type de consigne dans l’un des briefings rédigés par un client. Bien sûr, l’utilisation des balises ne constitue pas une nouveauté pour les rédacteurs Textbroker expérimentés. Mais au fil du temps, les exigences de nos clients se sont renforcées considérablement. Si vous êtes un auteur nouvellement enregistré sur notre plateforme, il y a fort à parier que les notions de titres h2 ou de balise br ne vous disent pas grand chose. Tout sur les balises HTML dans ce tutoriel.

Le HTML – qu’est-ce que c’est ?

HTML est l’abréviation d’ Hypertext Markup Language et sert au formatage des textes pour Internet. Lorsque vous mettez en page un document avec votre traitement de texte habituel, vous devez garder à l’esprit qu’un autre programme risque de l’afficher de manière totalement différente. Le langage HTML permet la standardisation du formatage des pages pour la toile.

Et à quoi servent les balises ?

Un exemple nous servira à démontrer l’importance du formatage textuel. Imaginez que vous ouvrez votre journal au petit-déjeuner et que vous n’avez face à vous qu’un bloc uniforme de texte : sans titres, sans intertitres, etc. Vous ne sauriez par où commencer et abandonneriez vite la lecture !

On considère que la durée d’attention d’un internaute est sensiblement inférieure à celle d’un lecteur de journal. C’est pourquoi la mise en page du texte et son formatage sont importants. Les moteurs de recherches eux aussi accordent une importance particulière à un bon formatage. Un texte qui présente des titres, des paragraphes et des tableaux a de meilleures chances d’être bien classé lors des requêtes.

Nos clients en sont parfaitement conscients et réclament le plus souvent des textes avec un formatage HTML. Vous trouverez ci-dessous une présentation des principales balises.

Titres et intertitres

Les titres permettent de structurer un texte de manière thématique et peuvent jouer sur la taille des caractères.

<h1>Titre 1</h1> : titre principal (le titre apparaîtra en gras et en plus grand)

<h2>Titre 2</h2> : sous-titre, titre de niveau 2 (le titre apparaîtra en gras et sera un peu plus petit que le titre h1)

<h3>Titre 3</h3> : deuxième sous-titre, titre de niveau 3 (le titre apparaîtra en gras et sera un peu plus petit que le titre h2)

Paragraphes

Deux types de balises permettent de créer des paragraphes : la balise <br> et la balise <p>. La balise <p> permet d’identifier le paragraphe et de le séparer des autres composantes du texte. La balise <br> impose un saut de ligne. La mise en page est plus flexible, vous avez la possibilité d’insérer plusieurs lignes blanches. L’inconvénient de cette seconde balise relève des stratégies des moteurs de recherches, qui peinent à reconnaître ce type de structure. C’est la raison pour laquelle nos clients préfèrent généralement la balise <p>.

Exemples :

Remarque : la balise <br> n’a pas besoin d’être ouverte, elle ne fonctionne pas par paire, contrairement à la plupart des balises.

Mise en valeur : gras, italique, souligné

Il est parfois important de mettre des informations en valeur, ce que l’on peut faire en les soulignant, en les écrivant en gras ou en italique. L’idée est de faciliter le repérage des idées clés par le lecteur.

<strong>information importante</strong> : information importante

<b>information importante</b> : information importante

<em>information importante</em> : information importante

<i>information importante</i> : information importante

<ins>information importante</ins> : information importante

<u>information importante</u> : information importante

Remarque : l’interprétation de ces balises peut dépendre des navigateurs ; elles ne sont pas totalement équivalentes ; utilisez toujours la balise demandée par le client.

Liens

Il arrive que nos clients souhaitent que des liens hypertextes soient insérés, ce qui se fait à l’aide d’une balise « ancre ».

Exemple :

Affichage : Comment puis-je devenir auteur chez Textbroker ?

Attention à utiliser des guillemets droits, les navigateurs ne savent pas lire les guillemets inclinés. Il ne faut pas d’espaces, sauf entre « a » et « href ».

Listes

Les listes constituent un élément important de mise en forme du texte. Elles permettent d’aérer le texte et permettent de présenter des informations importantes de manière synthétique et rapide. Il existe deux types de listes : les listes numérotées et les listes à puces. Les plus demandées par nos clients sont les listes à puces.

Exemple 1 : présentation d’une liste à puces

Exemple 2 : liste numérotée

Comment combiner les balises entre elles ?

Il se peut que vous souhaitiez combiner plusieurs balises. Par exemple, vous pouvez avoir besoin d’insérer un lien hypertexte et de le mettre en italique. C’est parfaitement possible avec le langage HTML. Néanmoins, il vous faut faire attention à bien imbriquer les balises : celle qui est ouverte en dernier doit être fermée en premier. Soyez logique ! Dans l’exemple que nous évoquions, les balises se présenteraient de la manière suivante : <a href= »www.textbroker.fr »><i>Textbroker</i></a>.

Comment vérifier l’emploi des balises ?

Si vous travaillez pour un client qui souhaite un formatage HTML complexe, vous courez le risque de commettre quelques erreurs ou oublis dans vos balises. Il arrive couramment que l’on oublie une barre (un slash) ou un crochet. Ce type de fautes de frappe passe inaperçu même avec une relecture soigneuse : le formatage du texte est alors compromis. C’est pourquoi le système de Textbroker vérifie  vos textes avant que vous les remettiez. Si vous avez commis une erreur sur les balises HTML, vous obtenez un message d’erreur ainsi qu’une indication sur l’endroit où se trouve la balise incorrecte. Vous pouvez alors procéder à la correction.

Autre solution : vous pouvez utiliser un logiciel de test en ligne pour vos balises HTML. Vous copiez votre texte tel que vous l’avez saisi et vous obtenez l’affiche dans les navigateurs. Si l’apparence de votre texte n’est pas telle que vous l’aviez prévu, c’est vraisemblablement qu’il y a une erreur sur les codes HTML. Néanmoins, le logiciel ne vous indique généralement pas où se situe l’erreur et il faut la rechercher à la main.

Si vous avez rédigé votre texte sur Word, vous pouvez utiliser la fonction « Importer depuis Word » qui se trouve dans la barre d’outil (au dessus du cadre réservé au texte) sur votre compte auteur. De cette façon, vous gardez le format puisque les balises seront automatiquement ajoutées dans votre texte. Pour le texte d’inscription, il faut mettre les balises vous-même car cette barre n’est pas présente.

Nous espérons avoir pu vous être utile dans ce tutoriel et vous avoir expliqué le plus clairement possible les subtilités de la langue du web. Si vous souhaitez plus d’informations à propos du langage HTML et si vous disposez d’un bon niveau en anglais, vous pouvez aussi consulter la page W3Schools. Les informations relatives au langage HTML y sont plus détaillées.

Traduction de l’allemand, texte original de Roland Strube