Combinando SEO y JS

Revisamos un cachito de la parte técnica de SEO, esa que combina SEO y JS para obtener buenos resultados orgánicos.

Ponencia dictada el 28 de julio en Alicante durante el evento SEO Plus 2023 organizado por Webpositer

Transcript

1. Combinando SEO y JS
2. Lucía A. Sánchez H. TU FOTO SEO Specialist en Platzi Lu_San2 luciasanchezh
3. ÍNDICE Importancia de JavaScript para una sitio web ¿Cómo entiende Google el contenido mostrado con JS? ¿Cómo lograr que Google entienda el contenido con JS? Auditar JS en una web desde una mirada SEO Implementar SEO en webs grandes
4. Importancia de JS ¿Qué es y para qué se usa JS en una web?
7. Con JavaScript mejoras la experiencia en el sitio web para adquirir y retener usuarios.
8. Optimización JavaScript ¿Cómo entiende Google el contenido generado con JS?
9. Renderizado de Google
10. Renderizado de Google
11. Renderizado de Google
12. Renderizado de Google
13. Optimización JavaScript ¿Cómo logro que Google entienda mi contenido?
16. Páginas con contenido altamente dinámico
17. Páginas de comercio electrónico
18. Páginas con alto tráfico orgánico
19. Páginas de indexación rápida
20. Si renderizas tu contenido en el servidor, Google podrá indexarlo más rápido.
21. Auditar JavaScript Identificar errores de renderizado e indexación
22. Identificar errores: renderizado Identificar las páginas o templates principales Aquellas que ya están recibiendo la mayor cantidad de tráfico o que tienen potencial para recibirlo.
23. Identificar errores: renderizado Identifica qué contenido se renderiza usando JS y cuál no
24. Identificar errores: renderizado
25. Identificar errores: renderizado Identifica que no existen incongruencias en la metadata pre y post renderizado Usa Screaming Frog para auditorías o Content King para capturar errores en tiempo real.
26. Identificar errores: renderizado Identifica que no existen cambios en metadata pre y post renderizado Usa Screaming Frog para auditorías o Content King para capturar errores en tiempo real.
27. Identificar errores: indexación Bloqueos de indexación Enlaces tipo # o con eventos onclick.
28. Identificar errores: indexación Bloqueos de indexación Bloqueo de JavaScript o CSS por Robots.txt.
29. Identificar errores: velocidad de carga Identificar las páginas principales Optimización de imágenes Implementa políticas de CDN (Content Delivery Network) Revisa que el tamaño y peso de imágenes se ajustan a la necesidad de las pantallas y verifica que la web usa loading="lazy". Aquellas que ya están recibiendo la mayor cantidad de tráfico o que tienen potencial para recibirlo. Usa Content Delivery Network para almacenar en caché y entregar contenido estático de tu sitio web de forma rápida. Minimiza JS, CSS y HTML Utiliza herramientas de compresión y minificación.
30. El SEO no lo hace un SEO Implementar SEO en una web con más de 1 millón de urls
31. Prioriza errores
32. Comunica oportunidades Plantea el impacto que se puede obtener Explica qué hay que hacer Negocia con Producto Explica con el mismo lenguaje de desarrollo el cambio que se debe hacer para generar el impacto que proyectaste. Identifica y comunica el impacto que tendrá resolver el issue que identificaste a nivel de negocios o experiencia de usuario. La comunicación es la clave para que tu iniciativa entre en las prioridades del backlog del Product Manager o el Product Owner. Revisa el staging, haz seguimiento y comunica el impacto No delegues el trabajo de revisión en el equipo de QA, una vez implementado realiza un seguimiento y comunica qué generó.
33. Construye Cultura SEO en el equipo Identifica a tus aliados Mantén al SEO en la mente de Producto e Ingeniería Explica y comunica constantemente teoría, buenas prácticas, oportunidades de mejora e impacto. Cualquier persona con permisos para hacer cambios en la web puede afectar al SEO. Deja de ser reactivo y empieza a ser preventivo Crea tus propias herramientas de test para que los errores de SEO no lleguen a producción.
34. Producto e Ingeniería son tus mejores aliados para implementar SEO en páginas robustas.
35. ¡Bonus Track! Tips para llevar a cabo lo aprendido
36. Entonces, ¡los tips! JavaScript y SEO son un combo poderoso El secreto de JS es el Server Site Rendering El backlog de SEO es interno El contenido principal de una web debe renderizar desde el backend para asegurar la indexación rápida. Combinando de forma estratégica el JS y el SEO puedes adquirir y retener más usuarios. Llega a producto con los issues de mayor impacto para luego gestionar el resto de tu backlog. Construye Cultura SEO Evangelizar en equipos técnicos y no técnicos es la clave para que el SEO llegue a producción.
37. ¡Herramientas recomendadas! Screaming Frog Content King WWJD de Onely.com https://www.contentkingapp.com/ https://www.screamingfrog.co.uk/seo-spider/ https://www.onely.com/tools/wwjd/ Backlog SEO de ClickUp https://clickup.com/templates/seo-checklist-t-206542033 Herramientas de desarrollador en el Navegador
38. MUCHAS GRACIAS
39. Lucía A. Sánchez H. TU FOTO SEO Specialist en Platzi Lu_San2 luciasanchezh