Editeur de texte : un élément crucial pour votre site internet

Choisir une solution pour créer un site internet n'est pas une mince affaire, vu la pléthore d'offres disponibles sur le marché. Quand on n’est pas un spécialiste de la création de site internet, on aura forcément tendance à juger l’efficacité d’une solution en fonction de critères que l’on perçoit, comme par exemple le nombre de thèmes graphiques disponibles dans une solution clé en main. Certains de nos concurrents l’ont bien compris et mettent ainsi en avant le nombre, parfois impressionnant, de thèmes graphiques proposés.

Il y a des critères plus objectifs qui méritent d’être regardés comme les conditions commerciales, les fonctionnalités disponibles et l’évolutivité de la plate-forme. Pas besoin d’être ingénieur en informatique pour lire des CGV , consulter une liste de fonctionnalités ou encore regarder à quelle périodicité un éditeur fait évoluer sa plate-forme.

Là où cela se corse, c’est quand il faut juger la qualité technique d’une plate-forme. Le site internet créé sera-t-il accessible quel que soit la navigateur employé (Firefox, Chrome, Safari, Internet Explorer) ? Le site créé sera-t-il bien indexé par les moteurs de recherche ? A la base, il faut que l’outil soit bien développé pour qu’il soit efficace. Voir à ce propos le glossaire des critères techniques utilisés dans notre comparatif. Au delà, un élément crucial entre en jeu, il s’agit de l’éditeur de texte.

éditeur de texte UGAL basé sur TinyMCE

L'éditeur de texte, le cœur de votre site internet

L'éditeur de texte est un outil qui permet d’insérer et de mettre en page le contenu de votre site. Entendez par contenu le  texte, mais aussi des images, des vidéos, du son. L’éditeur de texte est une sorte de traitement de texte (comme Word) sauf qu’au lieu de générer des fichiers .txt ou .doc, il génère du code HTML.

C'est le cœur de votre site car c'est la fonction que vous allez le plus utiliser, une fois que votre site sera créé. Une fois la navigation et le design en place, votre travail consistera à alimenter votre site avec du contenu. Ajouter des produits au catalogue, publier une information, etc etc.  D’où son importance :  un mauvais éditeur de texte génèrera du mauvais code sur vos pages et altèrera l’accessibilité de votre site.

Tiny MCE , un standard

Il arrive parfois que certains développent leur propre outil mais en général les plateformes de création de site internet intègrent des éditeurs de texte développés par d’autres. En effet, l'éditeur de texte est un outil qui doit absolument être maintenu afin notamment de s'adapter aux nouvelles versions des navigateurs. A partir du moment où des solutions réputées et éprouvées sont disponibles sur le marché, autant les utiliser et concentrer ses efforts de développement sur son cœur de métier : le développement Web.

Chez UGAL , nous avons commencé par utiliser FCKeditor qui nous avait séduit par sa simplicité mais nous sommes assez rapidement passé sur TinyMCE notamment pour ses efforts de compatibilité avec le navigateur Safari.

Personnalisation de l'éditeur

On peut apprécier la qualité d'une solution en fonction des efforts de personnalisation réalisés pour intégrer le composant éditeur de texte à leur plate-forme. Voici par exemple la version complète et "brute" de TinyMCE.

éditeur de texte TinyMCE

Par rapport à la version personnalisée par UGAL (voir copie d'écran plus haut), il y a beaucoup plus de boutons dans la version brute de Tiny MCE. Le fait d'avoir quatre barres d'icônes complexifie énormément l'utilisation de l'éditeur de texte, d'autant plus que certaines fonctions (comme par exemple l'insertion de simleys) ne sont franchement pas utiles dans le cadre de la création d'un site internet professionnel.

Ensuite, on a aussi modifié l'interface des fonctions, dans le but de rendre la vie plus facile à nos utilisateurs. Ci-après l'interface de la fonction "insérer média" qui permet d'insérer des vidéos ou des fichiers Flash sur son site.

Intégrer une vidéo, version UGAL	Intégrer une vidéo, version TinyMCE

S'il y a trop de boutons dans un éditeur, ce n'est a priori pas bon signe car cela signifie qu'il n'y a pas eu beaucoup d'efforts réalisés en matière d'intégration. C'est souvent le cas des solutions gratuites ou freemium. Intégrer et mettre à jour les évolutions techniques d'un éditeur de texte prend du temps. On peut parfois passer une semaine à mettre à jour de nouvelles versions. En terme fonctionnel, c'est moins sexy que la mise en ligne d'un nouveau thème graphique, mais c'est bien plus important.

Quand vous achetez une maison, ce qui est important c'est l'état de la tuyauterie et non pas la couleur du papier peint.

Le test qui tue : copier depuis Word

Au delà du nombre de boutons disponibles, vous pouvez juger de la qualité technique d'un éditeur de texte en copiant le contenu d'un fichier Word dedans. Un bon éditeur de texte nettoiera le formatage fait dans Word ( couleurs et types de police) pour ne copier que le texte brut.Le résultat: le code généré et propre et l'harmonie graphique de votre site est respecté. Les couleurs sont celles du thème graphique choisi et non pas du formatage fait dans Word.

un copier/coller réussi depuis Word réussi

Ci-dessus, le texte copié depuis le document Word (à gauche) s'intègre correctement dans la page Web (à droite). L'éditeur de texte a gardé les éléments en gras ainsi que la liste à puces mais a supprimé les polices et les couleurs du texte original.

Fil RSS Laisser un commentaire Autres nouvelles