La optimización web en un entorno 2.0 Abraham Covelo SEO Manager Atrapalo S.L. [email_address] http://twitter.com/abrahamcovelo/ http://www.novanebula.net/blog/ Presentación: http://tr.im/seoweb2

Web 2.0 Markus Angermeier Source: http://kosmar.de/archives/2005/11/11/the-huge-cloud-lens-bubble-map-web20/ Creative Commons Reconocimiento, compartir bajo la misma licencia

Markus Angermeier

Source: http://kosmar.de/archives/2005/11/11/the-huge-cloud-lens-bubble-map-web20/

Creative Commons Reconocimiento, compartir bajo la misma licencia

Pilares web 2.0 (SEO) Participación activa de los visitantes en tu web Se busca la implicación del usuario como generador de contenido Interfaces con el usuario más completos y ricos CSS Javascript Integración con otras webs o aplicaciones externas (redifusión del mensaje) RSS, Atom, XML, Web services, microformatos Estandarización de la web Navegadores, formatos multimedia, XHTML

Participación activa de los visitantes en tu web

Se busca la implicación del usuario como generador de contenido

Interfaces con el usuario más completos y ricos

CSS

Javascript

Integración con otras webs o aplicaciones externas (redifusión del mensaje)

RSS, Atom, XML, Web services, microformatos

Estandarización de la web

Navegadores, formatos multimedia, XHTML

Participación activa usuarios ¿Que problemas plantea esto para el SEO? No debería plantearlos Mayor contenido y efecto muy positivo para el 'long tail' Asegurarnos la indexabilidad de estos nuevos contenidos Sobre todo, favorecerlos en nuestro sitio web e incluso fuera de él (SMO)

¿Que problemas plantea esto para el SEO?

No debería plantearlos

Mayor contenido y efecto muy positivo para el 'long tail'

Asegurarnos la indexabilidad de estos nuevos contenidos

Sobre todo, favorecerlos en nuestro sitio web e incluso fuera de él (SMO)

Interfaz de usuarios La revolución de las diferentes tecnologías web que han dado lugar a la web2.0 han afectado no sólo al diseño sino también a las funcionalidades de la web. CSS Javascript Veamos un ejemplo:

La revolución de las diferentes tecnologías web que han dado lugar a la web2.0 han afectado no sólo al diseño sino también a las funcionalidades de la web.

CSS

Javascript

Veamos un ejemplo:

Yahoo 2000

Yahoo 2009

Interfaces de usuario (CSS) Las diferencias no sólo se aprecian en la página sino en el código que las sirve. La clave principal está en el uso del CSS que origina una diferenciación a nivel de documento de la información a mostrar y la manera de representarlo. ¿Algún problema para SEO? Tampoco. De hecho su utilización mejora el analisis por parte de los motores de búsqueda del contenido de las páginas. El empleo de CSSes (externos a ser posible) y una correcta estructura XHTML de nuestras páginas las optimiza para los motores de búsqueda.

Las diferencias no sólo se aprecian en la página sino en el código que las sirve.

La clave principal está en el uso del CSS que origina una diferenciación a nivel de documento de la información a mostrar y la manera de representarlo.

¿Algún problema para SEO?

Tampoco. De hecho su utilización mejora el analisis por parte de los motores de búsqueda del contenido de las páginas.

El empleo de CSSes (externos a ser posible) y una correcta estructura XHTML de nuestras páginas las optimiza para los motores de búsqueda.

Interfaces de usuario (Javascript) El mayor problema lo encontramos en el uso del javascript en el diseño, generación y funcionalidad de nuestras páginas El contenido servido por javascript, expecialmente ajax, suele estar oculto a los motores de búsqueda. Este es el principal peligro que hay que resolver. Soluciones: Unobstrusive javascript: jQuery (javascript no debe interferir en la estructura del xhtml) Alternativas a ajax: Realmente lo necesitamos en muchos casos especialmente para landings importantes no es necesario. Accesibilidad: un diseño pensado en al accesibilidad evitaría estos problemas

El mayor problema lo encontramos en el uso del javascript en el diseño, generación y funcionalidad de nuestras páginas

El contenido servido por javascript, expecialmente ajax, suele estar oculto a los motores de búsqueda.

Este es el principal peligro que hay que resolver. Soluciones:

Unobstrusive javascript: jQuery (javascript no debe interferir en la estructura del xhtml)

Alternativas a ajax: Realmente lo necesitamos en muchos casos especialmente para landings importantes no es necesario.

Accesibilidad: un diseño pensado en al accesibilidad evitaría estos problemas

Integración con otras webs o aplicaciones externas ¿Problemas SEO? Ninguno es más, es de gran ayuda Apoyo casi incondicional a: web services (obtener información útil de proveedores externos o cederla a otras webs) Sindicación de contenido (obtener un mayor impacto de tu contenido) Potenciar presencia en otras webs (redes sociales, agregadores de noticias, etc) SMO.

¿Problemas SEO?

Ninguno es más, es de gran ayuda

Apoyo casi incondicional a:

web services (obtener información útil de proveedores externos o cederla a otras webs)

Sindicación de contenido (obtener un mayor impacto de tu contenido)

Potenciar presencia en otras webs (redes sociales, agregadores de noticias, etc) SMO.

Estandarización de la web Todo ventajas para la optimización SEO XHTML (documentos mejor estructurados, evita mezclas innecesarias de javascript y css) HTML5.0 (aplicaciones web) Nuevos tags audio y video Modo offline Almacenamiento Canvas Flash (¿estandar de facto?) Recomiendo reducir su uso aunque google admita que es capaz de sacar más información de este formato. Por supuesto útil para introducir videos hoy por hoy.

Todo ventajas para la optimización SEO

XHTML (documentos mejor estructurados, evita mezclas innecesarias de javascript y css)

HTML5.0 (aplicaciones web)

Nuevos tags audio y video

Modo offline

Almacenamiento

Canvas

Flash (¿estandar de facto?)

Recomiendo reducir su uso aunque google admita que es capaz de sacar más información de este formato. Por supuesto útil para introducir videos hoy por hoy.

La optimización web en un entorno 2.0 Abraham Covelo SEO Manager Atrapalo S.L. [email_address] http://twitter.com/abrahamcovelo/ http://www.novanebula.net/blog/ Presentación: http://tr.im/seoweb2