Cómo configurar correctamente AMP en WordPress
Según un estudio, más del 50% de las consultas de búsqueda de Google en todo el mundo se realizan a través de dispositivos móviles. Como tal, para asegurarse de que su sitio de WordPress se cargue rápidamente y se vea bien al mismo tiempo, ese tipo de búsquedas debe ser una prioridad.
Google Accelerated Mobile Pages (AMP) es una biblioteca de código abierto que lo ayuda a crear versiones rápidas, de desplazamiento suave y simplificadas de sus páginas web que se ven geniales en dispositivos móviles. AMP es extremadamente fácil de usar y se basa en plataformas y marcos existentes . Además, es totalmente compatible con WordPress.
En pocas palabras, Google AMP Project funciona al permitirle crear un duplicado de su sitio utilizando AMP HTML . Este proceso elimina la mayoría de los elementos que hacen que su sitio de WordPress se cargue más lentamente (JavaScript, scripts de terceros, etc.). Luego, Google recorta y aplana aún más su sitio, para tiempos de carga aún más rápidos.
Google AMP ofrece muchos beneficios, aunque también tiene algunos posibles inconvenientes. Exploremos ambas caras de esa moneda. Primero, los pros incluyen:
Un impulso a la optimización de motores de búsqueda (SEO). El beneficio más obvio que ofrece Google AMP es aumentar la velocidad. Dado que la velocidad de la página es un factor crítico cuando se trata de la clasificación de su página en las páginas de resultados del motor de búsqueda (SERP), esto puede ayudar a garantizar que su sitio sea más visible.
Una experiencia de usuario mejorada. Se estima que un asombroso 33% de todas las ventas potenciales fracasan cuando un sitio web no está optimizado para dispositivos móviles. Un estudio aún más preocupante encontró que el 57% de los usuarios de Internet dijeron que no recomendarían una empresa con un sitio web móvil mal diseñado. Google AMP facilita la creación de páginas web móviles fáciles de usar para ayudarlo a evitar estos obstáculos.
Mayor rendimiento del servidor. Google AMP se beneficia de algunas de las funciones clave de optimización de Google. Se reduce el consumo de ancho de banda para las imágenes en un 50% (sin afectar a la calidad de imagen) y aumenta la representación del lado del servidor. Al reducir la carga en su servidor, AMP ayuda a mejorar el rendimiento de su sitio.
Por otro lado, estos son los posibles inconvenientes asociados con el uso de Google AMP:
Solo se muestran las páginas almacenadas en caché. Las altas velocidades de Google AMP se pueden atribuir en parte al hecho de que permite a Google mostrar versiones en caché de sus páginas web. Por este motivo, es posible que sus usuarios no siempre tengan acceso a la última versión de su contenido.
Para configurar AMP para su sitio, necesitará un complemento AMP de WordPress. Antes de continuar con cualquiera de los siguientes métodos, le recomendamos que haga una copia de seguridad de su sitio de WordPress . Una vez que haya hecho eso, estará listo para comenzar.
El complemento AMP para WordPress es una herramienta excelente si desea configurar AMP para su sitio de WordPress de forma rápida y sencilla. Aunque la versión predeterminada tiene una cantidad mínima de funciones para personalizar su configuración de AMP, sus opciones se pueden ampliar con la ayuda de complementos adicionales. Cubriremos ese proceso más adelante. Por ahora, repasemos cómo configurar el complemento.
Primero, navegue a Complementos - › Agregar nuevo en su panel de WordPress. Ingrese " AMP para WordPress " en la barra de búsqueda y busque el complemento AMP correcto para WordPress: instálelo y actívelo .
A continuación, vaya a la nueva pestaña Apariencia -> AMP en su panel. Esto abrirá la página del personalizador de AMP. Una vez allí, seleccione la pestaña Diseño :
Aquí, puede personalizar la forma en que se mostrará su sitio AMP de WordPress y obtener una vista previa de los cambios antes de que su sitio esté activo. Puede ajustar el texto, el enlace y el color de fondo de su sitio. Además, puede seleccionar si desea o no un esquema de color claro u oscuro (es decir, negro o blanco) para su sitio. Una vez que esté satisfecho con sus cambios, simplemente presione Publicar en la parte superior de la pantalla.
También puede establecer si desea que las publicaciones, las páginas o ambos se muestren en WordPress AMP. Para hacer esto, simplemente regrese al panel de WordPress y vaya a AMP - > General
Una vez allí, marque las casillas debajo de Soporte de tipo de publicación para las opciones que desea incluir en su AMP de WordPress y haga clic en Guardar cambios .
Probablemente notará que aquí no hay muchas opciones de personalización. Afortunadamente, existen varios complementos que puede utilizar para ampliar sus opciones. Por ejemplo, puede usar Glue para Yoast SEO & AMP para integrar el popular complemento Yoast SEO en su configuración de AMP.
Vaya a Complementos - › Agregar nuevo , luego busque, instale y active el complemento Yoast SEO.
Después de eso, haz lo mismo con el complemento Glue for Yoast SEO & AMP. A continuación, vaya a SEO - › AMP en su panel. Desde allí, puede seleccionar si desea habilitar las publicaciones y los tipos de medios para que sean compatibles con AMP:
Luego, presione el botón Guardar cambios . También puede configurar opciones adicionales en la pestaña Diseño . Allí, puede configurar un ícono para su sitio AMP de WordPress, ajustar su combinación de colores e incluso agregar CSS personalizado:
Una vez más, no olvide guardar sus cambios cuando haya terminado de configurar su sitio.
AMP para WordPress es un complemento excelente si desea agregar una funcionalidad AMP básica a su sitio. Sin embargo, si desea tener más control sobre la apariencia de su sitio AMP de WordPress y el potencial para extender su funcionalidad aún más, nuestro próximo complemento de WordPress de páginas móviles aceleradas podría ser más adecuado para usted.
Además de proporcionar una interfaz elegante y amigable para principiantes para configurar sus páginas, este complemento AMP de WordPress se puede integrar con muchas herramientas adicionales. Estos incluyen WooCommerce , el complemento de comercio electrónico líder para WordPress, Alexa para mejorar sus estrategias de SEO, notificaciones de botón OneSignal y más.
Para usar este complemento AMP para WordPress, primero querrá navegar a Complementos -> Agregar nuevo en su tablero. Busque " AMP para WP" e instale el complemento:
SEO: esto incluye la configuración de la meta descripción, la integración con complementos de SEO, etc.
Rendimiento: hay una única configuración para activar y desactivar la minificación de archivos. La minificación puede mejorar aún más la velocidad de su sitio.
Análisis: aquí puede configurar la integración con Google Tag Manager , así como las opciones de análisis.
Comentarios: esto le permite configurar si desea incluir comentarios de WordPress, Disqus y / o Facebook en su AMP de WordPress.
Configuración avanzada: puede ingresar HTML personalizado para encabezados y pies de página, configurar la redirección móvil y activar y desactivar las imágenes de retina .
Asegúrese de hacer clic en Guardar cambios para cada ajuste una vez que los haya configurado. Después de eso, seleccione la pestaña Diseño
Esencialmente, aquí es donde puede personalizar la apariencia de su sitio AMP de WordPress. Para hacer esto, puede elegir un tema AMP dedicado de varios enumerados en el menú desplegable Selector de temas .
Después de elegir un tema, puede personalizar su apariencia. Encontrará configuraciones de diseño para esquemas de color y tipografía, que se enumeran en la pestaña Global , opciones de visualización de encabezado y pie de página, opciones de la barra lateral de la página de inicio y más. En la sección Social , también puede seleccionar qué botones de redes sociales desea mostrar en su sitio AMP de WordPress.
Una vez que esté satisfecho con el aspecto de su sitio web AMP, puede guardar los cambios. También puede obtener una vista previa de estos cambios simplemente navegando a Apariencia - > AMP.
La versión gratuita de este complemento contiene una amplia variedad de funciones. Sin embargo, puede mejorar significativamente la apariencia y la funcionalidad de su sitio AMP con extensiones premium. Existen extensiones para implementar valoraciones con estrellas, que son perfectas para productos o perfiles inmobiliarios; integrando AMP WooCommerce Pro , usando tipos de publicaciones personalizadas y más:
Los temas premium de AMP también están disponibles para su compra. Puede verlos volviendo a Diseño -> Temas en su tablero. Hay opciones que se adaptan específicamente a determinados tipos de sitios web, como sitios de noticias, revistas, etc. Además, hay algunos temas polivalentes destacados.
Si desea disfrutar de funciones aún más avanzadas, hay una variedad de planes premium disponibles para el complemento: el complemento Accelerated Mobile Pages. Estos van desde el plan Personal (abastecimiento a un sitio desde $ 149 por año ) hasta el plan de Agencia (abastecimiento a sitios ilimitados por $ 499 por año ).
Una vez que haya configurado el complemento AMP de su elección, debe dar un paso más. Deberá validar su AMP de WordPress para asegurarse de que las plataformas compatibles puedan acceder a él y vincularlo . La validación también es una forma práctica de obtener una lectura de los errores de AMP con fines de resolución de problemas.
Un método rápido y sencillo de realizar la validación de AMP implica el uso de las herramientas de desarrollo de su navegador. Para hacer esto, deberá abrir una página AMP en su navegador preferido. En este ejemplo, usaremos Google Chrome. Luego, deberá agregar lo siguiente al final de la URL de la página:
Una vez que haya hecho eso, abra la consola de herramientas de desarrollo de su navegador. Para Google Chrome, esta es la consola Chrome DevTools . Si hay algún error, se resaltará en rojo, junto con un análisis de la causa del error.
Normalmente, los errores de validación se deben a prefijos no válidos, entradas de código y formato incorrectos o etiquetas no permitidas. En la mayoría de los casos, una opción para corregir el error estará presente en la lectura. Sin embargo, el Proyecto AMP de Google también enumera métodos para corregir errores de validación comunes si no hay una opción de corrección automática presente.
Otro método eficaz de validación de AMP es utilizar la extensión AMP Validator para Google Chrome y Opera.
Esta herramienta proporciona una simple superposición de errores, así como sus causas. Además, si está ejecutando un validador de AMP en una página que no es de AMP, aparecerá un ícono de extensión azul que lo vinculará a la versión de AMP de esa página. Esta función presenta una forma útil de evaluar elementos del tema de su sitio que pueden evitar que WordPress AMP se muestre correctamente.
Conclusión
Incluso unos segundos adicionales de tiempo de carga podrían reducir significativamente la clasificación de los motores de búsqueda de su sitio y sus tasas de conversión. Afortunadamente, como hemos visto, el uso de Google AMP puede ayudarlo a asegurarse de que las páginas de su sitio se carguen a la velocidad de la luz en los dispositivos móviles. Además, configurar y personalizar AMP para WordPress es simple y directo, siempre que utilice el complemento de WordPress de Accelerated Mobile Pages adecuado.
¿Tiene alguna pregunta sobre cómo configurar el complemento AMP de WordPress? Háganos saber en la sección de comentarios.
Afortunadamente, la iniciativa Google Accelerated Mobile Pages (AMP) facilita mucho esta tarea.
En este artículo, explicaremos cómo configurar WordPress AMP de dos maneras:
También explicaremos qué es WordPress AMP en realidad y discutiremos cómo validarlo después de que se complete el proceso de configuración. ¡Vamos a sumergirnos!
En este artículo, explicaremos cómo configurar WordPress AMP de dos maneras:
- Usando el complemento oficial AMP para WordPress .
- A través del complemento AMP for WP - Accelerated Mobile Pages .
También explicaremos qué es WordPress AMP en realidad y discutiremos cómo validarlo después de que se complete el proceso de configuración. ¡Vamos a sumergirnos!
Qué es WordPress AMP (y cómo puede beneficiar a su sitio)
Google Accelerated Mobile Pages (AMP) es una biblioteca de código abierto que lo ayuda a crear versiones rápidas, de desplazamiento suave y simplificadas de sus páginas web que se ven geniales en dispositivos móviles. AMP es extremadamente fácil de usar y se basa en plataformas y marcos existentes . Además, es totalmente compatible con WordPress.
📌 Empieza tu blog en Wordpress desde 1$
En pocas palabras, Google AMP Project funciona al permitirle crear un duplicado de su sitio utilizando AMP HTML . Este proceso elimina la mayoría de los elementos que hacen que su sitio de WordPress se cargue más lentamente (JavaScript, scripts de terceros, etc.). Luego, Google recorta y aplana aún más su sitio, para tiempos de carga aún más rápidos.
Google AMP ofrece muchos beneficios, aunque también tiene algunos posibles inconvenientes. Exploremos ambas caras de esa moneda. Primero, los pros incluyen:
Un impulso a la optimización de motores de búsqueda (SEO). El beneficio más obvio que ofrece Google AMP es aumentar la velocidad. Dado que la velocidad de la página es un factor crítico cuando se trata de la clasificación de su página en las páginas de resultados del motor de búsqueda (SERP), esto puede ayudar a garantizar que su sitio sea más visible.
Google AMP también se asegurará de que las páginas de su sitio aparezcan en el carrusel de Google News, que tiene prioridad por encima de la ubicación en la mitad superior de la página en las búsquedas móviles, lo que impulsa aún más su SEO.
Una experiencia de usuario mejorada. Se estima que un asombroso 33% de todas las ventas potenciales fracasan cuando un sitio web no está optimizado para dispositivos móviles. Un estudio aún más preocupante encontró que el 57% de los usuarios de Internet dijeron que no recomendarían una empresa con un sitio web móvil mal diseñado. Google AMP facilita la creación de páginas web móviles fáciles de usar para ayudarlo a evitar estos obstáculos.
Mayor rendimiento del servidor. Google AMP se beneficia de algunas de las funciones clave de optimización de Google. Se reduce el consumo de ancho de banda para las imágenes en un 50% (sin afectar a la calidad de imagen) y aumenta la representación del lado del servidor. Al reducir la carga en su servidor, AMP ayuda a mejorar el rendimiento de su sitio.
Por otro lado, estos son los posibles inconvenientes asociados con el uso de Google AMP:
Hojas de estilo en cascada (CSS) y limitaciones de JavaScript. Aunque Google AMP le permite lograr tiempos de carga ultrarrápidos, esto puede suceder a expensas de los elementos de marca. AMP eliminará gráficos de alta definición, animaciones elaboradas y otros elementos llamativos que utilizan CSS y JavaScript.
Solo se muestran las páginas almacenadas en caché. Las altas velocidades de Google AMP se pueden atribuir en parte al hecho de que permite a Google mostrar versiones en caché de sus páginas web. Por este motivo, es posible que sus usuarios no siempre tengan acceso a la última versión de su contenido.
Las capacidades de ingresos publicitarios están restringidas. Aunque Google AMP admite anuncios , el proceso para implementarlos es bastante complicado. También tiene un potencial de integración limitado con plataformas publicitarias externas.
Si estos inconvenientes son suficientes para darle una pausa, podría considerar invertir en un diseño web receptivo para su sitio. Sin embargo, si está buscando una manera rápida y fácil de asegurarse de que sus páginas web se vean y funcionen bien en dispositivos móviles, vale la pena considerar Google AMP.
En la siguiente sección, cubriremos dos métodos para configurar WordPress AMP, con la ayuda de algunos útiles complementos de WordPress para páginas móviles aceleradas.
Si estos inconvenientes son suficientes para darle una pausa, podría considerar invertir en un diseño web receptivo para su sitio. Sin embargo, si está buscando una manera rápida y fácil de asegurarse de que sus páginas web se vean y funcionen bien en dispositivos móviles, vale la pena considerar Google AMP.
En la siguiente sección, cubriremos dos métodos para configurar WordPress AMP, con la ayuda de algunos útiles complementos de WordPress para páginas móviles aceleradas.
Cómo configurar WordPress AMP usando complementos
Para configurar AMP para su sitio, necesitará un complemento AMP de WordPress. Antes de continuar con cualquiera de los siguientes métodos, le recomendamos que haga una copia de seguridad de su sitio de WordPress . Una vez que haya hecho eso, estará listo para comenzar.
1. Utilice el complemento AMP para WordPress
El complemento AMP para WordPress es una herramienta excelente si desea configurar AMP para su sitio de WordPress de forma rápida y sencilla. Aunque la versión predeterminada tiene una cantidad mínima de funciones para personalizar su configuración de AMP, sus opciones se pueden ampliar con la ayuda de complementos adicionales. Cubriremos ese proceso más adelante. Por ahora, repasemos cómo configurar el complemento.
Primero, navegue a Complementos - › Agregar nuevo en su panel de WordPress. Ingrese " AMP para WordPress " en la barra de búsqueda y busque el complemento AMP correcto para WordPress: instálelo y actívelo .
A continuación, vaya a la nueva pestaña Apariencia -> AMP en su panel. Esto abrirá la página del personalizador de AMP. Una vez allí, seleccione la pestaña Diseño :
Aquí, puede personalizar la forma en que se mostrará su sitio AMP de WordPress y obtener una vista previa de los cambios antes de que su sitio esté activo. Puede ajustar el texto, el enlace y el color de fondo de su sitio. Además, puede seleccionar si desea o no un esquema de color claro u oscuro (es decir, negro o blanco) para su sitio. Una vez que esté satisfecho con sus cambios, simplemente presione Publicar en la parte superior de la pantalla.
También puede establecer si desea que las publicaciones, las páginas o ambos se muestren en WordPress AMP. Para hacer esto, simplemente regrese al panel de WordPress y vaya a AMP - > General
Una vez allí, marque las casillas debajo de Soporte de tipo de publicación para las opciones que desea incluir en su AMP de WordPress y haga clic en Guardar cambios .
Probablemente notará que aquí no hay muchas opciones de personalización. Afortunadamente, existen varios complementos que puede utilizar para ampliar sus opciones. Por ejemplo, puede usar Glue para Yoast SEO & AMP para integrar el popular complemento Yoast SEO en su configuración de AMP.
Vaya a Complementos - › Agregar nuevo , luego busque, instale y active el complemento Yoast SEO.
Después de eso, haz lo mismo con el complemento Glue for Yoast SEO & AMP. A continuación, vaya a SEO - › AMP en su panel. Desde allí, puede seleccionar si desea habilitar las publicaciones y los tipos de medios para que sean compatibles con AMP:
Luego, presione el botón Guardar cambios . También puede configurar opciones adicionales en la pestaña Diseño . Allí, puede configurar un ícono para su sitio AMP de WordPress, ajustar su combinación de colores e incluso agregar CSS personalizado:
Una vez más, no olvide guardar sus cambios cuando haya terminado de configurar su sitio.
AMP para WordPress es un complemento excelente si desea agregar una funcionalidad AMP básica a su sitio. Sin embargo, si desea tener más control sobre la apariencia de su sitio AMP de WordPress y el potencial para extender su funcionalidad aún más, nuestro próximo complemento de WordPress de páginas móviles aceleradas podría ser más adecuado para usted.
2. Instalación de la AMP para WP - Accelerated móvil Páginas Plugin
Además de proporcionar una interfaz elegante y amigable para principiantes para configurar sus páginas, este complemento AMP de WordPress se puede integrar con muchas herramientas adicionales. Estos incluyen WooCommerce , el complemento de comercio electrónico líder para WordPress, Alexa para mejorar sus estrategias de SEO, notificaciones de botón OneSignal y más.
Para usar este complemento AMP para WordPress, primero querrá navegar a Complementos -> Agregar nuevo en su tablero. Busque " AMP para WP" e instale el complemento:
A continuación, navegue hasta la nueva pestaña AMP en su panel de WordPress y elija su opción de vista de panel preferida. Si ha seleccionado Avanzado , verá un menú con secciones para Configuración , Diseño , Extensiones , etc. Echemos un vistazo más de cerca a la opción Configuración :
Querrá comenzar por leer la práctica guía de introducción vinculada en esta página. Le ayudará a configurar de manera óptima su configuración de AMP de WordPress. Después de eso, puede ejecutar las diversas opciones que puede ofrecer el complemento, que incluyen:
Querrá comenzar por leer la práctica guía de introducción vinculada en esta página. Le ayudará a configurar de manera óptima su configuración de AMP de WordPress. Después de eso, puede ejecutar las diversas opciones que puede ofrecer el complemento, que incluyen:
SEO: esto incluye la configuración de la meta descripción, la integración con complementos de SEO, etc.
Rendimiento: hay una única configuración para activar y desactivar la minificación de archivos. La minificación puede mejorar aún más la velocidad de su sitio.
Análisis: aquí puede configurar la integración con Google Tag Manager , así como las opciones de análisis.
Comentarios: esto le permite configurar si desea incluir comentarios de WordPress, Disqus y / o Facebook en su AMP de WordPress.
Configuración avanzada: puede ingresar HTML personalizado para encabezados y pies de página, configurar la redirección móvil y activar y desactivar las imágenes de retina .
Asegúrese de hacer clic en Guardar cambios para cada ajuste una vez que los haya configurado. Después de eso, seleccione la pestaña Diseño
Esencialmente, aquí es donde puede personalizar la apariencia de su sitio AMP de WordPress. Para hacer esto, puede elegir un tema AMP dedicado de varios enumerados en el menú desplegable Selector de temas .
Después de elegir un tema, puede personalizar su apariencia. Encontrará configuraciones de diseño para esquemas de color y tipografía, que se enumeran en la pestaña Global , opciones de visualización de encabezado y pie de página, opciones de la barra lateral de la página de inicio y más. En la sección Social , también puede seleccionar qué botones de redes sociales desea mostrar en su sitio AMP de WordPress.
Una vez que esté satisfecho con el aspecto de su sitio web AMP, puede guardar los cambios. También puede obtener una vista previa de estos cambios simplemente navegando a Apariencia - > AMP.
La versión gratuita de este complemento contiene una amplia variedad de funciones. Sin embargo, puede mejorar significativamente la apariencia y la funcionalidad de su sitio AMP con extensiones premium. Existen extensiones para implementar valoraciones con estrellas, que son perfectas para productos o perfiles inmobiliarios; integrando AMP WooCommerce Pro , usando tipos de publicaciones personalizadas y más:
Los temas premium de AMP también están disponibles para su compra. Puede verlos volviendo a Diseño -> Temas en su tablero. Hay opciones que se adaptan específicamente a determinados tipos de sitios web, como sitios de noticias, revistas, etc. Además, hay algunos temas polivalentes destacados.
Si desea disfrutar de funciones aún más avanzadas, hay una variedad de planes premium disponibles para el complemento: el complemento Accelerated Mobile Pages. Estos van desde el plan Personal (abastecimiento a un sitio desde $ 149 por año ) hasta el plan de Agencia (abastecimiento a sitios ilimitados por $ 499 por año ).
Cómo validar su sitio AMP de WordPress
Una vez que haya configurado el complemento AMP de su elección, debe dar un paso más. Deberá validar su AMP de WordPress para asegurarse de que las plataformas compatibles puedan acceder a él y vincularlo . La validación también es una forma práctica de obtener una lectura de los errores de AMP con fines de resolución de problemas.
Un método rápido y sencillo de realizar la validación de AMP implica el uso de las herramientas de desarrollo de su navegador. Para hacer esto, deberá abrir una página AMP en su navegador preferido. En este ejemplo, usaremos Google Chrome. Luego, deberá agregar lo siguiente al final de la URL de la página:
#development=1
Una vez que haya hecho eso, abra la consola de herramientas de desarrollo de su navegador. Para Google Chrome, esta es la consola Chrome DevTools . Si hay algún error, se resaltará en rojo, junto con un análisis de la causa del error.
Normalmente, los errores de validación se deben a prefijos no válidos, entradas de código y formato incorrectos o etiquetas no permitidas. En la mayoría de los casos, una opción para corregir el error estará presente en la lectura. Sin embargo, el Proyecto AMP de Google también enumera métodos para corregir errores de validación comunes si no hay una opción de corrección automática presente.
Otro método eficaz de validación de AMP es utilizar la extensión AMP Validator para Google Chrome y Opera.
Esta herramienta proporciona una simple superposición de errores, así como sus causas. Además, si está ejecutando un validador de AMP en una página que no es de AMP, aparecerá un ícono de extensión azul que lo vinculará a la versión de AMP de esa página. Esta función presenta una forma útil de evaluar elementos del tema de su sitio que pueden evitar que WordPress AMP se muestre correctamente.
Conclusión
Incluso unos segundos adicionales de tiempo de carga podrían reducir significativamente la clasificación de los motores de búsqueda de su sitio y sus tasas de conversión. Afortunadamente, como hemos visto, el uso de Google AMP puede ayudarlo a asegurarse de que las páginas de su sitio se carguen a la velocidad de la luz en los dispositivos móviles. Además, configurar y personalizar AMP para WordPress es simple y directo, siempre que utilice el complemento de WordPress de Accelerated Mobile Pages adecuado.
¿Tiene alguna pregunta sobre cómo configurar el complemento AMP de WordPress? Háganos saber en la sección de comentarios.
Comments
Post a Comment