fr
English Español Deutsch Français Italiano Português (Brasil) Русский 中文 日本語
Soumettre un article
Voir les blog

Gutenberg : le nouvel éditeur de texte de Wordpress

66
Wow-Score
Le Wow-Score montre la capacité d'engagement d'un billet de blog. Il est calculé en fonction de la corrélation entre le temps de lecture actif de l'utilisateur, sa vitesse de défilement et la longueur de l'article.

Gutenberg : le nouvel éditeur de texte de Wordpress

Benjamin Thiers
Gutenberg : le nouvel éditeur de texte de Wordpress

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 minimalisteUne 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 paragrapheIl 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
  • ...

Gutenberg : le nouvel éditeur de texte de Wordpress. Image :nListe 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 documentCliquez 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.

Gutenberg : le nouvel éditeur de texte de Wordpress. Image :n

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 GutenbergAjouter 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. 

Benjamin Thiers
chroniqueur

Les chroniqueurs du blog SEMrush sont les auteurs qui partagent régulièrement leur expérience avec notre communauté en publiant des contenus enrichissants.

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
Partager cet article
ou

Commentaires

2000
Khier Saidani
Expert

Apporte des informations précieuses et de la profondeur aux conversations.

Bonjour Benjamin. Merci pour cet article. Depuis la sortie, je n'ai jamais adopté le nouvel éditeur et j'hésite toujours à passer à Gutenberg. Je sais pas pourquoi, mais je reste toujours avec le classique éditeur car je me sens très à l'aise et je me retrouve facilement. Voilà

Envoyer un feedback

Your feedback must contain at least 3 words (10 characters).

Nous n’utiliserons que cet email pour vous répondre concernant votre feedback. Politique de confidentialité

Thank you for your feedback!