Gutenberg : le nouvel éditeur de texte de Wordpress

Benjamin Thiers

mars 20, 20194 min de lecture
Gutenberg : le nouvel éditeur de texte de Wordpress

TABLE DES MATIÈRES

Depuis son apparition en 2003, WordPress, le plus célèbre des logiciels Open Source, n'a cessé d'évoluer et de se réinventer. La version 5 a connu son lot de nouveautés et a notamment vu le remplacement de l'éditeur de texte classique, que vous connaissez certainement tous, par un nouvel éditeur de texte, Gutenberg. S'il est aujourd'hui possible de rester sur le WYSIWYG historique, vous devriez déjà vous familiariser avec celui qui deviendra votre éditeur de texte par défaut d'ici quelques mois, quelques années tout au plus !

Gutenberg au premier regard

Encore un éditeur de texte, pourriez-vous penser... Vous êtes habitué à l'éditeur classique de Wordpress ? Le dépouillement de l'interface de Gutenberg devrait au premier abord vous surprendre, ou du moins ne pas vous laisser indifférent. 

Gutenberg de WordPress : interface minimaliste
Une interface pour le moins minimaliste

Vous risquez d'être dérouté par le manque d'informations à l'écran : vous aurez au mieux, par défaut, la barre de gauche. Vous allez devoir creuser pour mieux comprendre le fonctionnement de Gutenberg.

Un fonctionnement par blocs

Le HTML, langage de balisage, fait la part belle au concept de structuration. Chaque balise ouverte est fermée, et les différents éléments s'imbriquent les uns dans les autres pour donner à lire aux navigateurs et aux moteurs de recherche un code source bien structuré et cohérent. 

Cette rigueur et cette structure se retrouvent au sein de Gutenberg, dont la logique de fonctionnement se fait bloc par bloc. Après avoir renseigné votre titre d'article, vous allez devoir compléter votre contenu bloc après bloc.

Vous pouvez facilement insérer un bloc entre deux autres, les déplacer grâce au glisser-déposer, et profiter d'options de mises en forme propres à chaque type de bloc. Par exemple, il est possible de définir une lettrine dans un bloc paragraphe

Lettrine et paragraphe
Il est par exemple possible d'opter pour une lettrine quand on crée un bloc paragraphe.

De très nombreux blocs disponibles

Les fonctionnalités intégrées de façon native par Gutenberg sont très nombreuses, chaque bloc pouvant être associé à un type différent de contenu. Vous retrouverez de très nombreuses options.

Les blocs les plus communs :

  • Paragraphes
  • Titres Hn (H2 à H4 par défaut)
  • Listes à puces ou numérotées
  • Galeries d'images ou images
  • Citations
  • Son
  • Bannières
  • Fichiers
  • Vidéos

Les blocs associés à une mise en forme :

  • Retour à l'éditeur classique
  • Tableaux
  • Extraits de Code
  • HTML personnalisé
  • Eléments pré-formatés
  • Citations mise en exergue
  • Couplets

Les blocs associés à la mise en page :

  • Boutons
  • Colonnes
  • Médias & Textes
  • Eléments Lire la suite
  • Sauts de page
  • Séparateurs
  • Espacements

Intégrations de widgets :

  • Articles récents
  • Codes courts
  • Archives
  • Catégories
  • Commentaires récents

Contenus embarqués

  • Twitter
  • YouTube
  • Facebook
  • ...

Liste des types de contenus disponibles

Des fonctionnalités associées à la page plus difficiles à trouver

Vous aurez besoin de temps pour appréhender toute la richesse des fonctionnalités. Mais l'interface minimaliste pourrait bien vous dérouter et compliquer la recherche d'éléments avant bien visibles. Vous aurez peut-être du mal, comme moi la première fois, pour trouver comme modifier par exemple le permalien de votre page ou de votre article. 

Trouver les options du document
Cliquez sur la roue crantée et choisissez "Document" pour choisir votre catégorie ou encore modifier le permalien.

Avantages et inconvénients de Gutenberg

L'éditeur de texte nouvelle génération de WordPress a déjà ses fans... mais aussi ses détracteurs ! En toute objectivité, quelles sont les qualités et limites de Gutenberg ?

Limiter l'usage aux extensions de mise en page...

Les nombreuses fonctionnalités permettent de produire un contenu visuellement propre en répondant à 90%, voire 95%, des besoins des rédacteurs et des éditeurs de sites. Dans les faits, vous n'aurez plus forcément besoin d'installer une extension du type Page Builder par SiteOrigin pour mettre en forme vos contenus : vidéos, tableaux, colonnes, galeries d'images, intégrations de contenus provenant des médias sociaux, tout ou presque est disponible nativement.

Tout en utilisant les extensions de son choix !

Les extensions indispensables à ce jour au SEO, comme Wordpress SEO (YOAST), sont toujours opérationnelles. Vous pourrez ainsi toujours piloter votre Title, vos balises Meta Description ou Meta Robots via votre extension préférée, même en tournant sous Gutenberg.

Pour adopter une démarche SEO-Friendly, vous pouvez utiliser SEO Writing Assistant.Cette fonctionnalité SEMrush, qui vous donne des conseils pour optimiser vos contenus en fonction des critères de référencement, est aussi disponible sous la forme d'une extension compatible avec WordPress.

Vous pourrez notamment connaître la longueur optimale de votre contenu, découvrir les termes à utiliser et évaluer la qualité de votre titre. Couplé à une extension de type SEOpress, All in One SEO ou Wordpress SEO, le SEO Writing Assistant de SEMrush est l'extension idéale pour produire des textes répondant mieux aux différents critères sémantiques de l'algorithme.

Une opportunité pour mieux structurer son contenu

Autre avantage de Gutenberg ? L'usage des blocs permet d'être plus propre dans la structuration de son contenu. Un débutant, peu au fait des normes édictées par le standard HTML5, pourra plus facilement produire un contenu bien structuré et sémantiquement riche grâce aux nombreuses options de mise en forme.

Citation avec Gutenberg
Ajouter une citation n'a jamais été aussi facile !

Un éditeur encore juvénile, qui doit gagner en maturité

Le seul reproche que je fais aujourd'hui à Gutenberg est celui de la jeunesse. Alors que l'éditeur classique de WordPress était parfaitement maîtrisé et exempt de bugs (ou presque), Gutenberg propose une approche disruptive et dérangeante de prime abord. L'interface peut encore sembler brouillonne et des bugs subsistent... Il en ira ainsi pour quelques mois encore.

Le passage à Gutenberg peut aussi par ailleurs provoquer des problèmes d'affichage chez les utilisateurs qui passaient auparavant par une extension de mise en forme.

Doit-on passer à Gutenberg ?

Si votre mise à jour de WordPress vous propose de passer à Gutenberg, je ne peux que vous inciter à accepter. Après une période d'adaptation, vous maîtriserez les subtilités d'un éditeur de texte qui n'est minimaliste qu'en apparence. Vous apprendrez à mieux structurer vos contenus et à les enrichir de fonctionnalités que vous n'utilisiez pas auparavant. 

Avec Jason Barnard, Nicolas Mercatili et Hugo Scott nous avons parlé de Gutenberg lors de la table ronde SEO organisée par SEMrush ( 07:58), découvrez nos opinions concernant le nouvel éditeur de texte de WordPress. 

Youtube video thumbnail
Partager
Author Photo
Benjamin Thiers a débuté sa carrière dans la communication digitale et le référencement naturel en 2003. Il a rejoint au printemps 2016 les équipes SEO de l’agence digitale Digimood. Enseignant pour Kedge Business School, il a publié en 2014 "Digitalisez votre Marque" et co-publié avec Julien Ringard “Ce que Google veut : comprendre le référencement naturel” aux éditions Studyrama Pro. Sites : benjaminthiers.net et Digimood.com