Progressive.es Plataforma online de aplicaciones web progresivasJAVIER VILLULLAS
Esta es la presentación de la plataforma online de aplicaciones web progresivas Progressive.es que presento el día 4/10 en el https://biscaybaystartupcampus.com/ como proyecto seleccionado
Una buena elección del modelo de ingresos puede ser la diferencia del éxito o el fracaso empresarial. En esta presentación se recogen los principales modelos de ingresos en Apps, como son: pago por descarga, afiliación, suscripción, compras in-app y otros.
Además, se ve la necesidad de mezclar varios de ellos para ser realmente sostenibles, esto es lo que llamamos hibridación.
Te presentamos el nuevo Manual de Adquisición de usuarios 2020: ¡ya está disponible!
Una estrategia de adquisición de usuarios bien pensada y bien ejecutada es esencial para el éxito de tu app
Te contamos qué canales y formatos puedes utilizar y te explicamos conceptos como la atribución y el retargeting
Estrategias SEO en un mundo que busca desde el móvilHuman Level
Mobile-first es el nuevo escenario: los usuarios buscan desde su móvil y nuestro sitio Web debe adaptarse para lograr visibilidad en búsquedas desde móviles.
Progressive.es Plataforma online de aplicaciones web progresivasJAVIER VILLULLAS
Esta es la presentación de la plataforma online de aplicaciones web progresivas Progressive.es que presento el día 4/10 en el https://biscaybaystartupcampus.com/ como proyecto seleccionado
Una buena elección del modelo de ingresos puede ser la diferencia del éxito o el fracaso empresarial. En esta presentación se recogen los principales modelos de ingresos en Apps, como son: pago por descarga, afiliación, suscripción, compras in-app y otros.
Además, se ve la necesidad de mezclar varios de ellos para ser realmente sostenibles, esto es lo que llamamos hibridación.
Te presentamos el nuevo Manual de Adquisición de usuarios 2020: ¡ya está disponible!
Una estrategia de adquisición de usuarios bien pensada y bien ejecutada es esencial para el éxito de tu app
Te contamos qué canales y formatos puedes utilizar y te explicamos conceptos como la atribución y el retargeting
Estrategias SEO en un mundo que busca desde el móvilHuman Level
Mobile-first es el nuevo escenario: los usuarios buscan desde su móvil y nuestro sitio Web debe adaptarse para lograr visibilidad en búsquedas desde móviles.
Servicio de desarrollo de Apps para iPhone, Android y Kindle ofrecido por App...Camilo Saenz
Apps1 (www.apps1.co) permite que cualquier persona desarrolle apps para iPhone, Android y Kindle, sin necesidad de tener conocimientos en programación.
Nuestro equipo de ingenieros y diseñadores, también puede producir su app y usted posteriormente puede administrarla en Apps1.
APPSMAKERSTORE SPAIN está especializada en la venta de aplicaciones para móviles usando la plataforma Appsmakerstore. Un software que crea Apps en todas las plataformas sin la necesidad de tener los conocimientos técnicos necesarios trabajando con un CMS (Sistema de Gestor de Contenidos) muy completo y fácil de usar, a un coste muy bajo. La empresa es, a nivel mundial, la número 1 en su campo.
Catálago de Presentación de Geo LabAppsGeo LabApps
Aplicaciones y Sitios Web Móvil para las PYMES Geo LabApps™ Fue motivado con las PYMES en mente. Nuestra meta es ayudar a las empresas crecer a través del marketing móvil. Una Estrategia Móvil Hecho Una Realidad - Con la tecnología de Geo LabApps™ crear una estrategia de mercadeo móvil para su empresa es mucho más fácil y económico de lo que usted se puede imaginar. Brindarle Presencia a Su Empresa - El hecho de que usted puede tener una presencia en el bolsillo de una persona en todo momento es algo muy poderoso. Aumente la Lealtad de Sus Clientes con Un App - Las aplicaciones móviles son únicas porque el consumidor opta por descargar y llenar sus datos como miembro. Una aplicación móvil como parte del arsenal de mercadeo seria su arma más poderosa - Una aplicación móvil no es una táctica de marketing intermitente, es más bien una plataforma que permite al propietario de un negocio cultivar las relaciones existentes y convertir clientes regulares en defensores de la marca, los cuales refieren a otros. Esta presentación le ayudara a: A) Conocer la gran variedad de Funciones y sus Características de nuestros Apps. B) Comprender el poder de un App. C) Que funciones aplicar para maximizar una estrategia móvil. D) Cuales son los Sistemas Operativos de la red Móvil más populares E) Diferenciar entre un App y un Web App HTML5.
Las Top 10 Preguntas y Respuestas Sobre Móvil AppsHector Jayat
Aqui Las Top Ten Preguntas y Respuestas Sobre Móvil Appsl más comunes que se hacen los dueños de negocios. Descubra las respuestas y lo que es más, sepa como pueden ayudarle a crecer su negocio.
¿Qué es el app marketing? ¿Cómo puedo promocionar una app para conseguir estar dentro del top 5 de las stores? Repasamos punto por punto en esta presentación en qué consiste el App Marketing y buenas prácticas.
Posicionamiento seo instituto internet - irene quiñones - 20-10-2021 - 1ra ...Irene Quiñones Osorio
Qué es posicionamiento seo, cómo funcionan los algoritmos de Google, factores de posicionamiento seo, herramientas seo.
Mi clase de Posicionamiento SEO en el Diplomado de Marketing Digital de Instituto Internet, en Venezuela.
Este contenido lo preparo especialmente para quien desea aprender SEO y no tiene ningún conocimiento. En la clase en vivo, analizamos casos y ayudo a mis estudiantes a desarrollar capacidad analítica para entender mejor el proceso SEO.
1ra parte.
El posicionamiento en buscadores u optimización en motores de búsqueda es el proceso de mejorar la visibilidad de un sitio web en los resultados orgánicos de los diferentes buscadores. También es frecuente nombrarlo por su título inglés, SEO (Search Engine Optimization). También es común llamarlo posicionamiento web
Cuando desarrollar una buena aplicación no es suficiente, también hay que venderla bien.
Ponencia para la I Jornada a la innovación de la Cátedra UAM-Telefónica. Por Alberto Naranjo Galet @albertonaranjo
En este curso vamos a aprender cómo saber promocionar y conocer los trucos de marketing de nuestro videojuego, empezando por cómo elegir un buen nombre, unas keywords adecuadas, redactar una correcta descripción, screenshots, cómo analizar el mercado, traducir la app, qué herramientas de analíticas utilizar, dónde y cómo promocionar nuestro producto gratuitamente...
Si quieres seguir el curso completo que acompaña a estas mismas transparencias, no te lo pierdas con un descuento increíble en Udemy a través del link promocional:
https://www.udemy.com/draft/822854/?couponCode=SLIDESHARE_PROMO
Servicio de desarrollo de Apps para iPhone, Android y Kindle ofrecido por App...Camilo Saenz
Apps1 (www.apps1.co) permite que cualquier persona desarrolle apps para iPhone, Android y Kindle, sin necesidad de tener conocimientos en programación.
Nuestro equipo de ingenieros y diseñadores, también puede producir su app y usted posteriormente puede administrarla en Apps1.
APPSMAKERSTORE SPAIN está especializada en la venta de aplicaciones para móviles usando la plataforma Appsmakerstore. Un software que crea Apps en todas las plataformas sin la necesidad de tener los conocimientos técnicos necesarios trabajando con un CMS (Sistema de Gestor de Contenidos) muy completo y fácil de usar, a un coste muy bajo. La empresa es, a nivel mundial, la número 1 en su campo.
Catálago de Presentación de Geo LabAppsGeo LabApps
Aplicaciones y Sitios Web Móvil para las PYMES Geo LabApps™ Fue motivado con las PYMES en mente. Nuestra meta es ayudar a las empresas crecer a través del marketing móvil. Una Estrategia Móvil Hecho Una Realidad - Con la tecnología de Geo LabApps™ crear una estrategia de mercadeo móvil para su empresa es mucho más fácil y económico de lo que usted se puede imaginar. Brindarle Presencia a Su Empresa - El hecho de que usted puede tener una presencia en el bolsillo de una persona en todo momento es algo muy poderoso. Aumente la Lealtad de Sus Clientes con Un App - Las aplicaciones móviles son únicas porque el consumidor opta por descargar y llenar sus datos como miembro. Una aplicación móvil como parte del arsenal de mercadeo seria su arma más poderosa - Una aplicación móvil no es una táctica de marketing intermitente, es más bien una plataforma que permite al propietario de un negocio cultivar las relaciones existentes y convertir clientes regulares en defensores de la marca, los cuales refieren a otros. Esta presentación le ayudara a: A) Conocer la gran variedad de Funciones y sus Características de nuestros Apps. B) Comprender el poder de un App. C) Que funciones aplicar para maximizar una estrategia móvil. D) Cuales son los Sistemas Operativos de la red Móvil más populares E) Diferenciar entre un App y un Web App HTML5.
Las Top 10 Preguntas y Respuestas Sobre Móvil AppsHector Jayat
Aqui Las Top Ten Preguntas y Respuestas Sobre Móvil Appsl más comunes que se hacen los dueños de negocios. Descubra las respuestas y lo que es más, sepa como pueden ayudarle a crecer su negocio.
¿Qué es el app marketing? ¿Cómo puedo promocionar una app para conseguir estar dentro del top 5 de las stores? Repasamos punto por punto en esta presentación en qué consiste el App Marketing y buenas prácticas.
Posicionamiento seo instituto internet - irene quiñones - 20-10-2021 - 1ra ...Irene Quiñones Osorio
Qué es posicionamiento seo, cómo funcionan los algoritmos de Google, factores de posicionamiento seo, herramientas seo.
Mi clase de Posicionamiento SEO en el Diplomado de Marketing Digital de Instituto Internet, en Venezuela.
Este contenido lo preparo especialmente para quien desea aprender SEO y no tiene ningún conocimiento. En la clase en vivo, analizamos casos y ayudo a mis estudiantes a desarrollar capacidad analítica para entender mejor el proceso SEO.
1ra parte.
El posicionamiento en buscadores u optimización en motores de búsqueda es el proceso de mejorar la visibilidad de un sitio web en los resultados orgánicos de los diferentes buscadores. También es frecuente nombrarlo por su título inglés, SEO (Search Engine Optimization). También es común llamarlo posicionamiento web
Cuando desarrollar una buena aplicación no es suficiente, también hay que venderla bien.
Ponencia para la I Jornada a la innovación de la Cátedra UAM-Telefónica. Por Alberto Naranjo Galet @albertonaranjo
En este curso vamos a aprender cómo saber promocionar y conocer los trucos de marketing de nuestro videojuego, empezando por cómo elegir un buen nombre, unas keywords adecuadas, redactar una correcta descripción, screenshots, cómo analizar el mercado, traducir la app, qué herramientas de analíticas utilizar, dónde y cómo promocionar nuestro producto gratuitamente...
Si quieres seguir el curso completo que acompaña a estas mismas transparencias, no te lo pierdas con un descuento increíble en Udemy a través del link promocional:
https://www.udemy.com/draft/822854/?couponCode=SLIDESHARE_PROMO
PWA (Progressive Web App): Nueva generación webCarlosDarko1
Introducción a las Progressive Web Apps (PWA's): Qué son, cuáles son sus principales ventajas, cuáles son los elementos que la componen y por qué es una gran alternativa para cualquier página web actual.
Progressive Web Apps. PWA. Tendencias de mobile marketing. Propósito de las PWA. Funcionamiento de las PWA. Ventajas de las PWA. Características de las PWA.
10 POST más brillantes de DIVISADERO en el ÚLTIMO año!
En el recopilatorio profundizamos en temas como píxeles, medición web, tendencias en marketing digital, modelos de atribución, Google Prediction API, métricas AARRR, DMP, SocialBakers, DoubleClick Campaign Manager, Google Analytics Premium, Watson Analytics...
“VFO para buscadores” es un optimizador y motor de decisión SEO y SEM en TIEMPO REAL, que analiza su sitio web y el de sus competidores, chequeando todos los detalles importantes para asegurar la correcta inclusión y visibilidad en los motores de búsqueda.
No se preocupe más por los detalles técnicos o en tomar cursos online para descubrir como hacerlo. No pierda más tiempo valioso y dedíqueselo a su negocio. VFO puede hacer todo por Ud! VFO es suficientemente simple para que lo utilice cualquier persona sin conocimientos técnicos, y muy efectivo para que lo use también un experto de SEO, incrementando su productividad.
Ud. puede también “espiar” a sus competidores, ver que estrategia de posicionamiento están siguiendo, armar su propia lista competitiva de palabras claves -el algoritmo de VFO le dirá si su sitio puede rankear o no para cada palabra en los primeros lugares-. Ofrecemos también APIs “abiertos” para que desarrolladores e integradores puedan utilizar la “inteligencia artificial” desarrollada por nuestros algoritmos en sus propias aplicaciones.
UXN CDMX 02-32 - Velocidad para todos: AMP y PWAUX Nights
Sebastian Garcia Anderman nos habla sobre un problema muy actual: la web móvil es lenta, pero también muestra herramientas para solucionarlo: Accelerated Mobile Pages y Progressive Web Apps.
Presentación de la importancia de contar con sitio web colaborativo, dinámico y actualizado para mejorar relaciones con los clientes y aumentar ventas en FenixCorp.
Charla de Alberto Silva en el Open Space 10 aniversario de Biko. El futuro de la web móvil ya llegó y se llama Progressive Web Apps. Sites normales que se “autoinstalan” en el móvil y emulan el funcionamiento de una aplicación nativa: icono en el home screen, carga instantánea, funcionamiento offline, notificaciones push, etc. Hablaremos del nuevo mercado que se abre ante nosotros y de cómo las desarrollamos: app shell, service workers, manifest.json, critical rendering path y notificaciones.
Herramientas de la web 2.0-Proyecto Vibanataliacgt
8 herramientas de la web 2.0 que se podrían utilizar en Viba. Se explica la importancia del uso de cada una de las herramientas y qué uso en concreto se les daría.
Adiós a la gestión de parámetros de URL. Todo lo que deberías saber para mant...Human Level
Explora la presentación de Fernando Maciá para el evento online #TerritorioDSM, emitida durante la primera jornada #TerritorioTrafico. Nuestro director mostró en esta ponencia cómo mejorar y mantener a raya la indexación de un sitio web.
Audita una web como un SEO PRO - Fernando Maciá en #Posiciona22Human Level
Presentación de Fernando Maciá para #Posiciona22, el congreso sobre posicionamiento online organizado por José Facchin. Aprende a auditar una web como un profesional "siguiendo los métodos" del Doctor House.
Al desplegar versiones internacionales, las distintas decisiones respecto a cómo dirigir al robot y los usuarios al contenido más apropiado pueden tener un gran impacto sobre el SEO y CRO del sitio Web.
Decidir el mejor modo de presentar un amplio portfolio de productos para facilitar su navegación para los usuarios y su indexación por Google puede ser una tarea compleja. En esta presentación abordamos distintos escenarios y proponemos soluciones.
Casi todo lo que sé sobre SEO - Presentación de Fernando Maciá en #XVFTVAHuman Level
Presentación de Fernando Maciá en la XV edición de la Feria de Tiendas Virtuales de Aragón en la que se dieron una serie de recomendaciones SEO para e-commerce entorno a los pilares fundamentales de toda estrategia de posicionamiento: keyword research, indexabilidad, relevancia y popularidad.
Presentación de Fernando Maciá para #SEOnderground - Marketing de buscadores ...Human Level
Fernando Maciá inauguró el evento online #SEOnderground con esta presentación en la que recoge datos sobre cómo ha impactado la pandemia global a los distintos sectores y cómo pueden adaptarse las empresas a esta nueva normalidad.
La búsqueda de voz aún no se ha generalizado en 2020 pero conviene conocer las principales palancas para posicionarnos para este tipo de búsquedas en aumento. Presentación de Fernando Maciá, fundador y director de Human Level, en el evento Posiciona20 organizado por José Facchin.
¿Vale la pena seguir invirtiendo en SEO en 2020?Human Level
Presentación de la ponencia de Fernando Maciá en el evento solidario #vamostalegon donde se analiza la contribución del tráfico orgánico a los resultados de negocio de un sitio Web.
¿Sigue siendo importante intentar posicionar en Google?Human Level
Presentación de Fernando Maciá en el Friday Tech Fever del 25/1/2020 celebrado en TorreJuana Open Space Technology sobre la importancia de seguir invirtiendo en posicionamiento natural en Google.
Presentación sobre arquitectura de la información y SEO en sitios Web de comercio electrónico a cargo de Fernando Maciá, director de Human Level, en Monetiza19.
Comportamiento del usuario como factor de relevancia en SEO - Fernando MaciaHuman Level
El algoritmo de Google es dinámico y en constante evolución pero en los últimos años parece que el comportamiento del usuario podría estar ganando peso como factor de relevancia. En esta presentación propongo distintas hipótesis sobre cómo podría Google extraer y aplicar esta información.
De la captación de tráfico de calidad a la conversiónHuman Level
Captar tráfico de calidad es sólo una parte del éxito de un sitio Web. Convertir ese tráfico en clientes es la segunda. Fernando Maciá muestra en esta presentación cómo alinear ambos objetivos.
Resultados destacados y búsqueda de voz - Fernando Maciá OMExpo 2018Human Level
Presentación de Fernando Maciá, director de Human Level Communications, sobre resultados destacados y búsqueda de voz expuesta durante el #SEMRushroom en #OMExpo18 celebrado en Madrid en abril de 2018. El vídeo de esta presentación está aquí: https://youtu.be/CqgnleqgSes?t=6h38m53s
2. Menú
¿Qué es una PWA?
Características que debe tener una PWA
¿Cómo afectan al SEO?
Comprobar la indexabilidad
Indexabilidad en frameworks SPA
@fernandomacia
3. Menú
¿Qué es una PWA?
Características que debe tener una PWA
¿Cómo afectan al SEO?
Comprobar la indexabilidad
Indexabilidad en frameworks SPA
@fernandomacia
4. ¿Qué es una PWA?
Progessive Web App es un
termino acuñado por
Google, a finales del 2015,
para dar nombre e impulsar
el desarrollo de las webs
responsive que tienen
funcionalidades y
características de una
aplicación móvil. Estas
webs, pueden funcionar
como si fueran Apps, de
forma indistinguible para el
usuario de una aplicación
móvil nativa.
@fernandomacia
5. ¿Qué es una PWA?
“Básicamente, es un
sitio Web mobile
que genera una
experiencia de
usuario similar a la
de una app nativa”
@fernandomacia
6. ¿Qué es una PWA?
Es una idea que no es nueva: el WHATWG empezó a
establecer las APIS para poder implementar PWAs en
2005, con el estándar Web applications 1.0
(renombrado a HTML5 en 2014)
@fernandomacia
8. ¿Qué es una PWA?
Steve Jobs animando a desarrollar PWAs en 2007:
@fernandomacia
https://youtu.be/ZlE7dzoD6GA?t=1m
9. Menú
¿Qué es una PWA?
Características que debe tener una PWA
¿Cómo afectan al SEO?
Comprobar la indexabilidad
Indexabilidad en frameworks SPA
@fernandomacia
10. Características que debe tener una PWA
Confiable: carga instantáneamente incluso en malas
condiciones de red.
Rápida: usa varias técnicas de WPO para que la
respuesta sea rápida, tenga animaciones fluidas y el
scroll no pegue saltos.
Atractiva: parece una aplicación más con una
experiencia de usuario inmersiva.
Y además…
@fernandomacia
11. Características que debe tener una PWA
Desarrollada según la estrategia progressive
enhancement
En desarrollo hay dos estrategias para lidiar con la
compatibilidad de nuevas funcionalidades entre navegadores:
Si el navegador no puede ejecutar determinada
funcionalidad, no se da una alternativa (más ligero)
@fernandomacia
12. Características que debe tener una PWA
Conectividad mejorada con service workers (antes
AppCache) para trabajar sin conexión o con redes de
mala calidad.
@fernandomacia
13. Características que debe tener una PWA
Es responsive: se adapta a cualquier formato de
pantalla.
Incentiva las visitas recurrentes al poder añadirse
desde las opciones del navegador (sólo Google
Chrome, Firefox y Opera de momento) como
aplicación móvil con su propio acceso directo
Para esto debemos crear un archivo manifest.json
Ejemplo de generadores manifest.json:
https://tomitm.github.io/appmanifest/
https://app-manifest.firebaseapp.com/
@fernandomacia
15. Características que debe tener una PWA
Incentiva las visitas recurrentes: Google Chrome
pide automáticamente al usuario que se añada como
aplicación, si se cumplen unos requisitos.
@fernandomacia
16. Características que debe tener una PWA
Requisitos actuales para mostrar el banner de
instalación:
El usuario ha visitado la página 2 veces, con al menos 5
minutos de diferencia entre las visitas.
Ha registrado un service worker (por lo tanto tiene HTTPS).
Existe el archivo manifest.json y este contiene:
• Un icono de 192x192 en formato png
• El nombre y el nombre corto (name y short_name)
• La URL de inicio (start_url)
El programador puede capturar el evento de mostrar
el banner y decidir mostrarlo en otro momento,
cuando hay un mayor nivel de engagement.
@fernandomacia
19. Características que debe tener una PWA
Rápida: usando todo tipo de técnicas de WPO para
que la carga sea instantánea, que la pantalla no pegue
saltos al cargar, que la respuesta de la interfaz sea
inmediata, etc.
Entre las técnicas de WPO que se usan hay que
destacar AJAX (ahora API Fetch). Veremos los
problemas de indexabilidad que esto plantea más
adelante.
Segura: debe tener HTTPS. Esto también es necesario
para poder instalar service workers.
@fernandomacia
20. Características que debe tener una PWA
Con notificaciones push: son una nueva forma de ofrecer
publicidad y aportar valor a los usuarios (https://
tests.peter.sh/notification-generator/) en Chrome.
@fernandomacia
21. Características que debe tener una PWA
Debemos solicitar
permiso al usuario
para mostrarle
notificaciones que
deben ir dirigidas a
sus intereses. Para
hacerlo, tres
criterios: oportuno,
preciso y relevante
Actualmente no
funciona en Edge
@fernandomacia
22. Características que debe tener una PWA
Descubribles: al contrario que las apps nativas se
pueden indexar y enlazar (vinculable).
@fernandomacia
24. Otras características de una PWA
Estas aplicaciones son multiplataforma (se pueden
ejecutar en cualquier dispositivo) por lo que ahorra el
coste de desarrollar una aplicación para cada
dispositivo.
Para videojuegos y otras aplicaciones con un alto
coste computacional, no son tan rápidas como las
aplicaciones nativas pero con WebAssembly
(tecnología en desarrollo) la diferencia va a ser muy
poca.
Son aplicaciones que además de ofrecer contenidos
cuentan con funcionalidades que podemos ver en
cualquier aplicación móvil o incluso de escritorio.
Pueden acceder a la cámara, micrófono, GPS,
acelerómetro, etc.
@fernandomacia
25. Características que debe tener una PWA
Lista de características completa:
https://developers.google.com/web/progressive-web-apps/
checklist
Extensión Lighthouse para comprobar si tu PWA
cumple los puntos:
@fernandomacia
26. Características que debe tener una PWA
Si no queremos instalar la extensión, Lighthouse
también esta integrado en Google Chrome en la
pestaña Audits de las herramientas de desarrollador:
@fernandomacia
32. Menú
¿Qué es una PWA?
Características que debe tener una PWA
¿Cómo afectan al SEO?
Comprobar la indexabilidad
Indexabilidad en frameworks SPA
@fernandomacia
33. ¿Cómo afectan al SEO?
Las webs tienen más visitas que las aplicaciones
@fernandomacia
Fuente: comScore Mobile Metrix, Junio 2016
34. ¿Cómo afectan al SEO?
Pero los usuarios pasan más tiempo en las aplicaciones
@fernandomacia
Fuente: comScore Mobile Metrix, Junio 2016
35. ¿Cómo afectan al SEO?
La tendencia ha ido en aumento y además los usuarios
son más fieles
Por lo tanto una PWA debería mejorar el tiempo que
pasa el usuario dentro de la web.
@fernandomacia
36. ¿Cómo afectan al SEO?
Casos de éxito al pasar a PWA (https://
developers.google.com/web/showcase/
2016/aliexpress)
AliExpress:
•https://m.aliexpress.com
•+104% nuevos usuarios.
•+82% de conversión en Safari.
•2X páginas visitados por sesión.
•+74% en tiempo que pasan los usuarios por sesión.
@fernandomacia
37. ¿Cómo afectan al SEO?
eXtra Electronics (e-commerce: resultados al
implementar notificaciones push):
•+12% CTR.
•+100% de ventas debido a los usuarios que llegan de
notificaciones push, sobre pasando a las que conseguían por
campañas de email.
•4X visitas recurrente.
Jumia (e-commerce: notificaciones push para
carritos abandonados)
•38% de ratio de apertura de notificaciones.
•9X más conversiones de carritos abandonados.
•7.85% conversiones de carritos abandonados y recuperados
por notificaciones push contra un 4.5% de la app nativa.
@fernandomacia
38. ¿Cómo afectan al SEO?
Babe’s (agregador de noticias: implementan PWA más
optimizada que la App nativa):
• Los usuarios pasan el mismo tiempo ahora en la App nativa que
en la web.
• 3 artículos leídos por sesión en la web y 4 en la App nativa.
5miles (compra venta de segunda mano:
implementan PWA rápida, con notificaciones Push y
añadir el icono al escritorio móvil):
• -50% de tasa de rebote.
• +30% de tiempo gastado en el sitio.
• +30% de conversión de usuarios que provienen del icono del
escritorio móvil.
• 15% de ratio de apertura de notificaciones push.
@fernandomacia
39. ¿Cómo afectan al SEO?
Aumento de visitas debido al aumento de fuentes de
tráfico directo y publicidad, y a la mejora de
rendimiento y experiencia de usuario:
• Icono de aplicación móvil o icono de aplicación de escritorio (de momento
sólo en Chrome OS para escritorio o iOS desde Safari)
• Notificaciones push
@fernandomacia
40. ¿Cómo afectan al SEO?
Las nuevas fuentes de tráfico directo se miden igual que
cualquier otro tipo de campañas:
Añadiremos al manifest y las URLs de las notificaciones PUSH los
parámetros de seguimiento de campañas de Google Analytics
start_url:
“https://www.humanlevel.com/?
utm_source=web_app_manifest&utm_campaign=pwa_install_v20170922”
https://ga-dev-tools.appspot.com/campaign-url-builder/
El desarrollador puede lanzar registros de eventos de Google
Analytics para las solicitudes aceptadas y rechazadas del banner
de instalación en la home.
@fernandomacia
41. ¿Cómo afectan al SEO?
Problemas con Google Analytics:
No podremos medir las visitas offline y la visualización
de notificaciones.
El desarrollador podría no implementar correctamente
el registro de vistas en páginas cargadas con la API
Fetch (AJAX) o, peor aún, podría implementarlo de
forma que no fueran indexables.
@fernandomacia
42. Menú
¿Qué es una PWA?
Características que debe tener una PWA
¿Cómo afectan al SEO?
Comprobar la indexabilidad
Indexabilidad en frameworks SPA
@fernandomacia
43. Comprobar la indexabilidad
Las PWAs constan de un shell que no cambia durante
la navegación y una parte de contenido que se recarga
con la API Fetch. Este tipo de estructura se puede
implementar con frameworks de desarrollo SPA como
Angular, React, Vue, etc.
@fernandomacia
Cabecera y Menú de navegación
Sidebar
Pie
Contenido principal
44. Comprobar la indexabilidad
En general, para saber si un enlace dentro de una Web
es indexable:
Comprobar que el atributo HREF tiene una URL amigable.
Probar si esa URL funciona desactivando JavaScript y
pinchando en el enlace.
Una URL será indexable si:
Si aparece en algún enlace del sitio
La URL devuelve 200 OK.
Ojo con el cloaking:
No será considerado cloaking, si accediendo a la URL
directamente vemos lo mismo que pinchando en el enlace
dentro del sitio.
@fernandomacia
46. Comprobar la indexabilidad
Junto a la indexabilidad es interesante estudiar
la accesibilidad:
Será accesible si al cambiar el contenido con la API
Fetch cambia la URL en la barra del navegador con la
API del historial.
Esta URL debe devolver la página completa al acceder a
ella directamente.
Si la URL no cambia no podremos guardarla en favoritos
ni compartirla.
@fernandomacia
48. Comprobar la indexabilidad
¡Cuidado con la API del historial! Los desarrolladores
pueden inventar URLs que pueden no existir.
Ejemplo: http://www.thegillowfamily.co.uk/
Incluso puede parecer que un sitio usa AJAX indexable
y accesible cuando no es ninguna de las dos cosas.
Ejemplo: http://html5demos.com/history
Para detectarlo
Probar a acceder directamente a las URLs
Desactivar JavaScript y comprobar si el sitio sigue siendo
navegable.
@fernandomacia
49. Menú
¿Qué es una PWA?
Características que debe tener una PWA
¿Cómo afectan al SEO?
Comprobar la indexabilidad
Indexabilidad en frameworks SPA
@fernandomacia
50. Indexabilidad en frameworks SPA
Frameworks Single Page Aplication: Angular (Google),
React (Facebook), Vue, Meteor, Lazo, Rendr, Ember, etc.
Inicialmente surgen como frameworks para ejecutarse
sólo en el cliente. En el siguiente punto veremos que
esto ya no tiene porque ser así.
Son frameworks que de serie funcionan enviando una
plantilla al cliente que rellenan con los datos que
recogen de peticiones Fetch al servidor, lo que hace
que la primera carga sea más lenta y no sean indexables.
Suponen un cambio radical en la manera de trabajar
respecto a los frameworks MPA: ya no se pinta todo el
HTML en el servidor, si no parte en el servidor y parte
en el cliente.
@fernandomacia
51. Indexabilidad en frameworks SPA
@fernandomacia
Ejemplo de funcionamiento de una primera carga de página:
Navegador
Servidor
Petición fetch
Código
JavaScript
Petición síncrona a /
formacion/
Respuesta con
plantilla HTML y JS
Respuesta con datos
52. Indexabilidad en frameworks SPA
En un principio sólo había una forma de
hacer que una web implementada con
estos frameworks fuera indexable para las
arañas:
Pregenerar las páginas completas en HTML
en el servidor, con una herramienta como
https://prerender.io/, y devolver estas
páginas cuando detectamos que la petición
viene de una araña.
@fernandomacia
53. Indexabilidad en frameworks SPA
@fernandomacia
Ejemplo de generación de HTML al vuelo
Servidor
Araña
que no
ejecuta
JavaScript
Respuesta HTML
completo
Cliente
Prerender.IO
Código
Servidor
Plantilla
HTML
Petición Fetch
JavaScript
/formación/
Datos respuesta
Petición a /
formacion/
Caché HTML
Respuesta HTML
completo
54. Indexabilidad en frameworks SPA
Problemas:
Si llega una petición a una página no
cacheada se genera el HTML al vuelo, con lo
cuál esa página parecerá más lenta de lo
debido para la araña.
Cloaking
Tenemos el problema de la invalidación de
caché.
No podemos detectar todas las arañas.
@fernandomacia
56. Indexabilidad en frameworks SPA
@fernandomacia
Frameworks SPA con Universal JavaScript
Datos respuesta
1ª Petición a /formacion/
Respuesta con página completa
Servidor
JavaScript
Cliente/Servidor
JavaScript u otro
lenguaje sólo de
Servidor
Cliente
JavaScript
Cliente/Servidor
JavaScript
Cliente
F
e
t
c
h
D
a
t
o
s
2ª Petición /formación/pwa.html Fetch
57. Indexabilidad en frameworks SPA
Con Universal JavaScript los frameworks SPA se
convierten en frameworks de cliente y servidor al
mismo tiempo.
Mejoran la velocidad de carga respecto al uso de los
mismos frameworks sin Universal JavaScript y a los
frameworks MPA.
Las páginas no dejan de ser indexables.
Es la mejor forma de implementar páginas
indexables con la API Fetch sin tener código
duplicado.
Todo esto los convierte en los frameworks ideales para
implementar PWAs tal y como quiere Google.
@fernandomacia
58. Indexabilidad en frameworks SPA
Cuidado: que exista la posibilidad de usar Universal
JavaScript con estos frameworks, no quiere decir que
todos los desarrolladores lo hagan o lo conozcan.
Debemos comprobar siempre que se cargan la
páginas completas con el JavaScript desactivado
cuando sabemos que se están usando este tipo de
frameworks.
@fernandomacia