Pocas cosas son más frustrantes que visitar un sitio web y descubrir que su página de inicio tarda años en cargarse^{(homepage takes ages to load)} . Peor aún, es cuando las imágenes son de mala calidad y los diseños no están bien optimizados.

De hecho, un estudio de Google^{(Google study)} encontró que el 53 por ciento de las personas abandonan los sitios que no se cargan en tres segundos o menos, lo que conduce a altas tasas de rebote y disminución de los ingresos.

Para hacer frente a estos problemas, Google creó las páginas móviles aceleradas^{(Accelerated Mobile Pages)} ( AMP ). AMP no solo acelera el tiempo de carga de su sitio, sino que también lo ayuda a diseñar un sitio atractivo^{(design a compelling site)} , una experiencia móvil emocionante y un aumento en la tasa promedio de clics ( CTR ).

En esta guía, explicaremos por qué Google AMP es el formato preferido de Google para páginas móviles y cómo puede implementar AMP para WordPress .

¿Qué es AMP de Google?^{(What Is Google AMP?)}

Google AMP es un marco de componentes web lanzado en octubre de 2015^{(October 2015)} para ayudar a crear y crear sitios web ligeros y centrados en el usuario. La iniciativa móvil está diseñada para acelerar la web ofreciendo una versión simplificada de su página web.

Muchas grandes empresas, incluidas WordPress , Pinterest , Washington Post y Reddit , han adoptado AMP y han experimentado un aumento de visitantes únicos mensuales^{(increase in monthly unique visitors)} .

Cuando su página web se muestre a los usuarios de dispositivos móviles a través de AMP en Google , se verá básica y simple, logrando así el objetivo de AMP de experiencias dinámicas y ultrarrápidas y una mejor usabilidad.

¿Necesita AMP en su sitio de WordPress?^{(Do You Need AMP on Your WordPress Site?)}

AMP es rápido, pero no es la única manera de hacer que las páginas web se carguen más rápido o aumentar la velocidad de su sitio^{(increase your site speed)} .

Hay muchos estudios de casos que demuestran el impacto positivo de AMP en editores, empresas y otras industrias, pero también hay muchos estudios de casos fallidos. Esto significa que no hay una decisión clara sobre si AMP es para todos los sitios o no.

Sin embargo, lo que suena cierto es que el éxito de AMP depende de algunos factores de decisión. Por ejemplo, si sus usuarios provienen principalmente del escritorio, AMP no es para usted porque las páginas de AMP no se muestran con características ricas en el escritorio y no se sirven desde la caché de AMP^{(AMP Cache)} , por lo que es posible que los usuarios no disfruten de estos beneficios.

La regla de oro es que AMP se recomienda principalmente para editores que ejecutan sitios de noticias y blogs. Cualquier otra cosa, como un sitio de cartera o páginas de destino, no necesariamente necesita AMP .

Además, si sus páginas que no son AMP pueden cargarse dentro o por debajo del estándar de 2,5 segundos, probablemente no necesite instalar o mantener AMP .

Cómo implementar AMP en un sitio de WordPress^{(How to Implement AMP on a WordPress Site)}

Crear una versión AMP de su página web en WordPress puede parecer una tarea que solo los desarrolladores pueden manejar, pero con un poco de conocimiento y orientación, puede hacerlo por su cuenta.

Google tiene un proceso de flujo de trabajo que lo guía a medida que crea una página AMP , integra y optimiza la página, configura el seguimiento analítico^{(set up analytics tracking)} y luego diseña la página para las necesidades de su sitio.

Para comenzar, Google le proporcionará un código de plantilla, que puede copiar y guardar en una extensión .html, y luego agregar el marcado requerido. Esto convertirá la página en un documento AMP HTML^{(AMP HTML)} viable .

Antes de publicar, puede incluir imágenes, modificar el diseño, optimizar la página para SEO^{(optimize the page for SEO)} , obtener una vista previa y finalizar las páginas siguiendo las instrucciones proporcionadas en la barra lateral.

Si lo desea, puede experimentar con AMP en la página de inicio de amp.dev antes de probarlo en su propio sitio de WordPress .

Cómo instalar Google AMP en WordPress^{(How to Install Google AMP on WordPress)}

Configurar e instalar manualmente Google AMP en su sitio de WordPress es complicado. Sin embargo, puede usar complementos como el complemento oficial de AMP para WordPress^{(official AMP plugin for WordPress)} , AMP para WP^{(AMP for WP)} o AMP WP para simplificar el proceso.

Para esta guía, le mostraremos cómo configurar e instalar AMP en un sitio de WordPress utilizando el complemento oficial de WordPress AMP .

Cómo usar el complemento AMP de WordPress para instalar AMP^{(How to Use the WordPress AMP Plugin to Install AMP)}

1. Para comenzar, instale y active el complemento AMP de WordPress en su sitio de ^{(WordPress AMP)}WordPress . Vaya al panel de control de WordPress , seleccione Plugins > Add New .

1. Escriba Complemento AMP^(AMP) en el cuadro de búsqueda y seleccione Instalar ahora^{(Install Now)} para instalar el complemento .^(plugin)

Nota^(Note) : si está utilizando WordPress.com , debe actualizar al plan Business para ^(Business)instalar cualquier complemento^{(install any plugins)} .

1. Vaya a Plugins > Installed Plugins , busque AMP y seleccione el enlace Activar^{(Activate )} para activar el complemento AMP y hacer que funcione en su sitio.^(AMP)

1. Una vez que active el complemento, ajuste la configuración para personalizar las páginas de AMP . Para configurar el complemento, vaya a AMP > Settings y use el asistente para configurar la configuración de su página AMP .

1. Seleccione el botón Publicar^{(Publish )} una vez que haya terminado de ajustar la configuración. Tu sitio no será visible para tus visitantes ni podrá ser descubierto por Google , pero puedes elegir si deseas que las páginas, las publicaciones o ambas se muestren en tu sitio AMP . Para hacer esto, vaya a AMP > Settings > Advanced Settings, y anule la selección de la casilla de verificación Plantillas admitidas^{(Supported Templates)} para obtener más opciones.

1. Seleccione las opciones^(options) que desee y luego seleccione Guardar cambios^{(Save Changes)} .

1. También puede integrar Yoast SEO en su configuración de AMP yendo a Plugins > Add New y luego busque Yoast SEO y AMP^{(Yoast SEO & AMP)} . 
2. Seleccione Instalar ahora^{(Install Now)} y active^(Activate) el complemento. Una vez activado, vaya a SEO y seleccione AMP para obtener más opciones de personalización para su página y luego seleccione Guardar cambios^{(Save Changes)} . 
3. Antes de publicar, obtenga una vista previa de su sitio AMP agregando amp al final de cualquier publicación o URL de página que desee. Por ejemplo, puede ir a https://yourwebsite.com/blog-post-title/amp/

Cómo validar WordPress AMP^{(How to Validate WordPress AMP)}

Con AMP instalado en su sitio de WordPress , el siguiente paso es probar que funciona correctamente. No solo eso, sino que la validación también garantiza que las plataformas admitidas puedan acceder y vincularse a su sitio, y puede encontrar errores de ^{(errors for troubleshooting)}AMP para solucionar problemas .

Puedes validar WordPress AMP manualmente o usando la herramienta de prueba de AMP de Google^{(Google’s AMP Testing tool)} .

Cómo validar WordPress AMP manualmente^{(How to Validate WordPress AMP Manually)}

1. Para hacer esto, abra una página AMP y luego agregue #development=1 al final de la URL de la página web que está validando.

1. Vaya a su navegador y abra la consola de herramientas para desarrolladores^{(developer tools console)} . Si usa Firefox , seleccione el menu > Web Developer > Web Console . Si hay algún error en la página de AMP , se resaltará en rojo.

Los errores de validación pueden deberse a un código incorrecto, prefijos no válidos o etiquetas no permitidas, pero verá una explicación de las causas junto al error.

Cómo validar WordPress AMP usando la herramienta de prueba de AMP de Google^{(How to Validate WordPress AMP Using Google’s AMP Testing Tool)}

1. Abra la página de la herramienta de prueba de Google AMP^{(Google AMP Testing tool)} , ingrese la URL de su sitio, publicación o página, y luego seleccione URL de prueba^{(Test URL)} . También puede pegar el código del sitio y seleccionar Probar URL^{(Test URL)} .

1. Googlebot analizará su sitio y, si es válido, verá una vista previa de cómo podrían aparecer sus páginas AMP en las ^(AMP)SERP de Google^{(Google SERPs)} .

Con la herramienta de prueba de Google AMP^{(Google AMP Testing)} , puede identificar los errores de AMP y ver el código que causa el problema en su sitio. También puede seleccionar el botón Compartir^(Share) para compartir el análisis con sus colegas.

También puede usar la herramienta Google AMP Validator para asegurarse de que su código sea validado, o usar la extensión Chrome AMP^{(Chrome AMP extension)} , que también valida las páginas y muestra cualquier advertencia o error.

AMP mejora tu sitio de WordPress^{(AMP up Your WordPress Site)}

Google AMP es un cambio importante para cualquier sitio, especialmente si ya tiene mucho tráfico móvil. Si ejecuta un sitio con contenido de noticias, puede tener sentido instalar AMP de inmediato, pero para otras empresas, podría perjudicar sus conversiones si se equivoca.

Recomendamos probar AMP en algunas páginas de alto tráfico para ver si obtiene resultados positivos o negativos antes de tomar la decisión de usarlo en todo su sitio.

¿Has probado AMP en tu sitio de WordPress ? ¿Tienes algún otro consejo para compartir sobre el uso de AMP para WordPress ? Comparte con nosotros en los comentarios.

What Is AMP for WordPress and How To Install It

Few things are more frustrating than visiting a website only to find that its homepage takes ages to load. Worse still, is when the images are of poor quality and layouts aren’t well optimized.

In fact, a Google study found that 53 percent of people leave sites that fail to load in three seconds or less, which leads to high bounce rates and decreased revenues.

To deal with these issues, Google created the Accelerated Mobile Pages (AMP). Not only does AMP accelerate your site’s loading time, but it also helps you design a compelling site, thrilling mobile experience, and increase in average click-through rate (CTR).

In this guide, we’ll explain why Google AMP is Google’s preferred format for mobile pages, and how you can implement AMP for WordPress.

What Is Google AMP?

Google AMP is a web component framework launched in October 2015 to help create and build lightweight, user-first websites. The mobile initiative is designed to speed up the web by serving up a stripped down version of your webpage.

Many large companies including WordPress, Pinterest, Washington Post, and Reddit have adopted AMP and experienced an increase in monthly unique visitors.

When your webpage is served to mobile users via AMP in Google, it’ll look basic and simplistic, thus achieving AMP’s goal of lightning fast, dynamic experiences and better usability.

Do You Need AMP on Your WordPress Site?

AMP is fast, but it’s not the only way to make web pages load faster or increase your site speed.

There are many case studies that demonstrate AMP’s positive impact on publishers, businesses, and other industries, but there are also many case study failures.  This means there’s no clear-cut decision as to whether AMP is for all sites or not.

What rings true though is that the success of AMP depends on some decision factors. For example, if your users are primarily from desktop, AMP isn’t for you because AMP pages don’t display with rich features on desktop, and they’re not served from the AMP Cache so users may not enjoy these benefits.

The golden rule is that AMP is recommended primarily for publishers running news sites and blogs. Anything else like a portfolio site or landing pages doesn’t necessarily need AMP.

Plus, if your non-AMP pages can load within or below the 2.5-second standard, you probably don’t need to install or maintain AMP.

How to Implement AMP on a WordPress Site

Creating an AMP version of your web page on WordPress may look like a task only developers can handle, but with a little knowledge and some guidance, you can do it on your own.

Google has a workflow process that guides you as you build an AMP page, integrate and optimize the page, set up analytics tracking, and then design the page for your site’s needs.

To get started, Google will provide you with a template code, which you can copy and save to a .html extension, and then add the required mark-up. This will turn the page into a workable AMP HTML document.

Before you publish, you can include images, modify the layout, optimize the page for SEO, preview, and finalize the pages using instructions provided on the sidebar.

If you want, you can experiment with AMP on the amp.dev homepage before trying it out on your own WordPress site.

How to Install Google AMP on WordPress

Manually setting up and installing Google AMP on your WordPress site is complicated. However, you can use plugins like the official AMP plugin for WordPress, AMP for WP, or AMP WP to make the process simpler.

For this guide, we’ll show you how to set up and install AMP on a WordPress site using the official WordPress AMP plugin.

How to Use the WordPress AMP Plugin to Install AMP

1. To get started, install and activate the WordPress AMP plugin on your WordPress site. Go to the WordPress dashboard, select Plugins > Add New.

1. Type AMP plugin in the search box, and select Install Now to install the plugin.

Note: If you’re using WordPress.com, you have to upgrade to the Business plan to install any plugins.

1. Go to Plugins > Installed Plugins, find AMP and select the Activate link to activate the AMP plugin and make it work on your site.

1. Once you activate the plugin, adjust the settings to customize the AMP pages. To configure the plugin, go to AMP > Settings and use the wizard to configure your AMP page settings.

1. Select the Publish button once you’re done adjusting the settings. Your site won’t be visible to your visitors or discoverable by Google, but you can choose whether you want the pages, posts, or both to be shown on your AMP site. To do this, go to AMP > Settings > Advanced Settings, and deselect the Supported Templates checkbox to get more options.

1. Select the options you want and then select Save Changes.

1. You can also integrate Yoast SEO into your AMP setup by going to Plugins > Add New and then search for Yoast SEO & AMP. 
2. Select Install Now, and Activate the plugin. Once activated, go to SEO and select AMP to get further customization options for your page, and then select Save Changes. 
3. Before publishing, preview your AMP site by adding amp to the end of any post or page URL you want . For example, you can go to https://yourwebsite.com/blog-post-title/amp/

How to Validate WordPress AMP

With AMP installed on your WordPress site, the next step is to test that it works correctly. Not only that, but validation also ensures that supported platforms can access and link to your site, and you can find AMP errors for troubleshooting.

You can validate WordPress AMP manually or using Google’s AMP Testing tool.

How to Validate WordPress AMP Manually

1. To do this, open an AMP page, and then add #development=1 to the end of the URL for the web page you’re validating.

1. Go to your browser and open the developer tools console. If you’re using Firefox, select the menu > Web Developer > Web Console. If there are any errors on the AMP page, they’ll be highlighted in red.

Validation errors can be caused by incorrect code, invalid prefixes, or disallowed tags, but you’ll see an explanation of the causes next to the error.

How to Validate WordPress AMP Using Google’s AMP Testing Tool

1. Open the Google AMP Testing tool page, enter the URL of your site, post, or page, and then select Test URL. You can also paste the site’s code and select Test URL.

1. The Googlebot will analyze your site and if valid, you’ll see a preview of how your AMP pages could appear on Google SERPs.

With the Google AMP Testing tool, you can identify AMP errors and see the problem-causing code on your site. You can also select the Share button to share the analysis with your colleagues.

You can also use Google AMP Validator tool to make sure that your code validates, or use the Chrome AMP extension, which also validates the pages, and shows any warnings or errors.

AMP up Your WordPress Site

Google AMP is a major change for any site, especially if you already have lots of mobile traffic. If you run a site with newsy content, it may make sense to install AMP right away, but for other businesses, you could hurt your conversions if you get it wrong.

We recommend testing AMP on a few high-traffic pages to see if you get positive or negative results before making the decision to use it across your entire site.

Have you tried AMP on your WordPress site? Do you have any other tips to share about using AMP for WordPress? Share with us in the comments.

Related posts

• Cómo mover WordPress site de un anfitrión a otro

• Cómo instalar y configurar WordPress en Microsoft Azure

• Cómo ejecutar extraordinariamente rápido WordPress en Microsoft Azure

• Cómo configurar Privacy en WordPress y por qué es importante

• Cómo instalar WordPress en Google Cloud Platform

• Cómo instalar un sitio de prueba de WordPress en su computadora

• Cómo aumentar el rendimiento en WordPress a través de una base de datos limpia

• Cómo acelerar un sitio de WordPress en 11 pasos

• Creando Child Theme en WordPress

• Reseña del libro: Cree su propio sitio web: una guía cómica de HTML, CSS y Wordpress

• Cómo eliminar malware de su sitio de WordPress

• Cómo hacer un WordPress Site Secure

• 8 gratis Premium WordPress temas para instalar

• Cómo acelerar cualquier sitio de WordPress usando .HTACCESS

• Redirigir a los usuarios de 404 Página en WordPress

• Tutorial de WordPress Gutenberg: Cómo usar el nuevo editor

• Cómo duplicar una página en WordPress

• Cómo crear un blog de Wix que sea tan bueno como WordPress

• 9 complementos imprescindibles para las nuevas instalaciones de WordPress

• WordPress Jetpack: ¿Qué es y vale la pena instalarlo?