AMP. La nueva forma de navegar a máxima velocidad.

AMP

AMP. La nueva forma de navegar a máxima velocidad

En abril de 2015 Google comenzó a penalizar a las webs que no contasen con un diseño responsive y a no mostrarlas en las búsquedas. Esto es debido a que, cada vez más, el móvil es el principal dispositivo desde el que todos nos conectamos y se quería impulsar la usabilidad en ellos.

Google, junto con grandes editoriales, ha dado un paso más lanzando el proyecto open source AMP (Accelerated Mobile Pages) y desde febrero de 2016 está chequeando las webs con este formato. Si navegas desde tu móvil puede que últimamente hayas visto en tus búsquedas de Google un icono como este ) en los resultados. Así que, presta atención, ¡es un tema que te interesa!

Qué es una web AMP

Básicamente es una web con un HTML específico — ciertas etiquetas no se pueden usar —, una versión CSS reducida y la eliminación de Javascript de terceros.

Cómo empezar a utilizarlo

Esto no pretende ser una guía paso a paso, sino una introducción para que sepas los conceptos básicos.

Lo primero que deberás hacer es tener 2 versiones de cualquier página, la versión “web” y la versión AMP con las etiquetas permitidas. Si quieres saber más sobre qué puedes o no utilizar, este artículo de AMP Project te lo explica todo.

Será necesario también reescribir el CSS para ajustarse a las restricciones de uso — debe estar en línea en el <head> dentro de un etiquetado especifico <style amp-custom> y con un tamaño máximo de 50 KB.

Los elementos multimedia tienen que tratarse de manera específica con un etiquetado concreto y marcando el ancho y alto.

Como hemos indicado antes, Java Script y los ficheros js no están permitidos y se deberán utilizar las librerías Javascript que nos ofrecen.

Por último, deberemos insertar las etiquetas canónicas en ambas versiones que hagan referencias a cada una de ellas:

<link rel="amphtml" href="http://www.mi-dominio.com/pagina-1/amp/">

<link rel=“canonical” href=“ http://www.mi-dominio.com/pagina-1/” >

¿Cómo sabes si lo has hecho bien?

Para comprobar que has realizado correctamente tu proceso para acelerar tu web con AMP, tienes que acceder a la Webmaster Tools de Google (Search Console) y comprobar si se están indexando las nuevas páginas. Para ello accede al menú “Aspecto de la búsqueda” -> “Accelerated Mobile Pages”.

Asegúrate de que tus páginas contengan la etiqueta rel=”amphtml” puesto que es por aquí por donde Google detecta que tienes contenido específico optimizado para móviles. Desde ahí obtendrás un listado con los posibles errores cometidos.

Si navegas desde un pc puede que te ayude, y mucho, utilizar la herramienta para desarrolladores de Chrome — ¡qué sería de nosotros sin ella! —. Escribe al final de la url el parámetro #development=1 y recarga la página; verás cómo en la pestaña “console” te aparecerá si valida correctamente o si tienes algún error o advertencia.

Como es un proyecto en desarrollo y en continua evolución te aconsejo que lo revises cada cierto tiempo; puede que validara hace unos meses y hoy haya cambiado el estándar mostrándote un warning, o, peor aún, que ya no valide.

Conclusiones

Como siempre Google nos “empuja” a hacer cambios en pro del usuario y, en consecuencia, para tu beneficio. Por ello Google nos ofrece esta tecnología para mejorar considerablemente la velocidad de sitios web móviles.

Si quieres adelantar a tu competencia y no hundirte en las búsquedas en esta plataforma, te aconsejo que no dejes en el olvido la tecnología AMP, aunque te duela en el alma perder tu precioso diseño y las ventajas de jquery.

 

Comparte este artículo

 

Compartir10

 

Scroll al inicio
Resumen de Cookies

Una Cookie es un fichero que se descarga en su ordenador al acceder a determinadas páginas web. Las cookies permiten a una página web, entre otras cosas, almacenar y recuperar información sobre los hábitos de navegación de un usuario o de su equipo y, dependiendo de la información que contengan y de la forma en que utilice su equipo, pueden utilizarse para reconocer al usuario. El navegador del usuario memoriza cookies en el disco duro solamente durante la sesión actual ocupando un espacio de memoria mínimo y no perjudicando al ordenador. Las cookies no contienen ninguna clase de información personal específica, y la mismas se borran del disco duro al finalizar la sesión de navegador (las denominadas cookies de sesión).

La mayoría de los navegadores aceptan como estándar a las cookies y, con independencia de las mismas, permiten o impiden en los ajustes de seguridad las cookies temporales o memorizadas.

Cookies utilizadas en el sitio Web

A continuación se clasifican las cookies utilizadas por este sitio Web:

  • Cookies técnicas: Son aquéllas que permiten al usuario la navegación a través de una página web, plataforma o aplicación y la utilización de las diferentes opciones o servicios que en ella existan como, por ejemplo, controlar el tráfico y la comunicación de datos, identificar la sesión, acceder a partes de acceso restringido, recordar los elementos que integran un pedido, realizar el proceso de compra de un pedido, realizar la solicitud de inscripción o participación en un evento, utilizar elementos de seguridad durante la navegación, almacenar contenidos para la difusión de videos o sonido o compartir contenidos a través de redes sociales.
  • Cookies de personalización: Son aquéllas que permiten al usuario acceder al servicio con algunas características de carácter general predefinidas en función de una serie de criterios en el terminal del usuario como por ejemplo serian la dirección IP de conexión, el idioma, el tipo de navegador a través del cual accede al servicio, la configuración regional desde donde accede al servicio, etc.
  • Cookies de análisis: Son aquéllas que, bien tratadas por nosotros o por terceros, nos permiten cuantificar el número de usuarios y así realizar la medición y análisis estadístico de la utilización que hacen los usuarios del servicio ofertado. Para ello se analiza su navegación en nuestra página web con el fin de mejorar la oferta de productos o servicios que le ofrecemos.
  • Cookies publicitarias: Son aquéllas que, bien tratadas por nosotros o por terceros, nos permiten gestionar de la forma más eficaz posible la oferta de los espacios publicitarios que hay en la página web, adecuando el contenido del anuncio al contenido del servicio solicitado o al uso que realice de nuestra página web. Para ello podemos analizar sus hábitos de navegación en Internet y podemos mostrarle publicidad relacionada con su perfil de navegación.
  • Cookies de publicidad comportamental: Son aquéllas que permiten la gestión, de la forma más eficaz posible, de los espacios publicitarios que, en su caso, el editor haya incluido en una página web, aplicación o plataforma desde la que presta el servicio solicitado. Estas cookies almacenan información del comportamiento de los usuarios obtenida a través de la observación continuada de sus hábitos de navegación, lo que permite desarrollar un perfil específico para mostrar publicidad en función del mismo.
  • Cookies propias o de terceros: Las cookies “propias”, son las gestionadas por el dominio al que el usuario está accediendo y del que solicita un determinado servicio. No obstante, la Web puede utilizar servicios de terceros que, por cuenta del titular de la Web, recopilaran información con fines estadísticos, de uso de la Web por parte del usuario y para la prestación de otros servicios relacionados con la actividad de la Web y otros servicios de Internet. Generalmente, son enviadas al equipo del usuario desde un dominio diferente al nuestro que es gestionado por otra entidad colaboradora.
  • Cookies de sesión o permanentes: Las cookies de sesión se asignan al dispositivo desde el que el usuario esté navegando sólo por la duración de la visita a la web, estas cookies desaparecen automáticamente cuando el usuario cierra el navegador. Si las cookies son permanentes los datos se almacenan en el equipo del usuario utilizado para navegar, siendo su duración temporal la mínima imprescindible atendiendo a la finalidad de su uso. La duración temporal de las cookies permanentes y su fecha de expiración puede ser consultada a través de la configuración de su navegador.
  • Cookies de redes sociales: Las cookies de RRSS pueden almacenarse en su navegador mientras navega por dichas redes, por ejemplo, cuando utiliza el botón de compartir contenidos en alguna red social. La información sobre las cookies de las redes sociales que utiliza esta web puede verla en sus propias políticas de cookies.