6 junio 2020

Páginas móviles aceleradas (AMP) en sitios web

En octubre de 2015, Google anunció la implementación del proyecto Accelerated Mobile Pages (AMP) para una búsqueda más productiva. Hasta hace poco, tales páginas se mostraban exclusivamente en la sección de noticias Top Stories, sin embargo, en agosto de 2016, Google anunció que en un futuro cercano también se mostrarían en el número principal. En este sentido, los propietarios de sitios web están particularmente interesados ​​en páginas móviles aceleradas.

La tecnología de páginas móviles aceleradas está diseñada para proporcionar una carga de página más rápida para los usuarios de dispositivos móviles, incluso a bajas velocidades de conexión. Para este propósito, se utiliza el marcado AMP HTML (HTML simple con algunas restricciones), la biblioteca AMP JS y Google AMP Cache. Las páginas móviles aceleradas actualmente son compatibles con varias plataformas, por ejemplo, Twitter, LinkedIn, WordPress.

Si la página del sitio tiene una versión AMP y está indexada en la Búsqueda de Google, puede mostrarse a los usuarios de dispositivos móviles. Al mismo tiempo, como señaló Google, las páginas AMP pueden destacarse de manera especial en los resultados de búsqueda, lo que significa que pueden atraer atención adicional de los usuarios. Es cierto que hay una advertencia: en tales páginas, se deben usar datos estructurados, por ejemplo, de acuerdo con el estándar Schema.org.

¿Cuáles son las principales características de las páginas móviles aceleradas? En primer lugar, dichas páginas se almacenan en el caché de Google y cuando los usuarios acceden a ellas, la descarga se realiza directamente desde el caché, lo que ayuda a acelerar la carga. En segundo lugar, los elementos de las páginas AMP se cargan secuencialmente a medida que los usuarios se desplazan por la página, lo que también ayuda a acelerar la carga. Finalmente, en tercer lugar, en el diseño de páginas AMP, se utiliza HTML «especial» con algunas restricciones para un funcionamiento más confiable y algunas extensiones para el diseño de contenido multimedia.

Si hablamos de limitaciones en AMP HTML, entonces este marcado no admite la etiqueta

en particular, lo que significa que no será posible colocar ningún formulario de solicitud o, por ejemplo, formularios de comentarios en páginas aceleradas de un sitio. Además, para cargar fuentes personalizadas en una página AMP, debe usar la extensión especial de fuente de amplificador para un mejor control de la carga.

En cuanto a las extensiones en AMP HTML, entre ellas podemos mencionar elementos como amp-img, que reemplaza la etiqueta HTML estándar img, amp-anim, diseñada para mostrar imágenes GIF animadas, amp-video en lugar de la etiqueta de video en HTML 5, amp -Youtube, creado específicamente para videos de YouTube, etc.

Como regla general, para trabajar con la tecnología de páginas móviles aceleradas en un sitio, debe crear y mantener tanto páginas «normales» como AMP para que Google pueda indexar las versiones de AMP. Para este propósito, los enlaces del formulario se agregan a las páginas normales del sitio, y los enlaces del formulario a las páginas de AMP , donde la página normal está marcada como canónica.

También es posible crear una página AMP sin una versión HTML normal. En tales páginas, debe especificar enlaces de la forma . Google podrá indexarlos si lo detecta. Para hacer esto, es importante asegurarse de que dichas páginas estén listadas en el Mapa del sitio y que tengan enlaces desde otras páginas indexadas en el sitio.

Las páginas móviles aceleradas pueden aumentar la velocidad de carga de sitios en dispositivos móviles y, por lo tanto, mejorar la experiencia del usuario. Sin embargo, de ninguna manera son una «panacea» para todos los problemas del sitio y deben usarse estrictamente de acuerdo con la necesidad: después de todo, la funcionalidad AMP HTML es significativamente limitada y las páginas móviles aceleradas no serán útiles para todo tipo de sitios. Además, debe tenerse en cuenta que el seguimiento de dichas páginas en los sistemas de análisis web requiere configuraciones adicionales y, por lo tanto, requiere un esfuerzo y tiempo adicionales.

photo
photo