Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"

23
JS y SEO ¿Cómo es el Javascript que indexa?

Transcript of Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"

Page 1: Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"

JS y SEO¿Cómo es el Javascript que indexa?

Page 2: Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"

Formador Ponente

Consultor

Eduardo Garolera +10 años de experiencia en SEO enfocado en sites internacionales multi-idioma con

millones de páginas y millones de visitas orgánicas mensuales.

Page 3: Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"
Page 4: Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"

Javascript vs Indexación

¿Developer vs SEO?

Page 5: Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"

Javascript

PROS VELOCIDADClient Side Rendering CSR Ejecución inmediata sin servidorSIMPLICIDADEs relativamente simple de aprender e implementar.VERSATILIDADBuena interacción con otros lenguajes REDUCE CARGA SERVIDORCSR

CONSSEGURIDADCSRLo hace vulnerablePosible resultado distinto al esperado por distinto navegador

Page 6: Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"

Indexación

Método clásico ENLACES Su rastreo permite descubrir estructura y otros sites DESCARGA Se guarda una copia para procesado ORDENACION Algoritmos que las analizan para actualizar resultados de búsqueda

2014-… RENDERIZADO Permite comprender la disposición del contenido y su diseño visual

Page 7: Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"

Malentendido con Renderización

Renderización no es lo mismo que

indexación

Page 8: Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"

¿Seguimiento de enlaces?

Page 9: Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"

Validalo tu mismo

Page 11: Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"

Double Serving

¿Como indexar Javascript?

SSR

Page 12: Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"

Double Serving

- Servimos mediante CSR- Servimos de nuevo mediante noscript- Riesgo de disparidad de contenido (Cloaking)- Mantenimiento costoso- Duplicidad de esfuerzos

Page 13: Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"

Double Serving

Page 14: Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"

Prerender.io

Page 15: Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"

Ejemplos Double Serving

Page 16: Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"

Ejemplos Double Serving

Page 17: Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"

¿Que recomienda Google?

Page 18: Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"

SSR - Server Side Rendering

- Isomorphic Javascript- Solucion a indexación por Javascript- Servimos javascript ejecutado en el servidor- Somos transparentes con google

http://isomorphic.net/

Page 19: Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"

Ejemplos SSR – Fotocasa mobile

Page 20: Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"

Ejemplos SSR – Fotocasa mobile

Page 21: Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"

Ejemplos SSR – Fotocasa mobile

¿SSR = Super Seo F-Riendly?

Page 22: Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"

¿Como indexar Javascript?

SSR

Page 23: Eduardo Garolera: "JavaScript y SEO. ¿Cómo es el JavaScript que indexa?"

Gracias!