{"version":"1.1","schema_version":"1.1.0","plugin_version":"1.1.2","url":"https://peakace.fr/blog/actualites-google/google-web-stories-instagram-a-la-sauce-google/","llm_html_url":"https://peakace.fr/blog/actualites-google/google-web-stories-instagram-a-la-sauce-google/llm","llm_json_url":"https://peakace.fr/blog/actualites-google/google-web-stories-instagram-a-la-sauce-google/llm.json","manifest_url":"https://peakace.fr/llm-endpoints-manifest.json","language":"fr-FR","locale":"fr_FR","title":"Google Web stories : Instagram à la sauce Google ?","site":{"name":"Peak Ace","url":"https://peakace.fr/"},"author":{"id":11,"name":"Peak Ace","url":"https://peakace.fr/blog/author/admin/"},"published_at":"2022-05-02T07:50:29+00:00","modified_at":"2025-12-09T10:54:43+00:00","word_count":1787,"reading_time_seconds":537,"summary":"Les pratiques du search sont parfois inspirées d’usages qui proviennent des autres canaux du digital. Tirant parti de ces nouvelles [&hellip;]","summary_points":["Les pratiques du search sont parfois inspirées d’usages qui proviennent des autres canaux du digital.","Tirant parti de ces nouvelles pratiques créées par des tiers, Google va pouvoir s’appuyer et développer son propre canal optimisé pour ses besoins.","C’est ainsi que Google, en tant que géant du web, décide alors de sortir lui aussi ses propres stories, inspirées d’Instagram, … tout en jonglant avec l’aspect business des entreprises&nbsp;!","Cet article a pour objectif de vous donner les grandes règles générales des Web stories&nbsp;: fonctionnement, bonnes pratiques SEO, aspect légal, …\n\n\n\n\n    \n      \n        \n          Envie de gagner du temps ?"],"topics":["Actualités Google"],"entities":[],"entities_metadata":[{"id":498,"name":"Actualités Google","slug":"actualites-google","taxonomy":"category","count":48,"url":"https://peakace.fr/categories/actualites-google/"}],"tags":["Actualités Google"],"content_hash":"97d27cae1a7e199f22eafa278a51bff5","plain_text":"Les pratiques du search sont parfois inspirées d’usages qui proviennent des autres canaux du digital. Tirant parti de ces nouvelles pratiques créées par des tiers, Google va pouvoir s’appuyer et développer son propre canal optimisé pour ses besoins. C’est ainsi que Google, en tant que géant du web, décide alors de sortir lui aussi ses propres stories, inspirées d’Instagram, … tout en jonglant avec l’aspect business des entreprises&nbsp;! Cet article a pour objectif de vous donner les grandes règles générales des Web stories&nbsp;: fonctionnement, bonnes pratiques SEO, aspect légal, …\n\n\n\n\n    \n      \n        \n          Envie de gagner du temps ?\n\t\t  \n          Faites résumer cet article par l’IA en quelques secondes.\n        \n        \n          \n            Résumer avec l’IA\n          \n        \n      \n    Le concept des Web Stories\n\n\n\nA l’inverse des réseaux sociaux où les affichages sont dynamiques et interactifs, les résultats de recherches Google sont à l’inverse plutôt statiques. L’arrivée des web stories dans le moteur de recherches a pour objectif de rendre l’affichage Google davantage dynamique et attractif.\n\n\n\nL’affichage des Web Stories répond toujours selon des aspects SEO, c’est-à-dire répondant à des requêtes précises.\n\n\n\nC’est une fonctionnalité parfois encore sous-estimée au regard de l’évolution croissante du web et de ses pratiques.\n\n\n\nGoogle donne tous ses exemples de Web Stories sur son site ainsi que les différentes fonctionnalités qui peuvent être activées.\n\n\n\nOù trouver les Web Stories ?\n\n\n\nComme à son habitude, lorsque Google choisi de dévoiler une nouvelle technologie ou un nouveau type d’affichage, le déploiement se fait par région du monde.\n\n\n\nAinsi, les différents lieux d’affichages des web stories dépendent des pays dans lesquels les utilisateurs se trouvent&nbsp;:\n\n\n\nEn effet, si votre activité ou une partie est localisée sur le marché américain, vous avez de grandes chances de toucher un grand nombre d’utilisateurs du fait des différents types de résultats dans lesquels les Web Stories apparaissent&nbsp;: Discover, Search &amp; Images\n\n\n\nIl faut également noter que les affichages de web stories peuvent se faire de façon unique ou bien sous forme de carrousel.\n\n\n\nComment créer des Google Web Stories&nbsp;?\n\n\n\nOn retrouve diverses façons de créer des Web Stories sur Google. En effet, selon votre manière de procéder, Google est ouvert à diverses propositions&nbsp;:\n\n\n\n\nVia du développement web\n\n\n\nVia des éditeurs de stories (Ex&nbsp;: plugin de CMS ou sites web)\n\n\n\n\nRetrouvez tous les outils de créations de Web Stories ici\n\n\n\nBonnes pratiques UX et conception des Web Stories\n\n\n\nAvant de foncer tête baissée vers les optimisations SEO des Web Stories, il ne faut surtout pas oublier que c’est la conception même et le projet de la Web Story qui est important. Elle doit être légitime par rapport au contenu et à la cible.\n\n\n\nEn effet, si vous n’avez rien à raconter, il n’y a pas d’utilité à prendre du temps pour réaliser des Web Stories, car il n’y aura pas de retour sur investissements (ROI).\n\n\n\nC’est ainsi qu’il faut privilégier le storytelling avec une priorité à la vidéo pour un contenu plus dynamique. Vous devez également pouvoir mixer images et textes.\n\n\n\nAu niveau conception pure, voici ce que nous dit Google&nbsp;:\n\n\n\n\nTextes&nbsp;:\n\nLes textes doivent être de 280 caractères maximum\n\n\n\nIl ne faut pas figer ou bloquer le texte pour qu’il puisse s’adapter aux différents formats.\n\n\n\nLe texte ne doit pas être masqué par un autre élément.\n\n\n\n\n\nAnimation&nbsp;: Google conseille quelques animations, mais déconseille largement le surplus d’animations. Cela nuit à l’expérience utilisateur.\n\n\n\nActions&nbsp;: les Web Stories ne doivent pas reprendre les mêmes types de stories que l’on trouve sur les réseaux sociaux, car les actions demandées aux utilisateurs ne sont pas les mêmes.\n\n\n\nLogo&nbsp;: l’image doit être absolument en haute résolution.\n\n\n\nDurée&nbsp;: au niveau durée de la Web Story, il est conseillé de faire durer une page de Web Story entre 15s minimum et 60s maximum.\n\n\n\nAudio&nbsp;: la partie audio de la Web Story doit être de haute qualité si vous en mettez. L’audio doit durer au minimum 5s avec un juste volume et une voix audible s’il y en a une\n\n\n\nSous-titres&nbsp;: vous devez ajouter des sous-titres non-figés qui n’empiètent pas sur d’autres contenus, si votre Web Story propose une voix.\n\n\n\nVous devez permettre la fonctionnalité d’avance automatique des Web Stories, pour que l’utilisateur ne soit pas obligé de cliquer.\n\n\n\nVous devez permettre un affichage Desktop au niveau du search pour permettre aux utilisateurs de voir vos Web Stories au format paysage.\n\n\n\n\nIl faut noter également de ne pas oublier que la conception des Web Stories doit être inclusive, c’est-à-dire que l’accessibilité doit être prise en compte (au niveau taille de texte, contraste, …).\n\n\n\nLes bonnes pratiques et règles SEO à respecter pour créer de bonnes Web Stories\n\n\n\nComme tout élément SEO, les web stories répondent à des guidelines bien précises de Google.\n\n\n\nEn effet, on retrouve différentes catégories d’optimisations&nbsp;:\n\n\n\n\nContenu&nbsp;: il doit être pertinent et de bonne qualité.\n\n\n\nTitre&nbsp;: moins de 70 caractères.\n\n\n\nTexte ALT&nbsp;: doit être rempli pour toutes les images utilisées.\n\n\n\nLangage de développement&nbsp;: HTML (possible également via les éditeurs de web stories)\n\n\n\nNombre de mots&nbsp;: si le contenu de la Web Story est inférieur à 180 mots, alors elle n’apparaîtra pas.\n\n\n\nQualité des visuels&nbsp;: La Web Story ne pourra pas apparaître si elle possède des images/vidéos pixélisés ou étirés.\n\n\n\nLiens externes&nbsp;: vous ne devez pas inciter les utilisateurs à cliquer sur des liens provenant d’autres sites web.\n\n\n\n\nCe sont des optimisations SEO types. En-dehors de cela, on retrouve d’autres recommandations plus diverses.\n\n\n\nLes métadonnées et web stories\n\n\n\nLes Web Stories, à l’image des différentes typologies de résultats remontés dans les SERPs, peuvent être agrémentées de métadonnées afin d’optimiser la visibilité.\n\n\n\nVoici les différents types de métadonnées à mettre en place&nbsp;:\n\n\n\n\nTitle &amp; Meta Description&nbsp;: title&nbsp;et&nbsp;publisher\n\n\n\nDonnées structurées\n\n\n\nLogo&nbsp;: publisher-logo-src\n\n\n\nImage/vidéo &gt; poster-portrait-src\n\n\n\nOGP &gt; Opengraph\n\n\n\nFiche Twitter &gt; Twittercard\n\n\n\n\nPour être sûr que tout soit intégré de façon correcte, vous pouvez utiliser l’outil de test de Google des Web Stories\n\n\n\nStructure de l’URL des Web Stories\n\n\n\nIl faut noter qu’à la différence des réseaux sociaux, créer une Web Story génère une URL, car elle se rattache à un site. Il peut alors être cohérent de rattacher les urls des webstories soit à un répertoire dédié (exemple&nbsp;:&nbsp; /web-stories/ ), soit à l’url du contenu auquel elle fait référence. En plus de la lecture UX optimisée, cette construction d’url permettra de faciliter l’analyse des données.\n\n\n\nPour illustrer, voici un tableau résumant la marche à suivre&nbsp;:\n\n\n\nAstuce&nbsp;: nous vous conseillons de créer une page sur votre site répertoriant vos différentes Web Stories afin de permettre à Google de ne pas les louper. Vous pourrez trouver un exemple de ce type sur le site de CNN&nbsp;: https://edition.cnn.com/ampstories.\n\n\n\nWeb stories&nbsp;: la résurrection d’AMP&nbsp;?\n\n\n\nLa technologie des Web Stories, n’est pas récente. En effet, elle se base sur AMP, une technologie aujourd’hui abandonnée par Google et lancée en février 2016.\n\n\n\nC’est ainsi que lors de la construction de Web Stories, les règles sur l’AMP doivent s’appliquer et plus particulièrement les règles ci-dessous :\n\n\n\n\nImage poster (background image)&nbsp;: l’image doit être associée à l’attribut &lt;amp-story&gt; poster-portrait-src &gt; l’image doit être de 640 X 853 px et doit être au format 4&nbsp;:3\n\n\n\nImage logo : l’image doit être associée à l’attribut &lt;amp-story&gt; publisher-logo-src &gt; l’image doit être de 96 X 96 px et doit être au format 1&nbsp;:1\n\n\n\n\nPour vérifier si votre Web Story est valide AMP, vous pouvez utiliser le test de Google, mais également vous référer au site d’officiel d’AMP concernant les Web Stories.\n\n\n\nComment indexer une Web Story sur Google&nbsp;?\n\n\n\nPour faire indexer une Web Story par Google, rien de sorcier, juste de bonnes règles SEO&nbsp;! En effet, voici nos recommandations afin de faciliter l’indexation dans les résultats de recherche.\n\n\n\n\nFaire un lien depuis le site web (depuis des articles/pages dédiées, …) vers&nbsp;la web story\n\n\n\nCréer un Sitemap dédié aux Web Stories et y mettre les différents liens.\n\n\n\nMettre une balise canonique dans la Web Story vers elle-même contenant&nbsp;: link rel= »canonical »\n\n\n\nBien vérifier que les Web Stories ne soient pas bloquées au robots.txt ou qu’elles ne contiennent pas de balise «&nbsp;noindex&nbsp;».\n\n\n\n\nBien évidemment, il ne faut pas hésiter à utiliser l’outil d’inspection d’URL de la Google Search Console afin de vérifier l’indexation de votre Web Story.\n\n\n\nQuels sont les règles juridiques à respecter lors de la création de Web Stories&nbsp;?\n\n\n\nComme toute publication de contenu sur le web, la partie juridique n’est pas à négliger. En effet, certaines règles sont à prendre en compte&nbsp;:\n\n\n\n\nDroit d’auteur&nbsp;: une Web Story doit respecter les règles de droits d’auteurs, comme tout contenu. Elle doit être unique.\n\n\n\nPublicité&nbsp;: les Web Stories ne doivent pas être créées dans le but de faire de la publicité. Elles doivent apporter quelque chose à l’utilisateur et être pertinentes.\n\n\n\nAffiliation&nbsp;: l’affiliation est autorisée dans le cadre des Web Stories. C’est un avantage business considérable dans ce type d’affichage. Il ne faut pas en abuser. Pour rappel, la Web Story ne doit pas être à but commercial.\n\n\n\n\nLes Web Stories offrent donc un large éventail d&rsquo;opportunités au niveau création, SEO et surtout business&nbsp;! Les équipes SEO de Search Foresight peuvent vous accompagner dans le déploiement de ce nouveau type d’affichage. On peut même imaginer de nouvelles choses à déployer tels que le suivi via des outils d’Analytics, de la popularité, … mais cela méritera un autre article&nbsp;!\n\n\n\n\n\n\n\n\nPrendre rendez-vous pour en savoir plus\n\nChatGPTPerplexityGoogle AIWhatsAppLinkedInX (Twitter)","paragraphs":["Les pratiques du search sont parfois inspirées d’usages qui proviennent des autres canaux du digital. Tirant parti de ces nouvelles pratiques créées par des tiers, Google va pouvoir s’appuyer et développer son propre canal optimisé pour ses besoins. C’est ainsi que Google, en tant que géant du web, décide alors de sortir lui aussi ses propres stories, inspirées d’Instagram, … tout en jonglant avec l’aspect business des entreprises&nbsp;! Cet article a pour objectif de vous donner les grandes règles générales des Web stories&nbsp;: fonctionnement, bonnes pratiques SEO, aspect légal, …","Envie de gagner du temps ?\n\t\t  \n          Faites résumer cet article par l’IA en quelques secondes.\n        \n        \n          \n            Résumer avec l’IA\n          \n        \n      \n    Le concept des Web Stories","A l’inverse des réseaux sociaux où les affichages sont dynamiques et interactifs, les résultats de recherches Google sont à l’inverse plutôt statiques. L’arrivée des web stories dans le moteur de recherches a pour objectif de rendre l’affichage Google davantage dynamique et attractif.","L’affichage des Web Stories répond toujours selon des aspects SEO, c’est-à-dire répondant à des requêtes précises.","C’est une fonctionnalité parfois encore sous-estimée au regard de l’évolution croissante du web et de ses pratiques.","Google donne tous ses exemples de Web Stories sur son site ainsi que les différentes fonctionnalités qui peuvent être activées.","Où trouver les Web Stories ?","Comme à son habitude, lorsque Google choisi de dévoiler une nouvelle technologie ou un nouveau type d’affichage, le déploiement se fait par région du monde.","Ainsi, les différents lieux d’affichages des web stories dépendent des pays dans lesquels les utilisateurs se trouvent&nbsp;:","En effet, si votre activité ou une partie est localisée sur le marché américain, vous avez de grandes chances de toucher un grand nombre d’utilisateurs du fait des différents types de résultats dans lesquels les Web Stories apparaissent&nbsp;: Discover, Search &amp; Images","Il faut également noter que les affichages de web stories peuvent se faire de façon unique ou bien sous forme de carrousel.","Comment créer des Google Web Stories&nbsp;?","On retrouve diverses façons de créer des Web Stories sur Google. En effet, selon votre manière de procéder, Google est ouvert à diverses propositions&nbsp;:","Via du développement web","Via des éditeurs de stories (Ex&nbsp;: plugin de CMS ou sites web)","Retrouvez tous les outils de créations de Web Stories ici","Bonnes pratiques UX et conception des Web Stories","Avant de foncer tête baissée vers les optimisations SEO des Web Stories, il ne faut surtout pas oublier que c’est la conception même et le projet de la Web Story qui est important. Elle doit être légitime par rapport au contenu et à la cible.","En effet, si vous n’avez rien à raconter, il n’y a pas d’utilité à prendre du temps pour réaliser des Web Stories, car il n’y aura pas de retour sur investissements (ROI).","C’est ainsi qu’il faut privilégier le storytelling avec une priorité à la vidéo pour un contenu plus dynamique. Vous devez également pouvoir mixer images et textes.","Au niveau conception pure, voici ce que nous dit Google&nbsp;:","Textes&nbsp;:","Les textes doivent être de 280 caractères maximum","Il ne faut pas figer ou bloquer le texte pour qu’il puisse s’adapter aux différents formats.","Le texte ne doit pas être masqué par un autre élément.","Animation&nbsp;: Google conseille quelques animations, mais déconseille largement le surplus d’animations. Cela nuit à l’expérience utilisateur.","Actions&nbsp;: les Web Stories ne doivent pas reprendre les mêmes types de stories que l’on trouve sur les réseaux sociaux, car les actions demandées aux utilisateurs ne sont pas les mêmes.","Logo&nbsp;: l’image doit être absolument en haute résolution.","Durée&nbsp;: au niveau durée de la Web Story, il est conseillé de faire durer une page de Web Story entre 15s minimum et 60s maximum.","Audio&nbsp;: la partie audio de la Web Story doit être de haute qualité si vous en mettez. L’audio doit durer au minimum 5s avec un juste volume et une voix audible s’il y en a une","Sous-titres&nbsp;: vous devez ajouter des sous-titres non-figés qui n’empiètent pas sur d’autres contenus, si votre Web Story propose une voix.","Vous devez permettre la fonctionnalité d’avance automatique des Web Stories, pour que l’utilisateur ne soit pas obligé de cliquer.","Vous devez permettre un affichage Desktop au niveau du search pour permettre aux utilisateurs de voir vos Web Stories au format paysage.","Il faut noter également de ne pas oublier que la conception des Web Stories doit être inclusive, c’est-à-dire que l’accessibilité doit être prise en compte (au niveau taille de texte, contraste, …).","Les bonnes pratiques et règles SEO à respecter pour créer de bonnes Web Stories","Comme tout élément SEO, les web stories répondent à des guidelines bien précises de Google.","En effet, on retrouve différentes catégories d’optimisations&nbsp;:","Contenu&nbsp;: il doit être pertinent et de bonne qualité.","Titre&nbsp;: moins de 70 caractères.","Texte ALT&nbsp;: doit être rempli pour toutes les images utilisées.","Langage de développement&nbsp;: HTML (possible également via les éditeurs de web stories)","Nombre de mots&nbsp;: si le contenu de la Web Story est inférieur à 180 mots, alors elle n’apparaîtra pas.","Qualité des visuels&nbsp;: La Web Story ne pourra pas apparaître si elle possède des images/vidéos pixélisés ou étirés.","Liens externes&nbsp;: vous ne devez pas inciter les utilisateurs à cliquer sur des liens provenant d’autres sites web.","Ce sont des optimisations SEO types. En-dehors de cela, on retrouve d’autres recommandations plus diverses.","Les métadonnées et web stories","Les Web Stories, à l’image des différentes typologies de résultats remontés dans les SERPs, peuvent être agrémentées de métadonnées afin d’optimiser la visibilité.","Voici les différents types de métadonnées à mettre en place&nbsp;:","Title &amp; Meta Description&nbsp;: title&nbsp;et&nbsp;publisher","Données structurées","Logo&nbsp;: publisher-logo-src","Image/vidéo &gt; poster-portrait-src","OGP &gt; Opengraph","Fiche Twitter &gt; Twittercard","Pour être sûr que tout soit intégré de façon correcte, vous pouvez utiliser l’outil de test de Google des Web Stories","Structure de l’URL des Web Stories","Il faut noter qu’à la différence des réseaux sociaux, créer une Web Story génère une URL, car elle se rattache à un site. Il peut alors être cohérent de rattacher les urls des webstories soit à un répertoire dédié (exemple&nbsp;:&nbsp; /web-stories/ ), soit à l’url du contenu auquel elle fait référence. En plus de la lecture UX optimisée, cette construction d’url permettra de faciliter l’analyse des données.","Pour illustrer, voici un tableau résumant la marche à suivre&nbsp;:","Astuce&nbsp;: nous vous conseillons de créer une page sur votre site répertoriant vos différentes Web Stories afin de permettre à Google de ne pas les louper. Vous pourrez trouver un exemple de ce type sur le site de CNN&nbsp;: https://edition.cnn.com/ampstories.","Web stories&nbsp;: la résurrection d’AMP&nbsp;?","La technologie des Web Stories, n’est pas récente. En effet, elle se base sur AMP, une technologie aujourd’hui abandonnée par Google et lancée en février 2016.","C’est ainsi que lors de la construction de Web Stories, les règles sur l’AMP doivent s’appliquer et plus particulièrement les règles ci-dessous :","Image poster (background image)&nbsp;: l’image doit être associée à l’attribut &lt;amp-story&gt; poster-portrait-src &gt; l’image doit être de 640 X 853 px et doit être au format 4&nbsp;:3","Image logo : l’image doit être associée à l’attribut &lt;amp-story&gt; publisher-logo-src &gt; l’image doit être de 96 X 96 px et doit être au format 1&nbsp;:1","Pour vérifier si votre Web Story est valide AMP, vous pouvez utiliser le test de Google, mais également vous référer au site d’officiel d’AMP concernant les Web Stories.","Comment indexer une Web Story sur Google&nbsp;?","Pour faire indexer une Web Story par Google, rien de sorcier, juste de bonnes règles SEO&nbsp;! En effet, voici nos recommandations afin de faciliter l’indexation dans les résultats de recherche.","Faire un lien depuis le site web (depuis des articles/pages dédiées, …) vers&nbsp;la web story","Créer un Sitemap dédié aux Web Stories et y mettre les différents liens.","Mettre une balise canonique dans la Web Story vers elle-même contenant&nbsp;: link rel= »canonical »","Bien vérifier que les Web Stories ne soient pas bloquées au robots.txt ou qu’elles ne contiennent pas de balise «&nbsp;noindex&nbsp;».","Bien évidemment, il ne faut pas hésiter à utiliser l’outil d’inspection d’URL de la Google Search Console afin de vérifier l’indexation de votre Web Story.","Quels sont les règles juridiques à respecter lors de la création de Web Stories&nbsp;?","Comme toute publication de contenu sur le web, la partie juridique n’est pas à négliger. En effet, certaines règles sont à prendre en compte&nbsp;:","Droit d’auteur&nbsp;: une Web Story doit respecter les règles de droits d’auteurs, comme tout contenu. Elle doit être unique.","Publicité&nbsp;: les Web Stories ne doivent pas être créées dans le but de faire de la publicité. Elles doivent apporter quelque chose à l’utilisateur et être pertinentes.","Affiliation&nbsp;: l’affiliation est autorisée dans le cadre des Web Stories. C’est un avantage business considérable dans ce type d’affichage. Il ne faut pas en abuser. Pour rappel, la Web Story ne doit pas être à but commercial.","Les Web Stories offrent donc un large éventail d&rsquo;opportunités au niveau création, SEO et surtout business&nbsp;! Les équipes SEO de Search Foresight peuvent vous accompagner dans le déploiement de ce nouveau type d’affichage. On peut même imaginer de nouvelles choses à déployer tels que le suivi via des outils d’Analytics, de la popularité, … mais cela méritera un autre article&nbsp;!","Prendre rendez-vous pour en savoir plus","ChatGPTPerplexityGoogle AIWhatsAppLinkedInX (Twitter)"],"content_blocks":[{"id":"paragraph-1","type":"core/paragraph","heading":"","plain_text":"Les pratiques du search sont parfois inspirées d’usages qui proviennent des autres canaux du digital. Tirant parti de ces nouvelles pratiques créées par des tiers, Google va pouvoir s’appuyer et développer son propre canal optimisé pour ses besoins. C’est ainsi que Google, en tant que géant du web, décide alors de sortir lui aussi ses propres stories, inspirées d’Instagram, … tout en jonglant avec l’aspect business des entreprises&nbsp;! Cet article a pour objectif de vous donner les grandes règles générales des Web stories&nbsp;: fonctionnement, bonnes pratiques SEO, aspect légal, …","html":"\n<p>Les pratiques du search sont parfois inspirées d’usages qui proviennent des autres canaux du digital. Tirant parti de ces nouvelles pratiques créées par des tiers, Google va pouvoir s’appuyer et développer son propre canal optimisé pour ses besoins. C’est ainsi que Google, en tant que géant du web, décide alors de sortir lui aussi ses propres stories, inspirées d’Instagram, … tout en jonglant avec l’aspect business des entreprises&nbsp;! <strong>Cet article a pour objectif de vous donner les grandes règles générales des Web stories</strong>&nbsp;: fonctionnement, bonnes pratiques <a href=\"https://peakace.fr/expertises/seo/\">SEO</a>, aspect légal, …</p>\n"},{"id":"heading-2","type":"core/heading","heading":"Le concept des Web Stories","plain_text":"Le concept des Web Stories","html":"\n<h2 class=\"wp-block-heading\">Le concept des Web Stories</h2>\n"},{"id":"paragraph-3","type":"core/paragraph","heading":"","plain_text":"A l’inverse des réseaux sociaux où les affichages sont dynamiques et interactifs, les résultats de recherches Google sont à l’inverse plutôt statiques. L’arrivée des web stories dans le moteur de recherches a pour objectif de rendre l’affichage Google davantage dynamique et attractif.","html":"\n<p>A l’inverse des réseaux sociaux où les affichages sont dynamiques et interactifs, les résultats de recherches Google sont à l’inverse plutôt statiques. L’arrivée des web stories dans le moteur de recherches a pour objectif de rendre l’affichage Google davantage dynamique et attractif.</p>\n"},{"id":"paragraph-4","type":"core/paragraph","heading":"","plain_text":"L’affichage des Web Stories répond toujours selon des aspects SEO, c’est-à-dire répondant à des requêtes précises.","html":"\n<p>L’affichage des Web Stories répond toujours selon des aspects SEO, c’est-à-dire répondant à des requêtes précises.</p>\n"},{"id":"paragraph-5","type":"core/paragraph","heading":"","plain_text":"C’est une fonctionnalité parfois encore sous-estimée au regard de l’évolution croissante du web et de ses pratiques.","html":"\n<p>C’est une fonctionnalité parfois <strong>encore sous-estimée au regard de l’évolution croissante du web</strong> et de ses pratiques.</p>\n"},{"id":"paragraph-6","type":"core/paragraph","heading":"","plain_text":"Google donne tous ses exemples de Web Stories sur son site ainsi que les différentes fonctionnalités qui peuvent être activées.","html":"\n<p>Google donne tous ses <a href=\"https://creators.google/en-us/content-creation-products/own-your-content/web-stories/\">exemples de Web Stories sur son site</a> ainsi que les différentes fonctionnalités qui peuvent être activées.</p>\n"},{"id":"heading-7","type":"core/heading","heading":"Où trouver les Web Stories ?","plain_text":"Où trouver les Web Stories ?","html":"\n<h2 class=\"wp-block-heading\">Où trouver les Web Stories ?</h2>\n"},{"id":"paragraph-8","type":"core/paragraph","heading":"","plain_text":"Comme à son habitude, lorsque Google choisi de dévoiler une nouvelle technologie ou un nouveau type d’affichage, le déploiement se fait par région du monde.","html":"\n<p>Comme à son habitude, lorsque Google choisi de dévoiler une nouvelle technologie ou un nouveau type d’affichage, le déploiement se fait par région du monde.</p>\n"},{"id":"paragraph-9","type":"core/paragraph","heading":"","plain_text":"Ainsi, les différents lieux d’affichages des web stories dépendent des pays dans lesquels les utilisateurs se trouvent&nbsp;:","html":"\n<p>Ainsi, les différents lieux d’affichages des web stories dépendent des pays dans lesquels les utilisateurs se trouvent&nbsp;:</p>\n"},{"id":"paragraph-10","type":"core/paragraph","heading":"","plain_text":"En effet, si votre activité ou une partie est localisée sur le marché américain, vous avez de grandes chances de toucher un grand nombre d’utilisateurs du fait des différents types de résultats dans lesquels les Web Stories apparaissent&nbsp;: Discover, Search &amp; Images","html":"\n<p>En effet, si votre activité ou une partie est localisée sur le marché américain, vous avez de <strong>grandes chances de toucher un grand nombre d’utilisateurs</strong> du fait des différents types de résultats dans lesquels les Web Stories apparaissent&nbsp;: Discover, Search &amp; Images</p>\n"},{"id":"paragraph-11","type":"core/paragraph","heading":"","plain_text":"Il faut également noter que les affichages de web stories peuvent se faire de façon unique ou bien sous forme de carrousel.","html":"\n<p>Il faut également noter que les affichages de web stories peuvent se faire de façon unique ou bien sous forme de carrousel.</p>\n"},{"id":"heading-12","type":"core/heading","heading":"Comment créer des Google Web Stories&nbsp;?","plain_text":"Comment créer des Google Web Stories&nbsp;?","html":"\n<h2 class=\"wp-block-heading\"><strong>Comment créer des Google Web Stories&nbsp;?</strong></h2>\n"},{"id":"paragraph-13","type":"core/paragraph","heading":"","plain_text":"On retrouve diverses façons de créer des Web Stories sur Google. En effet, selon votre manière de procéder, Google est ouvert à diverses propositions&nbsp;:","html":"\n<p>On retrouve diverses façons de créer des Web Stories sur Google. En effet, selon votre manière de procéder, Google est ouvert à diverses propositions&nbsp;:</p>\n"},{"id":"list-14","type":"core/list","heading":"","plain_text":"Via du développement web\n\n\n\nVia des éditeurs de stories (Ex&nbsp;: plugin de CMS ou sites web)","html":"\n<ul class=\"wp-block-list\">\n<li>Via du développement web</li>\n\n\n\n<li>Via des éditeurs de stories (Ex&nbsp;: plugin de CMS ou sites web)</li>\n</ul>\n"},{"id":"paragraph-15","type":"core/paragraph","heading":"","plain_text":"Retrouvez tous les outils de créations de Web Stories ici","html":"\n<p>Retrouvez tous les <a href=\"https://amp.dev/documentation/tools/?format=stories\">outils de créations de Web Stories</a> ici</p>\n"},{"id":"heading-16","type":"core/heading","heading":"Bonnes pratiques UX et conception des Web Stories","plain_text":"Bonnes pratiques UX et conception des Web Stories","html":"\n<h2 class=\"wp-block-heading\"><strong>Bonnes pratiques UX et conception des Web Stories</strong></h2>\n"},{"id":"paragraph-17","type":"core/paragraph","heading":"","plain_text":"Avant de foncer tête baissée vers les optimisations SEO des Web Stories, il ne faut surtout pas oublier que c’est la conception même et le projet de la Web Story qui est important. Elle doit être légitime par rapport au contenu et à la cible.","html":"\n<p>Avant de foncer tête baissée vers les optimisations SEO des Web Stories, il ne faut surtout pas oublier que <strong>c’est la conception même et le projet de la Web Story qui est important</strong>. Elle doit être légitime par rapport au contenu et à la cible.</p>\n"},{"id":"paragraph-18","type":"core/paragraph","heading":"","plain_text":"En effet, si vous n’avez rien à raconter, il n’y a pas d’utilité à prendre du temps pour réaliser des Web Stories, car il n’y aura pas de retour sur investissements (ROI).","html":"\n<p>En effet, si vous n’avez rien à raconter, il n’y a pas d’utilité à prendre du temps pour réaliser des Web Stories, car il n’y aura pas de retour sur investissements (ROI).</p>\n"},{"id":"paragraph-19","type":"core/paragraph","heading":"","plain_text":"C’est ainsi qu’il faut privilégier le storytelling avec une priorité à la vidéo pour un contenu plus dynamique. Vous devez également pouvoir mixer images et textes.","html":"\n<p>C’est ainsi qu’il faut <strong>privilégier le storytelling</strong> avec une priorité à la vidéo pour un contenu plus dynamique. Vous devez également pouvoir mixer images et textes.</p>\n"},{"id":"paragraph-20","type":"core/paragraph","heading":"","plain_text":"Au niveau conception pure, voici ce que nous dit Google&nbsp;:","html":"\n<p>Au niveau conception pure, voici ce que nous dit Google&nbsp;:</p>\n"},{"id":"list-21","type":"core/list","heading":"","plain_text":"Textes&nbsp;:\n\nLes textes doivent être de 280 caractères maximum\n\n\n\nIl ne faut pas figer ou bloquer le texte pour qu’il puisse s’adapter aux différents formats.\n\n\n\nLe texte ne doit pas être masqué par un autre élément.\n\n\n\n\n\nAnimation&nbsp;: Google conseille quelques animations, mais déconseille largement le surplus d’animations. Cela nuit à l’expérience utilisateur.\n\n\n\nActions&nbsp;: les Web Stories ne doivent pas reprendre les mêmes types de stories que l’on trouve sur les réseaux sociaux, car les actions demandées aux utilisateurs ne sont pas les mêmes.\n\n\n\nLogo&nbsp;: l’image doit être absolument en haute résolution.\n\n\n\nDurée&nbsp;: au niveau durée de la Web Story, il est conseillé de faire durer une page de Web Story entre 15s minimum et 60s maximum.\n\n\n\nAudio&nbsp;: la partie audio de la Web Story doit être de haute qualité si vous en mettez. L’audio doit durer au minimum 5s avec un juste volume et une voix audible s’il y en a une\n\n\n\nSous-titres&nbsp;: vous devez ajouter des sous-titres non-figés qui n’empiètent pas sur d’autres contenus, si votre Web Story propose une voix.\n\n\n\nVous devez permettre la fonctionnalité d’avance automatique des Web Stories, pour que l’utilisateur ne soit pas obligé de cliquer.\n\n\n\nVous devez permettre un affichage Desktop au niveau du search pour permettre aux utilisateurs de voir vos Web Stories au format paysage.","html":"\n<ul class=\"wp-block-list\">\n<li>Textes&nbsp;:\n<ul class=\"wp-block-list\">\n<li>Les textes doivent être de 280 caractères maximum</li>\n\n\n\n<li>Il ne faut pas figer ou bloquer le texte pour qu’il puisse s’adapter aux différents formats.</li>\n\n\n\n<li>Le texte ne doit pas être masqué par un autre élément.</li>\n</ul>\n</li>\n\n\n\n<li>Animation&nbsp;: Google conseille quelques animations, mais déconseille largement le surplus d’animations. Cela nuit à l’expérience utilisateur.</li>\n\n\n\n<li>Actions&nbsp;: les Web Stories ne doivent pas reprendre les mêmes types de stories que l’on trouve sur les réseaux sociaux, car les actions demandées aux utilisateurs ne sont pas les mêmes.</li>\n\n\n\n<li>Logo&nbsp;: l’image doit être absolument en haute résolution.</li>\n\n\n\n<li>Durée&nbsp;: au niveau durée de la Web Story, il est conseillé de faire durer une page de Web Story entre 15s minimum et 60s maximum.</li>\n\n\n\n<li>Audio&nbsp;: la partie audio de la Web Story doit être de haute qualité si vous en mettez. L’audio doit durer au minimum 5s avec un juste volume et une voix audible s’il y en a une</li>\n\n\n\n<li>Sous-titres&nbsp;: vous devez ajouter des sous-titres non-figés qui n’empiètent pas sur d’autres contenus, si votre Web Story propose une voix.</li>\n\n\n\n<li>Vous devez permettre la fonctionnalité d’avance automatique des Web Stories, pour que l’utilisateur ne soit pas obligé de cliquer.</li>\n\n\n\n<li>Vous devez permettre un affichage Desktop au niveau du search pour permettre aux utilisateurs de voir vos Web Stories au format paysage.</li>\n</ul>\n"},{"id":"paragraph-22","type":"core/paragraph","heading":"","plain_text":"Il faut noter également de ne pas oublier que la conception des Web Stories doit être inclusive, c’est-à-dire que l’accessibilité doit être prise en compte (au niveau taille de texte, contraste, …).","html":"\n<p>Il faut noter également de ne pas oublier que la conception des Web Stories doit être inclusive, c’est-à-dire que <a href=\"https://web.dev/accessibility/\">l’accessibilité doit être prise en compte</a> (au niveau taille de texte, contraste, …).</p>\n"},{"id":"heading-23","type":"core/heading","heading":"Les bonnes pratiques et règles SEO à respecter pour créer de bonnes Web Stories","plain_text":"Les bonnes pratiques et règles SEO à respecter pour créer de bonnes Web Stories","html":"\n<h2 class=\"wp-block-heading\"><strong>Les bonnes pratiques et règles SEO à respecter pour créer de bonnes Web Stories</strong></h2>\n"},{"id":"paragraph-24","type":"core/paragraph","heading":"","plain_text":"Comme tout élément SEO, les web stories répondent à des guidelines bien précises de Google.","html":"\n<p>Comme tout élément SEO, les web stories répondent à des guidelines bien précises de Google.</p>\n"},{"id":"paragraph-25","type":"core/paragraph","heading":"","plain_text":"En effet, on retrouve différentes catégories d’optimisations&nbsp;:","html":"\n<p>En effet, on retrouve différentes catégories d’optimisations&nbsp;:</p>\n"},{"id":"list-26","type":"core/list","heading":"","plain_text":"Contenu&nbsp;: il doit être pertinent et de bonne qualité.\n\n\n\nTitre&nbsp;: moins de 70 caractères.\n\n\n\nTexte ALT&nbsp;: doit être rempli pour toutes les images utilisées.\n\n\n\nLangage de développement&nbsp;: HTML (possible également via les éditeurs de web stories)\n\n\n\nNombre de mots&nbsp;: si le contenu de la Web Story est inférieur à 180 mots, alors elle n’apparaîtra pas.\n\n\n\nQualité des visuels&nbsp;: La Web Story ne pourra pas apparaître si elle possède des images/vidéos pixélisés ou étirés.\n\n\n\nLiens externes&nbsp;: vous ne devez pas inciter les utilisateurs à cliquer sur des liens provenant d’autres sites web.","html":"\n<ul class=\"wp-block-list\">\n<li>Contenu&nbsp;: il doit être pertinent et de bonne qualité.</li>\n\n\n\n<li>Titre&nbsp;: moins de 70 caractères.</li>\n\n\n\n<li>Texte ALT&nbsp;: doit être rempli pour toutes les images utilisées.</li>\n\n\n\n<li>Langage de développement&nbsp;: HTML (possible également via les éditeurs de web stories)</li>\n\n\n\n<li>Nombre de mots&nbsp;: si le contenu de la Web Story est inférieur à 180 mots, alors elle n’apparaîtra pas.</li>\n\n\n\n<li>Qualité des visuels&nbsp;: La Web Story ne pourra pas apparaître si elle possède des images/vidéos pixélisés ou étirés.</li>\n\n\n\n<li>Liens externes&nbsp;: vous ne devez pas inciter les utilisateurs à cliquer sur des liens provenant d’autres sites web.</li>\n</ul>\n"},{"id":"paragraph-27","type":"core/paragraph","heading":"","plain_text":"Ce sont des optimisations SEO types. En-dehors de cela, on retrouve d’autres recommandations plus diverses.","html":"\n<p>Ce sont des optimisations SEO types. En-dehors de cela, on retrouve d’autres recommandations plus diverses.</p>\n"},{"id":"heading-28","type":"core/heading","heading":"Les métadonnées et web stories","plain_text":"Les métadonnées et web stories","html":"\n<h3 class=\"wp-block-heading\">Les métadonnées et web stories</h3>\n"},{"id":"paragraph-29","type":"core/paragraph","heading":"","plain_text":"Les Web Stories, à l’image des différentes typologies de résultats remontés dans les SERPs, peuvent être agrémentées de métadonnées afin d’optimiser la visibilité.","html":"\n<p>Les Web Stories, à l’image des différentes typologies de résultats remontés dans les SERPs, peuvent être agrémentées de métadonnées afin d’optimiser la visibilité.</p>\n"},{"id":"paragraph-30","type":"core/paragraph","heading":"","plain_text":"Voici les différents types de métadonnées à mettre en place&nbsp;:","html":"\n<p>Voici les différents types de métadonnées à mettre en place&nbsp;:</p>\n"},{"id":"list-31","type":"core/list","heading":"","plain_text":"Title &amp; Meta Description&nbsp;: title&nbsp;et&nbsp;publisher\n\n\n\nDonnées structurées\n\n\n\nLogo&nbsp;: publisher-logo-src\n\n\n\nImage/vidéo &gt; poster-portrait-src\n\n\n\nOGP &gt; Opengraph\n\n\n\nFiche Twitter &gt; Twittercard","html":"\n<ul class=\"wp-block-list\">\n<li>Title &amp; Meta Description&nbsp;: <code>title</code>&nbsp;et&nbsp;<code>publisher</code></li>\n\n\n\n<li><a href=\"https://developers.google.com/search/docs/advanced/structured-data/intro-structured-data?hl=fr\">Données structurées</a></li>\n\n\n\n<li>Logo&nbsp;: <code>publisher-logo-src</code></li>\n\n\n\n<li>Image/vidéo &gt; <code>poster-portrait-src</code></li>\n\n\n\n<li>OGP &gt; <a href=\"https://ogp.me/\">Opengraph</a></li>\n\n\n\n<li>Fiche Twitter &gt; <a href=\"https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/abouts-cards\">Twittercard</a></li>\n</ul>\n"},{"id":"paragraph-32","type":"core/paragraph","heading":"","plain_text":"Pour être sûr que tout soit intégré de façon correcte, vous pouvez utiliser l’outil de test de Google des Web Stories","html":"\n<p>Pour être sûr que tout soit intégré de façon correcte, vous pouvez utiliser <a href=\"https://search.google.com/test/amp?hl=fr\">l’outil de test de Google des Web Stories</a></p>\n"},{"id":"heading-33","type":"core/heading","heading":"Structure de l’URL des Web Stories","plain_text":"Structure de l’URL des Web Stories","html":"\n<h3 class=\"wp-block-heading\">Structure de l’URL des Web Stories</h3>\n"},{"id":"paragraph-34","type":"core/paragraph","heading":"","plain_text":"Il faut noter qu’à la différence des réseaux sociaux, créer une Web Story génère une URL, car elle se rattache à un site. Il peut alors être cohérent de rattacher les urls des webstories soit à un répertoire dédié (exemple&nbsp;:&nbsp; /web-stories/ ), soit à l’url du contenu auquel elle fait référence. En plus de la lecture UX optimisée, cette construction d’url permettra de faciliter l’analyse des données.","html":"\n<p>Il faut noter qu’à la différence des réseaux sociaux, <strong>créer une Web Story génère une URL, car elle se rattache à un site</strong>. Il peut alors être cohérent de rattacher les urls des webstories soit à un répertoire dédié (exemple&nbsp;:&nbsp; /web-stories/ ), soit à l’url du contenu auquel elle fait référence. En plus de la lecture UX optimisée, cette construction d’url permettra de faciliter l’analyse des données.</p>\n"},{"id":"paragraph-35","type":"core/paragraph","heading":"","plain_text":"Pour illustrer, voici un tableau résumant la marche à suivre&nbsp;:","html":"\n<p>Pour illustrer, voici un tableau résumant la marche à suivre&nbsp;:</p>\n"},{"id":"paragraph-36","type":"core/paragraph","heading":"","plain_text":"Astuce&nbsp;: nous vous conseillons de créer une page sur votre site répertoriant vos différentes Web Stories afin de permettre à Google de ne pas les louper. Vous pourrez trouver un exemple de ce type sur le site de CNN&nbsp;: https://edition.cnn.com/ampstories.","html":"\n<p>Astuce&nbsp;: nous vous conseillons de <strong>créer une page sur votre site répertoriant vos différentes Web Stories</strong> afin de permettre à Google de ne pas les louper. Vous pourrez trouver un exemple de ce type sur le site de CNN&nbsp;: <a href=\"https://edition.cnn.com/ampstories\">https://edition.cnn.com/ampstories</a>.</p>\n"},{"id":"heading-37","type":"core/heading","heading":"Web stories&nbsp;: la résurrection d’AMP&nbsp;?","plain_text":"Web stories&nbsp;: la résurrection d’AMP&nbsp;?","html":"\n<h3 class=\"wp-block-heading\">Web stories&nbsp;: la résurrection d’AMP&nbsp;?</h3>\n"},{"id":"paragraph-38","type":"core/paragraph","heading":"","plain_text":"La technologie des Web Stories, n’est pas récente. En effet, elle se base sur AMP, une technologie aujourd’hui abandonnée par Google et lancée en février 2016.","html":"\n<p>La technologie des Web Stories, n’est pas récente. En effet, elle se base sur AMP, une technologie aujourd’hui abandonnée par Google et lancée en février 2016.</p>\n"},{"id":"paragraph-39","type":"core/paragraph","heading":"","plain_text":"C’est ainsi que lors de la construction de Web Stories, les règles sur l’AMP doivent s’appliquer et plus particulièrement les règles ci-dessous :","html":"\n<p>C’est ainsi que lors de la construction de Web Stories<a href=\"https://amp.dev/documentation/guides-and-tutorials/learn/webstory_technical_details/\">, les règles sur l’AMP doivent s’appliquer</a> et plus particulièrement les règles ci-dessous :</p>\n"},{"id":"list-40","type":"core/list","heading":"","plain_text":"Image poster (background image)&nbsp;: l’image doit être associée à l’attribut &lt;amp-story&gt; poster-portrait-src &gt; l’image doit être de 640 X 853 px et doit être au format 4&nbsp;:3\n\n\n\nImage logo : l’image doit être associée à l’attribut &lt;amp-story&gt; publisher-logo-src &gt; l’image doit être de 96 X 96 px et doit être au format 1&nbsp;:1","html":"\n<ul class=\"wp-block-list\">\n<li>Image poster (background image)&nbsp;: l’image doit être associée à l’attribut &lt;amp-story&gt; poster-portrait-src &gt; l’image doit être de 640 X 853 px et doit être au format 4&nbsp;:3</li>\n\n\n\n<li>Image logo : l’image doit être associée à l’attribut &lt;amp-story&gt; publisher-logo-src &gt; l’image doit être de 96 X 96 px et doit être au format 1&nbsp;:1</li>\n</ul>\n"},{"id":"paragraph-41","type":"core/paragraph","heading":"","plain_text":"Pour vérifier si votre Web Story est valide AMP, vous pouvez utiliser le test de Google, mais également vous référer au site d’officiel d’AMP concernant les Web Stories.","html":"\n<p>Pour vérifier si votre Web Story est valide AMP, vous pouvez utiliser le <a href=\"https://search.google.com/test/amp?hl=fr\">test de Google</a>, mais également vous référer <a href=\"https://amp.dev/about/stories/\">au site d’officiel d’AMP concernant les Web Stories</a>.</p>\n"},{"id":"heading-42","type":"core/heading","heading":"Comment indexer une Web Story sur Google&nbsp;?","plain_text":"Comment indexer une Web Story sur Google&nbsp;?","html":"\n<h2 class=\"wp-block-heading\"><strong>Comment indexer une Web Story sur Google&nbsp;?</strong></h2>\n"},{"id":"paragraph-43","type":"core/paragraph","heading":"","plain_text":"Pour faire indexer une Web Story par Google, rien de sorcier, juste de bonnes règles SEO&nbsp;! En effet, voici nos recommandations afin de faciliter l’indexation dans les résultats de recherche.","html":"\n<p>Pour faire indexer une Web Story par Google, rien de sorcier, juste de bonnes règles SEO&nbsp;! En effet, voici nos recommandations afin de faciliter l’indexation dans les résultats de recherche.</p>\n"},{"id":"list-44","type":"core/list","heading":"","plain_text":"Faire un lien depuis le site web (depuis des articles/pages dédiées, …) vers&nbsp;la web story\n\n\n\nCréer un Sitemap dédié aux Web Stories et y mettre les différents liens.\n\n\n\nMettre une balise canonique dans la Web Story vers elle-même contenant&nbsp;: link rel=\"canonical\"\n\n\n\nBien vérifier que les Web Stories ne soient pas bloquées au robots.txt ou qu’elles ne contiennent pas de balise «&nbsp;noindex&nbsp;».","html":"\n<ul class=\"wp-block-list\">\n<li>Faire un lien depuis le site web (depuis des articles/pages dédiées, …) vers&nbsp;la web story</li>\n\n\n\n<li>Créer un Sitemap dédié aux Web Stories et y mettre les différents liens.</li>\n\n\n\n<li>Mettre une <a href=\"https://peakace.fr/blog/seo/non-on-ne-resout-problemes-de-duplicate-canonicals/\">balise canonique</a> dans la Web Story vers elle-même contenant&nbsp;: link rel=\"canonical\"</li>\n\n\n\n<li>Bien vérifier que les Web Stories ne soient pas bloquées au robots.txt ou qu’elles ne contiennent pas de balise «&nbsp;noindex&nbsp;».</li>\n</ul>\n"},{"id":"paragraph-45","type":"core/paragraph","heading":"","plain_text":"Bien évidemment, il ne faut pas hésiter à utiliser l’outil d’inspection d’URL de la Google Search Console afin de vérifier l’indexation de votre Web Story.","html":"\n<p>Bien évidemment, il ne faut pas hésiter à utiliser <a href=\"https://support.google.com/webmasters/answer/9012289?hl=fr\">l’outil d’inspection d’URL</a> de la <a href=\"https://peakace.fr/blog/seo/definitions-quest-ce-que-la-google-search-console/\">Google Search Console</a> afin de vérifier l’indexation de votre Web Story.</p>\n"},{"id":"heading-46","type":"core/heading","heading":"Quels sont les règles juridiques à respecter lors de la création de Web Stories&nbsp;?","plain_text":"Quels sont les règles juridiques à respecter lors de la création de Web Stories&nbsp;?","html":"\n<h2 class=\"wp-block-heading\"><strong>Quels sont les règles juridiques à respecter lors de la création de Web Stories&nbsp;?</strong></h2>\n"},{"id":"paragraph-47","type":"core/paragraph","heading":"","plain_text":"Comme toute publication de contenu sur le web, la partie juridique n’est pas à négliger. En effet, certaines règles sont à prendre en compte&nbsp;:","html":"\n<p>Comme toute publication de contenu sur le web, la partie juridique n’est pas à négliger. En effet, certaines règles sont à prendre en compte&nbsp;:</p>\n"},{"id":"list-48","type":"core/list","heading":"","plain_text":"Droit d’auteur&nbsp;: une Web Story doit respecter les règles de droits d’auteurs, comme tout contenu. Elle doit être unique.\n\n\n\nPublicité&nbsp;: les Web Stories ne doivent pas être créées dans le but de faire de la publicité. Elles doivent apporter quelque chose à l’utilisateur et être pertinentes.\n\n\n\nAffiliation&nbsp;: l’affiliation est autorisée dans le cadre des Web Stories. C’est un avantage business considérable dans ce type d’affichage. Il ne faut pas en abuser. Pour rappel, la Web Story ne doit pas être à but commercial.","html":"\n<ul class=\"wp-block-list\">\n<li>Droit d’auteur&nbsp;: une Web Story doit respecter les règles de droits d’auteurs, comme tout contenu. Elle doit être unique.</li>\n\n\n\n<li>Publicité&nbsp;: les <strong>Web Stories ne doivent pas être créées dans le but de faire de la publicité</strong>. Elles doivent apporter quelque chose à l’utilisateur et être pertinentes.</li>\n\n\n\n<li>Affiliation&nbsp;<strong>: l’affiliation est autorisée dans le cadre des Web Stories</strong>. C’est un avantage business considérable dans ce type d’affichage. Il ne faut pas en abuser. Pour rappel, la Web Story ne doit pas être à but commercial.</li>\n</ul>\n"},{"id":"paragraph-49","type":"core/paragraph","heading":"","plain_text":"Les Web Stories offrent donc un large éventail d'opportunités au niveau création, SEO et surtout business&nbsp;! Les équipes SEO de Search Foresight peuvent vous accompagner dans le déploiement de ce nouveau type d’affichage. On peut même imaginer de nouvelles choses à déployer tels que le suivi via des outils d’Analytics, de la popularité, … mais cela méritera un autre article&nbsp;!","html":"\n<p>Les Web Stories offrent donc un large éventail d'opportunités au niveau création, SEO et surtout business&nbsp;! Les équipes SEO de Search Foresight peuvent vous accompagner dans le déploiement de ce nouveau type d’affichage. On peut même imaginer de nouvelles choses à déployer tels que <strong>le suivi via des outils d’Analytics, de la popularité, …</strong> mais cela méritera un autre article&nbsp;!</p>\n"},{"id":"buttons-50","type":"core/buttons","heading":"","plain_text":"Prendre rendez-vous pour en savoir plus","html":"\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https://peakace.fr/contact/\">Prendre rendez-vous pour en savoir plus</a></div>\n</div>\n"}],"sections":[{"id":"paragraph-1","heading":"Paragraph","content":"Les pratiques du search sont parfois inspirées d’usages qui proviennent des autres canaux du digital. Tirant parti de ces nouvelles pratiques créées par des tiers, Google va pouvoir s’appuyer et développer son propre canal optimisé pour ses besoins. C’est ainsi que Google, en tant que géant du web, décide alors de sortir lui aussi ses propres stories, inspirées d’Instagram, … tout en jonglant avec l’aspect business des entreprises&nbsp;! Cet article a pour objectif de vous donner les grandes règles générales des Web stories&nbsp;: fonctionnement, bonnes pratiques SEO, aspect légal, …"},{"id":"heading-2","heading":"Le concept des Web Stories","content":"Le concept des Web Stories"},{"id":"paragraph-3","heading":"Paragraph","content":"A l’inverse des réseaux sociaux où les affichages sont dynamiques et interactifs, les résultats de recherches Google sont à l’inverse plutôt statiques. L’arrivée des web stories dans le moteur de recherches a pour objectif de rendre l’affichage Google davantage dynamique et attractif."},{"id":"paragraph-4","heading":"Paragraph","content":"L’affichage des Web Stories répond toujours selon des aspects SEO, c’est-à-dire répondant à des requêtes précises."},{"id":"paragraph-5","heading":"Paragraph","content":"C’est une fonctionnalité parfois encore sous-estimée au regard de l’évolution croissante du web et de ses pratiques."},{"id":"paragraph-6","heading":"Paragraph","content":"Google donne tous ses exemples de Web Stories sur son site ainsi que les différentes fonctionnalités qui peuvent être activées."},{"id":"heading-7","heading":"Où trouver les Web Stories ?","content":"Où trouver les Web Stories ?"},{"id":"paragraph-8","heading":"Paragraph","content":"Comme à son habitude, lorsque Google choisi de dévoiler une nouvelle technologie ou un nouveau type d’affichage, le déploiement se fait par région du monde."},{"id":"paragraph-9","heading":"Paragraph","content":"Ainsi, les différents lieux d’affichages des web stories dépendent des pays dans lesquels les utilisateurs se trouvent&nbsp;:"},{"id":"paragraph-10","heading":"Paragraph","content":"En effet, si votre activité ou une partie est localisée sur le marché américain, vous avez de grandes chances de toucher un grand nombre d’utilisateurs du fait des différents types de résultats dans lesquels les Web Stories apparaissent&nbsp;: Discover, Search &amp; Images"},{"id":"paragraph-11","heading":"Paragraph","content":"Il faut également noter que les affichages de web stories peuvent se faire de façon unique ou bien sous forme de carrousel."},{"id":"heading-12","heading":"Comment créer des Google Web Stories&nbsp;?","content":"Comment créer des Google Web Stories&nbsp;?"},{"id":"paragraph-13","heading":"Paragraph","content":"On retrouve diverses façons de créer des Web Stories sur Google. En effet, selon votre manière de procéder, Google est ouvert à diverses propositions&nbsp;:"},{"id":"list-14","heading":"List","content":"Via du développement web\n\n\n\nVia des éditeurs de stories (Ex&nbsp;: plugin de CMS ou sites web)"},{"id":"paragraph-15","heading":"Paragraph","content":"Retrouvez tous les outils de créations de Web Stories ici"},{"id":"heading-16","heading":"Bonnes pratiques UX et conception des Web Stories","content":"Bonnes pratiques UX et conception des Web Stories"},{"id":"paragraph-17","heading":"Paragraph","content":"Avant de foncer tête baissée vers les optimisations SEO des Web Stories, il ne faut surtout pas oublier que c’est la conception même et le projet de la Web Story qui est important. Elle doit être légitime par rapport au contenu et à la cible."},{"id":"paragraph-18","heading":"Paragraph","content":"En effet, si vous n’avez rien à raconter, il n’y a pas d’utilité à prendre du temps pour réaliser des Web Stories, car il n’y aura pas de retour sur investissements (ROI)."},{"id":"paragraph-19","heading":"Paragraph","content":"C’est ainsi qu’il faut privilégier le storytelling avec une priorité à la vidéo pour un contenu plus dynamique. Vous devez également pouvoir mixer images et textes."},{"id":"paragraph-20","heading":"Paragraph","content":"Au niveau conception pure, voici ce que nous dit Google&nbsp;:"},{"id":"list-21","heading":"List","content":"Textes&nbsp;:\n\nLes textes doivent être de 280 caractères maximum\n\n\n\nIl ne faut pas figer ou bloquer le texte pour qu’il puisse s’adapter aux différents formats.\n\n\n\nLe texte ne doit pas être masqué par un autre élément.\n\n\n\n\n\nAnimation&nbsp;: Google conseille quelques animations, mais déconseille largement le surplus d’animations. Cela nuit à l’expérience utilisateur.\n\n\n\nActions&nbsp;: les Web Stories ne doivent pas reprendre les mêmes types de stories que l’on trouve sur les réseaux sociaux, car les actions demandées aux utilisateurs ne sont pas les mêmes.\n\n\n\nLogo&nbsp;: l’image doit être absolument en haute résolution.\n\n\n\nDurée&nbsp;: au niveau durée de la Web Story, il est conseillé de faire durer une page de Web Story entre 15s minimum et 60s maximum.\n\n\n\nAudio&nbsp;: la partie audio de la Web Story doit être de haute qualité si vous en mettez. L’audio doit durer au minimum 5s avec un juste volume et une voix audible s’il y en a une\n\n\n\nSous-titres&nbsp;: vous devez ajouter des sous-titres non-figés qui n’empiètent pas sur d’autres contenus, si votre Web Story propose une voix.\n\n\n\nVous devez permettre la fonctionnalité d’avance automatique des Web Stories, pour que l’utilisateur ne soit pas obligé de cliquer.\n\n\n\nVous devez permettre un affichage Desktop au niveau du search pour permettre aux utilisateurs de voir vos Web Stories au format paysage."},{"id":"paragraph-22","heading":"Paragraph","content":"Il faut noter également de ne pas oublier que la conception des Web Stories doit être inclusive, c’est-à-dire que l’accessibilité doit être prise en compte (au niveau taille de texte, contraste, …)."},{"id":"heading-23","heading":"Les bonnes pratiques et règles SEO à respecter pour créer de bonnes Web Stories","content":"Les bonnes pratiques et règles SEO à respecter pour créer de bonnes Web Stories"},{"id":"paragraph-24","heading":"Paragraph","content":"Comme tout élément SEO, les web stories répondent à des guidelines bien précises de Google."},{"id":"paragraph-25","heading":"Paragraph","content":"En effet, on retrouve différentes catégories d’optimisations&nbsp;:"},{"id":"list-26","heading":"List","content":"Contenu&nbsp;: il doit être pertinent et de bonne qualité.\n\n\n\nTitre&nbsp;: moins de 70 caractères.\n\n\n\nTexte ALT&nbsp;: doit être rempli pour toutes les images utilisées.\n\n\n\nLangage de développement&nbsp;: HTML (possible également via les éditeurs de web stories)\n\n\n\nNombre de mots&nbsp;: si le contenu de la Web Story est inférieur à 180 mots, alors elle n’apparaîtra pas.\n\n\n\nQualité des visuels&nbsp;: La Web Story ne pourra pas apparaître si elle possède des images/vidéos pixélisés ou étirés.\n\n\n\nLiens externes&nbsp;: vous ne devez pas inciter les utilisateurs à cliquer sur des liens provenant d’autres sites web."},{"id":"paragraph-27","heading":"Paragraph","content":"Ce sont des optimisations SEO types. En-dehors de cela, on retrouve d’autres recommandations plus diverses."},{"id":"heading-28","heading":"Les métadonnées et web stories","content":"Les métadonnées et web stories"},{"id":"paragraph-29","heading":"Paragraph","content":"Les Web Stories, à l’image des différentes typologies de résultats remontés dans les SERPs, peuvent être agrémentées de métadonnées afin d’optimiser la visibilité."},{"id":"paragraph-30","heading":"Paragraph","content":"Voici les différents types de métadonnées à mettre en place&nbsp;:"},{"id":"list-31","heading":"List","content":"Title &amp; Meta Description&nbsp;: title&nbsp;et&nbsp;publisher\n\n\n\nDonnées structurées\n\n\n\nLogo&nbsp;: publisher-logo-src\n\n\n\nImage/vidéo &gt; poster-portrait-src\n\n\n\nOGP &gt; Opengraph\n\n\n\nFiche Twitter &gt; Twittercard"},{"id":"paragraph-32","heading":"Paragraph","content":"Pour être sûr que tout soit intégré de façon correcte, vous pouvez utiliser l’outil de test de Google des Web Stories"},{"id":"heading-33","heading":"Structure de l’URL des Web Stories","content":"Structure de l’URL des Web Stories"},{"id":"paragraph-34","heading":"Paragraph","content":"Il faut noter qu’à la différence des réseaux sociaux, créer une Web Story génère une URL, car elle se rattache à un site. Il peut alors être cohérent de rattacher les urls des webstories soit à un répertoire dédié (exemple&nbsp;:&nbsp; /web-stories/ ), soit à l’url du contenu auquel elle fait référence. En plus de la lecture UX optimisée, cette construction d’url permettra de faciliter l’analyse des données."},{"id":"paragraph-35","heading":"Paragraph","content":"Pour illustrer, voici un tableau résumant la marche à suivre&nbsp;:"},{"id":"paragraph-36","heading":"Paragraph","content":"Astuce&nbsp;: nous vous conseillons de créer une page sur votre site répertoriant vos différentes Web Stories afin de permettre à Google de ne pas les louper. Vous pourrez trouver un exemple de ce type sur le site de CNN&nbsp;: https://edition.cnn.com/ampstories."},{"id":"heading-37","heading":"Web stories&nbsp;: la résurrection d’AMP&nbsp;?","content":"Web stories&nbsp;: la résurrection d’AMP&nbsp;?"},{"id":"paragraph-38","heading":"Paragraph","content":"La technologie des Web Stories, n’est pas récente. En effet, elle se base sur AMP, une technologie aujourd’hui abandonnée par Google et lancée en février 2016."},{"id":"paragraph-39","heading":"Paragraph","content":"C’est ainsi que lors de la construction de Web Stories, les règles sur l’AMP doivent s’appliquer et plus particulièrement les règles ci-dessous :"},{"id":"list-40","heading":"List","content":"Image poster (background image)&nbsp;: l’image doit être associée à l’attribut &lt;amp-story&gt; poster-portrait-src &gt; l’image doit être de 640 X 853 px et doit être au format 4&nbsp;:3\n\n\n\nImage logo : l’image doit être associée à l’attribut &lt;amp-story&gt; publisher-logo-src &gt; l’image doit être de 96 X 96 px et doit être au format 1&nbsp;:1"},{"id":"paragraph-41","heading":"Paragraph","content":"Pour vérifier si votre Web Story est valide AMP, vous pouvez utiliser le test de Google, mais également vous référer au site d’officiel d’AMP concernant les Web Stories."},{"id":"heading-42","heading":"Comment indexer une Web Story sur Google&nbsp;?","content":"Comment indexer une Web Story sur Google&nbsp;?"},{"id":"paragraph-43","heading":"Paragraph","content":"Pour faire indexer une Web Story par Google, rien de sorcier, juste de bonnes règles SEO&nbsp;! En effet, voici nos recommandations afin de faciliter l’indexation dans les résultats de recherche."},{"id":"list-44","heading":"List","content":"Faire un lien depuis le site web (depuis des articles/pages dédiées, …) vers&nbsp;la web story\n\n\n\nCréer un Sitemap dédié aux Web Stories et y mettre les différents liens.\n\n\n\nMettre une balise canonique dans la Web Story vers elle-même contenant&nbsp;: link rel=\"canonical\"\n\n\n\nBien vérifier que les Web Stories ne soient pas bloquées au robots.txt ou qu’elles ne contiennent pas de balise «&nbsp;noindex&nbsp;»."},{"id":"paragraph-45","heading":"Paragraph","content":"Bien évidemment, il ne faut pas hésiter à utiliser l’outil d’inspection d’URL de la Google Search Console afin de vérifier l’indexation de votre Web Story."},{"id":"heading-46","heading":"Quels sont les règles juridiques à respecter lors de la création de Web Stories&nbsp;?","content":"Quels sont les règles juridiques à respecter lors de la création de Web Stories&nbsp;?"},{"id":"paragraph-47","heading":"Paragraph","content":"Comme toute publication de contenu sur le web, la partie juridique n’est pas à négliger. En effet, certaines règles sont à prendre en compte&nbsp;:"},{"id":"list-48","heading":"List","content":"Droit d’auteur&nbsp;: une Web Story doit respecter les règles de droits d’auteurs, comme tout contenu. Elle doit être unique.\n\n\n\nPublicité&nbsp;: les Web Stories ne doivent pas être créées dans le but de faire de la publicité. Elles doivent apporter quelque chose à l’utilisateur et être pertinentes.\n\n\n\nAffiliation&nbsp;: l’affiliation est autorisée dans le cadre des Web Stories. C’est un avantage business considérable dans ce type d’affichage. Il ne faut pas en abuser. Pour rappel, la Web Story ne doit pas être à but commercial."},{"id":"paragraph-49","heading":"Paragraph","content":"Les Web Stories offrent donc un large éventail d'opportunités au niveau création, SEO et surtout business&nbsp;! Les équipes SEO de Search Foresight peuvent vous accompagner dans le déploiement de ce nouveau type d’affichage. On peut même imaginer de nouvelles choses à déployer tels que le suivi via des outils d’Analytics, de la popularité, … mais cela méritera un autre article&nbsp;!"},{"id":"buttons-50","heading":"Buttons","content":"Prendre rendez-vous pour en savoir plus"}],"media":{"primary_image":""},"relations":[{"rel":"canonical","href":"https://peakace.fr/blog/actualites-google/google-web-stories-instagram-a-la-sauce-google/"},{"rel":"alternate","href":"https://peakace.fr/blog/actualites-google/google-web-stories-instagram-a-la-sauce-google/llm","type":"text/html"},{"rel":"alternate","href":"https://peakace.fr/blog/actualites-google/google-web-stories-instagram-a-la-sauce-google/llm.json","type":"application/json"},{"rel":"llm-manifest","href":"https://peakace.fr/llm-endpoints-manifest.json","type":"application/json"}],"http_headers":{"X-LLM-Friendly":"1","X-LLM-Schema":"1.1.0","Content-Security-Policy":"default-src 'none'; img-src * data:; style-src 'unsafe-inline'"},"license":"CC BY-ND 4.0","attribution_required":true,"allow_cors":false}