Cosas que debe saber sobre AMP (páginas móviles aceleradas)
La navegación móvil es la nueva realidad. Por lo tanto, los motores de búsqueda (principalmente Google) están buscando formas de mejorar la experiencia del usuario móvil (UX). Aquí viene el Proyecto AMP (Páginas Móviles Aceleradas), una iniciativa de distribución de contenido móvil que tiene como objetivo hacer de la web móvil un lugar mejor para los usuarios.
- Cómo integrar una API de terceros en un sitio web creado con WordPress
- ¿Se puede usar AdSense en un sitio web relacionado con la ley?
- ¿Estos sitios realmente serán bloqueados en la India?
- ¿Cómo hacer un análisis de la competencia de un sitio web?
- Cómo desarrollar sitios web escolares
Aquí hay algunas cosas que debe saber sobre el Proyecto AMP.
1) AMP tiene tres componentes
Al procesar contenidos estáticos más rápido, es necesario profundizar en cómo se crea realmente la página web. AMP incluye AMP HTML, AMP JS y Google AMP Cache.
HTML AMP incluye etiquetas y propiedades personalizadas, así como varias restricciones. El HTML de AMP varía del HTML normal, lo que significa que si desea que Google muestre sus páginas en búsquedas móviles, debe usar el primero.
AMP JS es el marco de JavaScript, mientras que AMP Cache es el CDN opcional (red de entrega de contenido). Ambos pueden hacer que la página web habilitada para AMP se cargue más rápido en dispositivos móviles.
2) Las páginas web deben tener versiones AMP separadas
Para que la página web aparezca en los resultados tipo carrusel, debe haber una versión AMP separada para tal. La página original debe incluir la etiqueta especificada que es – . Esto sirve como la etiqueta canónica de la página AMP.
Sin embargo, incluso si usa la etiqueta, las dos versiones son completamente diferentes. Por ejemplo, elementos específicos de JavaScript (es decir, formularios y comentarios en la página) en la página original no aparecerán en la página AMP. La página AMP es en realidad una versión limitada de la página original.
3) AMP tiene atributos muy distintos
Dado que el objetivo es cargar rápidamente páginas móviles, el Proyecto también incluye elementos específicos de AMP. Las fuentes personalizadas, por ejemplo, tardan en cargarse. Se debe usar una extensión de fuente de amplificador especial para simplificar el proceso de carga.
Lo mismo ocurre con otros elementos, incluidos los multimedia integrados dentro de las páginas. Para las imágenes, está el elemento personalizado amp-img. Si su página usa GIF animados que desea que estén disponibles en la versión AMP, debe usar amp-anim extendido.
Además, hay elementos específicos para videos. Al incrustar videos alojados localmente, debe usar el componente amp-video. No obstante, si va a utilizar videos de YouTube, debe incluir el componente extendido separado llamado amp-youtube.
4) AMP puede conducir a una mejor capacidad de descubrimiento
Notablemente, está completamente bien tener solo una versión AMP. Pero, si desea ayudar a Google a encontrar las versiones AMP y no AMP de la página si tiene ambas, los metadatos de Inicio – schema.org pueden ayudarlo con esto.
Si bien esto puede depender de la plataforma, es aconsejable colocar los metadatos correctos en la plataforma en la que desea que se muestren sus páginas. Inicio – schema.org, más específicamente, puede ayudar a especificar el tipo de contenido de la página si se trata de un artículo, receta, revisión, etc.
Arriba hay un buen punto de partida para familiarizarse con AMP. La web móvil es siempre innovadora, y el Proyecto AMP es una innovación que puede beneficiar a los usuarios si se hace correctamente. Si bien el objetivo principal es acelerar los tiempos de carga, en consecuencia, el proyecto destaca la necesidad de priorizar el UX móvil, que debe ser el núcleo de la experiencia móvil en primer lugar.
Fuente: Cosas que debe saber sobre AMP (páginas móviles aceleradas) | Techno FAQ
Estos también son utilizados por el diseño web de Filipinas.