{"id":57708,"date":"2020-04-09T15:12:00","date_gmt":"2020-04-09T09:42:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?p=57708"},"modified":"2023-12-28T16:08:28","modified_gmt":"2023-12-28T10:38:28","slug":"amp-for-wordpress","status":"publish","type":"post","link":"https:\/\/git-staging.wpastra.com\/es\/guides-and-tutorials\/amp-for-wordpress\/","title":{"rendered":"WordPress AMP: C\u00f3mo configurar Google AMP + 4 mejores plugins"},"content":{"rendered":"
<\/div>\n

Si te preguntas c\u00f3mo configurar una p\u00e1gina AMP de WordPress, no est\u00e1s solo.<\/p>\n\n\n\n

Los administradores de sitios web, en un intento de optimizar su sitio para los usuarios m\u00f3viles, investigan Google AMP, s\u00f3lo para encontrar m\u00e1s preguntas que respuestas.<\/p>\n\n\n\n

\u00bfQu\u00e9 es AMP? \u00bfPor qu\u00e9 lo necesito para mi sitio web? Si quiero p\u00e1ginas AMP, \u00bfc\u00f3mo puedo empezar?<\/p>\n\n\n\n

En esta gu\u00eda de AMP responderemos a estas y otras preguntas.<\/p>\n\n\n\n

Esto es lo que trataremos:<\/p>\n\n\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\tTabla de contenidos\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
  1. \u00bfQu\u00e9 es Google AMP?<\/a>
  2. Ventajas de utilizar AMP en un sitio web WordPress<\/a>
  3. C\u00f3mo configurar Google AMP para WordPress - Habilitar AMP en WordPress<\/a>
  4. C\u00f3mo configurar Google AMP para WP Plugin<\/a>
  5. C\u00f3mo comprobar que Google AMP funciona correctamente<\/a>
  6. Top 4 WordPress AMP Plugins For 2026<\/a>
  7. Resoluci\u00f3n de problemas de Google AMP<\/a>
  8. Contras de Google AMP<\/a><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\n\n

    \u00bfQu\u00e9 es Google AMP?<\/h2>\n\n\n\n
    \"Google<\/figure>\n\n\n\n

    Google AMP son las siglas de Google Accelerated Mobile Pages y se trata de un cat\u00e1logo de c\u00f3digo abierto de p\u00e1ginas web adaptadas a dispositivos m\u00f3viles. AMP est\u00e1 pensado para que estas p\u00e1ginas m\u00f3viles se carguen m\u00e1s r\u00e1pido y sea m\u00e1s f\u00e1cil desplazarse por ellas.<\/p>\n\n\n\n

    En realidad, lo que ocurre es que Google AMP crea un duplicado de tu sitio web en formato HTML AMP, que se construye sobre tecnolog\u00edas web previamente existentes.<\/p>\n\n\n\n

    Esto elimina muchos de los elementos de su sitio que hacen que cargue m\u00e1s lentamente, haci\u00e9ndolo a su vez m\u00e1s r\u00e1pido. Adem\u00e1s, Google \"aplana\" el sitio para que cargue a\u00fan m\u00e1s r\u00e1pido.<\/p>\n\n\n\n

    Google lanz\u00f3 AMP en octubre de 2015 centr\u00e1ndose principalmente en la velocidad. Eso tiene sentido porque 53% de personas<\/a> abandonan un sitio web si tarda m\u00e1s de tres segundos en cargarse. Y 73% de usuarios de m\u00f3viles<\/a> dicen haber visitado un sitio web demasiado lento.<\/p>\n\n\n\n

    Pero, \u00bfc\u00f3mo afectan estas cifras a su cuenta de resultados? \u00bfPor qu\u00e9 es importante la AMP?<\/p>\n\n\n\n

    AMP importa por esta estad\u00edstica: un retraso de un segundo en el tiempo de carga puede suponer un 7% p\u00e9rdida de conversiones<\/a>.<\/p>\n\n\n\n

    Hoy en d\u00eda, muchas empresas dependen de sus sitios web para convertir, como es probablemente el caso de su negocio. As\u00ed que ya ves por qu\u00e9 un tiempo de carga r\u00e1pido puede potencialmente hacer o deshacer el crecimiento de tu empresa.<\/p>\n\n\n\n

    He aqu\u00ed otra raz\u00f3n por la que AMP es importante: si un motor de b\u00fasqueda ve que su sitio no se carga lo suficientemente r\u00e1pido para los usuarios m\u00f3viles, Google no lo mostrar\u00e1 en la parte superior de los resultados de b\u00fasqueda.<\/p>\n\n\n\n

    Por eso, muchas de las empresas m\u00e1s conocidas han implementado AMP en sus sitios, como WordPress, Pinterest, LinkedIn y Reddit.<\/p>\n\n\n\n

    Para estar a la altura de esta nueva innovaci\u00f3n, nuestro propio tema, Astra<\/a>es uno de los pocos temas con compatibilidad nativa con AMP. Anunciado a principios de a\u00f1o, <\/a>es uno de los mayores saltos que hemos dado para asegurarnos de que su sitio de WordPress est\u00e9 actualizado con velocidad, en todos los dispositivos y plataformas.<\/p>\n\n\n\n

    Ventajas de utilizar AMP en un sitio web WordPress<\/h2>\n\n\n\n

    \u00bfC\u00f3mo puede beneficiar a tu tr\u00e1fico y a tu negocio el uso de un sitio WordPress AMP? Estas son las ventajas de la optimizaci\u00f3n para AMP.<\/p>\n\n\n\n

    AMP es gratis<\/strong><\/h3>\n\n\n\n

    Desde el lanzamiento de AMP, su uso ha sido completamente gratuito para cualquiera. Es una de las muchas herramientas gratuitas que Google ofrece a los administradores de sitios web. B\u00e1sicamente, Google quiere que la gente tenga una mejor experiencia usando su servicio, y tu sitio es parte de esa experiencia. Entonces, \u00bfpor qu\u00e9 cobrarte por hacer que tu sitio sea m\u00e1s f\u00e1cil de usar?<\/p>\n\n\n\n

    Optimizaci\u00f3n para motores de b\u00fasqueda<\/strong><\/h3>\n\n\n\n

    Google prefiere mostrar a los usuarios los sitios que forman parte de AMP, por lo que tener p\u00e1ginas AMP en tu sitio te da m\u00e1s posibilidades de aparecer en la primera p\u00e1gina de los resultados de b\u00fasqueda.<\/p>\n\n\n\n

    Adem\u00e1s, el uso de AMP ayuda a reforzar la velocidad de la p\u00e1gina, que es un factor importante cuando se trata de SEO. Cuanto m\u00e1s r\u00e1pido se cargue el sitio, m\u00e1s probabilidades tendr\u00e1 Google de clasificarlo mejor en los resultados de b\u00fasqueda.<\/p>\n\n\n\n

    Adem\u00e1s, Google AMP se asegura de que tu sitio aparezca en el carrusel de noticias de Google, que es m\u00e1s prioritario que los resultados de la mitad superior de la p\u00e1gina en m\u00f3viles.<\/p>\n\n\n\n

    Mejor experiencia de usuario<\/strong> Con los sitios web AMP WordPress<\/h3>\n\n\n\n

    El uso de AMP no s\u00f3lo carga su sitio web m\u00e1s r\u00e1pido, sino que tambi\u00e9n es m\u00e1s c\u00f3modo para los visitantes del sitio. La velocidad es uno de los factores m\u00e1s importantes para un sitio web<\/a>. Como hemos mencionado anteriormente, la mayor\u00eda de la gente abandona un sitio web si no carga lo suficientemente r\u00e1pido.<\/p>\n\n\n\n

    As\u00ed que ofrecer a sus usuarios una mejor experiencia con AMP significa que podr\u00eda ver menos rebotes, clientes m\u00e1s contentos y un posible aumento de las ventas.<\/p>\n\n\n\n

    Mejora del rendimiento del servidor<\/strong><\/h3>\n\n\n\n

    Como AMP elimina los elementos de tu p\u00e1gina que la ralentizan, el ancho de banda necesario disminuye. Y cuanto menos ancho de banda necesite tu sitio, mejor ser\u00e1 el rendimiento de tu servidor.<\/p>\n\n\n\n

    Evita grandes marcos<\/strong><\/h3>\n\n\n\n

    Participar en AMP puede ayudar a evitar que los sitios utilicen grandes marcos de hojas de estilo en cascada (CSS) y JavaScript (JS).<\/p>\n\n\n\n

    Opciones de publicidad<\/strong><\/h3>\n\n\n\n

    Si tu sitio est\u00e1 en AMP, tienes opciones de publicidad que pueden ser exclusivas para los usuarios m\u00f3viles que visiten tu sitio. Los anuncios aparecer\u00e1n de forma diferente en tus p\u00e1ginas AMP que en tu sitio normal, lo que significa que puedes crear y compartir anuncios espec\u00edficos para m\u00f3viles.<\/p>\n\n\n\n

    Optimizaci\u00f3n autom\u00e1tica de im\u00e1genes<\/strong><\/h3>\n\n\n\n

    Cuando creas una versi\u00f3n AMP de tu sitio, todas tus im\u00e1genes se optimizan para los usuarios m\u00f3viles, incluyendo convertir im\u00e1genes a formato WebP<\/a> cuando sea necesario. De este modo, podr\u00e1 ofrecer a sus visitantes m\u00f3viles una entrada de blog o una p\u00e1gina de f\u00e1cil lectura.<\/p>\n\n\n\n

    Es m\u00e1s f\u00e1cil de lo esperado<\/strong><\/h3>\n\n\n\n

    Implementar AMP en tu sitio de WordPress es mucho m\u00e1s f\u00e1cil que en muchas otras plataformas de creaci\u00f3n de sitios web, gracias a algunos plugins muy \u00fatiles (m\u00e1s sobre esto a continuaci\u00f3n).<\/p>\n\n\n\n

    Es de c\u00f3digo abierto<\/strong><\/h3>\n\n\n\n

    Como AMP es de c\u00f3digo abierto, sigue mejorando. Adem\u00e1s, es m\u00e1s seguro porque todo es p\u00fablico, lo que significa que hay menos posibilidades de que alguien o algo pueda corromper todo el sistema.<\/p>\n\n\n\n

    \u00bfLo sab\u00edas? Astra<\/a> es en realidad uno de los pocos temas, aparte de los temas por defecto de WordPress que soportan AMP de forma nativa. As\u00ed que por qu\u00e9 no intentarlo y probar AMP en Astra<\/a>?<\/p>\n\n\n\n

    C\u00f3mo configurar Google AMP para WordPress - Habilitar AMP en WordPress<\/h2>\n\n\n\n

    Ahora vamos a ir a trav\u00e9s de los pasos para configurar Google AMP para su Sitio web WordPress<\/a>. No es muy complicado, por lo que este tutorial deber\u00eda eliminar la posibilidad de errores.<\/p>\n\n\n\n

    Utilizaremos el plugin oficial de WordPress AMP y el AMP para WP como ejemplos.<\/p>\n\n\n\n

    1. Instalar y activar el plugin AMP<\/strong><\/h3>\n\n\n\n
    \"AMP<\/figure>\n\n\n\n

    Si utilizas WordPress.com, no podr\u00e1s instalar ning\u00fan plugin a menos que te actualices a su plan de empresa.<\/p>\n\n\n\n

    Sin embargo, si tienes un sitio autoalojado en WordPress.org, podr\u00e1s instalar cualquier plugin que necesites.<\/p>\n\n\n\n

    Para instalar un plugin, puedes utilizar la funci\u00f3n de b\u00fasqueda yendo a Plugins \u2192 A\u00f1adir nuevo y escribiendo \"plugin AMP\" en la barra de b\u00fasqueda. Una vez que encuentres el plugin, haz clic en \"Instalar ahora\".<\/p>\n\n\n\n

    \"Install<\/figure>\n\n\n\n

    Si quieres subir el plugin AMP desde tu ordenador, simplemente pulsa el bot\u00f3n \"Subir plugin\" en la parte superior de la p\u00e1gina y sube tu plugin.<\/p>\n\n\n\n

    A continuaci\u00f3n, tendr\u00e1s que activarlo. En la p\u00e1gina \"Instalar plugin\", pulsa el enlace \"Activar plugin\" para que el plugin empiece a funcionar en tu sitio.<\/p>\n\n\n\n

    \"Activate<\/figure>\n\n\n\n

    <\/a>2. Ajuste la configuraci\u00f3n<\/strong><\/h3>\n\n\n\n
    \"AMP<\/figure>\n\n\n\n

    Una vez activado el plugin, ya puedes ajustar la configuraci\u00f3n para personalizar el aspecto de tus p\u00e1ginas AMP.<\/p>\n\n\n\n

    Ve a la pesta\u00f1a AMP > General del panel de control. Aqu\u00ed es donde puedes configurar el plugin.<\/p>\n\n\n\n

    Una vez que hayas ajustado la configuraci\u00f3n a tu gusto, pulsa el bot\u00f3n \"Publicar\". Tu sitio AMP ser\u00e1 visible para los usuarios y Google podr\u00e1 descubrirlo.<\/p>\n\n\n\n

    Tambi\u00e9n puedes elegir si tus entradas, p\u00e1ginas o ambas se mostrar\u00e1n en tu sitio AMP. Desmarca la casilla de Plantillas compatibles<\/em> y ver\u00e1s m\u00e1s opciones.<\/p>\n\n\n\n

    Elija las opciones necesarias y haga clic en \"Guardar cambios<\/strong>.\"<\/p>\n\n\n\n

    Si sigues buscando otras opciones de personalizaci\u00f3n puedes utilizar varios plugins como el Glue for Yoast SEO & AMP para integrar el plugin Yoast SEO en tu configuraci\u00f3n de AMP. Gracias a una buena colaboraci\u00f3n con Google, la funcionalidad de este plugin ahora forma parte tanto de Yoast SEO como del plugin oficial de AMP.<\/p>\n\n\n\n

    Pero para a\u00f1adir este plugin simplemente vaya a \"Plugins\", haga clic en \"A\u00f1adir nuevo\", a continuaci\u00f3n, busque el \"Yoast SEO & AMP\"<\/p>\n\n\n\n

    \"Install<\/figure>\n\n\n\n

    Haga clic en \"Instalar ahora\" y luego en \"Activar\". Despu\u00e9s de activar el plugin Yoast SEO, navega hasta \"SEO\" y luego haz clic en \"AMP\". Te proporcionar\u00e1 otras opciones de personalizaci\u00f3n para tu p\u00e1gina, simplemente no olvides hacer clic en el bot\u00f3n \"Guardar cambios\".<\/p>\n\n\n\n

    \"Yoast<\/figure>\n\n\n\n

    3. Previsualice sus p\u00e1ginas AMP<\/strong><\/h3>\n\n\n\n

    Ahora puedes previsualizar tu sitio AMP antes de publicarlo. Solo tienes que visitar cualquiera de tus p\u00e1ginas o entradas de blog y a\u00f1adir \/amp\/ <\/em>al final de la URL.<\/p>\n\n\n\n

    He aqu\u00ed un ejemplo:<\/p>\n\n\n\n

    http:\/\/yoursite.com\/blog-post-title\/amp\/<\/p>\n\n\n\n

    Con esto, sabr\u00e1s si tu sitio AMP est\u00e1 listo para funcionar.<\/p>\n\n\n\n

    C\u00f3mo configurar Google AMP para WP Plugin<\/h2>\n\n\n\n

    Si busca un dise\u00f1o y una funcionalidad m\u00e1s avanzados, m\u00e1s sencillos Google Analytics<\/a> y otras herramientas adicionales como WooCommerce, Alex para tus estrategias SEO y OneSignal push-button notifications, entre otras.<\/p>\n\n\n\n

    1. Instalar y activar el plugin AMP para WP<\/strong><\/h3>\n\n\n\n
    \"Install<\/figure>\n\n\n\n

    Para instalar este plugin de AMP para WP, vaya a \"Plugins\", haga clic en \"A\u00f1adir nuevo\" y busque \"AMP para WP\". Haga clic en \"Instalar\" y luego \"Activar\" el plugin.<\/p>\n\n\n\n

    2. Ajuste la configuraci\u00f3n<\/strong><\/h3>\n\n\n\n

    Ahora puedes usar el plugin AMP para WP, simplemente navega a \"AMP\" en tu panel de WordPress. Se abrir\u00e1 el personalizador dividido en dos secciones: Configuraci\u00f3n y Dise\u00f1o.<\/p>\n\n\n\n

    La secci\u00f3n Ajustes muestra principalmente las caracter\u00edsticas de backend del plugin que incluye, entre otras, las siguientes:<\/p>\n\n\n\n