{"id":11833,"date":"2017-06-28T14:01:52","date_gmt":"2017-06-28T13:01:52","guid":{"rendered":"https:\/\/academy.visiplus.com\/blog\/?p=11833"},"modified":"2017-06-30T09:26:49","modified_gmt":"2017-06-30T08:26:49","slug":"comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes","status":"publish","type":"post","link":"https:\/\/academy.visiplus.com\/blog\/mobile-web\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28","title":{"rendered":"Comment configurer et tester l&rsquo;AMP mobile sur WordPress en 5 \u00e9tapes"},"content":{"rendered":"<p>Dans le monde digital actuel, les mobinautes ont d\u00e9pass\u00e9 les internautes en nombre. Avoir des pages qui se chargent rapidement est essentiel pour satisfaire l&rsquo;utilisateur. Gr\u00e2ce au format AMP (Accelerated Mobile Pages)<b>,<\/b> lanc\u00e9 par Google, les pages web sont charg\u00e9es instantan\u00e9ment sur mobile. Voici notre guide pour installer cet outil sur votre site WordPress.<\/p>\n<p>Une vitesse lente lors du chargement des pages corr\u00e8le avec une baisse significative du revenu global et avec une hausse des abandons de pages. Les utilisateurs s&rsquo;attendent \u00e0 ce que les <a href=\"https:\/\/academy.visiplus.com\/formation-mobile-marketing.php\" target=\"_blank\">sites mobiles <\/a>se chargent aussi rapidement que sur un support bureau. Par exemple, <a href=\"https:\/\/www.amazon.fr\" target=\"_blank\">Amazon<\/a>, l&rsquo;un des plus grands d\u00e9taillants en ligne, a conclu que m\u00eame un d\u00e9calage d&rsquo;une seconde dans la vitesse de chargement de la page repr\u00e9sentait une diminution de 1,6 milliard de dollars des revenus annuels.<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_11845\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/page-mobile-amp-demo-blogues-radio-canada-e1498638404584.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11845\" class=\"size-full wp-image-11845\" alt=\"source: Blogues Radio Canada\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/page-mobile-amp-demo-blogues-radio-canada-e1498638404584.jpg\" width=\"600\" height=\"892\" \/><\/a><p id=\"caption-attachment-11845\" class=\"wp-caption-text\">source: Blogues Radio Canada<\/p><\/div>\n<p>Les pages mobiles acc\u00e9l\u00e9r\u00e9es (AMP) deviennent rapidement la norme pour la construction d&rsquo;une page au chargement rapide. Avec l\u2019AMP, <a href=\"https:\/\/academy.visiplus.com\/blog\/mobile-web\/comment-javascript-influe-sur-la-vitesse-de-chargement-dune-page-web-mobile-2017-06-27\" target=\"_blank\">la vitesse de chargement d&rsquo;une page web mobile<\/a> peut \u00eatre augment\u00e9e \u00e0 la hauteur de 15 \u00e0 80%, sans compromettre les fonctionnalit\u00e9s. Bien que la facilit\u00e9 de la mise en \u0153uvre de l&rsquo;AMP varie en fonction de votre CMS (syst\u00e8me de gestion de contenu), WordPress peut \u00eatre un bon environnement de test pour pr\u00e9-visualiser ce \u00e0 quoi votre page AMP pourrait ressembler.<\/p>\n<p>Attention, certaines parties de ce guide supposent que vous ayez activ\u00e9 le plugin Yoast SEO dans le cadre de votre configuration WordPress. Si vous ne l&rsquo;avez pas, vous pouvez simplement ignorer les \u00e9tapes qui font r\u00e9f\u00e9rence \u00e0 ce plugin. Vous pouvez toujours activer la fonctionnalit\u00e9 AMP sans lui, m\u00eame s&rsquo;il est fortement recommand\u00e9 de l&rsquo;installer.<\/p>\n<h2>\u00c9tape 1: installez et activez vos plugins AMP<\/h2>\n<p>Le plugin <a href=\"https:\/\/fr.wordpress.org\/plugins\/amp\/\" target=\"_blank\">AMP <\/a>par Automattic est requis pour commencer la mise en \u0153uvre de l&rsquo;AMP. C&rsquo;est le plugin de base dont vous aurez besoin pour que l\u2019AMP puisse fonctionner.<\/p>\n<p>Le plugin AMP g\u00e9n\u00e9rera automatiquement des versions compatibles AMP de toutes vos publications, que vous pouvez visualiser en ajoutant \/amp\/ \u00e0 la fin de vos URL de publication.<\/p>\n<div id=\"attachment_11847\" style=\"width: 385px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/amp-plugin-wordpress.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11847\" class=\"size-full wp-image-11847\" alt=\"source: WordPress\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/amp-plugin-wordpress.png\" width=\"375\" height=\"123\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/amp-plugin-wordpress.png 375w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/amp-plugin-wordpress-300x98.png 300w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><\/a><p id=\"caption-attachment-11847\" class=\"wp-caption-text\">source: WordPress<\/p><\/div>\n<p>Par exemple :<\/p>\n<p>URL originale : https:\/\/academy.visiplus.com\/blog\/<br \/>\nAMP URL : https:\/\/academy.visiplus.com\/blog\/amp\/<\/p>\n<p>Avec ce plugin, notez que seuls vos messages, et non vos pages, seront compatibles avec AMP. Afin de rendre vos pages compatibles AMP aussi, vous devrez installer un plugin suppl\u00e9mentaire (d\u00e9taill\u00e9 ci-dessous). Il existe plusieurs options gratuites, mais nous allons en traiter seulement quelques-uns :<\/p>\n<ul>\n<li><a href=\"https:\/\/fr.wordpress.org\/plugins\/accelerated-mobile-pages\/\" target=\"_blank\">AMP For WP-Pages mobiles acc\u00e9l\u00e9r\u00e9es<\/a>\u00a0: Les fonctions remarquables de ce plugin incluent l&rsquo;int\u00e9gration de Google AdSense, un support de balises canoniques, un g\u00e9n\u00e9rateur de pages de glisser-d\u00e9placer AMP et la possibilit\u00e9 de cr\u00e9er un contenu AMP qui diff\u00e8re du contenu sur les pages mobiles standards.<\/li>\n<\/ul>\n<div id=\"attachment_11848\" style=\"width: 683px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/amp-for-wp-wordpress-plugin.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11848\" class=\"size-full wp-image-11848\" alt=\"source: WordPress\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/amp-for-wp-wordpress-plugin.png\" width=\"673\" height=\"150\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/amp-for-wp-wordpress-plugin.png 673w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/amp-for-wp-wordpress-plugin-300x66.png 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/amp-for-wp-wordpress-plugin-610x135.png 610w\" sizes=\"auto, (max-width: 673px) 100vw, 673px\" \/><\/a><p id=\"caption-attachment-11848\" class=\"wp-caption-text\">source: WordPress<\/p><\/div>\n<ul>\n<li><a href=\"https:\/\/fr.wordpress.org\/plugins\/glue-for-yoast-seo-amp\/\" target=\"_blank\">Glue pour Yoast SEO &amp; AMP<\/a>\u00a0: L&rsquo;un des avantages de l&rsquo;utilisation de ce plugin est qu&rsquo;il vous permet de rendre les pages, les publications et les m\u00e9dias compatibles avec les AMP. Semblable au plugin AMP pour WP, il permet un style personnalis\u00e9 de pages AMP et vous pouvez m\u00eame s\u00e9lectionner une ic\u00f4ne personnalis\u00e9e et modifier la fa\u00e7on dont le logo de votre site apparait sur la page AMP.<\/li>\n<\/ul>\n<div id=\"attachment_11849\" style=\"width: 488px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/glue-for-yoast-seo-amp-wordpress-plugin.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11849\" class=\"size-full wp-image-11849\" alt=\"source: WordPress\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/glue-for-yoast-seo-amp-wordpress-plugin.png\" width=\"478\" height=\"125\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/glue-for-yoast-seo-amp-wordpress-plugin.png 478w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/glue-for-yoast-seo-amp-wordpress-plugin-300x78.png 300w\" sizes=\"auto, (max-width: 478px) 100vw, 478px\" \/><\/a><p id=\"caption-attachment-11849\" class=\"wp-caption-text\">source: WordPress<\/p><\/div>\n<h2>\u00c9tape 2: Configurez Google Analytics<\/h2>\n<p>Afin de configurer vos pages pour le suivi <a href=\"https:\/\/www.google.fr\/analytics\/learn\/\" target=\"_blank\">Google Analytics<\/a>, vous devez d&rsquo;abord trouver votre identifiant de suivi. Connectez-vous \u00e0 <a href=\"https:\/\/academy.visiplus.com\/formation-google-analytics.php\" target=\"_blank\">Google Analytics<\/a>, puis cliquez sur l&rsquo;ic\u00f4ne en bas \u00e0 gauche pour afficher le panneau d&rsquo;administration. Une fois que vous avez s\u00e9lectionn\u00e9 le COMPTE et la PROPRI\u00c9T\u00c9 dans les menus d\u00e9roulants, cliquez sur \u00ab Informations sur le suivi \u00bb dans la colonne PROPRI\u00c9T\u00c9. \u00c0 partir de l\u00e0, cliquez sur \u00ab\u00a0Code de suivi\u00a0\u00bb pour voir votre identifiant de suivi.<\/p>\n<p>Copiez ensuite votre identifiant de suivi, puis connectez-vous \u00e0 WordPress. Dans la navigation \u00e0 gauche, acc\u00e9dez \u00e0 AMP &gt; Analytics et collez votre ID de suivi o\u00f9 il indique \u00ab\u00a0Google Analytics\u00a0\u00bb. Ensuite, cliquez sur Enregistrer les modifications.<\/p>\n<h2>\u00c9tape 3: Configurez les param\u00e8tres du plugin<\/h2>\n<p>Dans cette \u00e9tape, nous allons parler de certaines configurations de base pour le plug-in Glue for Yoast SEO mentionn\u00e9 \u00e0 l&rsquo;\u00e9tape 1. Vous pouvez ignorer cette \u00e9tape si vous avez choisi de ne pas installer ce plugin. Les configurations recommand\u00e9es ici vous permettront de personnaliser l&rsquo;apparence de vos pages <a href=\"https:\/\/academy.visiplus.com\/formation-mobile-marketing.php\" target=\"_blank\">mobile marketing<\/a> ainsi que d&rsquo;autoriser le support AMP pour plusieurs types de contenu.<\/p>\n<p>Pour commencer, passez \u00e0 Yoast SEO&gt; AMP&gt; Types de publications. Ici, vous pouvez s\u00e9lectionner les types de publication qui devraient \u00eatre conformes aux normes AMP.<\/p>\n<p>Sur l\u2019onglet, \u00ab\u00a0Design\u00a0\u00bb, vous pouvez personnaliser l&rsquo;apparence de vos pages activ\u00e9es par AMP. Appliquez le style CSS, personnalisez le contenu et les couleurs des liens, t\u00e9l\u00e9chargez une ic\u00f4ne AMP personnalis\u00e9e et d\u00e9finissez une image par d\u00e9faut pour les pages qui ne sont pas associ\u00e9es \u00e0 une image.<\/p>\n<div id=\"attachment_11850\" style=\"width: 754px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/installation-amp-dans-wordpress-adgensite.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11850\" class=\"size-full wp-image-11850\" alt=\"source: Adgensite\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/installation-amp-dans-wordpress-adgensite.png\" width=\"744\" height=\"594\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/installation-amp-dans-wordpress-adgensite.png 744w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/installation-amp-dans-wordpress-adgensite-300x239.png 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/installation-amp-dans-wordpress-adgensite-610x487.png 610w\" sizes=\"auto, (max-width: 744px) 100vw, 744px\" \/><\/a><p id=\"caption-attachment-11850\" class=\"wp-caption-text\">source: Adgensite<\/p><\/div>\n<h2>\u00c9tape 4: Testez \/ validez votre configuration AMP<\/h2>\n<p>Maintenant que nous avons cr\u00e9\u00e9 nos URL AMP, il est important de veiller \u00e0 ce qu&rsquo;elles fonctionnent correctement. Si elles ne sont pas correctement configur\u00e9es, <a href=\"https:\/\/www.google.fr\/\" target=\"_blank\">Google <\/a>ne les affichera pas dans les r\u00e9sultats de recherche. Bien que cela vous prot\u00e8ge contre l&rsquo;affichage d&rsquo;une page AMP semi-fonctionnelle, cela peut aussi \u00eatre un obstacle pour de nombreux <a href=\"https:\/\/academy.visiplus.com\/webmaster.php\" target=\"_blank\">webmasters.<\/a><\/p>\n<p>Heureusement, il existe plusieurs solutions pour tester vos URL AMP. Choisissez quelques pages cl\u00e9s et testez les versions AMP en utilisant l&rsquo;une des m\u00e9thodes ci-dessous. Comme mentionn\u00e9 \u00e0 l&rsquo;\u00e9tape 1, vous pouvez ajouter \/amp\/ \u00e0 la fin d&rsquo;une URL standard afin de l&rsquo;afficher.<\/p>\n<p><b>Option 1: test AMP<\/b><\/p>\n<p>Acc\u00e9dez \u00e0 la plateforme <a href=\"https:\/\/search.google.com\/test\/amp\" target=\"_blank\">search Test AMP Google.<\/a><\/p>\n<p>D\u00e9posez votre URL ici et cliquez sur \u00ab Tester \u00bb, puis notez le r\u00e9sultat (valide \/ invalide).<\/p>\n<div id=\"attachment_11853\" style=\"width: 850px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/test-page-amp-google.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11853\" class=\"size-full wp-image-11853\" alt=\"source: Google\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/test-page-amp-google.png\" width=\"840\" height=\"292\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/test-page-amp-google.png 840w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/test-page-amp-google-300x104.png 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/test-page-amp-google-610x212.png 610w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/a><p id=\"caption-attachment-11853\" class=\"wp-caption-text\">source: Google<\/p><\/div>\n<p><b>Option 2: Console d\u00e9veloppeur<\/b><\/p>\n<p>Cette option s&rsquo;adresse sp\u00e9cifiquement \u00e0 ceux qui utilisent le navigateur Google Chrome. Si vous utilisez un autre navigateur (Firefox, Safari, Microsoft Edge ou autre), cette option ne s&rsquo;applique pas \u00e0 vous.<\/p>\n<p>Ouvrez la page AMP dans votre navigateur<\/p>\n<p>Ajouter #development=1 \u00e0 l&rsquo;URL<\/p>\n<p>Exemple: http:\/\/eliteseoteam.com\/healthy-spaghetti-squash-pad-thai\/amp\/#development=1<\/p>\n<p>Ouvrez Chrome Dev Tools Console (dans le menu Chrome, s\u00e9lectionnez Plus d&rsquo;outils&gt; Outils de d\u00e9veloppement, puis cliquez sur l&rsquo;onglet \u00ab\u00a0Console\u00a0\u00bb) et v\u00e9rifiez les erreurs de validation.<\/p>\n<p><b>Option 3: Validateur AMP<\/b><\/p>\n<p>Acc\u00e9dez \u00e0 <a href=\"https:\/\/validator.ampproject.org\/#\" target=\"_blank\">https:\/\/validator.ampproject.org\/<\/a><\/p>\n<p>Collez l&rsquo;URL AMP dans le champ \u00ab\u00a0URL\u00a0\u00bb et cliquez sur \u00ab\u00a0Valider\u00a0\u00bb.<\/p>\n<p>Cet outil mettra en \u00e9vidence toutes les erreurs et les signalera dans le HTML.<\/p>\n<p>Remarque: Vous pouvez \u00e9galement utiliser l&rsquo;extension AMP Validator Chrome pour afficher les m\u00eames r\u00e9sultats sur l&rsquo;URL AMP elle-m\u00eame.<\/p>\n<div id=\"attachment_11854\" style=\"width: 754px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/test-code-amp-mobile.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11854\" class=\"size-full wp-image-11854\" alt=\"source: The AMP Validator\" src=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/test-code-amp-mobile.png\" width=\"744\" height=\"667\" srcset=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/test-code-amp-mobile.png 744w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/test-code-amp-mobile-300x268.png 300w, https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/test-code-amp-mobile-610x546.png 610w\" sizes=\"auto, (max-width: 744px) 100vw, 744px\" \/><\/a><p id=\"caption-attachment-11854\" class=\"wp-caption-text\">source: The AMP Validator<\/p><\/div>\n<h2>\u00c9tape 5: Test de vitesse des pages AMP<\/h2>\n<p>Une fois que vous avez termin\u00e9, il est maintenant temps de voir les avantages de vos efforts. Ex\u00e9cutez votre AMP et vos pages mobiles standard via un outil de vitesse de page comme <a href=\"https:\/\/www.webpagetest.org\/\" target=\"_blank\">WebPageTest <\/a>et comparez les r\u00e9sultats\u00a0!<\/p>\n<p>En suivant les \u00e9tapes ci-dessus, vous devriez pouvoir rapidement et facilement activer les pages AMP pour votre site <a href=\"https:\/\/fr.wordpress.org\/\" target=\"_blank\">WordPress<\/a>.<\/p>\n<h6>Source\u00a0: http:\/\/searchengineland.com<\/h6>\n<h6><\/h6>\n","protected":false},"excerpt":{"rendered":"<p>Dans le monde digital actuel, les mobinautes ont d\u00e9pass\u00e9 les internautes en nombre. Avoir des pages qui se chargent rapidement est essentiel pour satisfaire l&rsquo;utilisateur. Gr\u00e2ce au format AMP (Accelerated Mobile Pages), lanc\u00e9 par Google,&#8230;<\/p>\n","protected":false},"author":9,"featured_media":11839,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[314,315,149],"tags":[506,177,6,370],"class_list":["post-11833","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile-marketing","category-responsive-web-design-mobile-1","category-mobile-web","tag-amp","tag-google-analytics","tag-mobile","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.9-RC5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Comment configurer et tester l&#039;AMP mobile sur WordPress en 5 \u00e9tapes - VISIPLUS academy<\/title>\n<meta name=\"description\" content=\"Dans le monde digital actuel, les mobinautes ont d\u00e9pass\u00e9 les internautes en nombre. Avoir des pages qui se chargent rapidement est essentiel pour\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/academy.visiplus.com\/blog\/mobile-web\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment configurer et tester l&#039;AMP mobile sur WordPress en 5 \u00e9tapes - VISIPLUS academy\" \/>\n<meta property=\"og:description\" content=\"Dans le monde digital actuel, les mobinautes ont d\u00e9pass\u00e9 les internautes en nombre. Avoir des pages qui se chargent rapidement est essentiel pour\" \/>\n<meta property=\"og:url\" content=\"https:\/\/academy.visiplus.com\/blog\/mobile-web\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28\" \/>\n<meta property=\"og:site_name\" content=\"Blog VISIPLUS academy\" \/>\n<meta property=\"article:published_time\" content=\"2017-06-28T13:01:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-06-30T08:26:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/amp-pour-wordpress.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"780\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ya\u00ebl Peucheret\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ya\u00ebl Peucheret\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/mobile-web\\\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/mobile-web\\\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28\"},\"author\":{\"name\":\"Ya\u00ebl Peucheret\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/#\\\/schema\\\/person\\\/ed38816df4e093b32ec956f841a38514\"},\"headline\":\"Comment configurer et tester l&rsquo;AMP mobile sur WordPress en 5 \u00e9tapes\",\"datePublished\":\"2017-06-28T13:01:52+00:00\",\"dateModified\":\"2017-06-30T08:26:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/mobile-web\\\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28\"},\"wordCount\":1260,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/mobile-web\\\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/amp-pour-wordpress.jpg\",\"keywords\":[\"AMP\",\"google analytics\",\"Mobile\",\"Wordpress\"],\"articleSection\":[\"Le Mobile Marketing\",\"Le Responsive Web Design\",\"Mobile\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/mobile-web\\\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/mobile-web\\\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28\",\"url\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/mobile-web\\\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28\",\"name\":\"Comment configurer et tester l'AMP mobile sur WordPress en 5 \u00e9tapes - VISIPLUS academy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/mobile-web\\\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/mobile-web\\\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/amp-pour-wordpress.jpg\",\"datePublished\":\"2017-06-28T13:01:52+00:00\",\"dateModified\":\"2017-06-30T08:26:49+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/#\\\/schema\\\/person\\\/ed38816df4e093b32ec956f841a38514\"},\"description\":\"Dans le monde digital actuel, les mobinautes ont d\u00e9pass\u00e9 les internautes en nombre. Avoir des pages qui se chargent rapidement est essentiel pour\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/mobile-web\\\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/mobile-web\\\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/mobile-web\\\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28#primaryimage\",\"url\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/amp-pour-wordpress.jpg\",\"contentUrl\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/amp-pour-wordpress.jpg\",\"width\":780,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/mobile-web\\\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Comment configurer et tester l&rsquo;AMP mobile sur WordPress en 5 \u00e9tapes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/\",\"name\":\"Blog VISIPLUS academy\",\"description\":\"D\u00e9couvrez nos articles, conseils, guides\u2026 l\u2019essentiel pour vous informer sur les derni\u00e8res r\u00e9formes et actualit\u00e9s de la formation professionnelle.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/#\\\/schema\\\/person\\\/ed38816df4e093b32ec956f841a38514\",\"name\":\"Ya\u00ebl Peucheret\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/yael.jpg\",\"url\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/yael.jpg\",\"contentUrl\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/yael.jpg\",\"caption\":\"Ya\u00ebl Peucheret\"},\"description\":\"Dipl\u00f4m\u00e9e en Langues Etrang\u00e8res Appliqu\u00e9es, Ya\u00ebl Peucheret a r\u00e9cemment rejoint Visiplus et vient renforcer l\u2019\u00e9quipe de r\u00e9dacteurs du blog sur des th\u00e9matiques de Web Marketing.\",\"url\":\"https:\\\/\\\/academy.visiplus.com\\\/blog\\\/author\\\/yael-peucheret\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment configurer et tester l'AMP mobile sur WordPress en 5 \u00e9tapes - VISIPLUS academy","description":"Dans le monde digital actuel, les mobinautes ont d\u00e9pass\u00e9 les internautes en nombre. Avoir des pages qui se chargent rapidement est essentiel pour","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:\/\/academy.visiplus.com\/blog\/mobile-web\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28","og_locale":"fr_FR","og_type":"article","og_title":"Comment configurer et tester l'AMP mobile sur WordPress en 5 \u00e9tapes - VISIPLUS academy","og_description":"Dans le monde digital actuel, les mobinautes ont d\u00e9pass\u00e9 les internautes en nombre. Avoir des pages qui se chargent rapidement est essentiel pour","og_url":"https:\/\/academy.visiplus.com\/blog\/mobile-web\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28","og_site_name":"Blog VISIPLUS academy","article_published_time":"2017-06-28T13:01:52+00:00","article_modified_time":"2017-06-30T08:26:49+00:00","og_image":[{"width":780,"height":300,"url":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/amp-pour-wordpress.jpg","type":"image\/jpeg"}],"author":"Ya\u00ebl Peucheret","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Ya\u00ebl Peucheret","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/academy.visiplus.com\/blog\/mobile-web\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28#article","isPartOf":{"@id":"https:\/\/academy.visiplus.com\/blog\/mobile-web\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28"},"author":{"name":"Ya\u00ebl Peucheret","@id":"https:\/\/academy.visiplus.com\/blog\/#\/schema\/person\/ed38816df4e093b32ec956f841a38514"},"headline":"Comment configurer et tester l&rsquo;AMP mobile sur WordPress en 5 \u00e9tapes","datePublished":"2017-06-28T13:01:52+00:00","dateModified":"2017-06-30T08:26:49+00:00","mainEntityOfPage":{"@id":"https:\/\/academy.visiplus.com\/blog\/mobile-web\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28"},"wordCount":1260,"commentCount":0,"image":{"@id":"https:\/\/academy.visiplus.com\/blog\/mobile-web\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28#primaryimage"},"thumbnailUrl":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/amp-pour-wordpress.jpg","keywords":["AMP","google analytics","Mobile","Wordpress"],"articleSection":["Le Mobile Marketing","Le Responsive Web Design","Mobile"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/academy.visiplus.com\/blog\/mobile-web\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28#respond"]}]},{"@type":"WebPage","@id":"https:\/\/academy.visiplus.com\/blog\/mobile-web\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28","url":"https:\/\/academy.visiplus.com\/blog\/mobile-web\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28","name":"Comment configurer et tester l'AMP mobile sur WordPress en 5 \u00e9tapes - VISIPLUS academy","isPartOf":{"@id":"https:\/\/academy.visiplus.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/academy.visiplus.com\/blog\/mobile-web\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28#primaryimage"},"image":{"@id":"https:\/\/academy.visiplus.com\/blog\/mobile-web\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28#primaryimage"},"thumbnailUrl":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/amp-pour-wordpress.jpg","datePublished":"2017-06-28T13:01:52+00:00","dateModified":"2017-06-30T08:26:49+00:00","author":{"@id":"https:\/\/academy.visiplus.com\/blog\/#\/schema\/person\/ed38816df4e093b32ec956f841a38514"},"description":"Dans le monde digital actuel, les mobinautes ont d\u00e9pass\u00e9 les internautes en nombre. Avoir des pages qui se chargent rapidement est essentiel pour","breadcrumb":{"@id":"https:\/\/academy.visiplus.com\/blog\/mobile-web\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/academy.visiplus.com\/blog\/mobile-web\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/academy.visiplus.com\/blog\/mobile-web\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28#primaryimage","url":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/amp-pour-wordpress.jpg","contentUrl":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/06\/amp-pour-wordpress.jpg","width":780,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/academy.visiplus.com\/blog\/mobile-web\/comment-configurer-et-tester-l-amp-mobile-sur-wordpress-en-5-etapes-2017-06-28#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/academy.visiplus.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Comment configurer et tester l&rsquo;AMP mobile sur WordPress en 5 \u00e9tapes"}]},{"@type":"WebSite","@id":"https:\/\/academy.visiplus.com\/blog\/#website","url":"https:\/\/academy.visiplus.com\/blog\/","name":"Blog VISIPLUS academy","description":"D\u00e9couvrez nos articles, conseils, guides\u2026 l\u2019essentiel pour vous informer sur les derni\u00e8res r\u00e9formes et actualit\u00e9s de la formation professionnelle.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/academy.visiplus.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/academy.visiplus.com\/blog\/#\/schema\/person\/ed38816df4e093b32ec956f841a38514","name":"Ya\u00ebl Peucheret","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/03\/yael.jpg","url":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/03\/yael.jpg","contentUrl":"https:\/\/academy.visiplus.com\/blog\/wp-content\/uploads\/2017\/03\/yael.jpg","caption":"Ya\u00ebl Peucheret"},"description":"Dipl\u00f4m\u00e9e en Langues Etrang\u00e8res Appliqu\u00e9es, Ya\u00ebl Peucheret a r\u00e9cemment rejoint Visiplus et vient renforcer l\u2019\u00e9quipe de r\u00e9dacteurs du blog sur des th\u00e9matiques de Web Marketing.","url":"https:\/\/academy.visiplus.com\/blog\/author\/yael-peucheret"}]}},"_links":{"self":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/11833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/comments?post=11833"}],"version-history":[{"count":12,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/11833\/revisions"}],"predecessor-version":[{"id":11880,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/posts\/11833\/revisions\/11880"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/media\/11839"}],"wp:attachment":[{"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/media?parent=11833"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/categories?post=11833"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/academy.visiplus.com\/blog\/wp-json\/wp\/v2\/tags?post=11833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}