¿Cómo solucionar problemas comunes de AMP en WordPress?

¿Ha instalado AMP en su sitio web y tiene algunos problemas? Si es así, sigue leyendo este artículo. Aquí, le mostraremos cómo solucionar problemas comunes de AMP en WordPress y mejorar la experiencia del usuario.

Antes de continuar, veamos qué es AMP.

¿Qué es AMP?

Accelerated Mobile Pages (AMP) es una iniciativa de código abierto diseñada para mejorar el rendimiento de las páginas web móviles. Twitter y Google patrocinaron este proyecto. El AMP utiliza tecnología para cargar rápidamente páginas ligeras para teléfonos inteligentes y tabletas.

AMP utiliza una versión simplificada de HTML para mejorar el rendimiento y la funcionalidad de las páginas móviles. Algunas etiquetas que funcionan para el código de una página web normal son incompatibles con AMP. Es necesario utilizar una versión ligera de CSS; las imágenes se cargan solo cuando el usuario se desplaza a su posición y los formularios no son compatibles. AMP viene con una biblioteca de JavaScript restringida.

Google almacena en caché la mayoría de las páginas de AMP, pero los terceros y los editores pueden mantenerlas. Según Google, las páginas AMP publicadas en las búsquedas de Google utilizan una décima parte de los datos de las páginas normales y, por lo general, se cargan en menos de un segundo.

Ahora ya sabes qué es AMP. A continuación, veamos por qué es bueno usar AMP en su sitio de WordPress.

Por qué debería usar AMP

Hay muchas razones para usar AMP. Algunas de las principales ventajas de AMP son:

• Experiencia de usuario: AMP proporciona una experiencia de usuario fluida y más rápida en dispositivos móviles. Dado que reduce el tiempo de carga de la página, los usuarios permanecerán comprometidos y satisfechos con su contenido. Eso conducirá a tasas de rebote más bajas y una mayor retención de usuarios.
• Mejor clasificación y tráfico: Google prioriza los AMP en sus motores de búsqueda porque el tiempo que tarda una página en cargarse por completo es un componente importante para determinar los resultados. Esto tiene un buen impacto en el ranking del sitio web.
• Velocidad de página: AMP utiliza versiones reducidas de HTML, CSS y JavaScript, junto con sus capacidades de almacenamiento en caché. Estas versiones ayudan a los sitios web a cargar más rápido.
• Optimización móvil: a medida que aumenta el uso de dispositivos móviles, es crucial asegurarse de que su sitio web sea compatible con dispositivos móviles. AMP optimiza sus páginas web para diferentes tamaños de pantalla y dispositivos. Y esta optimización proporciona una experiencia fluida y receptiva para los usuarios móviles.
• Integración de análisis: con las opciones de integración de análisis, AMP le permite realizar un seguimiento del comportamiento del usuario y medir el compromiso. También le ayuda a recopilar información valiosa sobre el rendimiento de su sitio web.
• Aumenta los ingresos: HTML codificado en AMP mejora la utilidad general de los anuncios y las imágenes. Debido a la mayor tasa de visualización de anuncios, los editores pueden ganar más dinero con el sitio web.

La siguiente sección le mostrará seis problemas populares de AMP y cómo solucionarlos.

Cómo solucionar problemas comunes de AMP en WordPress

Hay diferentes errores de AMP que puede enfrentar mientras construye su sitio. Ahora discutiremos varios errores de AMP y cómo solucionar problemas comunes de AMP en WordPress. Los problemas que la mayoría de las personas enfrentan en su sitio web habilitado para AMP son:

• URL que devuelven el error 404
• Paginas en blanco
• favicon perdido
• Problemas de atributos HTML
• error JS
• Discrepancia de contenido

A continuación, explicaremos cómo solucionarlo correctamente.

Entonces, sin más preámbulos, empecemos a resolver cada problema.

1) error 404

Si todo va bien después de instalar el complemento AMP, puede visitar publicaciones/páginas inmediatamente agregando la extensión AMP a la URL de su publicación en un navegador móvil.

Por ejemplo, si la URL es https://example.com/sample-post, use esta URL en su navegador: https://example.com/sample-post/amp/.

A veces, la URLS devolverá un error 404. No es un gran problema, y ​​puede resolverlo rápidamente. Todo lo que necesita hacer es guardar sus enlaces permanentes nuevamente.

Aquí sabrás como podrás hacerlo.

Primero, ve a la configuración de Permalinks . Puedes verlo en la sección de configuración de WordPress .

No cambie nada en la configuración de enlaces permanentes y haga clic en el botón Guardar cambios .

Una vez que actualice la estructura de enlaces permanentes, los errores 404 se resolverán. Para obtener un tutorial detallado, consulte nuestra guía sobre la reparación de enlaces permanentes.

2) Error de páginas en blanco

Las páginas blancas del banco son otro error que puede ver después de instalar el complemento.

Este error significa que su página existe pero no se puede mostrar. Puede resolver este error actualizando sus enlaces permanentes. Verifique la configuración de AMP si aún tiene problemas después de modificar los enlaces permanentes.

Ahora vaya a la configuración avanzada y haga clic en plantillas compatibles. Seleccione las páginas y sirva todas las plantillas como AMP y presione el botón Guardar .

Compruebe si el problema se ha solucionado visitando sus blogs o páginas.

3) Error "Se requiere un valor para el campo del logotipo"

Este es uno de los errores de WordPress más comunes relacionados con AMP. Si recibe este error en su informe AMP, indica que su sitio carece de un favicon.

Después de crear el favicon usando cualquier herramienta en línea o Adobe Illustrator, vaya a apariencia y haga clic en personalizar.

Busque la identidad del sitio y haga clic en Seleccionar una imagen .

Después de seleccionar la imagen, haga clic en publicar .

A partir de ahora, no se enfrentará al problema de error "Se requiere un valor para el campo del logotipo".

4) URL no válida para el atributo HTML 'href' en la etiqueta 'A' Error

Cuando recibe un informe de error como una URL no válida para el atributo HTML 'href' en el elemento '<a>', indica que su sitio web contiene un enlace que apunta a una página web inexistente.

Para resolver el problema, verifique que la URL tenga el formato correcto y esté escrita correctamente. Otra cosa notable es asegurarse de que está utilizando el protocolo correcto (HTTP o HTTPS). Puede usar cualquier herramienta en línea para buscar enlaces rotos. Si usa WordPress como CMS, use un complemento como Broken Link Checker.

Después de resolver los problemas de URL, el error de AMP desaparecerá.

5) Error "La etiqueta' *********.js Script' aparece más de una vez en el documento"

Si ha agregado los mismos archivos JavaScrpt a la página web dos o más veces, la página generará este error. La mejor manera de solucionar este problema es eliminando los archivos duplicados. Cuando los archivos JS se ejecutan dos veces, la clasificación del sitio web y la experiencia del usuario pueden verse afectadas. Puede ver la página de origen y escanear la página HTML.

Está listo para comenzar una vez que haya eliminado todas las entradas duplicadas.

6) Discrepancia de contenido en AMP

Cuando la versión AMP de la página web y la versión canónica muestran contenido diferente, obtendrá una discrepancia de contenido en AMP en su informe de la consola de búsqueda de Google. Para solucionar este problema, primero debe identificar qué está causando esta falta de coincidencia. Puede comparar ambas versiones y analizar el texto, las imágenes, otros medios, etc.

Una vez que haya encontrado el problema, arréglelo. Después de eso, puede usar la herramienta de validación de AMP para verificar la corrección. Puede monitorear los informes de la consola de búsqueda para obtener más información.

Una vez que haya vuelto a enviar la URL en la propiedad de la consola de búsqueda, puede llevar de 2 a 4 días rastrear la página nuevamente.

Los mejores temas de WordPress listos para AMP

Aquí hay cinco de los mejores temas de WordPress listos para AMP que puede usar:

• Jannah
• Jabalina
• Noor
• Soledad
• Cap

A continuación, enumeraremos lo que hace que cada tema sea especial. En función de sus necesidades, elija una opción.

1) Jannah

Jannah es un tema de AMP receptivo y listo para la retina que abre un mundo de oportunidades para ti. Este tema es popular por su diseño versátil y rico en funciones, adecuado para varios sitios web, incluidos sitios de noticias, revistas, blogs y publicaciones. Obtiene más que un tema de WordPress diseñado para blogs y revistas en línea. Jannah lo tiene cubierto, ya sea que desee lanzar una revista de moda, un blog personal o una sólida cartera en línea.

Este tema tiene más de 20 demostraciones listas para usar que aceleran el proceso de creación del sitio. Jannah es un tema de AMP totalmente compatible. Esto garantiza que las páginas móviles de su sitio web se carguen rápidamente y proporcione una experiencia de usuario óptima. Con la integración de AMP, los editores pueden crear fácilmente contenido listo para dispositivos móviles.

Características clave

• Compatibilidad con AMP
• Optimizado para la velocidad
• Altamente personalizable
• Creador de páginas amigable
• Anuncio optimizado

Precios

Jannah es un tema premium . Y cuesta $ 59 (tarifa única) . El producto se puede comprar en el mercado de ThemeForest.

2) Joya

Este tema es uno de los mejores temas de WordPress listos para AMP disponibles y brindará a los usuarios una gran experiencia sin importar qué dispositivo estén usando. Puede usar cualquiera de las fantásticas demostraciones con el tema cuando comience a usarlo. Estos son fáciles de personalizar y puede estar seguro de que su sitio web se verá bien y se cargará rápidamente en solo unos minutos.

Otra característica notable del tema es que es mejor para SEO. Puede clasificar su contenido más alto con el tema. Dado que Javelin también está listo para la traducción,

Características clave

• Compatible con AMP
• Optimizado para SEO
• Traducción lista
• Múltiples sitios de demostración
• código limpio

Precios

Javelin es un tema premium de WordPress . El tema se puede descargar desde el mercado ThemeForest, con un costo de $ 59 (una sola vez) .

3) Noor

Noor es un tema receptivo, versátil y compatible con SEO con excelentes características. Esta es una buena opción para los usuarios que desean usar temas de AMP sin sobrecargas. También puede hacer que su sitio sea completamente funcional utilizando complementos premium como BuddyPress, WooCommerce, bbPress y Event Calendar Pro. Todos estos complementos son compatibles con el tema Noor WordPress.

Puede usar el generador de arrastrar y soltar para agregar elementos a su página. El equipo de soporte también es excelente. Si necesita ayuda, puede comunicarse con el departamento de soporte de Noor. Ellos le ayudarán con cada problema.

Características clave

• Múltiples demostraciones excelentes
• SEO optimizado
• compatible con AMP
• Preparado para traducción y compatible con idiomas RTL

Precios

Es un tema premium . Noor cuesta $ 59 (de por vida) . El tema se puede descargar desde el mercado de ThemeForest.

4) Soledad

Soledad es un tema multipropósito ideal para ejecutar cualquier sitio web para usuarios móviles. Incluye el módulo de creación de páginas Visual Composer, que simplifica la personalización de un sitio web o blog. Si desea que su sitio web funcione rápidamente, hay muchas plantillas de demostración de alta calidad (más de 2000) que puede usar como punto de partida.

Este tema es compatible con WooCommerce, por lo que ejecutar una tienda en línea no será un problema. El tema está completamente diseñado para motores de búsqueda. Y si usa otros complementos de SEO y tecnología AMP, puede clasificar rápidamente su contenido en Google y otros motores de búsqueda.

Este tema también ofrece 11 widgets únicos, una barra lateral y un menú tremendos y pegajosos, y otras características que facilitan a los usuarios moverse por su sitio. También puede usar diferentes estilos de archivo en su sitio web.

Características clave

• Más de 2000 sitios de demostración
• compatible con AMP
• Optimizado para computadoras de escritorio y dispositivos móviles
• Listo para traducción y soporte RTL

Precios

Soledad es un tema premium de WordPress . Puede descargarlo del mercado de ThemeForest, que cuesta $ 59 (tarifa única) .

5) cap

Chap es un tema de WordPress listo para AMP atractivo y altamente personalizable. Es óptimo para varios tipos de sitios web, incluidos blogs, carteras, páginas de destino, tiendas de comercio electrónico y empresas. Puede usar el panel de temas para iniciar su sitio web rápidamente. Chap también le ofrece muchas demostraciones para que su sitio web esté operativo.

El tema también es altamente personalizable. Puedes cambiar cada centímetro a través del personalizador de WordPress.

Una de las características notables del tema son los diez estilos de menú únicos. Chap también mejorará significativamente su proceso de pago de WooCommerce con la experiencia ultrarrápida. El diseño del tema es mejor para AMP; De esta manera, puede obtener resultados de búsqueda mejorados, mejor tráfico y una mejor participación en el sitio web.

Características clave

• Múltiples opciones de demostración
• Optimizado para WooCommerce
• Creador de páginas amigable
• AMP optimizado
• Altamente personalizable

Precios

Chap es un tema premium . La licencia regular cuesta $ 59 (tarifa única) . Puede descargarlo desde el mercado de ThemeForest.

Conclusión

Podría enfrentar varios problemas cuando habilita AMP en su sitio web de WordPress. Los problemas más comunes son las páginas que devuelven errores 404, falta de coincidencia de contenido, URL no válidas para atributos HTML, etc. Este artículo mostró seis problemas populares que puede tener en un sitio web de AMP y sus soluciones.

Todas las correcciones no necesitan conocimientos técnicos, y puede resolver los problemas con unos pocos clics del mouse.

Esperamos que este artículo le haya resultado útil y que haya disfrutado leyéndolo. Si lo hizo, considere compartir esta publicación con sus amigos y compañeros bloggers en las redes sociales.

¿Tiene algún problema después de implementar AMP?

Háganos saber en los comentarios.

Además, aquí hay algunos artículos que le resultarán útiles:

• Cómo optimizar WordPress para dispositivos móviles
• Los mejores temas de WordPress para dispositivos móviles
• Cómo deshabilitar el clic derecho en las imágenes de WordPress