{"id":232977,"date":"2023-02-01T11:01:00","date_gmt":"2023-02-01T08:01:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232977"},"modified":"2023-02-02T12:49:13","modified_gmt":"2023-02-02T09:49:13","slug":"come-abilitare-amp-con-wordpress-tecniche-di-ottimizzazione-amp-con-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/it\/come-abilitare-amp-con-wordpress-tecniche-di-ottimizzazione-amp-con-wordpress\/","title":{"rendered":"Come abilitare AMP con WordPress? Tecniche di ottimizzazione AMP con WordPress"},"content":{"rendered":"\n<p>L&#8217;AMP (Accelerated Mobile Pages) \u00e8 un progetto inizialmente annunciato lo scorso anno (2016) da <a href=\"https:\/\/helloacm.com\/how-to-cache-google-qr-image-using-php\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Google<\/a>. In un anno di sviluppo, ha attirato sempre pi\u00f9 interessi.<\/p>\n<p>Tecniche di ottimizzazione AMP di Google<\/p>\n<h2>Cos&#8217;\u00e8 l&#8217;AMP?<\/h2>\n<p><a href=\"https:\/\/helloacm.com\/html5-contenteditable-global-attribute\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">L&#8217;AMP, in generale, \u00e8 un documento HTML5<\/a> conciso e appositamente progettato che presenta alcuni vincoli progettati per migliorare l&#8217;esperienza di caricamento e rendering della pagina per i dispositivi mobili. Ad esempio, le pagine AMP possono avere solo 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 in linea<\/a>, in modo che il layout della pagina possa essere determinato senza dover caricare fogli di stile CSS esterni. <a href=\"https:\/\/helloacm.com\/useful-tools-for-beginners-of-javascript\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Javascript<\/a> \u00e8 stato anche limitato in cui il JS sincrono pu\u00f2 essere posizionato solo all&#8217;interno di un iframe.<\/p>\n<h2>Perch\u00e9 AMP?<\/h2>\n<p>AMP \u00e8 progettato per la velocit\u00e0 anche su reti lente. Il pi\u00f9 grande vantaggio di AMP \u00e8 che pu\u00f2 essere caricato\/renderizzato 3-4 volte pi\u00f9 velocemente. I motivi per cui AMP sono velocissimi sui dispositivi mobili sono:<\/p>\n<ul>\n<li>Vengono caricati meno elementi. Prendi ad esempio WordPress, molti widget non vengono mostrati.<\/li>\n<li>Gli AMP sono memorizzati nella cache da Google CDN (Content Delivery Networks) o <a href=\"https:\/\/helloacm.com\/the-php-page-rule-checker-of-cloudflare\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CloudFlare<\/a> CDN, quindi quando vengono visualizzati i risultati della ricerca, gli AMP vengono precaricati tramite Google\/CloudFlare CDN, quando vengono visualizzati sono gi\u00e0 scaricati e serviti dalla cache del browser, che sta solo illuminando velocemente.<\/li>\n<li>Come accennato, il layout AMP pu\u00f2 essere determinato senza dover caricare <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\/it\/apprendimento-del-design-css-reattivo-1\/\" title=\"CSS\">CSS<\/a> esterni, quindi sugli schermi mobili il layout \u00e8 statico, il che \u00e8 veloce.<\/li>\n<\/ul>\n<h2>Chi ha bisogno di AMP?<\/h2>\n<p>Se ti interessa la velocit\u00e0 e l&#8217;esperienza utente, o se hai molti contenuti (testo\/immagini statici), allora AMP \u00e8 sicuramente qualcosa che devi avere.<\/p>\n<h2>AMP migliora la SEO?<\/h2>\n<p>Secondo Google Official, non influisce sulla <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\">SEO<\/a>, almeno direttamente. Tuttavia, poich\u00e9 AMP migliora la velocit\u00e0 di caricamento della pagina e ci\u00f2 influisce sulla SEO. Infatti, secondo una ricerca, con AMP attivato, i visitatori rimangono pi\u00f9 a lungo sul sito e la frequenza di rimbalzo aumenta.<\/p>\n<p>Sui dispositivi mobili, le pagine AMP verranno visualizzate con priorit\u00e0 e con un tag AMP chiaro. Google ha rimosso l&#8217;uso di &quot;Mobile Friendly&quot; per consentire l&#8217;AMP mostrato. In effetti, tutti gli AMP validi sono gi\u00e0 validi <a href=\"https:\/\/wordpress.mediadoma.com\/it\/semplici-passaggi-rendono-il-sito-web-mobile-friendly-design-reattivo\/\" title=\"per l&#039;utente mobile\">per l&#8217;utente mobile<\/a>.<\/p>\n<h2>Come abilitare AMP con il blog di WordPress?<\/h2>\n<p>Gli AMP sono in formato HTML speciale e la sintassi \u00e8 molto rigorosa. Non \u00e8 possibile modificare un modello di pagina esistente ed \u00e8 consigliabile non farlo. Se hai molti articoli (molti URL), non \u00e8 pratico farlo manualmente.<\/p>\n<p>Per abilitare AMP in <a href=\"https:\/\/wordpress.mediadoma.com\/it\/come-creare-una-pagina-wordpress-per-elencare-tutti-i-commenti\/\" title=\"WordPress\">WordPress<\/a>, devi aggiungere\/abilitare <a href=\"https:\/\/wordpress.org\/plugins\/amp\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">il plugin AMP ufficiale<\/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=\"Come abilitare AMP con Wordpress? Tecniche di ottimizzazione AMP con Wordpress\"><\/a><\/p>\n<p>wordpress-ufficiale-amp-plugin<\/p>\n<p>Una volta attivato questo plugin, per ogni post (non pagine), ci sar\u00e0 un URL canonico che viene aggiunto con <strong>\/amp\/<\/strong>. S\u00ec, devi solo attivare il plug-in AMP che fa la maggior parte del lavoro.<\/p>\n<h2>Come convalidare AMP?<\/h2>\n<ul>\n<li>\n<p>Puoi installare l&#8217; <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/amp-validator\/nmoffdblmcmgeicmolmhobpoocbbmknc\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">estensione AMP per Chrome<\/a>, che mostrer\u00e0 un fumetto verde se la pagina corrente \u00e8 un AMP valido. Ti dir\u00e0 anche se la pagina corrente ha una versione AMP<\/p>\n<\/li>\n<li>\n<p>Premi F12 in Chrome per richiamare la console, se vedi qualcosa del genere, significa che AMP \u00e8 abilitato!<\/p>\n<pre><code>Powered by AMP \u26a1 HTML \u2013 Version 1489777197505 <\/code><\/pre>\n<\/li>\n<li>\n<p>Vai al <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>: Questo \u00e8 spesso utile in quanto puoi copiare e incollare la sorgente AMP direttamente nell&#8217;utilit\u00e0.<\/p>\n<\/li>\n<li>\n<p>Esegui il comando <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> per controllare tramite l&#8217;utility amp CloudFlare:<\/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>In Google Webmaster, mostra il numero di pagine AMP indicizzate e che tipo di errori hanno le pagine AMP. L&#8217;AMP con errori critici non verr\u00e0 indicizzato, quindi devi risolverli. Google fornisce anche un altro <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\">validatore 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=\"Come abilitare AMP con Wordpress? Tecniche di ottimizzazione AMP con Wordpress\"><\/a><\/p>\n<p>google-webmaster-shows-indexed-amp<\/p>\n<h2>Come aggiungere il monitoraggio di Google Analytics alle pagine AMP?<\/h2>\n<p>Secondo Ufficiale \u00e8 necessario:<\/p>\n<ol>\n<li>\n<p>Aggiungi quanto segue prima delin <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>Aggiungi quanto segue prima delin <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>Come aggiungere Google Adsense alle pagine AMP?<\/h2>\n<p>Il tradizionale codice di Google Adsense non funziona in AMP, invece \u00e8 necessario:<\/p>\n<ol>\n<li>\n<p>Aggiungi quanto segue prima delin <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>Aggiungi quanto segue prima o dopo <strong>post_amp_content<\/strong> in <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>Esempio di modello AMP per WordPress Post singolo (ad es. 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=\"Come abilitare AMP con Wordpress? Tecniche di ottimizzazione AMP con Wordpress\"><\/a><\/p>\n<p>sample-wordpress-template-single-for-amp-pages<\/p>\n<h2>Quando vengono indicizzati gli AMP dai motori di ricerca?<\/h2>\n<p>Non tutti i motori di ricerca supportano AMP, ma a quanto pare Google conosce meglio AMP. Potrebbero essere necessarie alcune ore o addirittura giorni prima che Google si renda conto che le tue pagine hanno alternative AMP. Nelle tue normali pagine di post, ci sar\u00e0 qualcosa del genere per dire al motore di ricerca l&#8217;URL della versione AMP:<\/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>E nella sua versione AMP, verr\u00e0 ricollegato utilizzando il tag canonico:<\/p>\n<pre><code>&lt;link rel=\"canonical\" href=\"\/\/helloacm.com\/how-to-parallel-for-in-linux-bash-shell\/\"\/&gt;<\/code><\/pre>\n<p>Va bene che non tutte le tue pagine abbiano alternative AMP. Va anche bene che alcuni AMP non siano convalidati, il caso peggiore \u00e8 che quell&#8217;AMP non sia <a href=\"https:\/\/helloacm.com\/how-to-fix-phpbb3-1-5-not-indexed-by-googlebots\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">indicizzato<\/a>, il che non danneggia le altre tue pagine, ad esempio SEO. L&#8217;AMP viene fornito come layout alternativo (modello), quindi puoi considerarlo come una versione ottimizzata per le prestazioni.<\/p>\n<h2>Come sapere se la pagina corrente \u00e8 AMP in PHP?<\/h2>\n<p>Potrebbe essere necessario disabilitare alcuni filtri di contenuto (tramite add_filter, la funzione WordPress) nel modello <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>, quindi \u00e8 necessaria la seguente funzione per verificare se la pagina corrente \u00e8 la versione AMP. Richiede la funzione PHPendWith. In WordPress, puoi anche utilizzare la funzione <strong>is_amp_endpoint()<\/strong> per vedere se l&#8217;URL wordpress corrente \u00e8 AMP. In caso contrario, per una soluzione generale specifica del sito \u00e8 verificare se l&#8217;URL termina con \/amp o contiene \/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>Nel caso non te ne fossi accorto, l&#8217;URL della versione AMP viene mostrato in ogni post e puoi trovare <a href=\"https:\/\/helloacm.com\/archives-of-pagesposts\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">l&#8217;archivio delle pagine AMP qui<\/a>. Puoi utilizzare il seguente codice <a href=\"https:\/\/helloacm.com\/php7-shortens-the-google-page-crawling-time\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PHP<\/a> per mostrare solo gli URL AMP per i post anzich\u00e9 altri tipi di pagina in WordPress:<\/p>\n<pre><code>if (get_post_type( get_the_ID()) == 'post') {\n\u00a0 \/\/ show AMP URL\n}<\/code><\/pre>\n<p>Per le pagine che non supportano AMP, l&#8217;URL canonico AMP verr\u00e0 <a href=\"https:\/\/helloacm.com\/301-and-302-redirects\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">reindirizzato 301<\/a> alla sua versione normale.<\/p>\n<h2>Come appare la pagina AMP su piccoli schermi?<\/h2>\n<p>Quella che segue, a sinistra, \u00e8 la versione AMP, con un annuncio (<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\/it\/apprendimento-del-design-css-reattivo-1\/\" title=\"reattivo\">reattivo<\/a>) mostrato sopra il contenuto.<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=\"Come abilitare AMP con Wordpress? Tecniche di ottimizzazione AMP con Wordpress\"><\/a><\/p>\n<p>AMP-contro-mobile-facile da usare<\/p>\n<p>AMP pu\u00f2 essere considerato come un modello (stile) separato per i tuoi post. Esistono entrambi gli URL per la versione <a href=\"https:\/\/wordpress.mediadoma.com\/it\/file-di-temi-wordpress-bloccati-da-robots-txt-che-portano-al-fallimento-del-test-ottimizzato-per-dispositivi-mobili\/\" title=\"mobile user-friendly\">mobile user-friendly<\/a> e AMP. La voce di AMP \u00e8 principalmente dal <a href=\"https:\/\/wordpress.mediadoma.com\/it\/come-personalizzare-il-motore-di-ricerca-per-wordpress\/\" title=\"motore di ricerca\">motore di ricerca<\/a> mentre i link originali nei post rimangono intatti. Tuttavia, potresti voler utilizzare l&#8217; <a href=\"https:\/\/support.cloudflare.com\/hc\/en-us\/articles\/115000635308-Accelerated-Mobile-Links\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">AML di CloudFlare<\/a> che sostituisce i link del post nel post alla <a href=\"https:\/\/justyy.com\/archives\/4253\/amp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">versione AMP,<\/a> se applicabile.<\/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=\"Come abilitare AMP con Wordpress? Tecniche di ottimizzazione AMP con Wordpress\"><\/a><\/p>\n<p>cloudflare-enable-accelerated-mobile-links<\/p>\n<p>Se la tua pagina AMP presenta errori critici, potrebbe non essere indicizzata dai motori di ricerca. Google potrebbe suggerirti errori nel risultato della ricerca, che \u00e8 collegato al tuo webmaster di 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=\"Come abilitare AMP con Wordpress? Tecniche di ottimizzazione AMP con Wordpress\"><\/a><\/p>\n<p>Messaggio di errore AMP nei risultati di ricerca di Google<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/helloacm.com\" class=\"external external_icon\">helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Come abilitare AMP con WordPress? Tecniche di ottimizzazione AMP con 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":[949,814,844,865],"tags":[1168],"class_list":["post-232977","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-google-6","category-plugin-2","category-tutorial","category-wordpress-6","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/232977","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/comments?post=232977"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/232977\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media\/224724"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media?parent=232977"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/categories?post=232977"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/tags?post=232977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}