Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
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, ou à 60 secondes maximum.
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 essentielles 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 storytelling 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
Toutes 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">
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.
N'ajoutez pas de 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:4.
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.
Activer les Web Stories dans la recherche Google : guide permettant aux développeurs de créer des Web Stories qui respectent les consignes techniques requises pour figurer dans la recherche Google
Site Web des stories AMP : fonctionnalités de mise en forme des Web Stories pour les développeurs
Accessibilité sur le Web : conseils pour vous aider à rendre votre Web Story accessible à tous les utilisateurs
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2023/12/05 (UTC).
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Il n'y a pas l'information dont j'ai besoin"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Trop compliqué/Trop d'étapes"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Obsolète"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problème de traduction"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Mauvais exemple/Erreur de code"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Autre"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Facile à comprendre"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"J'ai pu résoudre mon problème"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Autre"
}]
{
"last_modified": "Dernière mise à jour le 2023/12/05 (UTC).",
"state": ""
}