¿Cómo corregir errores de validación AMP con Semrush?

Las AMP, anglicismo de “páginas móviles aceleradas”, continúan conquistando los resultados de búsqueda móvil a nivel global.

Este formato, introducido por Google en febrero de 2016, ayuda a que la experiencia del usuario sea más sencilla y ofrece numerosas oportunidades de promoción a los webmasters.

Google Carousel y los fragmentos destacados basados en AMP son dos de las ventajas que no puedes perderte si realmente eres especialista en SEO.

Es más, por el momento, no hay una herramienta en el mercado que dé respuesta a las siguientes preocupaciones de los webmasters:

• Posibilitar la monitorización de la salud del sitio web en cualquier momento.

• Tener los resultados de todos los controles de AMP en un mismo informe.

• Ver y comprobar los problemas de todas las páginas al mismo tiempo.

Pero SEMrush está aquí para invertir la tendencia.

En un esfuerzo por satisfacer los cambios en las demandas de nuestros usuarios, hemos desarrollado una solución única que resaltará todos los errores relacionados con las AMP en tu sitio web ayudándote, de esta manera, a priorizar las posibles soluciones como ninguna otra herramienta es capaz de hacer.

E incluso si no te has decidido aún sobre implementar AMP, sabemos cómo guiarte en la dirección correcta.

Trackea las páginas AMP

¿Estás interesado en el rendimiento de tus páginas AMP?

¿Todavía no tienes páginas móviles aceleradas?

De cualquier forma, el recién implementado reconocimiento AMP en el informe de SEMrush Position Tracking te será de gran utilidad.

El icono de AMP en la herramienta Posicionamiento Tracking te mostrará con cuáles de las palabras clave que estás rastreando, tus URL de AMP se están posicionando en los resultados de búsqueda de Google. Haz clic en él para filtrar un informe *.

* Para ver las páginas móviles aceleradas en tu "Visión general" de clasificaciones, debes seleccionar la opción dispositivos móviles en tu campaña de Position Tracking.

La herramienta te llevará a una pestaña con la siguiente información:

• Las clasificaciones de las páginas AMP según palabras clave objetivo.

• Las SERPs específicas para estas palabras clave.

• Si la página AMP mostrada te pertenece a ti o a tu competidor.

Basándonos en todos estos datos, podrás decidir si necesitas AMP o si has de considerar algunos cambios en tu estrategia de optimización.

Sin embargo, si pudieras coger todas tus páginas y configurarlas para cumplir con las especificaciones HTML de AMP, probablemente, no estarías leyendo esto.

Afortunadamente, ahora el informe de SEMrush Site Audit incluye la auditoría para AMP, con la que puedes comprobar la situación de tu sitio web en esta materia en cualquier momento.

La auditoría de AMP comprende más de 40 comprobaciones y los resultados se incluyen en 3 grupos que seguro estás acostumbrado a usar:

• Problemas de HTML.

• Problemas de estilo y diseño.

• Problemas con las plantillas.

Este es un ejemplo de cómo se visualiza la validación de errores AMP

Lo mejor va a ser que hagamos un pequeño tour por los errores de validación AMP y por las opciones que tenemos para solucionarlos.

A - Adapta tu HTML

Para mejorar el HTML con nuevas propiedades de AMP, los creadores del formato tuvieron que limitarlo.

Todas estas restricciones con las que un webmaster no está acostumbrado a lidiar, hacen que los errores HTML se conviertan en los líderes absolutos de los problemas AMP.

Desgraciadamente, estos son muy graves ya que privan a tu página de todas las ventajas AMP de las que te gustaría beneficiarte.

Por ejemplo, cuando se trata de verificar las etiquetas y los atributos, tienes que examinar a fondo en un largo registro, aquellos que están en la lista blanca y pelear con un ingente volumen de información relativa a aquellos no permitidos.

Además, hay nuevas etiquetas específicas de AMP y otros elementos personalizados que complican el trabajo del webmaster, especialmente si el sitio es grande.

Aquí te mostramos algunos casos de la vida real

Hay una etiqueta "script" no permitida en la línea 1 del código de página, lo que puede significar que se ha usado un Javascript personalizado o se ha implementado algún componente AMP de forma incorrecta. 

Como el uso de Javascript puede ralentizar seriamente la velocidad de carga de tu página, el perfil de AMP prohibe el uso de esa etiqueta excepto si el script es del tipo application/ld+json o si buscamos una etiqueta de script obligatoria para cargar AMP runtime/extended components.

El consejo que te damos desde SEMrush es que elimines la etiqueta. 

Aquí te muestro otro ejemplo:

En él vemos un protocolo de URL no válido en la línea 58.

La etiqueta 'img' tiene el protocolo 'http' establecido como 'src' y como resultado de ello, su imagen no se procesa.

Seguro que ya lo has adivinado pero te recomendamos cambiar el protocolo a uno que sea válido.

Como a menudo sucede con las imágenes, esto significa reemplazar 'http' por 'https'.

B - Ajusta el estilo y el diseño

El estilo y el diseño gráfico de una página AMP sirven para un único propósito que es que la carga sea rápida, es por eso, que están sujetos a tanto control.

Los problemas de estilo y diseño no son tan generalizados como los de HTML, pero si los ignoras corres el riesgo de que tu página desaparezca completamente de la SERP.

El estilo de AMP se basa en CSS pero aquí, nuevamente, te enfrentas al problema de los estilos restringidos y no permitidos y a la prohibición de hojas de estilo externas.

Además de esto, se exige como requisito incluir los atributos de alto y ancho para cada etiqueta que se visualiza, lo que hace que en tu página sea fácil hacer scroll.

¿Puedes imaginarte cuántas horas se tardarían en insertarlos manualmente?... Y luego descubrir que no tenías que hacer esto ya que el validador de AMP asume valores para varios diseños gráficos.

¿No es más fácil centrarse en los que afectan con certeza al rendimiento de tu página?

Atributo de altura inexistente en la etiqueta 'amp-frame'

Otros problemas pueden estar relacionados con el uso de atributos HTML comunes y corrientes en lugar de AMP personalizados o, simplemente, con algunos errores ocasionales en la ruta.

En las páginas de AMP con informe de errores de estilo y diseño no hay consejos de cómo arreglarlos, ya que la solución del problema generalmente se origina en la naturaleza misma del error.

C - Elimina la sintaxis de plantillas no admitidas

En el formato AMP, el contenido dinámico se puede reproducir utilizando plantillas definidas en el documento AMP pero éstas deben ajustarse a etiquetas diseñadas especialmente a tal efecto.

El validador AMP comprueba la sintaxis del lenguaje de la plantilla para proteger los documentos AMP contra todo tipo de vulnerabilidades normalmente encontradas en la web.

Un atributo en una etiqueta se encuentra en una URL que contiene la sintaxis Mustache sin fuga

En realidad, los problemas con las plantillas ocurren en raras ocasiones y la única recomendación que te podemos dar aquí es que huyas de las plantillas prohibidas o de aquellas incompletas.

Como se puede ver, Semrush ha desarrollado una joya que hace posible:

• Buscar y corregir errores críticos antes de que Google te notifique de ellos.

• Ver la línea exacta del código donde se encuentra el error.

• Obtener consejos prácticos sobre cómo solucionarlos desde allí mismo.

Entendemos que tener todo el tiempo controlada la salud de los sitios web y mantenerse al día con las recientes tendencias de SEO es un desafío constante para la mayoría de los webmasters.

Un desafío que les obliga a hacer malabarismos con numerosas herramientas y aplicaciones a la vez.

Por ello, te ofrecemos SEMrush Site Audit como una solución integral que será beneficiosa para todos, desde el propietario de una agencia de SEO a un desarrollador web interno.

[ create-campaign bg_images="https://static.semrush.com/blog/uploads/media/75/d9/75d968e482d1a761aa18f1a23fbbd17b/amp-compaign-banner.jpg" bg_button="-success" header="Audita tus páginas AMP" text="con SEMrush Site Audit"]