Una guía para AMP y PWA
Publicado: 2021-03-01AMP y PWA seguramente serán dos de los temas de marketing de contenido más discutidos durante el próximo año. En esta guía, le brindaremos información clave sobre ambos, incluidas definiciones breves de AMP y PWA, y cómo puede usarlos para entregar contenido. También discutiremos las distintas formas en que AMP y PWA se pueden usar para ayudar a lograr los objetivos de marketing, especialmente con respecto a SEO.
¿Qué es el Proyecto AMP (Proyecto de páginas móviles aceleradas)?
AMP significa páginas móviles aceleradas y , fundamentalmente, eso es lo que te ofrece.
Las páginas AMP ofrecen esencialmente el mismo contenido que una página web existente, como un artículo en línea. El contenido se entrega a los usuarios móviles en un formato simplificado, basado en un lenguaje único llamado AMP HTML, que combina elementos simples de HTML y CSS y restringe el uso de JavaScript. Esto significa que las páginas AMP se cargan mucho más rápido que las páginas web originales en las que normalmente se basan.
Los usuarios de búsqueda móvil pudieron acceder por primera vez al contenido de AMP en febrero de 2016, cuando Google comenzó a ofrecer versiones AMP de páginas web en los resultados de búsqueda. En el momento de escribir este artículo, el contenido de AMP dentro de las páginas de resultados de búsqueda móvil se entrega tanto en formato de carrusel como de historia destacada, en cada caso, lo que permite al usuario navegar a través del contenido relevante de múltiples fuentes. El contenido está señalado en los resultados de búsqueda de Google con un icono de AMP representado como un rayo blanco en un círculo azul.
La forma más fácil de producir contenido AMP, adecuado para la entrega en las funciones de búsqueda de Google AMP, es editar el HTML del contenido existente en AMP HTML, luego validar la página y prepararla para que sea visible. Amp.dev ofrece a los desarrolladores un sencillo tutorial sobre cómo convertir una página HTML en una página AMP HTML.
Las páginas AMP casi siempre se relacionan canónicamente con otras páginas. Esto significa que su URL tiene una etiqueta rel 'canónica' que le dice a los motores de búsqueda que la página es igual a una página en su sitio web. La versión que no es AMP de la página tiene primacía desde una perspectiva de SEO.
Hay una excepción clave a esta regla, en forma de sitios web exclusivos de AMP que ahora están siendo creados por algunos editores en línea.
John Mueller, analista de tendencias de webmasters de Google, ha advertido a los webmasters que los sitios web solo AMP pueden ser algo bueno:
“No veo ningún problema con el uso de un sitio solo de AMP: es un excelente marco para crear sitios rápidos con relativa facilidad. Dado que es esencialmente HTML, funcionará igual que cualquier otra página HTML. ¡Es increíble ver aparecer más sitios solo AMP, puede hacer las cosas mucho más fáciles (para el rastreo, la indexación y el SEO en general) cuando solo tiene una URL única para cada contenido!
Si desea probar su propio sitio solo para AMP, le recomendamos configurarlo en WordPress y usar el complemento AMP para WP: Páginas móviles aceleradas.
AMP es un proyecto continuo de código abierto con aplicaciones en correo electrónico y anuncios, así como contenido web. Para obtener información completa y actualizada sobre el proyecto, visite Amp.dev.
¿Qué son las PWA y por qué debería empezar a usarlas?
Una aplicación web progresiva (PWA) es una aplicación web que aumenta una página web con funciones y elementos de experiencia de usuario (UX) que tradicionalmente se han encontrado principalmente en aplicaciones nativas. En otras palabras, hacen que el contenido web actúe como el contenido de una aplicación.
La experiencia de usuario de PWA tiene los siguientes pasos:
- El usuario abre la página de PWA a través de su dispositivo móvil. Actúa como una página web normal;
- El usuario recibe un aviso para agregar la página a la pantalla de inicio de su dispositivo;
- El usuario acepta la solicitud. La página aparecerá y actuará como una aplicación en su pantalla de inicio.
- La experiencia de usuario en curso del sitio web/PWA tiene elementos típicos de la experiencia de usuario de la aplicación nativa.
Convertir contenido web en una PWA es un trabajo para su desarrollador web, que requiere competencias en HTML y JavaScript.
Google tiene amplios criterios sobre lo que constituye una PWA 'Baseline' o una PWA 'Ejemplar'.
PWA de referencia:
- Se sirven a través de HTTPS
- Responden en tabletas y dispositivos móviles
- Contiene URL que se cargarán sin conexión
- Proporcione metadatos para 'Agregar a la pantalla de inicio'
- Carga rápido, incluso en 3G
- Trabaje entre navegadores (incluso en Chrome, Edge, Firefox y Safari)
- Proporcione una transición rápida entre páginas
- Tener una URL dedicada para cada página
Satisfacer estos criterios es fundamental para la viabilidad y el alcance potencial de una PWA (o una posible PWA) en Google Chrome.
Los criterios para las PWA ejemplares son más detallados. Consulte la Lista de verificación de aplicaciones web progresivas de Google para obtener información completa.
Las PWA ofrecen una serie de beneficios. Después de la primera carga, normalmente cargan el contenido más rápido que la mayoría de las páginas web tradicionales. Esto ayuda a retener la atención del usuario mientras navega a través de múltiples elementos de contenido, ya que reduce la ventana de tiempo en la que podrían alejarse debido a que el contenido se carga lentamente. Si desea alentar a los usuarios a consumir una serie de elementos de contenido de forma consecutiva, sería una apuesta inteligente entregar ese contenido a través de un PWA.
Otra ventaja clave es que las PWA pueden dar a las marcas una presencia continua en la pantalla de inicio del dispositivo móvil del usuario. Esta oportunidad es oportuna, ya que muchos editores luchan por competir en un mercado de aplicaciones nativas abarrotado donde la retención de la aplicación después de 90 días es tan baja como el 4 %, y los usuarios pasan el 77 % del tiempo total de uso de la aplicación en sus 3 aplicaciones principales (fuente: Estadísticas de uso y descarga de aplicaciones (2019) – Business of Apps).
Los PWA son un potencial cambio de juego para los editores que se dirigen a la jet-set o lectores rurales, ya que pueden cargar contenido mientras el usuario está desconectado.
Una posible desventaja de las PWA es que a veces parecen tener un rendimiento impredecible en los resultados de búsqueda de Google.
De acuerdo con Ignite Visibility, los sitios que buscan obtener contenido indexado por PWA para fines de SEO deben "tener una base HTML y cargar la aplicación web progresiva sobre eso, [o] usar una herramienta como prerender.io y/o pushstate".
El sitio web impulsado por la comunidad PWA Stats mantiene una lista en vivo de estadísticas sobre los resultados que las marcas han producido al cambiar a un PWA, desde tiempos de carga reducidos de Tinder hasta mayores ingresos para Best Western.
¿Cuál es la diferencia entre AMP y PWA?
Hay una idea errónea común de que AMP y PWA son tecnologías rivales que tienen el mismo propósito.
Si bien es cierto que una función clave de ambas tecnologías es cargar contenido más rápido para el usuario, AMP y PWA tienen distintas fortalezas, debilidades y usos tácticos desde la perspectiva del vendedor.
Las páginas AMP ofrecen tiempos de carga insuperablemente rápidos al primer clic. Esto los hace ideales para atraer nuevos lectores, ya que se reduce la probabilidad de que los usuarios reboten debido a la carga lenta. También tienen una excelente visibilidad dentro de los resultados de búsqueda de Google. Sin embargo, AMP no admite funciones de plataforma avanzadas como contenido dinámico y notificaciones automáticas.
Las páginas de PWA se cargan con relativa lentitud en la primera carga, pero luego se cargan muy rápidamente a partir de la segunda carga, lo que puede generar mejores tiempos de carga y una tasa de rebote reducida en la relación continua entre el lector y su contenido. Además, los PWA pueden admitir funciones de plataforma avanzadas como contenido dinámico, navegación sin conexión y notificaciones automáticas, lo que brinda a los especialistas en marketing más formas de influir en los viajes de los usuarios y aumentar las conversiones.
Los editores en línea pueden combinar los beneficios de AMP y PWA al usar las dos tecnologías juntas. Instapage describe uno de esos enfoques en su artículo sobre PWA frente a AMP:
“[Piense] en su página AMP como el gancho de su sitio web. Atrapa al usuario con una carga instantánea y luego lo lleva a su aplicación web progresiva. Esto le permite combinar las páginas AMP de carga rápida con un [..] PWA dinámico”.
Otra opción es habilitar las funciones de PWA dentro de una página AMP.
Alternativamente, puede optar por desarrollar un PWA usando AMP. Este método se basa en escribir una PWA en AMP HTML y usar un componente llamado amp-install-serviceworker para habilitar funcionalidades avanzadas de PWA.
¿Qué opción es mejor para SEO y clasificaciones de búsqueda: AMP o PWA?
Desde nuestro punto de vista, la respuesta es un poco de ambas, ya que tanto AMP como PWA ayudan con el SEO de diferentes maneras.
Los PWA hacen que el contenido del sitio sea más atractivo y, por lo tanto, pueden aumentar el nivel de consumo de contenido de los usuarios. Mientras tanto, AMP disminuye la tasa de rebote al aumentar considerablemente la velocidad de carga de la página móvil.
En ambos casos, hay una mejora en los comentarios a Google sobre los factores clave de clasificación de la página web, que desempeñan un papel en la determinación de las clasificaciones de búsqueda y la visibilidad general de búsqueda de la página y su dominio.
Entonces, el mejor enfoque desde una perspectiva de SEO podría ser usar AMP y una PWA en combinación, como se discutió en la sección anterior de este artículo.
¿Qué es todo esto que escucho sobre las controversias que rodean a AMP?
Si bien no hay duda de que AMP es una herramienta poderosa para distribuir contenido web y hacer que se cargue más rápido, debe tener en cuenta que existe una gran controversia en torno al proyecto.
Algunos comentaristas ven a AMP como una forma en que Google anula los sitios web de los editores en línea y usurpa su contenido, encerrando a los usuarios en una experiencia optimizada y basada en Google.
Como dice el escritor de The Register, Scott Gilbertson:
“No se trata realmente de la velocidad. Como con todo lo que evita los estándares para su propia versión modificada de los mismos, se trata de bloqueo. Toneladas de páginas en el marcado de Google AMP significan toneladas de páginas optimizadas específicamente para Google, indexadas principalmente por Google y mostradas principalmente a los usuarios de Google. Es el intento de Google de igualar la plataforma de Facebook. Y sí, Facebook es mucho peor que AMP, pero eso no hace que Google AMP sea una buena idea. Al menos Facebook no intenta fingir que está abierto”.
Además, las páginas de AMP se muestran sin la propia URL del editor y sin elementos de su propia marca, lo que desvincula efectivamente el contenido de su editor.
Quizás el argumento más fuerte a favor del uso de AMP es para los editores. Muchos de los principales productores de contenido de medios del mundo lo están utilizando, desde los principales proveedores de noticias como The Guardian y Daily Mail, hasta los editores de intereses especiales como Wired y Social Media Today. Esto plantea la pregunta: si los editores líderes en su campo usan AMP, ¿puede su publicación darse el lujo de no hacerlo?
Para obtener más información sobre la controversia que rodea a AMP, consulte nuestro episodio de Podcast de marketing digital sobre cómo crear sitios web rápidos, que incluye una entrevista con el cofundador de Raven Tools, Jon Henshaw.
¿Son las aplicaciones web progresivas (PWA) el futuro de las aplicaciones?
En diciembre de 2019, TechCrunch informó el sorprendente hallazgo de que el 1 % de los principales editores de tiendas de aplicaciones generan el 80 % de las nuevas descargas.
Esto pinta un panorama sombrío para los editores digitales que desean acceder a los beneficios que pueden brindar las aplicaciones, que incluyen una presencia sostenida de la marca en los dispositivos móviles de los usuarios, una mayor participación de los usuarios, propiedad de la plataforma, acceso analítico completo y, quizás lo más importante, una experiencia móvil óptima. UX.
En el contexto de la disminución de las descargas de aplicaciones nativas, los PWA parecen ofrecer, con mucho, la mejor manera para que todos, excepto los editores en línea más grandes, accedan a estos beneficios. Evitan la reticencia de los usuarios de la web a instalar una aplicación de un mercado de aplicaciones, y en su lugar los trasladan a una aplicación dentro de una experiencia de página web normal.
Las aplicaciones nativas siguen creciendo en términos de descargas globales y tiempos de uso y, en ese sentido, podría decirse que siguen siendo el futuro de las aplicaciones. Esto viene con la advertencia de que el crecimiento está siendo impulsado por una poderosa minoría de editores líderes.
Dicho esto, parece que las PWA podrían desempeñar un papel muy importante en el futuro del consumo de contenido móvil, un campo en el que las ventajas de UX de las PWA podrían impulsar una mayor aceptación de la tecnología entre lectores y editores por igual.
Conclusión: ¿cómo deberían actuar los especialistas en marketing sobre AMP y PWA?
El potencial comprobado de AMP y PWA para mejorar aspectos del rendimiento del contenido y UX sugiere que estas tecnologías son una vía importante para que los editores en línea investiguen.
AMP es el más fácil de los dos para probar a una escala limitada: simplemente puede convertir algunas páginas de contenido a AMP HTML y observar los resultados (dentro de los límites de los análisis relativamente limitados que proporciona Google para los editores de AMP). Una PWA compromete implícitamente al editor a proporcionar una experiencia de estilo de aplicación a sus lectores de forma continua y, por lo tanto, no debe tomarse a la ligera.
Por otro lado, los PWA parecen ofrecer beneficios relativamente puros, en comparación con AMP. Los lectores que regresan obtienen tiempos de carga más rápidos, además de las funciones avanzadas de estilo de aplicación de las que carece AMP. Fundamentalmente, el editor mantiene un mayor control y propiedad del contenido.
Nuestro consejo para los editores en línea que están considerando AMP y PWA es comenzar probando AMP con algunas páginas de contenido e investigar a fondo la opción de implementar una PWA a escala. Ya sea que se usen solas o en combinación, es probable que las dos tecnologías influyan en la forma en que los usuarios móviles consumen contenido web en los años venideros.
obtenga su membresía gratis ahora - absolutamente no se requiere tarjeta de crédito
- El kit de herramientas de marketing digital
- Sesiones exclusivas de aprendizaje en video en vivo
- Biblioteca completa de The Digital Marketing Podcast
- Las herramientas de evaluación comparativa de habilidades digitales
- Cursos de formación en línea gratuitos
