{"id":232981,"date":"2023-02-01T10:58:00","date_gmt":"2023-02-01T07:58:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232981"},"modified":"2023-02-02T11:59:55","modified_gmt":"2023-02-02T08:59:55","slug":"comment-activer-amp-avec-wordpress-techniques-doptimisation-amp-avec-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/comment-activer-amp-avec-wordpress-techniques-doptimisation-amp-avec-wordpress\/","title":{"rendered":"Comment activer AMP avec WordPress\u00a0? Techniques d&rsquo;optimisation AMP avec WordPress"},"content":{"rendered":"\n<p>L&rsquo;AMP (Accelerated Mobile Pages) est un projet initialement annonc\u00e9 l&rsquo;ann\u00e9e derni\u00e8re (2016) par <a href=\"https:\/\/helloacm.com\/how-to-cache-google-qr-image-using-php\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Google<\/a>. Au cours du d\u00e9veloppement d&rsquo;un an, il a attir\u00e9 de plus en plus d&rsquo;int\u00e9r\u00eats.<\/p>\n<p>Techniques d&rsquo;optimisation Google AMP<\/p>\n<h2>Qu&rsquo;est-ce que l&rsquo;AMP\u00a0?<\/h2>\n<p><a href=\"https:\/\/helloacm.com\/html5-contenteditable-global-attribute\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">L&rsquo;AMP, en g\u00e9n\u00e9ral, est un document HTML5<\/a> concis et sp\u00e9cialement con\u00e7u qui comporte quelques contraintes con\u00e7ues pour am\u00e9liorer l&rsquo;exp\u00e9rience de chargement et de rendu des pages pour les appareils mobiles. Par exemple, les pages AMP ne peuvent avoir qu&rsquo;un <a href=\"https:\/\/helloacm.com\/case-study-optimize-justyy-lai-com-and-pagespeed-insight-now-100\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CSS en ligne<\/a>, de sorte que la mise en page peut \u00eatre d\u00e9termin\u00e9e sans avoir \u00e0 charger des feuilles de style CSS externes. <a href=\"https:\/\/helloacm.com\/useful-tools-for-beginners-of-javascript\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Javascript<\/a> a \u00e9galement \u00e9t\u00e9 limit\u00e9 l\u00e0 o\u00f9 le JS synchrone ne peut \u00eatre plac\u00e9 qu&rsquo;\u00e0 l&rsquo;int\u00e9rieur d&rsquo;un iframe.<\/p>\n<h2>Pourquoi AMP ?<\/h2>\n<p>AMP est con\u00e7u pour la vitesse m\u00eame sur les r\u00e9seaux lents. Le plus grand avantage d&rsquo;AMP est qu&rsquo;il peut \u00eatre charg\u00e9\/rendu 3 \u00e0 4 fois plus rapidement. Les raisons pour lesquelles AMP est ultra-rapide sur les appareils mobiles sont\u00a0:<\/p>\n<ul>\n<li>Moins d&rsquo;\u00e9l\u00e9ments sont charg\u00e9s. Prenez WordPress par exemple, de nombreux widgets ne sont pas affich\u00e9s.<\/li>\n<li>Les AMP sont mis en cache par Google CDN (Content Delivery Networks) ou <a href=\"https:\/\/helloacm.com\/the-php-page-rule-checker-of-cloudflare\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CloudFlare<\/a> CDN, donc lorsque les r\u00e9sultats de la recherche sont affich\u00e9s, les AMP sont pr\u00e9charg\u00e9s via Google\/CloudFlare CDN, lorsqu&rsquo;ils sont affich\u00e9s, ils sont d\u00e9j\u00e0 t\u00e9l\u00e9charg\u00e9s et servis \u00e0 partir du cache de votre navigateur, ce qui est juste \u00e9clair rapide.<\/li>\n<li>Comme mentionn\u00e9, la mise en page AMP peut \u00eatre d\u00e9termin\u00e9e sans avoir \u00e0 charger de <a href=\"https:\/\/helloacm.com\/node-js-tutorial-1\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">JS<\/a> \/ <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/apprentissage-de-la-conception-css-reactive-1\/\" title=\"CSS\">CSS<\/a> externe, donc sur les \u00e9crans mobiles, la mise en page est statique, ce qui est rapide.<\/li>\n<\/ul>\n<h2>Qui a besoin d&rsquo;AMP\u00a0?<\/h2>\n<p>Si vous vous souciez de la vitesse et de l&rsquo;exp\u00e9rience utilisateur, ou si vous avez beaucoup de contenu (texte\/images statiques), alors AMP est d\u00e9finitivement quelque chose que vous devez avoir.<\/p>\n<h2>AMP am\u00e9liore-t-il le r\u00e9f\u00e9rencement\u00a0?<\/h2>\n<p>Selon Google Official, cela n&rsquo;affecte pas le <a href=\"https:\/\/helloacm.com\/how-to-improve-seo-by-noindexing-attachment-and-pagination-in-wordpress\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">r\u00e9f\u00e9rencement<\/a>, du moins directement. Cependant, comme AMP am\u00e9liore la vitesse de chargement des pages, cela affecte le r\u00e9f\u00e9rencement. En fait, selon les recherches, avec AMP activ\u00e9, les visiteurs restent plus longtemps sur le site et le taux de rebond est augment\u00e9.<\/p>\n<p>Sur les appareils mobiles, les pages AMP seront affich\u00e9es en priorit\u00e9 et avec une balise AMP claire. Google a supprim\u00e9 l&rsquo;utilisation de &quot;Mobile Friendly&quot; pour autoriser l&rsquo;AMP affich\u00e9. En fait, tous les AMP valides sont d\u00e9j\u00e0 valides <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/etapes-simples-pour-rendre-le-site-web-adapte-aux-mobiles-conception-reactive\/\" title=\"pour les utilisateurs mobiles\">pour les utilisateurs mobiles<\/a>.<\/p>\n<h2>Comment activer AMP avec WordPress Blog ?<\/h2>\n<p>Les AMP sont des formats HTML sp\u00e9ciaux et la syntaxe est tr\u00e8s stricte. Il n&rsquo;est pas possible de modifier un mod\u00e8le de page existant et il est sage de ne pas le faire. Si vous avez beaucoup d&rsquo;articles (beaucoup d&rsquo;URL), il n&rsquo;est pas pratique de le faire manuellement.<\/p>\n<p>Pour activer AMP dans <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/comment-creer-une-page-wordpress-pour-lister-tous-les-commentaires\/\" title=\"WordPress\">WordPress<\/a>, vous devez ajouter\/activer <a href=\"https:\/\/wordpress.org\/plugins\/amp\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">le plugin AMP officiel<\/a>.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de018229.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de018229.jpg\" alt=\"Comment activer AMP avec Wordpress\u00a0? Techniques d&#039;optimisation AMP avec Wordpress\"><\/a><\/p>\n<p>wordpress-official-amp-plugin<\/p>\n<p>Une fois ce plugin activ\u00e9, pour chaque article (et non pour les pages), il y aura une URL canonique qui sera ajout\u00e9e avec <strong>\/amp\/<\/strong>. Oui, il vous suffit d&rsquo;activer le plugin AMP qui fait la majeure partie du travail.<\/p>\n<h2>Comment valider AMP\u00a0?<\/h2>\n<ul>\n<li>\n<p>Vous pouvez installer l&rsquo; <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/amp-validator\/nmoffdblmcmgeicmolmhobpoocbbmknc\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">extension Chrome AMP<\/a>, qui affichera une bulle verte si la page actuelle est un AMP valide. Il vous indiquera \u00e9galement si la page actuelle a une version AMP<\/p>\n<\/li>\n<li>\n<p>Appuyez sur F12 dans Chrome pour appeler la console, si vous voyez quelque chose comme \u00e7a, cela signifie que l&rsquo;AMP est activ\u00e9\u00a0!<\/p>\n<pre><code>Powered by AMP \u26a1 HTML \u2013 Version 1489777197505 <\/code><\/pre>\n<\/li>\n<li>\n<p>Aller au <a href=\"https:\/\/validator.ampproject.org\/#url=https%3A%2F%2Fhelloacm.com%2Fhow-to-parallel-for-in-linux-bash-shell%2Famp%2F\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Web AMP Validator<\/a>: Ceci est souvent utile car vous pouvez copier et coller la source AMP directement dans l&rsquo;utilitaire.<\/p>\n<\/li>\n<li>\n<p>Ex\u00e9cutez la commande <a href=\"https:\/\/helloacm.com\/how-to-check-server-response-time-using-curl-command-line\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">curl<\/a> pour v\u00e9rifier via l&rsquo;utilitaire CloudFlare amp\u00a0:<\/p>\n<pre><code>curl &lt;a class=\"vglnk\" target=\"_blank\" href=\"https:\/\/amp.cloudflare.com\/q\/helloacm.com\/how-to-list-the-most-voted-posts-in-a-year-using-sql\/amp\/\" rel=\"nofollow\"&gt;&lt;span&gt;https&lt;\/span&gt;&lt;span&gt;:\/\/&lt;\/span&gt;&lt;span&gt;amp&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;cloudflare&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;com&lt;\/span&gt;&lt;span&gt;\/&lt;\/span&gt;&lt;span&gt;q&lt;\/span&gt;&lt;span&gt;\/&lt;\/span&gt;&lt;span&gt;helloacm&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;com&lt;\/span&gt;&lt;span&gt;\/&lt;\/span&gt;&lt;span&gt;how&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;to&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;list&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;the&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;most&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;voted&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;posts&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;in&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;a&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;year&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;using&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;sql&lt;\/span&gt;&lt;span&gt;\/&lt;\/span&gt;&lt;span&gt;amp&lt;\/span&gt;&lt;span&gt;\/&lt;\/span&gt;&lt;\/a&gt;\n{\"version\":\"1488238516283\",\"source\":\"&lt;a class=\"vglnk\" target=\"_blank\" href=\"http:\/\/helloacm.com\/how-to-list-the-most-voted-posts-in-a-year-using-sql\/amp\/\",\"valid\":true\" rel=\"nofollow\"&gt;&lt;span&gt;http&lt;\/span&gt;&lt;span&gt;:\/\/&lt;\/span&gt;&lt;span&gt;helloacm&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;com&lt;\/span&gt;&lt;span&gt;\/&lt;\/span&gt;&lt;span&gt;how&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;to&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;list&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;the&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;most&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;voted&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;posts&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;in&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;a&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;year&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;using&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;sql&lt;\/span&gt;&lt;span&gt;\/&lt;\/span&gt;&lt;span&gt;amp&lt;\/span&gt;&lt;span&gt;\/\",\"&lt;\/span&gt;&lt;span&gt;valid&lt;\/span&gt;&lt;span&gt;\":&lt;\/span&gt;&lt;span&gt;true&lt;\/span&gt;&lt;\/a&gt;}<\/code><\/pre>\n<\/li>\n<\/ul>\n<p>Dans Google Webmaster, il indique le nombre de pages AMP index\u00e9es et le type d&rsquo;erreurs des pages AMP. AMP avec des erreurs critiques ne sera pas index\u00e9, vous devez donc les corriger. Google fournit \u00e9galement un autre <a href=\"https:\/\/search.google.com\/search-console\/amp?utm_source=wmx&amp;utm_medium=link&amp;utm_campaign=wmx-agg&amp;url=https%3A%2F%2Fhelloacm.com%2Fconstructor-and-destructor-in-python-classes%2Famp%2F\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">validateur AMP<\/a>.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de125e5b.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de125e5b.jpg\" alt=\"Comment activer AMP avec Wordpress\u00a0? Techniques d&#039;optimisation AMP avec Wordpress\"><\/a><\/p>\n<p>google-webmaster-shows-indexed-amp<\/p>\n<h2>Comment ajouter le suivi Google Analytics aux pages AMP\u00a0?<\/h2>\n<p>Selon l&rsquo;officiel, vous devez\u00a0:<\/p>\n<ol>\n<li>\n<p>Ajoutez ce qui suit avant ledans <strong>wp-content\/plugins\/amp\/templates\/single.php<\/strong><\/p>\n<pre><code>&lt;script async custom-element=\"amp-analytics\" src=\"&lt;a class=\"vglnk\" target=\"_blank\" href=\"https:\/\/cdn.ampproject.org\/v0\/amp-analytics-0.1.js\" rel=\"nofollow\"&gt;&lt;span&gt;https&lt;\/span&gt;&lt;span&gt;:\/\/&lt;\/span&gt;&lt;span&gt;cdn&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;ampproject&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;org&lt;\/span&gt;&lt;span&gt;\/&lt;\/span&gt;&lt;span&gt;v0&lt;\/span&gt;&lt;span&gt;\/&lt;\/span&gt;&lt;span&gt;amp&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;analytics&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;0&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;1&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;js&lt;\/span&gt;&lt;\/a&gt;\"&gt;&lt;\/script&gt;<\/code><\/pre>\n<\/li>\n<li>\n<p>Ajoutez ce qui suit avant ledans <strong>wp-content\/plugins\/amp\/templates\/single.php<\/strong><\/p>\n<pre><code>&lt;amp-analytics type=\"googleanalytics\"&gt;\n&lt;script type=\"application\/json\"&gt;\n{\n\u00a0 \"vars\": {\n\u00a0 \u00a0 \"account\": \"UA-1234123412-1\" \/\/ Remember to change to your GA ID\n\u00a0 },\n\u00a0 \"triggers\": {\n\u00a0 \u00a0 \"trackPageview\": {\n\u00a0 \u00a0 \u00a0 \"on\": \"visible\",\n\u00a0 \u00a0 \u00a0 \"request\": \"pageview\"\n\u00a0 \u00a0 }\n\u00a0 }\n}\n&lt;\/script&gt;\n&lt;\/amp-analytics&gt;<\/code><\/pre>\n<\/li>\n<\/ol>\n<h2>Comment ajouter Google Adsense aux pages AMP\u00a0?<\/h2>\n<p>Le code Google Adsense traditionnel ne fonctionne pas en AMP, \u00e0 la place vous avez besoin de\u00a0:<\/p>\n<ol>\n<li>\n<p>Ajoutez ce qui suit avant ledans <strong>wp-content\/plugins\/amp\/templates\/single.php<\/strong><\/p>\n<pre><code>&lt;script async custom-element=\"amp-ad\" src=\"&lt;a class=\"vglnk\" target=\"_blank\" href=\"https:\/\/cdn.ampproject.org\/v0\/amp-ad-0.1.js\" rel=\"nofollow\"&gt;&lt;span&gt;https&lt;\/span&gt;&lt;span&gt;:\/\/&lt;\/span&gt;&lt;span&gt;cdn&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;ampproject&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;org&lt;\/span&gt;&lt;span&gt;\/&lt;\/span&gt;&lt;span&gt;v0&lt;\/span&gt;&lt;span&gt;\/&lt;\/span&gt;&lt;span&gt;amp&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;ad&lt;\/span&gt;&lt;span&gt;-&lt;\/span&gt;&lt;span&gt;0&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;1&lt;\/span&gt;&lt;span&gt;.&lt;\/span&gt;&lt;span&gt;js&lt;\/span&gt;&lt;\/a&gt;\"&gt;&lt;\/script&gt;<\/code><\/pre>\n<\/li>\n<li>\n<p>Ajoutez ce qui suit avant ou apr\u00e8s <strong>post_amp_content<\/strong> dans <strong>wp-content\/plugins\/amp\/templates\/single.php<\/strong><\/p>\n<pre><code>&lt;amp-ad layout=\"responsive\" width=300 height=250 type=\"adsense\" data-ad-client=\"ca-pub-123456\" data-ad-slot=\"72341234\"&gt;&lt;\/amp-ad&gt;<\/code><\/pre>\n<\/li>\n<\/ol>\n<h2>Exemple de mod\u00e8le AMP pour WordPress Single Post (par exemple, single.php)<\/h2>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de28c7ae.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de28c7ae.jpg\" alt=\"Comment activer AMP avec Wordpress\u00a0? Techniques d&#039;optimisation AMP avec Wordpress\"><\/a><\/p>\n<p>exemple-wordpress-template-single-for-amp-pages<\/p>\n<h2>Quand les AMP sont-ils index\u00e9s par les moteurs de recherche\u00a0?<\/h2>\n<p>Tous les moteurs de recherche ne prennent pas en charge AMP, mais apparemment Google conna\u00eet mieux AMP. Cela peut prendre quelques heures voire des jours \u00e0 Google pour se rendre compte que vos pages ont des alternatives AMP. Dans vos pages de publication normales, il y aura quelque chose comme ceci pour indiquer au moteur de recherche l&rsquo;URL de la version AMP\u00a0:<\/p>\n<pre><code>&lt;link rel=\"amphtml\" href=\"\/\/helloacm.com\/how-to-parallel-for-in-linux-bash-shell\/amp\/\"\/&gt;<\/code><\/pre>\n<p>Et dans sa version AMP, il sera li\u00e9 \u00e0 l&rsquo;aide de la balise canonique\u00a0:<\/p>\n<pre><code>&lt;link rel=\"canonical\" href=\"\/\/helloacm.com\/how-to-parallel-for-in-linux-bash-shell\/\"\/&gt;<\/code><\/pre>\n<p>Il est normal que toutes vos pages n&rsquo;aient pas d&rsquo;alternatives AMP. Il est \u00e9galement OK que certains AMP ne soient pas valid\u00e9s, le pire des cas est que cet AMP ne soit pas <a href=\"https:\/\/helloacm.com\/how-to-fix-phpbb3-1-5-not-indexed-by-googlebots\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">index\u00e9<\/a>, ce qui ne nuit pas \u00e0 vos autres pages c&rsquo;est \u00e0 dire au SEO. L&rsquo;AMP est fourni en tant que mise en page alternative (mod\u00e8le), vous pouvez donc le consid\u00e9rer comme une version optimis\u00e9e pour les performances.<\/p>\n<h2>Comment savoir si la page actuelle est AMP en PHP ?<\/h2>\n<p>Vous devrez peut-\u00eatre d\u00e9sactiver certains filtres de contenu (via add_filter, la fonction WordPress) dans le mod\u00e8le <a href=\"https:\/\/helloacm.com\/how-to-add-adsense-ads-to-bbpress-forum\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">functions.php<\/a>, puis vous aurez besoin de la fonction suivante pour v\u00e9rifier si la page actuelle est en version AMP. Il n\u00e9cessite la fonction PHP endsWith. Dans WordPress, vous pouvez \u00e9galement utiliser la fonction <strong>is_amp_endpoint()<\/strong> pour voir si l&rsquo;URL wordpress actuelle est AMP. Sinon, pour un site sp\u00e9cifique, la solution g\u00e9n\u00e9rale consiste \u00e0 v\u00e9rifier si l&rsquo;URL se termine par \/amp ou contient \/amp\/<\/p>\n<pre><code>if (!function_exists(\"endsWith\")) {\n\u00a0 function endsWith($haystack, $needle) {\n\u00a0 \u00a0 return $needle === \"\" || (($temp = strlen($haystack) - strlen($needle)) &gt;= 0 &amp;&amp; strpos($haystack, $needle, $temp) !== FALSE);\n\u00a0 }\n}\n\u00a0\nif (!function_exists(\"is_amp\")) { \n\u00a0 function is_amp() { \u00a0 \u00a0\n\u00a0 \u00a0 $url = $_SERVER['REQUEST_URI']; \u00a0\n\u00a0 \u00a0 return (endsWith($url, '\/amp') || (strpos($url, '\/amp\/') !== false));\n\u00a0 }\n}\n\u00a0\nif (!is_amp()) { \/\/ only in non-AMP version\n\u00a0 add_filter( 'the_content', 'some_content_function' );\n} \n\u00a0\nfunction some_content_function($content) {\n\u00a0 \u00a0\/\/ do something, e.g. add some ads\n\u00a0 \u00a0$content .= \" some ads code \";\n\u00a0 \u00a0return $content;\n}<\/code><\/pre>\n<p>Au cas o\u00f9 vous ne l&rsquo;auriez pas remarqu\u00e9, l&rsquo;URL de la version AMP est indiqu\u00e9e dans chaque message et vous pouvez trouver <a href=\"https:\/\/helloacm.com\/archives-of-pagesposts\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">les archives des pages AMP ici<\/a>. Vous pouvez utiliser le code <a href=\"https:\/\/helloacm.com\/php7-shortens-the-google-page-crawling-time\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PHP suivant pour afficher uniquement les URL AMP des publications au lieu des autres types de pages dans WordPress\u00a0:<\/a><\/p>\n<pre><code>if (get_post_type( get_the_ID()) == 'post') {\n\u00a0 \/\/ show AMP URL\n}<\/code><\/pre>\n<p>Pour les pages qui ne prennent pas en charge AMP, l&rsquo;URL canonique AMP sera <a href=\"https:\/\/helloacm.com\/301-and-302-redirects\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">redirig\u00e9e en 301 vers<\/a> sa version normale.<\/p>\n<h2>\u00c0 quoi ressemble la page AMP sur les petits \u00e9crans\u00a0?<\/h2>\n<p>Ce qui suit, \u00e0 gauche, est la version AMP, avec une publicit\u00e9 (<a href=\"https:\/\/helloacm.com\/does-blocking-adsense-categories-help-in-earnings\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">adsense<\/a> <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/apprentissage-de-la-conception-css-reactive-1\/\" title=\"responsive\">responsive<\/a>) affich\u00e9e au-dessus du contenu.<a href=\"https:\/\/helloacm.com\/does-blocking-adsense-categories-help-in-earnings\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><\/a><\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de41ffca.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de41ffca.jpg\" alt=\"Comment activer AMP avec Wordpress\u00a0? Techniques d&#039;optimisation AMP avec Wordpress\"><\/a><\/p>\n<p>AMP-versus-mobile-convivial<\/p>\n<p>AMP peut \u00eatre consid\u00e9r\u00e9 comme un mod\u00e8le (style) distinct pour vos publications. Les deux URL existent pour la version <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/fichiers-de-themes-wordpress-bloques-par-robots-txt-entrainant-un-echec-du-test-adapte-aux-mobiles\/\" title=\"mobile\">mobile<\/a> et la version AMP. L&rsquo;entr\u00e9e d&rsquo;AMP provient principalement du <a href=\"https:\/\/wordpress.mediadoma.com\/fr\/comment-personnaliser-le-moteur-de-recherche-pour-wordpress\/\" title=\"moteur de recherche\">moteur de recherche<\/a> tandis que les liens d&rsquo;origine dans les messages restent intacts. Cependant, vous voudrez peut-\u00eatre utiliser l&rsquo; <a href=\"https:\/\/support.cloudflare.com\/hc\/en-us\/articles\/115000635308-Accelerated-Mobile-Links\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">AML de CloudFlare<\/a> qui remplace les liens de publication dans la publication vers la <a href=\"https:\/\/justyy.com\/archives\/4253\/amp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">version AMP,<\/a> le cas \u00e9ch\u00e9ant.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de5a55aa.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de5a55aa.jpg\" alt=\"Comment activer AMP avec Wordpress\u00a0? Techniques d&#039;optimisation AMP avec Wordpress\"><\/a><\/p>\n<p>cloudflare-enable-accelerated-mobile-links<\/p>\n<p>Si votre page AMP contient des erreurs critiques, il se peut qu&rsquo;elle ne soit pas index\u00e9e par les moteurs de recherche. Google peut vous indiquer des erreurs dans le r\u00e9sultat de la recherche, qui est li\u00e9 \u00e0 votre webmaster Google.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de6d2ac9.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-155345-61e55de6d2ac9.jpg\" alt=\"Comment activer AMP avec Wordpress\u00a0? Techniques d&#039;optimisation AMP avec Wordpress\"><\/a><\/p>\n<p>Message d&rsquo;erreur AMP dans les r\u00e9sultats de recherche Google<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/helloacm.com\" class=\"external external_icon\">helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Comment activer AMP avec WordPress ? Techniques d&rsquo;optimisation AMP avec WordPress<\/p>\n","protected":false},"author":1,"featured_media":224724,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[946,811,841,862],"tags":[1167],"class_list":["post-232981","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-google-3","category-plugins-2","category-tutoriels","category-wordpress-3","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/232981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=232981"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/232981\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/224724"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=232981"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=232981"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=232981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}