Bonnes pratiques en matière de création de Web Stories

Pour maintenir l'engagement des lecteurs, suivez les bonnes pratiques en matière de création de Web Stories. Nous vous conseillons de commencer par vous concentrer sur les tâches essentielles. Puis, si vous en avez le temps, essayez également de mettre en œuvre les bonnes pratiques recommandées.

Storytelling

Bonnes pratiques essentielles en matière de storytelling
Donner la priorité au contenu vidéo Les vidéos sont plus attrayantes que le texte ou les images. Utilisez autant de contenu vidéo que possible, puis complétez-le avec des images et du texte.

Bonnes pratiques supplémentaires en matière de storytelling

Bonnes pratiques recommandées en matière de storytelling
Miser sur l'authenticité Ne vous contentez pas des faits. Partagez votre point de vue. Soyez le protagoniste de votre propre histoire. Faites en sorte que votre audience puisse s'identifier à votre parcours.
Suivre un arc narratif Tenez l'audience de votre story en haleine d'une page à une autre. Fournissez autant de contexte que possible pour inviter les lecteurs à s'immerger dans votre récit. Récompensez tous ceux qui vous suivent jusqu'à la fin.

Conception

Bonnes pratiques essentielles en matière de conception
Limiter le nombre de caractères Évitez d'inclure plusieurs pages avec des "pavés de texte". Envisagez de limiter le texte à environ 280 caractères par page (soit la longueur d'un tweet).
Ne pas bloquer le texte Vérifiez que le texte n'est pas masqué par d'autres contenus sur la page. Évitez le texte incrusté afin qu'il ne soit pas bloqué lorsqu'il sera redimensionné pour s'adapter à différentes tailles d'appareils.
Assurer la visibilité du texte Assurez-vous que l'ensemble du texte de votre Web Story est visible pour le lecteur. Évitez le texte incrusté afin qu'il ne déborde pas de la page lorsqu'il sera redimensionné pour s'adapter à différentes tailles d'appareils.
Utiliser les animations avec parcimonie Les animations permettent de donner vie à vos stories. Toutefois, évitez celles qui détournent l'attention ou qui se répètent au point de lasser votre audience.

Bonnes pratiques supplémentaires en matière de conception

Bonnes pratiques recommandées en matière de conception
Utiliser des incitations à l'action spécifiques aux Web Stories Lorsque vous recréez des stories initialement destinées à une plate-forme de réseaux sociaux telle qu'Instagram, Snapchat ou YouTube, veillez à supprimer les incitations à l'action destinées aux utilisateurs de ce type de plate-forme. Assurez-vous que les internautes sont en mesure de réaliser les actions proposées dans votre Web Story.
Utiliser des vidéos et des images à fond perdu Afin de créer une expérience plus immersive pour les lecteurs, ajoutez des éléments à fond perdu dans vos stories.
Éviter les images et les vidéos déformées ou à faible résolution Optez pour des images de haute qualité et soyez attentif lorsque vous redimensionnez les images en mode portrait.
Ajouter un logo à votre page de couverture Incluez un logo haute résolution qui représente votre marque.
Raccourcir la durée de la vidéo Nous vous recommandons de limiter la durée des vidéos à 15 secondes par page et de ne surtout pas dépasser 60 secondes par page.
Inclure du contenu audio Utilisez des clips audio de haute qualité, d'une durée minimale de 5 secondes avec un juste volume et une voix audible.
Envisager d'ajouter la fonctionnalité d'avance automatique dans les stories 100 % vidéo L'un des moyens d'améliorer la fluidité du visionnage consiste à utiliser la fonctionnalité d'avance automatique pour les Web Stories.

SEO

Bonnes pratiques en matière de SEO
Fournir du contenu de qualité Comme pour n'importe quelle page Web, il est essentiel de proposer du contenu de haute qualité, utile et intéressant à votre audience. Suivez un fil conducteur logique et respectez les bonnes pratiques en matière de narration afin de maintenir l'engagement des lecteurs.
Privilégier les titres courts Les titres doivent contenir moins de 90 caractères. Idéalement, nous vous recommandons d'utiliser un titre descriptif de moins de 70 caractères.
S'assurer que la recherche Google parvient à trouver votre Web Story N'incluez pas d'attribut noindex dans la story. Cela nous empêche d'indexer la page et de l'afficher sur Google. Vous devez également ajouter les Web Stories à votre sitemap. Pour déterminer si Google détecte vos Web Stories, consultez le rapport Couverture de l'index et le rapport sur les sitemaps dans la Search Console.
Désigner la story comme automatiquement canonique Tous les Web Stories doivent être canoniques. Assurez-vous que chaque Web Story dispose d'un attribut link rel="canonical". Par exemple : <link rel="canonical" href="https://www.example.com/url/to/webstory.html">
Inclure des métadonnées

Assurez-vous que vos Web Stories respectent les consignes relatives aux métadonnées des stories AMP. Incluez le balisage que vous ajouteriez normalement à une page Web. Exemple :

Bonnes pratiques supplémentaires en matière de SEO

Bonnes pratiques recommandées en matière de SEO
Ajouter des données structurées Pour aider la recherche Google à comprendre la structure et le contenu de votre Web Story, nous vous recommandons d'y inclure des données structurées.
Inclure du texte alternatif dans les images Nous vous recommandons d'inclure du texte alternatif dans vos images afin d'améliorer la visibilité de votre story.
Intégrer les stories dans votre site Web

Nous vous recommandons d'inclure les Web Stories sur votre site Web, par exemple en créant un lien renvoyant vers elles sur votre page d'accueil ou sur vos pages spécialisées, le cas échéant. Si vos Web Stories concernent différentes destinations et que vous disposez d'une page d'articles répertoriant tous les voyages que vous proposez, créez également un lien vers ces Web Stories sur cette page. Une page de destination spéciale supplémentaire, comme www.example.com/stories (qui doit ensuite être référencée à partir de pages clés comme votre page d'accueil), peut également être utile.

Joindre du contenu aux pages des stories AMP Le contenu joint aux pages des stories AMP permet de présenter des informations complémentaires à la Web Story. Cette fonctionnalité peut s'avérer utile pour fournir plus de détails, approfondir un sujet ou clarifier le contenu présenté dans votre Web Story.
Inclure des sous-titres dans les vidéos Ajoutez des sous-titres à votre vidéo pour aider les internautes à mieux comprendre votre story. Évitez les sous-titres incrustés dans la vidéo afin qu'ils n'empiètent pas sur d'autres contenus ou qu'ils ne sortent pas de l'écran.
Optimiser les stories 100 % vidéo

Nous recommandons d'utiliser un langage HTML sémantique pour créer une Web Story. Cependant, certains outils de l'éditeur de Web Stories peuvent à la place exporter une story qui met en forme chaque diapositive tel un fichier vidéo qui intègre tout le texte dans la vidéo. Dans ce cas, nous vous conseillons d'ajouter le texte précis qui s'affiche dans la vidéo en tant qu'attribut title dans l'élément amp-video. N'effectuez cette opération que si vous ne parvenez pas à utiliser le balisage sémantique dans vos Web Stories.

Permettre l'affichage en mode paysage Pour que les Web Stories puissent s'afficher dans les résultats de recherche Google pour ordinateur, vous pouvez activer l'affichage en mode paysage.

Technique

Bonnes pratiques techniques essentielles
Assurer la validité des stories Les Web Stories doivent correspondre à des pages AMP valides. Pour éviter tout problème de page AMP, testez votre story à l'aide de l'outil de validation AMP, puis corrigez les erreurs détectées.
Éviter le texte dans l'image poster Évitez d'utiliser des images contenant du texte incrusté. Le titre risquerait d'être masqué lorsque les utilisateurs consultent un aperçu de votre story dans les résultats de recherche. Si le titre n'est pas lisible, il est moins probable que les internautes aient envie de poursuivre leur lecture.
Utiliser une taille et un format appropriés pour l'image poster Assurez-vous que l'image associée à l'attribut <amp-story> poster-portrait-src est d'au moins 640 x 853 pixels avec le format 3:1.
Utiliser le format approprié pour le logo Assurez-vous que l'image du logo associée à l'attribut <amp-story> publisher-logo-src est au moins de 96 x 96 pixels avec le format 1:1.

Bonnes pratiques techniques supplémentaires

Bonnes pratiques techniques recommandées
Inclure og:image Nous vous recommandons d'inclure og:image dans les balises <meta> afin d'améliorer la visibilité de la story.

Autres ressources