{"id":232936,"date":"2023-02-01T10:45:00","date_gmt":"2023-02-01T07:45:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232936"},"modified":"2023-02-02T12:54:17","modified_gmt":"2023-02-02T09:54:17","slug":"como-habilitar-amp-com-wordpress-tecnicas-de-otimizacao-de-amp-com-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-habilitar-amp-com-wordpress-tecnicas-de-otimizacao-de-amp-com-wordpress\/","title":{"rendered":"Como habilitar AMP com WordPress? T\u00e9cnicas de otimiza\u00e7\u00e3o de AMP com WordPress"},"content":{"rendered":"\n<p>O AMP (Accelerated Mobile Pages) \u00e9 um projeto que foi anunciado inicialmente no ano passado (2016) pelo <a href=\"https:\/\/helloacm.com\/how-to-cache-google-qr-image-using-php\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Google<\/a>. Ao longo de um ano de desenvolvimento, atraiu cada vez mais interesses.<\/p>\n<p>T\u00e9cnicas de otimiza\u00e7\u00e3o de AMP do Google<\/p>\n<h2>O que \u00e9 AMP?<\/h2>\n<p>O AMP, em geral, \u00e9 um documento <a href=\"https:\/\/helloacm.com\/html5-contenteditable-global-attribute\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">HTML5<\/a> conciso e especialmente projetado que possui algumas restri\u00e7\u00f5es projetadas para melhorar a experi\u00eancia de carregamento e renderiza\u00e7\u00e3o da p\u00e1gina para dispositivos m\u00f3veis. Por exemplo, as p\u00e1ginas AMP s\u00f3 podem ter um <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 inline<\/a>, para que o layout da p\u00e1gina possa ser determinado sem a necessidade de carregar folhas de estilo CSS externas. <a href=\"https:\/\/helloacm.com\/useful-tools-for-beginners-of-javascript\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Javascript<\/a> tamb\u00e9m foi limitado onde o JS s\u00edncrono s\u00f3 pode ser colocado dentro de um iframe.<\/p>\n<h2>Por que AMP?<\/h2>\n<p>O AMP foi projetado para velocidade mesmo em redes lentas. A maior vantagem do AMP \u00e9 que ele pode ser carregado\/renderizado 3-4 vezes mais r\u00e1pido. Os motivos pelos quais o AMP \u00e9 r\u00e1pido em dispositivos m\u00f3veis s\u00e3o:<\/p>\n<ul>\n<li>Menos elementos s\u00e3o carregados. Pegue o WordPress, por exemplo, muitos widgets n\u00e3o s\u00e3o mostrados.<\/li>\n<li>AMP s\u00e3o armazenados em cache pelo 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, portanto, quando os resultados da pesquisa s\u00e3o exibidos, os AMP s\u00e3o pr\u00e9-carregados via Google\/CloudFlare CDN, quando s\u00e3o exibidos, eles j\u00e1 s\u00e3o baixados e servidos do cache do seu navegador, o que \u00e9 apenas ilumina\u00e7\u00e3o r\u00e1pida.<\/li>\n<li>Como mencionado, o layout AMP pode ser determinado sem a necessidade de carregar <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\/pt-pt\/aprendendo-design-css-responsivo-1\/\" title=\"CSS\">CSS<\/a> externo, portanto, em telas de dispositivos m\u00f3veis, o layout \u00e9 est\u00e1tico, o que \u00e9 r\u00e1pido.<\/li>\n<\/ul>\n<h2>Quem precisa de AMP?<\/h2>\n<p>Se voc\u00ea se preocupa com velocidade e experi\u00eancia do usu\u00e1rio, ou se tem muito conte\u00fado (texto\/imagens est\u00e1ticos), ent\u00e3o o AMP \u00e9 definitivamente algo que voc\u00ea deve ter.<\/p>\n<h2>O AMP melhora o SEO?<\/h2>\n<p>De acordo com o Google Official, isso n\u00e3o afeta o <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>, pelo menos diretamente. No entanto, como o AMP melhora a velocidade de carregamento da p\u00e1gina, isso afeta o SEO. De fato, de acordo com a pesquisa, com o AMP ativado, os visitantes ficam mais tempo no site e a taxa de rejei\u00e7\u00e3o aumenta.<\/p>\n<p>Em dispositivos m\u00f3veis, as p\u00e1ginas AMP ser\u00e3o exibidas com prioridade e com uma tag AMP clara. O Google removeu o uso de &#8216;Mobile Friendly&#8217; para permitir a exibi\u00e7\u00e3o do AMP. Na verdade, todos os AMP v\u00e1lidos j\u00e1 s\u00e3o v\u00e1lidos <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/passos-simples-para-tornar-o-site-compativel-com-dispositivos-moveis-design-responsivo\/\" title=\"para dispositivos m\u00f3veis\">para dispositivos m\u00f3veis<\/a>.<\/p>\n<h2>Como ativar o AMP com o blog WordPress?<\/h2>\n<p>AMP s\u00e3o formatos HTML especiais e a sintaxe \u00e9 muito rigorosa. N\u00e3o \u00e9 poss\u00edvel modificar um modelo de p\u00e1gina existente e \u00e9 aconselh\u00e1vel n\u00e3o faz\u00ea-lo. Se voc\u00ea tem muitos artigos (muitos URLs), n\u00e3o \u00e9 pr\u00e1tico fazer isso manualmente.<\/p>\n<p>Para habilitar o AMP no <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-criar-uma-pagina-wordpress-para-listar-todos-os-comentarios\/\" title=\"WordPress\">WordPress<\/a>, voc\u00ea precisa adicionar\/habilitar <a href=\"https:\/\/wordpress.org\/plugins\/amp\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">o plugin oficial do AMP<\/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=\"Como habilitar AMP com Wordpress? T\u00e9cnicas de otimiza\u00e7\u00e3o de AMP com Wordpress\"><\/a><\/p>\n<p>plug-in wordpress-official-amp-plugin<\/p>\n<p>Uma vez que este plugin \u00e9 ativado, para cada post (n\u00e3o p\u00e1ginas), haver\u00e1 um URL can\u00f4nico anexado com <strong>\/amp\/<\/strong>. Sim, voc\u00ea s\u00f3 precisa ativar o plugin AMP que faz a maior parte do trabalho.<\/p>\n<h2>Como validar AMP?<\/h2>\n<ul>\n<li>\n<p>Voc\u00ea pode instalar a <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/amp-validator\/nmoffdblmcmgeicmolmhobpoocbbmknc\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">extens\u00e3o AMP do Chrome<\/a>, que mostrar\u00e1 um bal\u00e3o verde se a p\u00e1gina atual for uma AMP v\u00e1lida. Ele tamb\u00e9m informa se a p\u00e1gina atual tem uma vers\u00e3o AMP<\/p>\n<\/li>\n<li>\n<p>Pressione F12 no Chrome para invocar o console, se voc\u00ea vir algo assim, significa que o AMP est\u00e1 ativado!<\/p>\n<pre><code>Powered by AMP \u26a1 HTML \u2013 Version 1489777197505 <\/code><\/pre>\n<\/li>\n<li>\n<p>V\u00e1 para o <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>: Isso geralmente \u00e9 \u00fatil, pois voc\u00ea pode copiar e colar a fonte AMP diretamente no utilit\u00e1rio.<\/p>\n<\/li>\n<li>\n<p>Execute o 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> para verificar atrav\u00e9s do utilit\u00e1rio CloudFlare amp:<\/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>No Google Webmaster, mostra o n\u00famero de p\u00e1ginas AMP indexadas e que tipo de erros as p\u00e1ginas AMP t\u00eam. AMP com erros cr\u00edticos n\u00e3o ser\u00e3o indexados, ent\u00e3o voc\u00ea precisa corrigi-los. O Google tamb\u00e9m fornece outro <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\">validador de 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=\"Como habilitar AMP com Wordpress? T\u00e9cnicas de otimiza\u00e7\u00e3o de AMP com Wordpress\"><\/a><\/p>\n<p>google-webmaster-shows-indexed-amp<\/p>\n<h2>Como adicionar o rastreamento do Google Analytics \u00e0s p\u00e1ginas AMP?<\/h2>\n<p>De acordo com o Oficial, voc\u00ea precisa:<\/p>\n<ol>\n<li>\n<p>Adicione o seguinte antes doem <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>Adicione o seguinte antes doem <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>Como adicionar o Google Adsense \u00e0s p\u00e1ginas AMP?<\/h2>\n<p>O c\u00f3digo tradicional do Google Adsense n\u00e3o funciona em AMP, em vez disso voc\u00ea precisa:<\/p>\n<ol>\n<li>\n<p>Adicione o seguinte antes doem <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>Adicione o seguinte antes ou depois de <strong>post_amp_content<\/strong> em <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>Exemplo de modelo AMP para WordPress Single Post (por exemplo, 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=\"Como habilitar AMP com Wordpress? T\u00e9cnicas de otimiza\u00e7\u00e3o de AMP com Wordpress\"><\/a><\/p>\n<p>sample-wordpress-template-single-for-amp-pages<\/p>\n<h2>Quando as AMP s\u00e3o indexadas pelos mecanismos de pesquisa?<\/h2>\n<p>Nem todos os mecanismos de pesquisa suportam AMP, mas aparentemente o Google conhece melhor o AMP. Pode levar algumas horas ou at\u00e9 dias para o Google perceber que suas p\u00e1ginas t\u00eam alternativas AMP. Nas suas p\u00e1ginas de postagem normais, haver\u00e1 algo assim para informar ao mecanismo de pesquisa o URL da vers\u00e3o 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 em sua vers\u00e3o AMP, ele ser\u00e1 vinculado usando a tag can\u00f4nica:<\/p>\n<pre><code>&lt;link rel=\"canonical\" href=\"\/\/helloacm.com\/how-to-parallel-for-in-linux-bash-shell\/\"\/&gt;<\/code><\/pre>\n<p>Tudo bem que nem todas as suas p\u00e1ginas tenham alternativas AMP. Tamb\u00e9m \u00e9 bom que alguns AMP n\u00e3o sejam validados, o pior caso \u00e9 que esse AMP n\u00e3o seja <a href=\"https:\/\/helloacm.com\/how-to-fix-phpbb3-1-5-not-indexed-by-googlebots\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">indexado<\/a>, o que n\u00e3o prejudica suas outras p\u00e1ginas, ou seja, SEO. O AMP \u00e9 fornecido como um layout alternativo (modelo), para que voc\u00ea possa consider\u00e1-lo como uma vers\u00e3o otimizada para desempenho.<\/p>\n<h2>Como saber se a p\u00e1gina atual \u00e9 AMP em PHP?<\/h2>\n<p>Talvez voc\u00ea precise desabilitar algum filtro de conte\u00fado (via add_filter, a fun\u00e7\u00e3o do WordPress) no template <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>, ent\u00e3o voc\u00ea precisa da seguinte fun\u00e7\u00e3o para verificar se a p\u00e1gina atual \u00e9 a vers\u00e3o AMP. Requer a fun\u00e7\u00e3o PHP endsWith. No WordPress, voc\u00ea tamb\u00e9m pode usar a fun\u00e7\u00e3o <strong>is_amp_endpoint()<\/strong> para ver se o URL atual do wordpress \u00e9 AMP. Caso contr\u00e1rio, para uma solu\u00e7\u00e3o geral espec\u00edfica do site \u00e9 verificar se o URL termina com \/amp ou cont\u00e9m \/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>Caso voc\u00ea n\u00e3o tenha notado, o URL da vers\u00e3o AMP \u00e9 mostrado em cada postagem e voc\u00ea pode encontrar <a href=\"https:\/\/helloacm.com\/archives-of-pagesposts\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">o arquivo das p\u00e1ginas AMP aqui<\/a>. Voc\u00ea pode usar o seguinte c\u00f3digo <a href=\"https:\/\/helloacm.com\/php7-shortens-the-google-page-crawling-time\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PHP<\/a> apenas para mostrar os URLs AMP para as postagens em vez de outros tipos de p\u00e1gina no WordPress:<\/p>\n<pre><code>if (get_post_type( get_the_ID()) == 'post') {\n\u00a0 \/\/ show AMP URL\n}<\/code><\/pre>\n<p>Para p\u00e1ginas que n\u00e3o s\u00e3o compat\u00edveis com AMP, o URL can\u00f4nico de AMP ser\u00e1 <a href=\"https:\/\/helloacm.com\/301-and-302-redirects\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">redirecionado 301<\/a> para sua vers\u00e3o normal.<\/p>\n<h2>Como \u00e9 a apar\u00eancia da p\u00e1gina AMP em telas pequenas?<\/h2>\n<p>A seguir, \u00e0 esquerda, est\u00e1 a vers\u00e3o AMP, com an\u00fancios (<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\/pt-pt\/aprendendo-design-css-responsivo-1\/\" title=\"responsivo\">responsivo<\/a>) exibidos acima do conte\u00fado.<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=\"Como habilitar AMP com Wordpress? T\u00e9cnicas de otimiza\u00e7\u00e3o de AMP com Wordpress\"><\/a><\/p>\n<p>AMP-versus-mobile-user-friendly<\/p>\n<p>O AMP pode ser considerado um modelo separado (estilo) para suas postagens. Ambos os URLs existem para a vers\u00e3o <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/arquivos-de-temas-do-wordpress-bloqueados-por-robots-txt-levando-a-falha-no-teste-de-compatibilidade-com-dispositivos-moveis\/\" title=\"mobile-friendly\">mobile-friendly<\/a> e AMP. A entrada do AMP \u00e9 principalmente do <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-personalizar-o-mecanismo-de-pesquisa-para-wordpress\/\" title=\"mecanismo de pesquisa,\">mecanismo de pesquisa,<\/a> enquanto os links originais nas postagens permanecem intocados. No entanto, voc\u00ea pode querer usar o <a href=\"https:\/\/support.cloudflare.com\/hc\/en-us\/articles\/115000635308-Accelerated-Mobile-Links\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">AML do CloudFlare<\/a>, que substitui os links de postagem na postagem para a <a href=\"https:\/\/justyy.com\/archives\/4253\/amp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">vers\u00e3o AMP,<\/a> se aplic\u00e1vel.<\/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=\"Como habilitar AMP com Wordpress? T\u00e9cnicas de otimiza\u00e7\u00e3o de AMP com Wordpress\"><\/a><\/p>\n<p>links m\u00f3veis acelerados para habilitar cloudflare<\/p>\n<p>Se sua p\u00e1gina AMP tiver erros cr\u00edticos, talvez ela n\u00e3o seja indexada pelos mecanismos de pesquisa. O Google pode sugerir erros no resultado da pesquisa, que est\u00e1 vinculado ao seu webmaster do 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=\"Como habilitar AMP com Wordpress? T\u00e9cnicas de otimiza\u00e7\u00e3o de AMP com Wordpress\"><\/a><\/p>\n<p>Mensagem de erro AMP nos resultados de pesquisa do Google<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/helloacm.com\" class=\"external external_icon\">helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Como habilitar AMP com WordPress? T\u00e9cnicas de otimiza\u00e7\u00e3o de AMP com 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":[951,816,846,867],"tags":[1170],"class_list":["post-232936","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-google-8","category-plug-ins","category-tutoriais","category-wordpress-8","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/232936","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=232936"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/232936\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/224724"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=232936"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=232936"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=232936"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}