Descubre cómo hacer SEO para Progressive Web Apps (PWA) y frameworks y liberías JavaScript. Por Natzir Turrado y Christian Oliveira en el Congreso Web de Zaragoza. El resumen de la charla lo tenéis aquí: https://www.analistaseo.es/posicionamiento-buscadores/seo-progressive-web-apps-pwa/
Taller de 2 horitas, sobre Screaming Frog versón 10, y todo lo que podemos exprimir la tool para hacer SEO y analizar webs.
Disponible en vídeo https://www.youtube.com/watch?v=S59TLVW6Svg
Taller de 2 horitas, sobre Screaming Frog versón 10, y todo lo que podemos exprimir la tool para hacer SEO y analizar webs.
Disponible en vídeo https://www.youtube.com/watch?v=S59TLVW6Svg
Charla sobre el lenguaje XPATH aplicado a SEO, desde cero, con herramientas, cheatsheet y consejos para usarlo con Screaming Frog.
Sigue otros contenidos y actualizaciones sobre SEO en:
https://twitter.com/mjcachon
Guía de Screaming Frog: https://rana.ninja/guia-definitiva-de-screaming-frog/
SEO que hiciste el ultimo verano #DSMValencia 2019MJ Cachón Yáñez
Charla sobre los últimos cambios de Google y cómo poder informanos oficialmente o extraoficilamente.
También se ofrecen otros tips para analizar las novedades con herramientas como Sistrix o Screaming Frog.
Referencias en la presentación:
https://webmaster-es.googleblog.com
https://moz.com/mozcast/
https://algoroo.com/
https://www.rankranger.com/google-algorithm-updates
https://www.advancedwebranking.com/google-algorithm-changes/
https://www.accuranker.com/grump
https://safecont.com/
https://twitter.com/ministerioseo
https://www.getrevue.co/profile/estevecastells
https://www.sistrix.es
https://searchengineland.com/google-no-longer-supports-relnext-prev-314319
http://blog.ikhuerta.com/seo-onpage-como-gestionar-correctamente-las-paginaciones-de-tu-negocio
https://webmasters.googleblog.com/2019/09/making-review-rich-results-more-helpful.html
https://support.google.com/webmasters/answer/9133276#additional_tools
https://webmasters.googleblog.com/2019/09/evolving-nofollow-new-ways-to-identify.html
https://nerdydata.com
https://www.screamingfrog.co.uk/seo-spider/
SEO para E-COMMERCE por Natzir y Dani PinillosNatzir Turrado
SEO para E-commerce: Tres cosas a controlar en grandes portales ecommerce para su correcto posicionamiento. Taller impartido por Natzir Turrado y Daniel Pinillos durante el Congreso Web de 2015. Más info: http://www.analistaseo.es/posicionamiento-buscadores/frecuencia-rastreo/
¡¡Disponible VIDEO de la charla!! A partir del minuto 5h14m47s:
https://www.youtube.com/watch?v=OKuNF8-4rgs&t=18887
CRO trabaja con todo el customer journey, de modo que SEO es una disciplina de Marketing Digital que también puede ser optimizada. Gracias al análisis de datos y una metodología de trabajo y gestión de proyectos, podemos mejorar los resultados de nuestro SEO.
¿Quieres aprender CRO? Suscríbete GRATIS en: https://www.getrevue.co/profile/magnificro/
We will CRO you!
4 ejemplos de experimentos reales y su impacto en CRO & SEO #SEOPlus19.
La charla se divide en 2 fases: una primera guiada por John Müeller (Sergio Simarro) una de las caras visibles de Google y donde nos muestra los experimentos WhiteHat.
Y una segunda, con la aparición de un malote del Black Hat (Sergio Simarro disfrazado de rapero) con aquellos experimentos más disruptivos.
Ponencia impartida dentro de SEOPlus 2019, el evento de Webpositer y Team Platino sobre SEO. Celebrado en la Universidad de Alicante el 26 de julio de 2019, con una asistencia de casi de 2.000 personas entre presencial y streaming.
Es un evento que une a los profesionales de SEO de habla hispana. Con el apoyo del equipo de Webpositer y Team Platino te abriremos las puertas al mundo digital con los mejores casos prácticos compartidos por grandes expertos y las mejores herramientas.
"Sigue indexando" es una charla que habla de:
- Métodos para comprobar la indexación
- Métodos para forzar la indexación
Se usan distintas herramientas, de menos a más complejidad:
- Comandos
- Sitemaps
- Google Search Console
- Google Api Indexing
- Python y Javascript
Recursos adicionales:
https://www.casares.blog/indexing-api-wordpress/
https://davidsottimano.com/playing-with-googles-new-indexing-api-and-getting-pages-crawled-immediately/
https://www.searchenginejournal.com/automate-url-inspection-tool-python-javascript/301639/
https://es.slideshare.net/ikhuerta/indexa-como-nunca-lo-habas-hecho-clinicseo-eshow-2018-93530682
Evento Be! Blogger en el Campus Madrid - Marketing Online y SEODiego Criado Pérez
Ponencia de SEO del evento Be! Blogger Madrid del 8 de Octubre de 2016.
En la primera parte se presenta el SEO desde el punto de vista del contenido.
En la segunda parte se presentan dos casos de éxito.
Por último se dan dos tips de las tendencias del SEO para los próximos tiempos.
SlideShare "elimina" elementos con acabados degradados, por lo que he tenido que volver a subir la presentación con colores sólidos, disponible aquí: https://www.slideshare.net/mjcachon/sigue-indexando-seoplus19
"Sigue indexando" es una charla que habla de:
- Métodos para comprobar la indexación
- Métodos para forzar la indexación
Se usan distintas herramientas, de menos a más complejidad:
- Comandos
- Sitemaps
- Google Search Console
- Google Api Indexing
- Python y Javascript
Recursos adicionales:
https://www.casares.blog/indexing-api-wordpress/
https://davidsottimano.com/playing-with-googles-new-indexing-api-and-getting-pages-crawled-immediately/
https://www.searchenginejournal.com/automate-url-inspection-tool-python-javascript/301639/
https://es.slideshare.net/ikhuerta/indexa-como-nunca-lo-habas-hecho-clinicseo-eshow-2018-93530682
Multichannel Marketing: El efecto de la multicanalidad en SEONatzir Turrado
Presentación de mi la charla en el User Web Analytics del eShow Madrid.
Siempre ha habido el debate de si invertir en AdWords afecta al SEO. Pero cuando decimos que afecta al SEO, ¿a qué nos referimos? ¿al tráfico orgánico o a la configuración de la SERP? y si afecta a la SERP, ¿es un factor de ranking?
Cómo otros canales impactan en SEO y por qué.
Patentes de Google que lo explican.
Análisis de precios de tu competencia con Screaming Frog #SEOGironaMJ Cachón Yáñez
Metodología para extraer precios y otros datos de valor de tiendas online para analizar a la competencia y automatizar el proceso de cara a comparar información en distintos momentos del año.
#SEOGirona
#MujeresEnSEO
Guía de Screaming Frog: https://rana.ninja/guia-definitiva-de-screaming-frog/
Diagnóstico SEO Técnico con Herramientas #TheInbounderMJ Cachón Yáñez
¿Cómo exprimir las herramientas SEO en análisis las distintas áreas del SEO?
Herramientas, guías paso a paso e insights de interés para que las herramientas no te manejen a ti
Presentación Webinar "Los 10 plugins SEO WordPress imprescindibles"SiteGround España
En el webinar gratuito de este mes (el 20 de septiembre a las 18:00, hora España peninsular) Fernando Tellado, unos de los expertos más destacados de la comunidad WordPress, nos habla sobre “Los 10 plugins SEO WordPress imprescindibles” (#SGwebinarPluginsSEOWP). Además, realizamos un coloquio con la participación del conocido auditor SEO el Señor Muñoz.
WordPress es el CMS más avanzado y optimizado para SEO pero si lo ampliamos con los plugins SEO adecuados podemos multiplicar las posibilidades de optimizar el posicionamiento en buscadores de tu web.
Aprendemos a optimizar los contenidos al 100%, automatizar tareas de link building y a preparar tu web para los futuros retos de internet y el ecommerce.
Puedes leer más en Twitter #SGwebinarPluginsSEOWP y ver el vídeo del webinar en nuestro canal de YouTube https://youtu.be/iMWGsVzTvBk
Analitica Web y Wordpress con Google Analytics - #WPValladolidMJ Cachón Yáñez
Charla centrada en aspectos de Medición con Google Analytics, para proyectos creados en Wordpress.
En el marco de #WPValladolid, en su segunda edición, celebrada el 26 de Abril, en el Parque Científico de la Universidad de Valladolid.
Evento organizado por @mediotic y @epadesign
http://www.mjcachon.es
Charla sobre el lenguaje XPATH aplicado a SEO, desde cero, con herramientas, cheatsheet y consejos para usarlo con Screaming Frog.
Sigue otros contenidos y actualizaciones sobre SEO en:
https://twitter.com/mjcachon
Guía de Screaming Frog: https://rana.ninja/guia-definitiva-de-screaming-frog/
SEO que hiciste el ultimo verano #DSMValencia 2019MJ Cachón Yáñez
Charla sobre los últimos cambios de Google y cómo poder informanos oficialmente o extraoficilamente.
También se ofrecen otros tips para analizar las novedades con herramientas como Sistrix o Screaming Frog.
Referencias en la presentación:
https://webmaster-es.googleblog.com
https://moz.com/mozcast/
https://algoroo.com/
https://www.rankranger.com/google-algorithm-updates
https://www.advancedwebranking.com/google-algorithm-changes/
https://www.accuranker.com/grump
https://safecont.com/
https://twitter.com/ministerioseo
https://www.getrevue.co/profile/estevecastells
https://www.sistrix.es
https://searchengineland.com/google-no-longer-supports-relnext-prev-314319
http://blog.ikhuerta.com/seo-onpage-como-gestionar-correctamente-las-paginaciones-de-tu-negocio
https://webmasters.googleblog.com/2019/09/making-review-rich-results-more-helpful.html
https://support.google.com/webmasters/answer/9133276#additional_tools
https://webmasters.googleblog.com/2019/09/evolving-nofollow-new-ways-to-identify.html
https://nerdydata.com
https://www.screamingfrog.co.uk/seo-spider/
SEO para E-COMMERCE por Natzir y Dani PinillosNatzir Turrado
SEO para E-commerce: Tres cosas a controlar en grandes portales ecommerce para su correcto posicionamiento. Taller impartido por Natzir Turrado y Daniel Pinillos durante el Congreso Web de 2015. Más info: http://www.analistaseo.es/posicionamiento-buscadores/frecuencia-rastreo/
¡¡Disponible VIDEO de la charla!! A partir del minuto 5h14m47s:
https://www.youtube.com/watch?v=OKuNF8-4rgs&t=18887
CRO trabaja con todo el customer journey, de modo que SEO es una disciplina de Marketing Digital que también puede ser optimizada. Gracias al análisis de datos y una metodología de trabajo y gestión de proyectos, podemos mejorar los resultados de nuestro SEO.
¿Quieres aprender CRO? Suscríbete GRATIS en: https://www.getrevue.co/profile/magnificro/
We will CRO you!
4 ejemplos de experimentos reales y su impacto en CRO & SEO #SEOPlus19.
La charla se divide en 2 fases: una primera guiada por John Müeller (Sergio Simarro) una de las caras visibles de Google y donde nos muestra los experimentos WhiteHat.
Y una segunda, con la aparición de un malote del Black Hat (Sergio Simarro disfrazado de rapero) con aquellos experimentos más disruptivos.
Ponencia impartida dentro de SEOPlus 2019, el evento de Webpositer y Team Platino sobre SEO. Celebrado en la Universidad de Alicante el 26 de julio de 2019, con una asistencia de casi de 2.000 personas entre presencial y streaming.
Es un evento que une a los profesionales de SEO de habla hispana. Con el apoyo del equipo de Webpositer y Team Platino te abriremos las puertas al mundo digital con los mejores casos prácticos compartidos por grandes expertos y las mejores herramientas.
"Sigue indexando" es una charla que habla de:
- Métodos para comprobar la indexación
- Métodos para forzar la indexación
Se usan distintas herramientas, de menos a más complejidad:
- Comandos
- Sitemaps
- Google Search Console
- Google Api Indexing
- Python y Javascript
Recursos adicionales:
https://www.casares.blog/indexing-api-wordpress/
https://davidsottimano.com/playing-with-googles-new-indexing-api-and-getting-pages-crawled-immediately/
https://www.searchenginejournal.com/automate-url-inspection-tool-python-javascript/301639/
https://es.slideshare.net/ikhuerta/indexa-como-nunca-lo-habas-hecho-clinicseo-eshow-2018-93530682
Evento Be! Blogger en el Campus Madrid - Marketing Online y SEODiego Criado Pérez
Ponencia de SEO del evento Be! Blogger Madrid del 8 de Octubre de 2016.
En la primera parte se presenta el SEO desde el punto de vista del contenido.
En la segunda parte se presentan dos casos de éxito.
Por último se dan dos tips de las tendencias del SEO para los próximos tiempos.
SlideShare "elimina" elementos con acabados degradados, por lo que he tenido que volver a subir la presentación con colores sólidos, disponible aquí: https://www.slideshare.net/mjcachon/sigue-indexando-seoplus19
"Sigue indexando" es una charla que habla de:
- Métodos para comprobar la indexación
- Métodos para forzar la indexación
Se usan distintas herramientas, de menos a más complejidad:
- Comandos
- Sitemaps
- Google Search Console
- Google Api Indexing
- Python y Javascript
Recursos adicionales:
https://www.casares.blog/indexing-api-wordpress/
https://davidsottimano.com/playing-with-googles-new-indexing-api-and-getting-pages-crawled-immediately/
https://www.searchenginejournal.com/automate-url-inspection-tool-python-javascript/301639/
https://es.slideshare.net/ikhuerta/indexa-como-nunca-lo-habas-hecho-clinicseo-eshow-2018-93530682
Multichannel Marketing: El efecto de la multicanalidad en SEONatzir Turrado
Presentación de mi la charla en el User Web Analytics del eShow Madrid.
Siempre ha habido el debate de si invertir en AdWords afecta al SEO. Pero cuando decimos que afecta al SEO, ¿a qué nos referimos? ¿al tráfico orgánico o a la configuración de la SERP? y si afecta a la SERP, ¿es un factor de ranking?
Cómo otros canales impactan en SEO y por qué.
Patentes de Google que lo explican.
Análisis de precios de tu competencia con Screaming Frog #SEOGironaMJ Cachón Yáñez
Metodología para extraer precios y otros datos de valor de tiendas online para analizar a la competencia y automatizar el proceso de cara a comparar información en distintos momentos del año.
#SEOGirona
#MujeresEnSEO
Guía de Screaming Frog: https://rana.ninja/guia-definitiva-de-screaming-frog/
Diagnóstico SEO Técnico con Herramientas #TheInbounderMJ Cachón Yáñez
¿Cómo exprimir las herramientas SEO en análisis las distintas áreas del SEO?
Herramientas, guías paso a paso e insights de interés para que las herramientas no te manejen a ti
Presentación Webinar "Los 10 plugins SEO WordPress imprescindibles"SiteGround España
En el webinar gratuito de este mes (el 20 de septiembre a las 18:00, hora España peninsular) Fernando Tellado, unos de los expertos más destacados de la comunidad WordPress, nos habla sobre “Los 10 plugins SEO WordPress imprescindibles” (#SGwebinarPluginsSEOWP). Además, realizamos un coloquio con la participación del conocido auditor SEO el Señor Muñoz.
WordPress es el CMS más avanzado y optimizado para SEO pero si lo ampliamos con los plugins SEO adecuados podemos multiplicar las posibilidades de optimizar el posicionamiento en buscadores de tu web.
Aprendemos a optimizar los contenidos al 100%, automatizar tareas de link building y a preparar tu web para los futuros retos de internet y el ecommerce.
Puedes leer más en Twitter #SGwebinarPluginsSEOWP y ver el vídeo del webinar en nuestro canal de YouTube https://youtu.be/iMWGsVzTvBk
Analitica Web y Wordpress con Google Analytics - #WPValladolidMJ Cachón Yáñez
Charla centrada en aspectos de Medición con Google Analytics, para proyectos creados en Wordpress.
En el marco de #WPValladolid, en su segunda edición, celebrada el 26 de Abril, en el Parque Científico de la Universidad de Valladolid.
Evento organizado por @mediotic y @epadesign
http://www.mjcachon.es
Rendimiento y velocidad, acelera tu sitio WordPressLibreCon
Que un sitio web cargue rápido es algo muy importante cuando desarrollamos un sitio web. Tanto de cara ahorrar costes de infraestructura como para mejorar al máximo la experiencia de usuario, debemos optimizar al máximo nuestro sitio web. Explicación cómo de una manera sencilla y rápida podemos optimizar nuestros sitios desarrollados en WordPress para así conseguir un tiempo de carga y peso de las páginas menores. Autor: Dani Reguera (Profesor e investigador en Mondragon Unibertsitatea). Librecon.io
Taller de Screaming Frog con Rubén MerinoRubén Merino
Screaming Frog se ha convertido en uno de los nombres más reconocidos en el universo SEO. Si quieres capturar datos valiosos y automatizar acciones que no serían posibles de realizar manualmente… ¡debes saber manejar esta herramienta!
En este taller, Rubén Merino, Consultor SEO en The Cocktail, nos mostrará cómo comenzar a usar esta herramienta.
Presentación utilizada en el primer taller de soluciones digitales del Laboratorio de Medios de la Escuela de Periodismo de la Universidad Diego Portales.
En esta presentación se explica en una primera parte como Google organiza la información para incorporarla en su buscador.
También se explican los elementos onsite y offsite principales que se tienen en cuenta para posicionar una página web o contenido en Google.
en la segunda parte se hace un especial enfoque en las diferentes herramientas que existen para posicionarnos localmente y se explica la gran importancia que tendrán durante el año 2015 para posicionarnos en resultados locales de nuestra ciudad y población.
Espero que os sea de gran ayuda
SEO para ecommerce. Cómo optimizar tu ecommerce en crawling, arquitectura de información y principales problemas de un ecommerce en migraciones y rediseños web. Aprende a optimizar tu ecommerce con esta presentación de seo avanzado de Daniel Pinillos y Natzir Turrado.
Como aplicar técnicas WPO para optimizar el crawl budgetRaiola Networks
Presentación utilizada por Alvaro Fontela de Raiola Networks en la ponencia sobre WPO y crawl budget (SEO) ofrecida en el evento Smart Talks de INESDI el día 27 de Enero de 2017 en la cámara de comercio de Valencia.
En la ponencia se explica como y que técnicas de WPO (Web Performance Optimization) debemos utilizar para aprovechar al máximo el crawl budget (presupuesto de rastreo) que asigna Google a nuestro sitio web.
Puedes ver el articulo completo de la temática de la ponencia en la siguiente dirección URL en el blog de Raiola Networks: https://raiolanetworks.es/blog/crawl-budget-wpo-wordpress-mejorar-posicionamiento-seo/
The Point is to be Found
o cómo convertir los buscadores en encontradores
Herramientas para verificar + mejorar el posicionamiento web de un proyecto digital
Presentación y guía del Taller realizado el 12 de diciembre de 2019 sobre Analítica Web en Murcia, durante el congreso CID - Murcia organizado por la Cámara de Comercio
OMExpo2017 - SiteGround & Fernando Puente: "Rendimiento y optimización web”SiteGround España
Desde SiteGround como patrocinadores de OMExpo 2017 hemos organizado una serie de charlas sobre SEO, mobile, creación de marca, optimización web y hosting con expertos de alto nivel para que puedas aplicarlos a tu proyecto online y conseguir tus objetivos de comunicación y/o ventas.
Puedes leer más sobre este evento en nuestro blog https://www.siteground.es/blog/patrocinadores-omexpo-2017
Estrategias y tareas de diseño, de desarrollo, de optimización, de mejora del rendimiento, de gestión de los recursos y herramientas disponibles, etc... todo ello orientado a que el servicio que da nuestra web o proyecto online, sea el óptimo para todos y cada uno de los usuarios que la visitan, en cualquier soporte y en cualquier momento
Optimiza tus webs a bajo costo - WCVenezuela2021Fernando Puente
HTTP/2, Brotli, minify, un buen DNS, CDN, tecnologías de cache o una buena conectividad son elementos "low cost" de optimización que podemos incorporar en nuestro proyecto con WordPress. ¿Sabes que grandes medios y plataformas todavía no incorporan estas estrategias de optimización que están a tu disposición?
Hace algunos años, el presupuesto en TI era determinante para ser competitivo, tanto en rendimiento como en capacidad de los sistemas, pero los tiempos han cambiado, para bien. Déjame mostrarte ejemplos de cómo competir con los grandes y ser más rápidos y eficientes con un presupuesto "low cost".
Arquitectura web para sitios enormes - Marcos HerreraData Trust
Marcos Herrera, ex Global organic growth en eBay Classifieds, nos acompañó en la segunda edición del SEODay Perú 2019 para comentarnos como gestionar la arquitectura en un sitio web grande.
Similar a SEO para Progressive Web Apps (PWA) y JavaScript (20)
Charla que di en CLINIC SUMMIT (10/2019), en Ensalada SEO (11/2019) y en SEOnderground (09/2020). Conté la importancia y la necesidad del desarrollo transdisciplinario del profesional SEO . Concretamente me centré en la aplicación de ciencia de datos en proyectos de posicionamiento orgánico.
Mostré ejemplos prácticos en Python y R de visualización, data mining, machine learning, experimentación y predicción aplicados en casos reales.
Cómo GPT-3 puede ayudar a los analistas digitalesNatzir Turrado
Link al video: https://www.youtube.com/watch?v=l9SiC9NCBcU&t=2941s
¿Alguna vez os habéis preguntado si nuestro trabajo como consultores digitales estaría en riesgo con la llegada de la inteligencia artificial? Pues tengo 2 noticias, una mala y una menos mala. La mala es que la inteligencia artificial causará que el precio del trabajo que se hace delante de un ordenador, los trabajos mentales, decrezca mucho más rápido que el trabajo físico. Lo opuesto de lo que mucha gente esperaba. La menos mala es que no seréis reemplazados por la IA, si no por la persona que sepa usar bien la IA.
Pero tengo la solución a esto último y por eso estoy aquí. Os mostraré cómo GPT-3 puede ser vuestro mejor aliado en el mundo digital, ayudándoles a analizar datos de manera más precisa y rápida, liberando tiempo para que puedan enfocarse en tareas de mayor valor.
Análisis de GoogleBot con Google Analytics por Lino UruñuelaNatzir Turrado
¿Por qué es importante conocer como los buscadores rastrean tu sitio? ¿Qué hace Google Bot en tu web?
Lino Uruñuela (aka Errioxa) comparte una forma de hacerlo fácilmente con Google Analytics. Más info:
http://www.mecagoenlos.com/Posicionamiento/monotorizar-googlebot-con-google.php
#CRODay - User Identification and Psychology: the New Way to Convert in 2015Natzir Turrado
Personalisation. User Activation. Recommendation. Multi device tracking. What do they all have in common? Users need to Identify themselves.
When our users register and login in our websites, we can increase conversions by using powerful techniques based on our users preference, experience or behaviour.
Converting anonymous sessions into registered users (user Registration & Login) has never been a priority of web teams. It's time to change this and increase conversions in a brand new way. The 2015 way.
In this talk Xavier and Natzir, two skilled and veteran CRO's, will discuss this topic and give you tips to increase the login rate on your website. This will allow you to increase your conversion rates by personalising your user's experience.
Neuromarketing - ClinicSEO - eShow Barcelona 2014Natzir Turrado
El 95% de nuestros pensamientos, emociones y aprendizajes ocurren de forma inconsciente. Entonces, ¿por qué intentamos influir sobre el 5% consciente que además no tiene el poder de decisión? En la ponencia se expondrán ejemplos de cómo podemos mejorar la satisfacción de los usuarios en nuestra web. De este modo lograremos que decidan, de forma inconsciente, que nuestra marca es la mejor opción para resolver sus necesidades. Todo ello gracias a la aplicación de descubrimientos neurocientíficos que nos harán mejorar la conversión, fidelización y recomendación.
SEO y CRO en 6 pasos. Charla de Natzir Turrado en el Clinic SEO de Barcelona.
Si os ha gustado esta ponencia podéis votarla en el siguiente enlace para poder repetirla en el congreso SEONTHEBEACH: http://www.seonthebeach.es/index.php/cro-conversion-rate-optimization-natzir-turrado/
1. SEO para PWA
Qué son y cómo optimizarlas
Por Christian Oliveira & Natzir Turrado
2. Qué vamos a ver
1. Qué son las PWA y cómo funcionan
2. Cómo tratan JS los buscadores actuales
3. Soluciones de renderizado para sitios JS
4. Buenas prácticas para sitios JS y PWA
5. Experimento PWA sin prerender a Google (CSR)
6. Conclusiones
4. APP nativas
$ Funnel más largo
Desarrolladores escasos
y más caros
Mantenimiento de
versiones
Mantenimiento de
dispositivos
Inversión en otro canal
Suelen tardar más en
desarrollarse
Native And PWA: Choices, Not Challengers! - https://goo.gl/fq6X2E
5. APP nativas
How Much Does it Cost to Develop and Build an App - https://goo.gl/uQmoQm
APP SIMPLE BBDD/API APP
MULTI FUNCIÓN
/ EMPRESARIAL
JUEGO
$10K $10K-50K $50K-150K $5K-250K
2-4
semanas
2-3
meses
3-6
meses
varía
mucho
6. APP nativas
How Much Does it Cost to Develop and Build an App - https://goo.gl/uQmoQm
PERFILES DE
USUARIOS
COMPRAS
IN-APP
GEO
LOCALIZACIÓN
SINCRO ENTRE
DISPOSITIVOS
$7,5K-9,5K $5,5K-15K $7,5K-17K $5,5K-7,5K
EMAIL LOGIN SOCIAL LOGIN INTEGRACIÓN
SOCIAL
SISTEMA DE
RATING
$5,5K-7,5K $2K-3K $2K-15K $5,5K-20K
7. APP nativas
“En una APP nativa,
cada paso te cuesta
un 20% de tus
usuarios.”
Gabor Cselle, PM en @Google
Every Step Costs You 20% of Users - https://goo.gl/QyaHUn
8. Mobile Web APPs
$ Mantenimiento
navegadores
No indexable en APP
stores
Difícil RWD
Mantenimiento de
dispositivos
No permiten navegación
offline
Web Development Cost / Rate Comparison - https://goo.gl/tQdXuZ
9. Y llegamos a las Progressive Web APPs (PWA)
“Experiencia APP”
Transiciones y compras
más rápidas
Notificaciones push
Contenido offline
Botón de pantalla de
inicio
Sin instalación
Fácilmente compartibles
y enlazables
Indexables en buscadores
Experiencia unificada
Indexables en APP stores
Progressive Web APPs - https://goo.gl/jrSk5u
Progressive y Responsive
10. Las PWA usan frameworks y librerías JavaScript (JS)
Comunidad enorme
Más seguros
Económicos / open
source
Facilitan el trabajo a
desarrolladores
Mejor rendimiento
11. Las PWA usan frameworks y librerías JavaScript (JS)
Stack Overflow Developer Survey '17 - https://goo.gl/P8S1X7
Top 5 lenguajes de programación Top 5 frameworks, librerías y
otras tecnologías
13. Cómo funciona una PWA
Service
Worker
Beyond single-page apps: alternative architectures for your PWA (Google I/O '18) - https://youtu.be/X6yof_vIQnk
Cache
14. Cómo funciona una PWA
Service
Worker
req
Beyond single-page apps: alternative architectures for your PWA (Google I/O '18) - https://youtu.be/X6yof_vIQnk
Cache
req
15. Cómo funciona una PWA
Service
Worker
Beyond single-page apps: alternative architectures for your PWA (Google I/O '18) - https://youtu.be/X6yof_vIQnk
Cache
req
req
16. Cómo funciona una PWA
Service
Worker
Beyond single-page apps: alternative architectures for your PWA (Google I/O '18) - https://youtu.be/X6yof_vIQnk
Cache
req
res
17. Cómo funciona una PWA
{i}
JSON
Web App Manifest - https://goo.gl/SB2ur3
18. PWAs: building bridges to mobile, desktop, and native (Google I/O '18) - https://youtu.be/NITk4kXMQDw
Qué navegadores soportan las funciones de las PWA
✔ ✔ ✔ ✔ ✔ ✔
✔ ✔ ✔ ✔ ✔ ✔ ✔
✔ ✔ ✔ ✔ ✔ ✔ ✔
✔ ✔
✔ ✔ ✔ ✔
✔ ✔
Añadir a pantalla
de inicio
Service Workers
Notificaciones
Push
Credential
Management API
Payment
Request API
Meta Theme Color
Soportado Beta Desarrollo✔ ✔
19. La velocidad de una PWA
Mejor carga inicial que
en web y posteriores
todavía más rápidas
The Definitive Guide to Ecommerce Performance - https://goo.gl/YVUngH
20. La velocidad de una PWA
Compra 35% más rápida
Búsqueda 49% más rápida
The Definitive Guide to Ecommerce Performance - https://goo.gl/YVUngH
21. La velocidad de PWA + AMP
Carga prácticamente
instantánea desde buscadores
The Definitive Guide to Ecommerce Performance - https://goo.gl/YVUngH
22. La velocidad de PWA + AMP
Service Worker carga en 2º plano
<amp-install-serviceworker>
The Definitive Guide to Ecommerce Performance - https://goo.gl/YVUngH
23. La velocidad de PWA + AMP
El usuario entra en la PWA
The Definitive Guide to Ecommerce Performance - https://goo.gl/YVUngH
24. Google/SOASTA Research '17 - https://goo.gl/o1MWEK
La importancia de la velocidad de carga
1s - 3s la probabilidad de rebote se incrementa 32%
1s - 5s la probabilidad de rebote se incrementa 90%
1s - 6s la probabilidad de rebote se incrementa 106%
1s - 10s la probabilidad de rebote se incrementa 123%
Si tu web tarda en cargar entre:
25. Speed Matters Vol.3 - https://goo.gl/QM8cM4 & Ericsson ConsumerLab. Neurons Inc. 2015 - https://goo.gl/NyQd4Z
Velocidad de cargaDiseño adaptableDiseño atractivo Findability
La importancia de la velocidad de carga
¿Qué es más importante para los usuarios?
Sencillez
24 % 58 % 61 % 66 % 75 %
Las webs lentas
estresan más que
una peli de miedo
29. Renderizar un sitio en JS cuesta mucho
The Cost of JavaScript - https://goo.gl/6jwY3U
22s35s 14s
10% sitios 25% sitios 50% sitios
Tiempo de interacción (TTI)
en dispositivos móviles
170 KB de JS
!==
170 KB de JPEG
30. Renderizar un sitio en JS cuesta mucho
“Para ejecutar JS en cada página a
nuestra escala necesitaríamos
10K-15K servidores y no creemos
que nuestros clientes estén
dispuestos a pagar esto”
Dmitry Gerasimenko, CEO Ahrefs
Ahrefs crawlers are now rendering web pages and executing JavaScript - https://goo.gl/DQuero
Ahrefs cada 24 horas:
● Crawlea 6 Billones de páginas
● Renderiza 30 Millones de páginas JS
● Resultando en 250 Millones de links JS
● Con 400 servidores
~173 urls segundo por server
~0,86 urls segundo por server
31. Google no espera indefinidamente a renderizar
5’
Tiempo que suele esperar según experimentos que hemos hecho
y confirmado por otros SEO
No hay un tiempo oficial - https://goo.gl/MhNXdd
’
32. Google no espera indefinidamente a renderizar
5’
Tiempo que suele esperar según experimentos que hemos hecho
y confirmado por otros SEO
No hay un tiempo oficial - https://goo.gl/MhNXdd
’
Usa como referencia
el snapshot de la
Mobile Friendly Tool
33. Google renderiza sitios JS en 2 fases
CRAWL
INDEX
RENDER
1ª ola de
indexación
2ª ola de
indexación
Nuevos links a
crawlear
A medida que
llegan recursos
de renderizado
Deliver search-friendly JavaScript-powered websites (Google I/O '18) - https://youtu.be/PFwUbgvpdaQ
34. Google renderiza sitios JS en 2 fases
CRAWL
INDEX
RENDER
1ª ola de
indexación
2ª ola de
indexación
Nuevos links a
crawlear
A medida que
llegan recursos
de renderizado
Deliver search-friendly JavaScript-powered websites (Google I/O '18) - https://youtu.be/PFwUbgvpdaQ
Google aplaza el
renderizado por
falta de recursos
35. Google renderiza sitios JS en 2 fases
CRAWL
INDEX
RENDER
1ª ola de
indexación
2ª ola de
indexación
Nuevos links a
crawlear
A medida que
llegan recursos
de renderizado
Deliver search-friendly JavaScript-powered websites (Google I/O '18) - https://youtu.be/PFwUbgvpdaQ
Lee el canonical, rel=amphtml
y el status HTTP en el fetch
inicial y no les da una 2ª
oportunidad si no están
36. Google renderiza sitios JS en 2 fases
CRAWL
INDEX
RENDER
1ª ola de
indexación
2ª ola de
indexación
Nuevos links a
crawlear
A medida que
llegan recursos
de renderizado
Deliver search-friendly JavaScript-powered websites (Google I/O '18) - https://youtu.be/PFwUbgvpdaQ
Si el Noindex, Hreflang y
rel=next/prev no están en el
HTML, los leerá en la
versión renderizada
37. Google renderiza sitios JS en 2 fases
CRAWL
INDEX
RENDER
1ª ola de
indexación
2ª ola de
indexación
Nuevos links a
crawlear
A medida que
llegan recursos
de renderizado
Deliver search-friendly JavaScript-powered websites (Google I/O '18) - https://youtu.be/PFwUbgvpdaQ
Google usa Chrome 41 para
renderizar. Lo hace Caffeine
con un subsistema de WRS
38. Tipos de eventos y links que sigue Google
Deliver search-friendly JavaScript-powered websites (Google I/O '18) - https://youtu.be/PFwUbgvpdaQ
Google rastrea, indexa y pasa PageRank a los links HTML (<a href=...)
● <a href="/este-link"> será rastreado </a>
● <a href="/este-link" onclick="cambioPagina('este-link')"> será rastreado </a>
● <a onclick="cambioPagina('este-link')"> no será rastreado </a>
● <span onclick="cambioPagina('este-link')"> no será rastreado </span>
39. Tipos de eventos y links que sigue Google
https://goo.gl/rRPWcC & https://goo.gl/aZaECU & https://goo.gl/aZaECU & https://goo.gl/j1ccxF
Google rastrea e indexa cualquier cosa que tenga forma de enlace para descubrir,
pero no les pasará PageRank (no quiere decir que no aparezcan cuando los
busques):
● <a onclick="cambioPagina('/este-link')"> será rastreado </a>
● <span onclick="cambioPagina('/este-link')"> será rastreado </span>
● /este-link será rastrado
40. Tipos de eventos y links que sigue Google
https://goo.gl/rRPWcC & https://goo.gl/aZaECU & https://goo.gl/aZaECU & https://goo.gl/j1ccxF
Google rastrea e indexa cualquier cosa que tenga forma de enlace para descubrir,
pero no les pasará PageRank (no quiere decir que no aparezcan cuando los
busques):
● <a onclick="cambioPagina('/este-link')"> será rastreado </a>
● <span onclick="cambioPagina('/este-link')"> será rastreado </span>
● /este-link será rastrado
Los eventos onscroll los sigue a veces y onmouseover no los sigue. Si tienes una
paginación con onscroll puede llegar a indexarse (sólo las primeras páginas).
Saber qué tipos de eventos y links sigue Google es importante porque las URLs
indexadas se tienen en cuenta para evaluar la calidad de un sitio web.
50. ¿Qué es lo preferible para los usuarios?
Netflix and SSR - https://goo.gl/ym6fWN
51. ¿Qué es lo preferible para los usuarios?
Walmart and SSR - https://goo.gl/EwmPyD
SSR CSR
FCP >
52. ¿Qué es lo preferible para los usuarios?
Walmart and SSR - https://goo.gl/EwmPyD
SSR CSR
TTFB <
53. ¿Qué es lo preferible para sistemas?
The Benefits of Server Side Rendering Over Client Side Rendering - https://goo.gl/EwmPyD
CSR
54. ¿Qué es lo recomendado para Google?
Funcionalidades JS
Tipo de sitio web > Chrome 41 < Chrome 41
Pequeño y estático SSR / DR CSR
Pequeño y dinámico SSR / DR CSR / SSR / DR
Grande y estático SSR / DR SSR / DR
Grande y dinámico SSR / DR SSR / DR
55. ¿Qué es lo recomendado para Google?
Tweet de Barry Adams - https://goo.gl/umSS1j
61. Fetch and Render Fetch & Render es menos
tolerante a la lentitud
que el WRS de Caffeine
62. Fetch and Render de cualquier dominio
Fetch and Render de cualquier sitio - https://github.com/screamingfrog/fetch-and-render
Añade esta meta al
código original
63. Fetch and Render de cualquier dominio
https://www.analistaseo.es/fetch-and-render/
?url=https://www.ejemplo.com&type=mobile
Fetch and Render de cualquier sitio - https://github.com/screamingfrog/fetch-and-render
67. Comprueba las metas con otros user-agent
Meta SEO inspector + User-Agent Switcher - https://goo.gl/tNo3ug & https://goo.gl/7r7rcn
Google: User-Agent String: Mozilla/5.0 (compatible;
Googlebot/2.1; +http://www.google.com/bot.html)
Googlebot Mobile: Mozilla/5.0 (Linux; Android 6.0.1; Nexus
5X Build/MMB29P) AppleWebKit/537.36 (KHTML, like Gecko)
Chrome/41.0.2272.96 Mobile Safari/537.36 (compatible;
Googlebot/2.1; +http://www.google.com/bot.html)
Facebook: facebookexternalhit/1.1
(+http://www.facebook.com/externalhit_uatext.php)
68. Comprueba las metas con otros user-agent
Meta SEO inspector + User-Agent Switcher - https://goo.gl/tNo3ug & https://goo.gl/7r7rcn
69. Navega sin JS con otros user-agent
Web Developer - https://goo.gl/WqjjLa
70. Navega sin JS con otros user-agent
UsuariosGooglebot
Web Developer - https://goo.gl/WqjjLa
71. Navega sin JS con otros user-agent
Web Developer - https://goo.gl/WqjjLa
UsuariosGooglebot
72. Comprueba los errores de consola y los links en Chrome 41
Descarga Chrome 41 - https://goo.gl/3tpxpH
73. ☑
☑
☑
☑
☑
☑
☑
☑
☑
PWA Checklist SEO para CSR
1. Canonicals + metadatos no dependen de CSR
2. La página renderiza en menos de 5 seg
3. La página carga y es funcional en Chrome 41
4. Los enlaces al renderizar aparecen como elementos <a>
5. El HTML + visual es el esperado en Mobile Friendly Tool
6. El HTML + visual es el esperado al “Obtener y procesar” en
Search Console
7. Las páginas aparecen al buscar cadenas específicas de texto
8. El contenido no se replica en diferentes páginas
9. No se usa !# (History API) y cada página con su url
74. ☑
☑
☑
☑
☑
☑
☑
☑
☑
PWA Checklist SEO para Dynamic Rendering (SSR)
1. Servimos SSR a Googlebot + bots específicos (FB, TW…)
2. El contenido que recibe Googlebot es el mismo que el de un
navegador normal
3. Los códigos de respuesta son los mismos en ambos casos
4. El metaetiquetado es el mismo en ambos casos
5. El servidor es capaz de manejar el renderizado bajo alta carga
6. La versión SSR incluye todo el contenido y enlaces de forma
correcta
7. Todas las páginas tienen el comportamiento esperado en ambos
casos
8. No se usa !# (History API) y cada página con su url
75. ☑
☑
☑
☑
☑
☑
☑
☑
☑
☑
☑
☑
☑
PWA Checklist UX & WPO
Progressive Web App Checklist - https://goo.gl/jGj4D2
1. El sitio está en HTTPS
2. Las páginas son mobile friendly y funcionan en diversos navegadores
3. Las urls cargan de forma offline
4. Metadata para añadir a la pantalla de inicio
5. TTI <10s en 3G
6. Las transiciones son inmediatas
7. Verificar que se hace uso de cache-first
8. Informar cuando se hace uso de la versión offline
9. Comprobar que el contenido no "salta" al cargar (usa un skeleton)
10. Devolver al usuario a donde estaba al pulsar atrás
11. Que los inputs no se tapen cuando se despliega el teclado
12. El contenido es fácilmente compartible (Web Share API)
13. No molestar con el añadir a pantalla de inicio
80. Prueba 1: renderizado
Renderiza en
Mobile Friendly
Tool
Renderiza en Search
Console
Google renderiza e
indexa la página
15’ después de
“solicitar
indexación” en SC
86. Prueba 3: nuevo contenido
Publicamos nuevo
post
Forzamos
indexación de la
home del blog
87. Prueba 3: nuevo contenido
4 días después
todavía no se ha
indexado
88. Prueba 3: nuevo contenido
Observaciones:
● Si no forzamos el renderizado y la indexación de ese
contenido, Google tardará en indexar el nuevo contenido.
89. Prueba 4: comprobando las dos “olas” de indexación
Añadimos una
palabra inventada a
la versión no-JS
90. Prueba 4: comprobando las dos “olas” de indexación
Le damos a “Obtener” (sin
procesar) en SC + Solicitar
indexación
91. Prueba 4: comprobando las dos “olas” de indexación
A los pocos minutos…
¡Google indexa y asocia esa
palabra a la web!
92. Por otro lado, la caché de
Google no se ha actualizado
Prueba 4: comprobando las dos “olas” de indexación
93. Prueba 4: comprobando las dos “olas” de indexación
Y la página sigue apareciendo
para cadenas de texto de la
versión anterior
94. Observaciones:
● Antes de renderizar la página Google ha indexado el
contenido que hay sin JS (primera ola).
● Este contenido lo ha asociado a la versión anterior de la
web (sin PWA).
Prueba 4: comprobando las dos “olas” de indexación
96. Conclusiones
● A día de hoy muy pocas webs han migrado
directamente a PWA sin prerender (CSR) para todos
los agentes. Los que lo han hecho y han bajado,
tenían otros problemas técnicos (hulu.com).
● Las webs nuevas que han salido directamente con PWA
sin prerender no tienen problemas para rankear,
pero sí de indexación.
● De momento, y para Google, el Dynamic Rendering es
una solución que funciona y que hemos podido
comprobar en proyectos.
97. SEO para PWA
GRACIAS
Natzir Turrado
analistaseo.es
hola@natzir.com
@natzir9
Christian Oliveira
christianoliveira.com
christian@usal.es
@christian_wilde