Comment créer des histoires Web Google dans WordPress

Un guide complet pour créer des histoires Web Google à l'aide du plugin WordPress officiel

Les smartphones ont changé notre monde entier, y compris la façon dont les gens consomment du contenu de nos jours. De plus en plus de personnes utilisent leur téléphone pour naviguer sur Internet au lieu d'un ordinateur. Il est donc naturel que le type de contenu doive également changer pour refléter avec succès ce changement.

Google Web Stories est là pour faire exactement cela. Auparavant connues sous le nom d'histoires AMP (comme le cadre AMP les alimente), elles ont été rebaptisées. Pour avoir une première idée de ce qu'elles sont, imaginez des stories Instagram, mais n'allez pas jusqu'au bout car il y a beaucoup de différences flagrantes, la plus importante étant que les Stories Web de Google ne sont pas éphémères.

Que sont les histoires Web de Google

Google Web Stories est un moyen rapide de raconter des histoires immersives. Façonné dans un format visuel, il utilise une combinaison d'images/vidéos et de texte pour créer une expérience de narration. Conçues spécifiquement pour les téléphones mobiles, ce sont généralement des images immersives en plein écran avec du texte d'accompagnement pour raconter une histoire. Il a généralement plusieurs pages pour décrire complètement l'ensemble du récit.

Google Web Stories existe depuis un certain temps, vous en avez peut-être même rencontré en cherchant quelque chose sur Google, mais ce qui est différent maintenant, c'est que Google propose un plugin officiel Google Web Stories pour WordPress qui vous facilitera la tâche. que jamais pour créer des histoires Web pour les éditeurs.

Ils peuvent apparaître dans les résultats de recherche Google, les images, la vue en grille (disponible dans toutes les régions et toutes les langues) et la section Découvrir (uniquement disponible en anglais et uniquement aux États-Unis actuellement). Les histoires Web ne sont pas seulement idéales pour raconter l'histoire que vous voulez raconter tout en la gardant courte, mais elles ont également un grand potentiel pour augmenter le trafic sur votre site Web.

Comment installer le plugin Google Web Stories

Google a (pour l'instant) publié le plugin Web Stories en version bêta publique, vous devez donc télécharger le fichier et l'installer manuellement si vous ne voulez pas attendre la sortie publique. Accédez à la page Github du plugin WordPress Google Web Stories.

Cliquez sur le bouton « Télécharger la version bêta ».

Ensuite, allez dans Plugins à partir du tableau de bord WordPress et cliquez sur « Ajouter un nouveau ».

Cliquez sur l'option « Télécharger le plugin » et sélectionnez le fichier .zip que vous venez de télécharger. Ensuite, cliquez sur le bouton « Installer le plugin ».

Une fois installé, activez-le et une nouvelle option pour « Stories » apparaîtra dans le menu WordPress.

Comment créer des histoires Web Google dans WordPress

Après avoir installé le plugin GWS WordPress, accédez à « Stories » dans le menu de navigation sur la gauche. Vous atteindrez le tableau de bord des Stories. Vous trouverez ici les brouillons et les histoires publiées.

Cliquez sur le bouton « Créer une nouvelle histoire » pour créer une nouvelle histoire à partir de zéro.

L'éditeur a une interface intuitive et facile à utiliser qui ne sera pas difficile à manipuler. Il est divisé en trois parties:

  • La gauche est le menu des éléments, à partir duquel vous pouvez choisir le contenu que vous souhaitez ajouter à l'histoire comme des images, des vidéos, du texte et des formes.
  • Le centre qui aura un aperçu de ce que l'histoire s'annonce et des outils de publication
  • Et, le droit avec plus d'outils d'édition pour chaque couche de conception ainsi que des outils de document

Ajout d'images à une histoire Web Google

Vous pouvez ajouter du contenu à l'histoire à partir de la section de gauche de l'écran de l'éditeur d'histoire. Les images et vidéos parmi lesquelles vous pouvez choisir sont celles de votre médiathèque WordPress. Pour ajouter une nouvelle image afin de pouvoir la modifier en tant qu'histoire, téléchargez-la simplement dans votre médiathèque.

Vous pouvez soit cliquer sur une image, soit la faire glisser et la déposer dans l'éditeur pour l'ajouter à la page. Dans leurs directives pour la création d'histoires Web, Google recommande d'utiliser des vidéos d'une durée maximale de 15 secondes et de ne jamais utiliser de vidéos de plus de 60 secondes. Ils suggèrent également de sous-titrer les vidéos.

Ajouter du texte à une histoire Web Google

Pour passer des images au texte ou aux formes, cliquez sur les onglets situés en haut de la section des éléments.

Le texte comprend trois préréglages parmi lesquels vous pouvez choisir : Titre, sous-titre et corps de texte. Choisissez une catégorie pour l'ajouter à la page. Google recommande de garder le texte court sur chaque page – moins de 200 caractères par page.

Ajouter des formes à une histoire Web Google

Les formes incluent des formes assez standard, comme un cercle, un carré, un triangle, un cœur, des polygones et une goutte. Les formes peuvent être assez basiques, mais elles peuvent être utilisées comme masques pour déposer des images tout en créant une histoire. Ceux-ci peuvent également être ajoutés en cliquant dessus ou en les faisant glisser vers la zone particulière où vous les souhaitez.

Modification des histoires Web Google dans WordPress

Dans l'éditeur central, vous pouvez ajouter un titre pour l'histoire en allant dans l'option « Ajouter un titre ». Google recommande que la longueur du titre ne dépasse pas 40 caractères.

Tous les éléments que vous ajoutez à une page sont ajoutés en tant que calques séparés afin que vous puissiez modifier chaque calque séparément. Pour modifier un élément, cliquez dessus. Il sera mis en évidence par une bordure bleue, vous pouvez le faire glisser pour le positionner n'importe où sur la page, le redimensionner et utiliser les outils de conception à droite pour chaque élément.

Vous pouvez modifier des pages individuelles et ajouter d'autres pages à l'histoire. Google recommande qu'une histoire ait environ 5 à 30 pages, la cible suggérée étant de 10 à 20.

Pour ajouter une nouvelle page à l'histoire, cliquez sur l'icône « + » dans la barre d'outils sous l'éditeur de page. Cette barre d'outils a également d'autres options d'édition comme « Supprimer la page », « Dupliquer la page », « Annuler » et « Rétablir ».

L'éditeur dispose également d'un bouton pour activer et désactiver le mode sans échec. Gardez le mode sans échec activé et pour vous assurer que votre contenu est visible sur la plupart des appareils, conservez les informations importantes dans la zone de sécurité.

L'éditeur contient également les options permettant d'enregistrer l'histoire en tant que brouillon, de la prévisualiser et de la publier.

Outils de conception et de documentation pour les histoires Web Google

Les outils de conception à droite ne deviennent actifs que lorsqu'un élément est sélectionné dans l'éditeur. Ainsi, lorsque vous sélectionnez le texte sur l'éditeur, les outils d'édition du texte apparaîtront sur la droite. Vous pouvez modifier l'alignement et le placement, la couleur, la taille, le style de police, l'interligne, etc.

Chaque couche aura également quelques outils de conception communs : Opacité et Lien. L'opacité de chaque élément est de 100 par défaut, mais vous pouvez la diminuer. Vous pouvez également ajouter un lien vers n'importe quel élément de l'histoire, mais Google suggère que vous ne devriez pas avoir plus d'un lien sur une page.

Cliquez sur l'onglet « Document » pour passer des outils de conception aux outils de document. Cela inclut les outils de publication WordPress standard, puis d'autres. En plus des statuts « Brouillon » et « Public », une histoire peut être définie comme « Privée » afin qu'elle soit également visible pour les administrateurs et les éditeurs du site, mais pas pour le public.

En dehors de cela, vous pouvez ajouter une date, un logo et une image de couverture, et modifier le lien permanent. Et surtout, vous pouvez configurer les paramètres d'avancement de page. Le paramètre d'avancement de page implique si l'histoire avance automatiquement ou si le lecteur doit appuyer manuellement pour faire avancer les pages.

Pour l'option « Avancement automatique », vous pouvez également définir la durée entre chaque tour de page.

Utilisation des modèles d'histoires Web de Google

Le plugin GWS WordPress propose également des modèles que vous pouvez utiliser pour créer une histoire. Actuellement, il existe 8 modèles pour certaines catégories de contenu standard telles que Beauté, Alimentation, Bricolage, Divertissement, Mode, Fitness, Voyage et Bien-être. Il n'y a peut-être que 8 modèles d'histoire, mais chaque histoire a plusieurs pages, donc entre cela, vous avez un nombre moyen d'options parmi lesquelles choisir.

Dans le tableau de bord Web Stories, cliquez sur l'option « Explorer les modèles » pour ouvrir les modèles.

Survolez un modèle et quelques options apparaîtront. Cliquez sur « Afficher » pour afficher les pages qu'il contient et « Utiliser un modèle » pour l'ouvrir dans l'éditeur et commencer à éditer l'histoire.

Les histoires Web sont faciles à créer et ne manqueront pas d'attirer l'attention des utilisateurs sur votre contenu. Ils peuvent aider à augmenter le trafic vers votre site Web en attirant plus d'utilisateurs mobiles, et vous pouvez même les monétiser avec des liens d'affiliation. Mais surtout, avec leur esthétique et leur rapidité, il est difficile de leur dire non. Et le nouveau plugin WordPress rend étrangement facile pour quiconque de créer des histoires Web Google.