Créer des Web Stories Google : Guide des bonnes pratiques pour les éditeurs

Les Web Stories de Google sont des contenus interactifs, immersifs et sur lesquels on peut cliquer, similaires aux stories d'Instagram et de Facebook. 

Lancé initialement sous le nom d’AMP Stories en 2018, Google a rebaptisé ce format visuel Web Stories en 2020 , ¹ peut-être en partie en raison de la nature quelque peu controversée ² de la technologie AMP dans le domaine de l’édition numérique ³ .

Dans leur version actualisée et améliorée, les Web Stories de Google constituent un format de contenu visuellement riche qui offre aux éditeurs un meilleur contrôle sur leur production créative et leur image de marque. Comme l'indique Google, les Web Stories sont « une version web du format Story populaire, permettant aux créateurs d'héberger et de posséder leur contenu » ^.⁴

Selon une étude de 2019 près des deux tiers des lecteurs (64 %) préfèrent le contenu narratif au contenu défilant ; ^donc s’attacher à exploiter ce format.

Cependant, cette même enquête a révélé de nombreux écueils de conception susceptibles d'engendrer confusion, lassitude et frustration. Par conséquent, l'application des meilleures pratiques de conception est essentielle pour créer des récits web à fort impact.

En comprenant comment créer et publier des Web Stories Google visuellement riches, un éditeur peut conserver le contrôle créatif, ^cultiver  la confiance envers sa marque et générer du trafic vers son site web.

Que sont les Google Web Stories ?

Les Web Stories sont un format narratif visuel composé d'une séquence d'images et de vidéos accompagnées de texte et/ou d'audio. Le contenu peut être divisé en un ordre de visionnage précis, chaque partie s'affichant automatiquement après quelques secondes ou lorsqu'un utilisateur appuie ou clique dessus.

Les Web Stories ne disparaissent pas après 24 heures, contrairement aux stories de Snapchat ou d'Instagram, ce qui permet aux éditeurs d'appliquer ce format également à du contenu permanent.

Les Web Stories sont construites sur AMP et héritent de tous ses avantages associés :

• Il peut être intégré sur n'importe quel site web
• Il fonctionnera sur n'importe quel navigateur, mobile ou ordinateur
• vitesses de chargement élevées
• Visible dans les résultats de recherche Google, notamment via Google Discover et le carrousel Web Stories et Google Images.

Contexte de Tapable Stories

Lorsque Snapchat a été le pionnier du format story, en en faisant un élément central de son application, peu de gens pensaient que ce format narratif connaîtrait un tel succès.

^Cependant , Instagram a été le premier à adopter ce format, et il est aujourd'hui utilisé par 500 millions de personnes . Puis ce fut le tour de WhatsApp et Facebook ; Medium, Skype, YouTube, Twitter et même LinkedIn l'ont intégré.

Depuis, il y a eu quelques victimes notables, Twitter , ^{Skype et} LinkedIn ayant ^tous annoncé qu'ils abandonnaient le format des stories .

Google, de son côté, a intégré sa fonctionnalité Stories à la spécification AMP ^ainsi aux éditeurs d'utiliser ce format pour leurs récits en ligne.

Fonctionnalités de Google Web Stories

Il a été démontré que Google Web Stories est un format de narration en ligne efficace, l'étude de 2019 mentionnée précédemment montrant que les lecteurs trouvent les exemples d'histoires interactives plus attrayants visuellement et plus faciles à parcourir que leurs équivalents à défilement.

C’est particulièrement vrai pour certains types de contenu, comme le contenu lifestyle intemporel. 

Dans une Web Stories de Google, un éditeur peut inclure toutes sortes de contenus visuels : images, sons, vidéos ou animations.

Ces articles peuvent être indexés par les moteurs de recherche et affichés en réponse à la requête d'un utilisateur. Google les présente sous forme d'extrait dans la section « À la une » lorsqu'un utilisateur effectue une recherche d'actualités.

Les Web Stories peuvent être rendues responsives, ce qui signifie qu'elles s'adapteront à la taille de l'écran de l'utilisateur, qu'il consulte la version web ou un appareil mobile. 

Les éditeurs peuvent ajouter des liens et des appels à l'action (CTA) n'importe où sur une page. Cela permet d'inciter les utilisateurs engagés à poursuivre leur navigation ailleurs, à lire d'autres articles ou à s'abonner.

L'ajout d'une dernière page, appelée page de garde, peut mettre en évidence le partage sur les réseaux sociaux et les liens associés.

Comment créer des Web Stories Google : les meilleures pratiques de conception

Pour les petits éditeurs ne disposant pas d'une grande équipe de développeurs, Google facilite la création web .

Le troisième épisode ^la  série éducative hebdomadaire « Storytime » de Google Web Creators est un excellent point de départ.

La création de Google Web Stories comprend les étapes suivantes.

Choisissez un éditeur visuel

Les web stories sont composées d'une série de panneaux que les utilisateurs peuvent faire défiler en appuyant dessus ou dont ils peuvent attendre le changement automatique.

Chaque nouvelle page combine texte, images et vidéos, et le format visuel exige un contenu riche et dynamique. Par conséquent, un éditeur visuel – logiciel, extension ou service en ligne – constitue la première étape, et sans doute la plus essentielle, de la création de Web Stories.

 Il existe différents outils et une gamme de produits Google à prendre en compte lors de la création de Google Web Stories.

Pour les créateurs de contenu possédant un site web WordPress, il n'y a vraiment que deux plugins à prendre en compte :

Articles Web

Google possède son propre éditeur Web Stories pour WordPress, qu'il décrit comme un outil de création WYSIWYG convivial. ¹³

Créer des histoires

MakeStories est un éditeur visuel open source permettant de publier des articles Google Web Stories directement depuis le tableau de bord d'un site WordPress.

Alternatives à WordPress

Pour les petits éditeurs qui n'utilisent pas WordPress, mais qui souhaitent tout de même implémenter ce format sur leur site, il existe quelques outils de type glisser-déposer, sans code, utiles pour créer des Google Web Stories , Newsroom AI et MakeStories étant les plus performants. ¹⁴

Rédigez l'histoire

Le conseil suivant de Google est de créer un storyboard qui présente les images et le contenu de chaque vignette de l'histoire. Une bonne Web Story est précisément cela : une histoire qui raconte un récit du début à la fin.

Google propose un modèle gratuit pour aider les créateurs à élaborer une nouvelle histoire. ¹⁵ 

Ressources créatives sources

Trouver le contenu adéquat, de l'image de couverture à la dernière case, est peut-être l'élément le plus essentiel de la création d'une nouvelle histoire.

Les éditeurs doivent veiller à utiliser un texte alternatif et à respecter les droits d'auteur. De plus, il est essentiel de rappeler que toutes les vidéos plein écran doivent être au format vertical. Cela permettra aux Web Stories d'utiliser une bande passante minimale et de se charger le plus rapidement possible. 

Commencez à créer

Une fois votre vision définie, il est temps de vous lancer dans l'éditeur choisi et de commencer à créer. Commencez par ajouter des images ou des vidéos et rédiger un texte précis. Optez pour un titre court et des appels à l'action percutants. Intégrez un lien vers un site web pour inciter les visiteurs à s'abonner.

Lors de la création de récits web, tenez compte des suivantes 

• Les histoires trop longues sont accablantes pour les lecteurs
• Un excès d'informations sur un seul panneau peut engendrer de la confusion et de la lassitude chez le lecteur
• Les lecteurs apprécient les appels à l'action et autres indices visuels
• Bien placées et diffusées, les stories interactives représentent une excellente opportunité de monétisation via la publicité

Cliquez sur Publier

Une fois votre article Google Web Story développé, alimenté et créé, il est temps de le partager avec le monde entier. Grâce à un éditeur visuel, c'est aussi simple que d'appuyer sur le bouton Publier.

Les éditeurs de plus grande envergure — ou ceux qui disposent des ressources et de l'expertise technique nécessaires — préféreront probablement créer leurs articles de A à Z en utilisant HTML, CSS et Javascript, en suivant la norme Google AMP.

Le codage des web stories offre un contrôle accru sur le produit final et une intégration plus facile avec un CMS et une base de code existants.

N'oubliez pas le référencement (SEO)

Il est facile de se laisser emporter par l'aspect créatif du développement des Web Stories, mais il est tout aussi important de respecter les bonnes pratiques de référencement (SEO) pour que les articles finaux apparaissent bien dans les résultats de recherche. Après tout, une Web Story n'est qu'une page web comme une autre.

Google a fourni une liste de bonnes pratiques de référencement (SEO) qui s'appliquent également aux Web Stories. ¹⁶ Elles comprennent :

• Fournir un contenu de haute qualité
• Utiliser des titres descriptifs de moins de 70 caractères
• Éviter l'utilisation des attributs noindex
• Rendre l'histoire autocanonique
• Respect des directives relatives aux métadonnées des récits AMP ¹⁷
• Test avec l' outil AMP Validator ¹⁸
• Évitez les images contenant du texte incrusté
• Utiliser la taille et le rapport hauteur/largeur corrects pour l'image de l'affiche
• S'assurer que le logo a le bon format

Exemples remarquables de récits Web Google

La meilleure façon de découvrir la puissance et la polyvalence de Google Web Stories est de consulter d'excellents exemples provenant d'éditeurs reconnus :

Exemples en mode portrait

Ces récits ont été conçus pour être vécus sur appareils mobiles. Ils sont accessibles sur ordinateur, mais la majeure partie de l'espace disponible à l'écran n'est pas utilisée.

VICE a ^du contenu lifestyle intemporel sous forme de démonstrations culinaires tout au long de la pandémie de COVID.

Refinery 29 utilise une similaire de saut de vidéo pour créer des histoires ludo-éducatives. ²⁰

Le site Lonely Planet démontre que de magnifiques images et des légendes percutantes peuvent être tout aussi captivantes que la vidéo dans un contenu narratif. ²¹

BBC News – Manifestations à Hong Kong avec des Post-it. ²² Certaines pages contiennent une vidéo, remplacée par une image si le chargement est impossible ou si la bande passante est insuffisante. En haut et en bas, le lecteur est redirigé vers d'autres contenus relatifs aux manifestations à Hong Kong et vers la page d'accueil de BBC News.

CNN World – Fête nationale française : comment elle a inspiré des siècles de désobéissance civile . ^23. Cet article comporte une signature complète avec la date de publication, et chaque photo est créditée au photographe et à l’agence . Il contient beaucoup plus de texte que l’exemple de la BBC.

Comment monétiser une histoire Web Google

Correctement mises en œuvre, les publicités interstitielles en plein écran peuvent constituer un moyen efficace pour les éditeurs de monétiser leurs récits visuels.

L'insertion de publicités dans une Google Web Story nécessite la configuration d'une plateforme publicitaire prenant en charge l' inclusion de publicités dans une Web Story.

Au moment de la publication, la méthode la plus simple pour inclure des publicités dans une Web Story reste de les diffuser via Google Ad Manager ou Google AdSense, les deux plateformes facilitant la publicité programmatique, selon la communauté des développeurs AMP open source . ²⁴

Toutefois, d'autres plateformes publicitaires peuvent intégrer la prise en charge des publicités Web Story, et les éditeurs peuvent également diffuser des publicités personnalisées depuis leur propre serveur publicitaire.

Les régies publicitaires doivent diffuser des publicités AMPHTML valides, avec des métadonnées supplémentaires permettant le rendu AMP à l'exécution, et intégrer Fast Fetch. La communauté AMP a fourni une documentation sur les publicités AMPHTML , ^{les balises} de métadonnées supplémentaires et l'intégration de Fast ^Fetch .

La communauté a également créé une documentation à l'intention des éditeurs souhaitant diffuser des publicités depuis leur réseau publicitaire, tout en précisant qu'il s'agit d'une solution plus complexe ²⁸

Google Ads est exceptionnellement flexible et s'intègre parfaitement avec les plugins WordPress MakeStories et NewsRoom AI.

Une autre option pour monétiser les Web Stories de Google consiste à inclure des liens d'affiliation dans l'article ou à publier du contenu sponsorisé. Cela peut inclure un lien vers différentes pages web, comme des pages Patreon ou des pages produits.

Les éditeurs qui ont adopté un modèle de revenus basé sur les abonnements peuvent insérer un lien « lire la suite » au début et à la fin de l’article, qui redirigera les lecteurs non abonnés vers une page d’inscription. ²⁹

du journal The Australian ^article servant d’aperçu à un contenu payant.

Comme pour toute publicitaire , il est essentiel de prendre en compte le site, le lectorat et le format de la page.

Réflexions finales

Google Web Stories utilise un format attrayant auquel les utilisateurs sont déjà habitués sur les appareils mobiles et les réseaux sociaux.

Créer des articles web est facile pour les éditeurs de toutes tailles grâce à des outils de rédaction simples et sans code. Leurs avantages vont au-delà d'une expérience utilisateur agréable : leur vitesse de chargement et leur format en font un format idéal pour un référencement naturel optimal.

La création de Google Web Stories offre aux éditeurs un meilleur contrôle sur leur contenu et leur marque, génère du trafic organique et offre des opportunités croissantes de monétisation.

En exploitant un contenu narratif, les éditeurs peuvent accroître leur audience tout en conservant la propriété de leur propriété intellectuelle.