Google y algunas otras empresas, como Adobe y WordPress, crearon Cómo validar páginas móviles aceleradas (AMP) en 2015 como un nuevo estándar para sitios web móviles que se cargan rápidamente. AMP (Páginas móviles aceleradas) es un formato de página de código abierto que puede usar para crear versiones compatibles con dispositivos móviles de su contenido web (sitios web de AMP, anuncios de AMP, correos de AMP). El formato reduce sus páginas a las partes más importantes (por ejemplo, ejemplo, usa un código HTML más corto), por lo que se cargan más rápido.
Los sitios web que son fáciles de usar en dispositivos móviles son cada vez más importantes, y los AMP son una gran parte de esto. Por lo tanto, hizo esta guía paso a paso para ayudarlo a configurar páginas móviles aceleradas y probarlas. Le diremos cómo funcionan, si vale la pena aprender sobre AMP y más.
Cómo para validar páginas móviles aceleradas (AMP)
Validación
Herramientas de desarrollo del navegador
Para usar las herramientas de desarrollo para la validación:
Cargue el AMP página en su navegador Agregue”#desarrollo=1″a la URL, por ejemplo, http://localhost:8000/released.amp.html#desarrollo=1 Abra la consola de Chrome DevTools y verifique si hay errores de validación.
Validador web de AMP
También puede validar sus páginas con una herramienta sencilla y gratuita llamada Validador web de AMP:
copie y pegue su código fuente en el validador web. Observe cómo el validador web entrega mensajes de error entre líneas de código. Edite su código directamente en el validador web, que luego será revalidado.
Identificación de problemas
Extensiones de navegador AMP
Google recomienda utilizar la extensión de navegador AMP disponible para Chrome y Opera. Navegue por su sitio con la extensión activada y evaluará la validez de cada página. El icono de la extensión cambiará a los siguientes colores según el estado de la página:
Rojo: Hay errores (el icono mostrará cuántos) Verde: Hay no hay errores Azul: No estás en una página de AMP, pero hay una versión de AMP disponible
¿Cómo funciona AMP?
AMP HTML: Este es un código HTML particularmente delgado que promete tamaños de archivo pequeños y, por lo tanto, se puede cargar rápidamente. Si se llama a una página AMP, solo se realiza una solicitud, lo que también aumenta la velocidad de carga. AMP JavaScript: las páginas móviles aceleradas se basan en JavaScript asíncrono. Esto permite la renderización instantánea sin scripts que bloqueen la carga. AMP CDN: la red de entrega de contenido (CDN) almacena las páginas de AMP en la memoria caché y, por lo tanto, acelera el proceso de carga cuando se cargan las páginas. Todos los documentos necesarios para la construcción de la página se cargan desde una sola fuente.
Preguntas frecuentes
¿AMP es una forma de hacer que la versión móvil de sus sitios sea más rápida?
Accelerated Mobile Pages (AMP) es un proyecto de código abierto que le permite crear páginas web que se cargan rápidamente en navegadores móviles. Puede crear versiones AMP de sus páginas de destino para ayudar a los usuarios móviles a tener una mejor experiencia.
¿Cómo implementa las páginas móviles aceleradas?
Cree su primera página AMP. Siga las pautas de búsqueda de Google para las páginas de AMP. Haz que tu contenido sea reconocible al vincular tus páginas. … Asegúrese de que los usuarios puedan experimentar el mismo contenido y realizar las mismas acciones en las páginas de AMP que en las páginas canónicas correspondientes, siempre que sea posible.
¿AMP sigue siendo relevante para el SEO?
¿Google AMP tiene algún efecto en el SEO? Aunque AMP no es un factor de clasificación en sí mismo, hace una gran diferencia en la velocidad de la página y la experiencia del usuario, los cuales son importantes para la clasificación en los SERP en este momento. Al principio, la búsqueda de Google mostraba páginas de AMP en la sección”Historias destacadas”.