{"id":232920,"date":"2023-02-01T11:30:00","date_gmt":"2023-02-01T08:30:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232920"},"modified":"2023-02-02T12:34:14","modified_gmt":"2023-02-02T09:34:14","slug":"como-habilitar-amp-con-wordpress-tecnicas-de-optimizacion-de-amp-con-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/como-habilitar-amp-con-wordpress-tecnicas-de-optimizacion-de-amp-con-wordpress\/","title":{"rendered":"\u00bfC\u00f3mo habilitar AMP con WordPress? T\u00e9cnicas de optimizaci\u00f3n de AMP con WordPress"},"content":{"rendered":"\n<p>Las AMP (Accelerated Mobile Pages) es un proyecto que fue anunciado inicialmente el a\u00f1o pasado (2016) por <a href=\"https:\/\/helloacm.com\/how-to-cache-google-qr-image-using-php\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Google<\/a>. A lo largo de un a\u00f1o de desarrollo, ha atra\u00eddo m\u00e1s y m\u00e1s intereses.<\/p>\n<p>T\u00e9cnicas de optimizaci\u00f3n de Google AMP<\/p>\n<h2>\u00bfQu\u00e9 es AMP?<\/h2>\n<p><a href=\"https:\/\/helloacm.com\/html5-contenteditable-global-attribute\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">El AMP, en general, es un documento HTML5<\/a> conciso y especialmente dise\u00f1ado que tiene algunas restricciones que est\u00e1n dise\u00f1adas para mejorar la experiencia de carga y representaci\u00f3n de p\u00e1ginas para dispositivos m\u00f3viles. Por ejemplo, las p\u00e1ginas AMP solo pueden tener 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 l\u00ednea<\/a>, por lo que se puede determinar el dise\u00f1o de la p\u00e1gina sin tener que cargar hojas 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> tambi\u00e9n se ha limitado donde el JS s\u00edncrono solo se puede colocar dentro de un iframe.<\/p>\n<h2>\u00bfPor qu\u00e9 AMP?<\/h2>\n<p>AMP est\u00e1 dise\u00f1ado para la velocidad incluso en redes lentas. La mayor ventaja de AMP es que se puede cargar\/renderizar de 3 a 4 veces m\u00e1s r\u00e1pido. Las razones por las que AMP son ultrarr\u00e1pidos en dispositivos m\u00f3viles son:<\/p>\n<ul>\n<li>Se cargan menos elementos. Tome WordPress por ejemplo, muchos widgets no se muestran.<\/li>\n<li>Los AMP son almacenados en cach\u00e9 por 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, por lo que cuando se muestran los resultados de la b\u00fasqueda, los AMP se cargan previamente a trav\u00e9s de Google\/CloudFlare CDN, cuando se muestran, ya est\u00e1n descargados y servidos desde la memoria cach\u00e9 de su navegador, lo que es solo un rayo r\u00e1pido.<\/li>\n<li>Como se mencion\u00f3, el dise\u00f1o de AMP se puede determinar sin tener que cargar <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\/es\/aprendiendo-diseno-responsivo-css-1\/\" title=\"CSS\">CSS<\/a> externo, por lo que en las pantallas m\u00f3viles, el dise\u00f1o es est\u00e1tico, lo cual es r\u00e1pido.<\/li>\n<\/ul>\n<h2>\u00bfQui\u00e9n necesita AMP?<\/h2>\n<p>Si te preocupa la velocidad y la experiencia del usuario, o si tienes muchos contenidos (texto\/im\u00e1genes est\u00e1ticas), definitivamente debes tener AMP.<\/p>\n<h2>\u00bfAMP mejora el SEO?<\/h2>\n<p>Seg\u00fan Google Official, no afecta al <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>, al menos directamente. Sin embargo, como AMP mejora la velocidad de carga de la p\u00e1gina, y eso afecta el SEO. De hecho, seg\u00fan la investigaci\u00f3n, con AMP activado, los visitantes permanecen m\u00e1s tiempo en el sitio y aumenta la tasa de rebote.<\/p>\n<p>En los dispositivos m\u00f3viles, las p\u00e1ginas de AMP se mostrar\u00e1n con prioridad y con una etiqueta de AMP clara. Google ha eliminado el uso de &#8216;Mobile Friendly&#8217; para permitir que se muestre el AMP. De hecho, todos los AMP v\u00e1lidos ya son aptos <a href=\"https:\/\/wordpress.mediadoma.com\/es\/pasos-simples-para-hacer-que-el-sitio-web-sea-compatible-con-dispositivos-moviles-diseno-receptivo\/\" title=\"para dispositivos m\u00f3viles\">para dispositivos m\u00f3viles<\/a>.<\/p>\n<h2>\u00bfC\u00f3mo habilitar AMP con el blog de WordPress?<\/h2>\n<p>AMP son un formato HTML especial y la sintaxis es muy estricta. No es posible modificar una plantilla de p\u00e1gina existente y es aconsejable no hacerlo. Si tiene muchos art\u00edculos (muchas URL), no es pr\u00e1ctico hacerlo manualmente.<\/p>\n<p>Para habilitar AMP en <a href=\"https:\/\/wordpress.mediadoma.com\/es\/como-crear-una-pagina-de-wordpress-para-listar-todos-los-comentarios\/\" title=\"WordPress\">WordPress<\/a>, debe agregar\/habilitar <a href=\"https:\/\/wordpress.org\/plugins\/amp\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">el complemento oficial de 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=\"\u00bfC\u00f3mo habilitar AMP con Wordpress? T\u00e9cnicas de optimizaci\u00f3n de AMP con Wordpress\"><\/a><\/p>\n<p>wordpress-oficial-amp-plugin<\/p>\n<p>Una vez que se activa este complemento, para cada publicaci\u00f3n (no p\u00e1ginas), habr\u00e1 una URL can\u00f3nica que se adjunta con <strong>\/amp\/<\/strong>. S\u00ed, solo necesita activar el complemento AMP que hace la mayor parte del trabajo.<\/p>\n<h2>\u00bfC\u00f3mo validar AMP?<\/h2>\n<ul>\n<li>\n<p>Puede instalar la <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/amp-validator\/nmoffdblmcmgeicmolmhobpoocbbmknc\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">extensi\u00f3n de Chrome AMP<\/a>, que mostrar\u00e1 una burbuja verde si la p\u00e1gina actual es un AMP v\u00e1lido. Tambi\u00e9n te dir\u00e1 si la p\u00e1gina actual tiene una versi\u00f3n AMP.<\/p>\n<\/li>\n<li>\n<p>Presione F12 en Chrome para invocar la consola, si ve algo como esto, \u00a1significa que AMP est\u00e1 habilitado!<\/p>\n<pre><code>Powered by AMP \u26a1 HTML \u2013 Version 1489777197505 <\/code><\/pre>\n<\/li>\n<li>\n<p>Ir 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\">validador de AMP web<\/a>: esto suele ser \u00fatil, ya que puede copiar y pegar la fuente de AMP directamente en la utilidad.<\/p>\n<\/li>\n<li>\n<p>Ejecute el 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 a trav\u00e9s de la utilidad de amplificador 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>En Google Webmaster, muestra la cantidad de p\u00e1ginas AMP indexadas y qu\u00e9 tipo de errores tienen las p\u00e1ginas AMP. Los AMP con errores cr\u00edticos no se indexar\u00e1n, por lo que debe corregirlos. Google tambi\u00e9n proporciona otro <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=\"\u00bfC\u00f3mo habilitar AMP con Wordpress? T\u00e9cnicas de optimizaci\u00f3n de AMP con Wordpress\"><\/a><\/p>\n<p>google-webmaster-muestra-amp indexado<\/p>\n<h2>\u00bfC\u00f3mo agregar el seguimiento de Google Analytics a las p\u00e1ginas AMP?<\/h2>\n<p>Seg\u00fan Official necesitas:<\/p>\n<ol>\n<li>\n<p>Agregue lo siguiente antes delen <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>Agregue lo siguiente antes delen <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>\u00bfC\u00f3mo agregar Google Adsense a las p\u00e1ginas AMP?<\/h2>\n<p>El c\u00f3digo tradicional de Google Adsense no funciona en AMP, en su lugar necesitas:<\/p>\n<ol>\n<li>\n<p>Agregue lo siguiente antes delen <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>Agregue lo siguiente antes o despu\u00e9s de <strong>post_amp_content<\/strong> en <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>Muestra de plantilla AMP para publicaci\u00f3n \u00fanica de WordPress (p. ej., 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=\"\u00bfC\u00f3mo habilitar AMP con Wordpress? T\u00e9cnicas de optimizaci\u00f3n de AMP con Wordpress\"><\/a><\/p>\n<p>muestra-wordpress-template-single-for-amp-pages<\/p>\n<h2>\u00bfCu\u00e1ndo son indexados los AMP por los motores de b\u00fasqueda?<\/h2>\n<p>No todos los motores de b\u00fasqueda son compatibles con AMP, pero aparentemente Google conoce mejor a AMP. Google puede tardar algunas horas, incluso d\u00edas, en darse cuenta de que sus p\u00e1ginas tienen alternativas AMP. En sus p\u00e1ginas de publicaci\u00f3n normales, habr\u00e1 algo como esto para decirle al motor de b\u00fasqueda la URL de la versi\u00f3n 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>Y en su versi\u00f3n AMP, se vincular\u00e1 con la etiqueta can\u00f3nica:<\/p>\n<pre><code>&lt;link rel=\"canonical\" href=\"\/\/helloacm.com\/how-to-parallel-for-in-linux-bash-shell\/\"\/&gt;<\/code><\/pre>\n<p>Est\u00e1 bien que no todas tus p\u00e1ginas tengan alternativas AMP. Tambi\u00e9n est\u00e1 bien que algunos AMP no est\u00e9n validados, el peor de los casos es que ese AMP no est\u00e9 <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>, lo que no da\u00f1a sus otras p\u00e1ginas, es decir, SEO. El AMP se proporciona como un dise\u00f1o alternativo (plantilla), por lo que puede considerarlo como una versi\u00f3n optimizada para el rendimiento.<\/p>\n<h2>\u00bfC\u00f3mo saber si la p\u00e1gina actual es AMP en PHP?<\/h2>\n<p>Es posible que deba deshabilitar alg\u00fan filtro de contenido (a trav\u00e9s de add_filter, la funci\u00f3n de WordPress) en la plantilla <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>, luego necesita la siguiente funci\u00f3n para verificar si la p\u00e1gina actual es la versi\u00f3n AMP. Requiere la funci\u00f3n termina con PHP. En WordPress, tambi\u00e9n puedes usar la funci\u00f3n <strong>is_amp_endpoint()<\/strong> para ver si la URL de wordpress actual es AMP. De lo contrario, para una soluci\u00f3n general espec\u00edfica del sitio es verificar si la 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>En caso de que no lo hayas notado, la URL de la versi\u00f3n de AMP se muestra en cada publicaci\u00f3n y puedes encontrar <a href=\"https:\/\/helloacm.com\/archives-of-pagesposts\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">el archivo de las p\u00e1ginas de AMP aqu\u00ed<\/a>. Puede usar el siguiente 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> solo para mostrar las URL de AMP para las publicaciones en lugar de otros tipos de p\u00e1gina en WordPress:<\/p>\n<pre><code>if (get_post_type( get_the_ID()) == 'post') {\n\u00a0 \/\/ show AMP URL\n}<\/code><\/pre>\n<p>Para las p\u00e1ginas que no son compatibles con AMP, la URL can\u00f3nica de AMP se <a href=\"https:\/\/helloacm.com\/301-and-302-redirects\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">redirigir\u00e1 301<\/a> a su versi\u00f3n normal.<\/p>\n<h2>\u00bfC\u00f3mo se ve la p\u00e1gina de AMP en las pantallas peque\u00f1as?<\/h2>\n<p>La siguiente, a la izquierda, es la versi\u00f3n AMP, con anuncios (<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\/es\/aprendiendo-diseno-responsivo-css-1\/\" title=\"receptivo\">receptivo<\/a>) que se muestran sobre el contenido.<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=\"\u00bfC\u00f3mo habilitar AMP con Wordpress? T\u00e9cnicas de optimizaci\u00f3n de AMP con Wordpress\"><\/a><\/p>\n<p>AMP-versus-mobile-user-friendly<\/p>\n<p>AMP se puede considerar como una plantilla (estilo) separada para sus publicaciones. Ambas URL existen para la versi\u00f3n <a href=\"https:\/\/wordpress.mediadoma.com\/es\/archivos-de-temas-de-wordpress-bloqueados-por-robots-txt-que-conducen-a-una-falla-en-la-prueba-de-compatibilidad-movil\/\" title=\"m\u00f3vil\">m\u00f3vil<\/a> y la versi\u00f3n AMP. La entrada de AMP proviene principalmente del <a href=\"https:\/\/wordpress.mediadoma.com\/es\/como-personalizar-el-motor-de-busqueda-para-wordpress\/\" title=\"motor de b\u00fasqueda,\">motor de b\u00fasqueda,<\/a> mientras que los enlaces originales en las publicaciones permanecen intactos. Sin embargo, es posible que desee utilizar el <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>, que reemplaza los enlaces de publicaci\u00f3n en la publicaci\u00f3n a la <a href=\"https:\/\/justyy.com\/archives\/4253\/amp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">versi\u00f3n AMP,<\/a> si corresponde.<\/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=\"\u00bfC\u00f3mo habilitar AMP con Wordpress? T\u00e9cnicas de optimizaci\u00f3n de AMP con Wordpress\"><\/a><\/p>\n<p>Cloudflare-habilitar-v\u00ednculos-m\u00f3viles acelerados<\/p>\n<p>Si su p\u00e1gina AMP tiene errores cr\u00edticos, es posible que los motores de b\u00fasqueda no la indexen. Google podr\u00eda indicarle errores en el resultado de la b\u00fasqueda, que est\u00e1 vinculado a su webmaster de 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=\"\u00bfC\u00f3mo habilitar AMP con Wordpress? T\u00e9cnicas de optimizaci\u00f3n de AMP con Wordpress\"><\/a><\/p>\n<p>Mensaje de error de AMP en los resultados de b\u00fasqueda de Google<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/helloacm.com\" class=\"external external_icon\">helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfC\u00f3mo habilitar AMP con WordPress? T\u00e9cnicas de optimizaci\u00f3n de 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":[810,945,840,861],"tags":[1172],"class_list":["post-232920","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-complementos","category-google-2","category-tutoriales","category-wordpress-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/232920","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=232920"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/232920\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/224724"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=232920"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=232920"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=232920"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}