{"id":339,"date":"2020-10-07T14:49:45","date_gmt":"2020-10-07T14:49:45","guid":{"rendered":"https:\/\/cinnk.com\/index.php\/2020\/10\/07\/generer-vos-premieres-pages-amp-avec-wbamp\/"},"modified":"2020-10-07T14:49:45","modified_gmt":"2020-10-07T14:49:45","slug":"generer-vos-premieres-pages-amp-avec-wbamp","status":"publish","type":"post","link":"https:\/\/cinnk.com\/fr\/generer-vos-premieres-pages-amp-avec-wbamp\/","title":{"rendered":"G\u00e9n\u00e9rer vos premi\u00e8res pages AMP avec wbAMP"},"content":{"rendered":"

Nous allons voir comment faciliter l’indexaction<\/strong> de votre site par les moteurs de recherche avec l’utilisation d’un sitemap<\/strong> ou plan de site<\/strong> en fran\u00e7ais.<\/p>\n


\nIl y a quelques mois Yann Gomiero nous pr\u00e9sentait le projet AMP (Accelerated Mobile Pages). \u00c0 l’\u00e9poque il n’y avait pas de possibilit\u00e9 avec Joomla! mais depuis trois semaines vous pouvez cr\u00e9er vos pages avec l’aide de l’extension wbAMP.<\/p>\n

91vrBzqgSveXxB03xgrG – Flickr<\/p>\n

wbAMP est la premi\u00e8re extension pour Joomla qui permet de g\u00e9n\u00e9rer automatiquement des pages au format AMP. Dans cet article, qui n’est pas \u00e0 proprement dit un tutoriel, je vais vous faire partager mes premiers pas avec cette extension.
\nPr\u00e9-requis et installation
\nPour que vous puissiez g\u00e9n\u00e9rer vos pages AMP il faut que la r\u00e9\u00e9criture d’urls soit activ\u00e9e sur votre site, que ce soit nativement ou par le biais d’une extension comme SH404sef.
\nL’installation reste classique via le gestionnaire d’extensions : soit par l’interface du JED propos\u00e9 dans l’onglet Installer \u00e0 partir du web , soit en s\u00e9lectionnant l’archive que vous pouvez r\u00e9cup\u00e9rer sur cette page de l’\u00e9diteur.
\nPour mes premiers pas j’ai choisi d’utiliser la version Community, certes bien moins compl\u00e8te que la version payante, mais amplement suffisante pour commencer.
\nParam\u00e9trage des pages articles
\nLors de l’installation trois plugins sont mis en place. Celui qui nous int\u00e9resse et wbAMP, o\u00f9 l’on acc\u00e8de \u00e0 tous les param\u00e8tres n\u00e9cessaires au bon fonctionnement de l’extension. A noter que tous les plugins sont activ\u00e9s d\u00e8s le d\u00e9but.
\nComme pour tous les nouveaux produits, je recherche dans la documentation les param\u00e8tres de base (Getting started\/Select-content) qui me permettent de gagner du temps au lieu de t\u00e2tonner.
\nLa documentation est de plus consultable en fran\u00e7ais, ce qui ne peut qu’\u00eatre un atout pour les utilisateurs non anglophones.
\nOnglet : Choix pages
\nComme cit\u00e9 plus haut je fais le choix d’utiliser les param\u00e8tres les plus simples pour commencer.<\/p>\n

Onglet : Donn\u00e9es m\u00e9ta
\nComme je poss\u00e8de un compte Google+ j’en profite pour saisir mon ID mais ce n’est pas une obligation, cela permet de g\u00e9n\u00e9rer une balise rel=\u00a0\u00bbauthor\u00a0\u00bb qui semble \u00eatre utile pour am\u00e9liorer son r\u00e9f\u00e9rencement dans les SERPs.<\/p>\n

Sur la m\u00eame page j’ai la possibilit\u00e9 de saisir soit le nom du site, soit ins\u00e9rer un logo. Mon image actuelle \u00e9tant dans les caract\u00e9ristiques souhait\u00e9es mon choix est vite fait.<\/p>\n

A ce stade les param\u00e8tres pour la g\u00e9n\u00e9ration des mes premi\u00e8res pages sont corrects,. Il n’ y a plus qu’\u00e0 cliquer sur le bouton Enregistrer&Fermer pour valider les donn\u00e9es saisies.
\nPersonnalisation
\nAvec les param\u00e8tres de base wbAMP g\u00e9n\u00e8re les pages avec des couleurs \u00e0 dominante bleue. On peut tout \u00e0 fait se contenter de cette palette mais bien que je ne sois pas un sp\u00e9cialiste des CSS je fais le choix d’utiliser mes couleurs personnalis\u00e9es. Il faut donc \u00e9diter le plugin pour personnaliser sa page.<\/p>\n

Onglet : Personnalisation
\nDans le champ CSS personnalis\u00e9 je saisi les quelques lignes qui sont n\u00e9cessaires pour modifier l’apparence des mes futures pages.
\n\u00c9tant sur la page o\u00f9 se trouve l’option Pied de page, j’en profite pour s\u00e9lectionner mon module existant \u00e0 afficher en bas de page. J’aurai p\u00fb aussi cr\u00e9er un module un peu diff\u00e9rent mais autant se simplifier la future gestion en cas de mise \u00e0 jour des informations.<\/p>\n

Indexation, statistiques et outils
\nVoil\u00e0 tous mes param\u00e8tres sont je pense bons mais il reste \u00e0 savoir si les pages sont bien g\u00e9n\u00e9r\u00e9es et correctes.
\nJe s\u00e9lectionne un des mes articles, pour savoir si la page AMP est bien active il me suffit d’utiliser la combinaison ctrl+u sur mon clavier et visualiser le code source du contenu. C’est bon je constate la pr\u00e9sence de l’url de ma page AMP<\/p>\n

La configuration de wbAMP est donc correcte, reste \u00e0 savoir si la page est conforme au format AMP ?
\nLa documentation de l’extension nous propose deux modes pour\u00a0v\u00e9rifier la validit\u00e9 des pages g\u00e9n\u00e9r\u00e9es par l’extension. Je vais choisir l’outil en ligne de Google : Structured Data Testing Tool.
\nC’est bon mon url est conforme mais reste \u00e0 savoir comment Google va savoir que j’ai des pages au format AMP. Ne dit-on pas que \u00ab\u00a0Google est notre ami\u00a0\u00bb ? Et oui si vous avez d\u00e9j\u00e0 d\u00e9clar\u00e9 via un sitemap votre site \u00e0 ce moteur de recherche il va se charger sans aucune intervention de votre part de l’indexation de vos pages AMP.<\/p>\n

Au bout de combien de temps pouvez-vous voir les premiers r\u00e9sultats dans votre Search Console ?
\nJ’ai obtenu mes premiers r\u00e9sultats le lendemain avec 13 articles (12\/03\/2016). \u00c0 ce jour ce sont environ 10% de mes pages qui ont \u00e9t\u00e9 index\u00e9es, mais je pense que l’indexation peut-\u00eatre tr\u00e8s variable, donc il faudra surement vous armer de patience dans tous les cas.
\nWeeblr l’\u00e9diteur de wbAMP : https:\/\/weeblr.com\/joomla-accelerated-mobile-pages\/wbamp Le projet Google AMP : https:\/\/www.ampproject.org\/
\n Using Analytics and Google search console by Yannick Gaultier | JoomlaDay Uk 2016A lire sur WebRankInfo : http:\/\/www.webrankinfo.com\/dossiers\/referencement-mobile\/pages-amp<\/p>\n","protected":false},"excerpt":{"rendered":"

Nous allons voir comment faciliter l’indexaction de votre site par les moteurs de recherche avec l’utilisation d’un sitemap ou plan de site en fran\u00e7ais.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[13],"tags":[],"class_list":["post-339","post","type-post","status-publish","format-standard","hentry","category-archives"],"yoast_head":"\nG\u00e9n\u00e9rer vos premi\u00e8res pages AMP avec wbAMP | Cinnk<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cinnk.com\/fr\/generer-vos-premieres-pages-amp-avec-wbamp\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"G\u00e9n\u00e9rer vos premi\u00e8res pages AMP avec wbAMP | Cinnk\" \/>\n<meta property=\"og:description\" content=\"Nous allons voir comment faciliter l’indexaction de votre site par les moteurs de recherche avec l’utilisation d’un sitemap ou plan de site en fran\u00e7ais.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cinnk.com\/fr\/generer-vos-premieres-pages-amp-avec-wbamp\/\" \/>\n<meta property=\"og:site_name\" content=\"Cinnk\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Cinnk.formation\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-07T14:49:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cinnk.com\/wp-content\/uploads\/2024\/10\/Logo-font.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Cinnk\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CinnkCom\" \/>\n<meta name=\"twitter:site\" content=\"@CinnkCom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cinnk\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/cinnk.com\/fr\/generer-vos-premieres-pages-amp-avec-wbamp\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/cinnk.com\/fr\/generer-vos-premieres-pages-amp-avec-wbamp\/\"},\"author\":{\"name\":\"Cinnk\",\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/person\/eacaed860bb77e88b654cab0718cdc3d\"},\"headline\":\"G\u00e9n\u00e9rer vos premi\u00e8res pages AMP avec wbAMP\",\"datePublished\":\"2020-10-07T14:49:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cinnk.com\/fr\/generer-vos-premieres-pages-amp-avec-wbamp\/\"},\"wordCount\":920,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/cinnk.com\/fr\/#organization\"},\"articleSection\":[\"Archives\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cinnk.com\/fr\/generer-vos-premieres-pages-amp-avec-wbamp\/\",\"url\":\"https:\/\/cinnk.com\/fr\/generer-vos-premieres-pages-amp-avec-wbamp\/\",\"name\":\"G\u00e9n\u00e9rer vos premi\u00e8res pages AMP avec wbAMP | Cinnk\",\"isPartOf\":{\"@id\":\"https:\/\/cinnk.com\/fr\/#website\"},\"datePublished\":\"2020-10-07T14:49:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cinnk.com\/fr\/generer-vos-premieres-pages-amp-avec-wbamp\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cinnk.com\/fr\/generer-vos-premieres-pages-amp-avec-wbamp\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cinnk.com\/fr\/generer-vos-premieres-pages-amp-avec-wbamp\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/cinnk.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"G\u00e9n\u00e9rer vos premi\u00e8res pages AMP avec wbAMP\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cinnk.com\/fr\/#website\",\"url\":\"https:\/\/cinnk.com\/fr\/\",\"name\":\"Cinnk\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cinnk.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cinnk.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cinnk.com\/fr\/#organization\",\"name\":\"Cinnk\",\"url\":\"https:\/\/cinnk.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cinnk.com\/wp-content\/uploads\/2023\/10\/logo-svg-orange_new.svg\",\"contentUrl\":\"https:\/\/cinnk.com\/wp-content\/uploads\/2023\/10\/logo-svg-orange_new.svg\",\"width\":125,\"height\":32,\"caption\":\"Cinnk\"},\"image\":{\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Cinnk.formation\",\"https:\/\/x.com\/CinnkCom\",\"https:\/\/www.instagram.com\/cinnk\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/person\/eacaed860bb77e88b654cab0718cdc3d\",\"name\":\"Cinnk\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2110805a2e278c633c677ec50fd5a9944d8f66b4fac05f86ebb21a2f87be8e0b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2110805a2e278c633c677ec50fd5a9944d8f66b4fac05f86ebb21a2f87be8e0b?s=96&d=mm&r=g\",\"caption\":\"Cinnk\"},\"sameAs\":[\"https:\/\/cinnk.com\"],\"url\":\"https:\/\/cinnk.com\/fr\/author\/cinnkdev\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"G\u00e9n\u00e9rer vos premi\u00e8res pages AMP avec wbAMP | Cinnk","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cinnk.com\/fr\/generer-vos-premieres-pages-amp-avec-wbamp\/","og_locale":"fr_FR","og_type":"article","og_title":"G\u00e9n\u00e9rer vos premi\u00e8res pages AMP avec wbAMP | Cinnk","og_description":"Nous allons voir comment faciliter l’indexaction de votre site par les moteurs de recherche avec l’utilisation d’un sitemap ou plan de site en fran\u00e7ais.","og_url":"https:\/\/cinnk.com\/fr\/generer-vos-premieres-pages-amp-avec-wbamp\/","og_site_name":"Cinnk","article_publisher":"https:\/\/www.facebook.com\/Cinnk.formation","article_published_time":"2020-10-07T14:49:45+00:00","og_image":[{"width":500,"height":500,"url":"https:\/\/cinnk.com\/wp-content\/uploads\/2024\/10\/Logo-font.jpg","type":"image\/jpeg"}],"author":"Cinnk","twitter_card":"summary_large_image","twitter_creator":"@CinnkCom","twitter_site":"@CinnkCom","twitter_misc":{"\u00c9crit par":"Cinnk","Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/cinnk.com\/fr\/generer-vos-premieres-pages-amp-avec-wbamp\/#article","isPartOf":{"@id":"https:\/\/cinnk.com\/fr\/generer-vos-premieres-pages-amp-avec-wbamp\/"},"author":{"name":"Cinnk","@id":"https:\/\/cinnk.com\/fr\/#\/schema\/person\/eacaed860bb77e88b654cab0718cdc3d"},"headline":"G\u00e9n\u00e9rer vos premi\u00e8res pages AMP avec wbAMP","datePublished":"2020-10-07T14:49:45+00:00","mainEntityOfPage":{"@id":"https:\/\/cinnk.com\/fr\/generer-vos-premieres-pages-amp-avec-wbamp\/"},"wordCount":920,"commentCount":0,"publisher":{"@id":"https:\/\/cinnk.com\/fr\/#organization"},"articleSection":["Archives"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/cinnk.com\/fr\/generer-vos-premieres-pages-amp-avec-wbamp\/","url":"https:\/\/cinnk.com\/fr\/generer-vos-premieres-pages-amp-avec-wbamp\/","name":"G\u00e9n\u00e9rer vos premi\u00e8res pages AMP avec wbAMP | Cinnk","isPartOf":{"@id":"https:\/\/cinnk.com\/fr\/#website"},"datePublished":"2020-10-07T14:49:45+00:00","breadcrumb":{"@id":"https:\/\/cinnk.com\/fr\/generer-vos-premieres-pages-amp-avec-wbamp\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cinnk.com\/fr\/generer-vos-premieres-pages-amp-avec-wbamp\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cinnk.com\/fr\/generer-vos-premieres-pages-amp-avec-wbamp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/cinnk.com\/fr\/"},{"@type":"ListItem","position":2,"name":"G\u00e9n\u00e9rer vos premi\u00e8res pages AMP avec wbAMP"}]},{"@type":"WebSite","@id":"https:\/\/cinnk.com\/fr\/#website","url":"https:\/\/cinnk.com\/fr\/","name":"Cinnk","description":"","publisher":{"@id":"https:\/\/cinnk.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cinnk.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/cinnk.com\/fr\/#organization","name":"Cinnk","url":"https:\/\/cinnk.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/cinnk.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/cinnk.com\/wp-content\/uploads\/2023\/10\/logo-svg-orange_new.svg","contentUrl":"https:\/\/cinnk.com\/wp-content\/uploads\/2023\/10\/logo-svg-orange_new.svg","width":125,"height":32,"caption":"Cinnk"},"image":{"@id":"https:\/\/cinnk.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Cinnk.formation","https:\/\/x.com\/CinnkCom","https:\/\/www.instagram.com\/cinnk"]},{"@type":"Person","@id":"https:\/\/cinnk.com\/fr\/#\/schema\/person\/eacaed860bb77e88b654cab0718cdc3d","name":"Cinnk","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/cinnk.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2110805a2e278c633c677ec50fd5a9944d8f66b4fac05f86ebb21a2f87be8e0b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2110805a2e278c633c677ec50fd5a9944d8f66b4fac05f86ebb21a2f87be8e0b?s=96&d=mm&r=g","caption":"Cinnk"},"sameAs":["https:\/\/cinnk.com"],"url":"https:\/\/cinnk.com\/fr\/author\/cinnkdev\/"}]}},"_links":{"self":[{"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/posts\/339","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/comments?post=339"}],"version-history":[{"count":0,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/posts\/339\/revisions"}],"wp:attachment":[{"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/media?parent=339"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/categories?post=339"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/tags?post=339"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}