hidden bullet

Estándares Web y SEO

Martín Álvarez Espinar, <mlvarez@w3.org>

Letras W3C en tres teclas de un teclado

World Wide Web Consortium

El mundo interconectado mediante la web

Realmente WorldWide

El mundo, con puntos que indican las sedes centrales y las oficinas

¿Qué hace el W3C?

Especificaciones, directrices y herramientas:

Voice WebCGM PICS HTMLTidy Databinding WebOntology HTML CompoundDocumentFormats SPARQL WAI Web APIs Libwww PatentPolicy OWL TimedText XMLEncryption Multimodal XML RichWebClients XMLProcessing DeviceIndependence URI/URL DOM HTTP Accessibility RDF WebApplicationFormats XMLBase Jigsaw XLink I18N P3P QualityAssurance XMLKeyManagement UbiquitousWeb InkML Incubator XPath WebServices XForms CSS SOAP Mobile SMIL Rules SVG Amaya SemanticWeb MathML

Recomendaciones tecnológicas abiertas del W3C, probablemente con la política de patentes más transparente en Internet

Desde el origen de la Web...

Propuesta de Gestión de la Información de Tim Berners-Lee
Information Management: A Proposal, Tim Berners-Lee, CERN, March 1989, May 1990, [http://www.w3.org/History/1989/proposal.html]

WorldWideWeb

Pantalla del primer navegador-editor de páginas web: Worldwideweb

Crecimiento de la Web (páginas)

... un grafo 50.000 veces el mapa de carreteras de EEUU (We knew the web was big..., Google Blog)

Crecimiento de los usuarios

Gráfico sobre el uso de Internet en el mundo

¿Qué aporta el W3C a la Web?

Pila de las tecnologías de W3C, vete a http://www.w3.org/Consortium/techstack-desc.html para más detalles

Estándares, los fundamentos de la Web

¿Web Única?

...ofrece la misma información y servicios a los usuarios, independientemente de quienes son, donde están, los sistemas que usan o la forma mediante la que se conectan

Una Web para todo el mundo

Mano sujetando una bola del mundo

...acceso universal

Acceso a la información, independientemente de...

¿Cómo se consigue esta Universalidad?

Pila de las tecnologías, sólo visible la parte de las tecnologías horizontales

Accesibilidad Web

...personas con discapacidades puedan usar la Web

Diseñar para usuarios con discapacidad en un entorno ordinario es igual que diseñar para personas sin discapacidad en entornos extraordinarios

Ventajas de la Accesibilidad

Pero... ¿qué tiene esto que ver con SEO?

Ventajas para todos/as todo

Información accesible a todos/as todo

Sección de Divulgación de W3C Oficina en España

Información accesible a todos/as todo

Página de W3C Oficina en España. Resaltado el h1 sobre la página

Información accesible a todos/as todo

Sección de Divulgación de W3C Oficina en España. Resaltado el h1 y el h2 sobre la página

Información accesible a todos/as todo

Página web con el h1, el h2, un dt y un dd sobre la página

Información accesible a todos/as todo

Página web con el h1, el h2, dt, dd y un strong sobre la página

Desde otros dispositivos...

Page has eleven headings and fifty-four linksWthree C Oficina Española dash Documentos y Guías Divulgativas dash Internet ExplorerHeading level oneLinkGraphicLogo oficina española del Wthree C Documentos y Guías Estás en colon List of one itembulletLink Oficina EspañolaList of one itembullet right double angle bracket Documentos y GuíasList endList endHeading level two Tarjetas de ReferenciaDefinition list of one itemLink Buenas Prácticas en Web Móvilequals Referencias a las Buenas Prácticas en Web Móvil, en forma de tarjetas resumidas con las pautas agrupadas por temáticasList endHeading level two GuíasDefinition list of three itemsLink Guías de referencia rápidaequals Guías de Referencia left paren imprimibles right paren destinadas a desarrolladores de tecnologías Wthree CLink Guías Breves de Tecnologías Wthree Cequals [...]

Página de la Oficina W3C España a través de Fangs (screen reader emulator)

No siempre se puede acceder a esa información

Página web que solicita tener instalado Flash, tras deshabilitar JavaScript en el navegador
Sin Javascript

No siempre se puede acceder a esa información

Página web que solicita tener instalado Flash, tras deshabilitar el reproductor Flash en el navegador
Con Javascript /Sin Flash

Estándares del W3C para la Accesibilidad

Web Accessibility Initiative (WAI)

WCAG

Logos de conformidad WAI A, doble A y triple A

WAI-ARIA

Control de tipo árbol de navegación
(Control Árbol de Navegación)

Accessible Rich Internet Applications (Borrador)

Recordar a todos los públicos (I18n)

Desde cualquier lugar, cualquier dispositivo

Usuario de la Web Móvil consultando su dispositivo dentro de un tren

...desde cualquier lugar :)

Equipo informático portátil casero

Desde cualquier dispositivo

Frigorífico con un navegador webNavegador en un salpicadero de un automóvilUrinarios tecnológicos

La estandarización es importante

Muchos dispositivos móviles de diversos tipos

Importancia del mercado Móvil

Camello y una persona hablando a través de un teléfono móvil

Mercado Móvil: las Economías Emergentes

Distribución de abonados de telefonía móvil por regiones en el mundo
(ITU World Telecommunication/ICT Indicators Database)

SEO muy importante para el móvil

SVG en un teléfono móvil
(SVG Population Pyramid on iPhone)

La Iniciativa de Web Móvil

Comparación de la vista de un navegador móvil y un navegador de escritorio con la misma página
(http://www.efront.com.au/web-design-melbourne/uploaded_images/iphone-776924.jpg)

Haciendo el acceso a la Web desde un dispositivo móvil tan simple, fácil y adecuado como el acceso a la Web desde un dispositivo de escritorio.

La Web de los Datos y Servicios

Mapa de líneas de metro, donde se representan conceptos y la unión entre distintos servicios que comparten datos

Lenguaje para personas no para máquinas

...más tareas de humanos

Evolución de la Web Tradicional...

Representación de la Web tradicional como un conjunto de enlaces a documentos

... a la Web Semántica

Relaciones entre recursos que tienen incluida semántica

Problema: Integración de Bases de Datos

El caso es real

Capturas de tres sitios web superpuestos, con información médica sobre proteinas

Problema: Redes Sociales

logos de aplicaciones sociales

Problema: Bibliotecas digitales

Problema: ambigüedad en las búsquedas

Captura de pantalla del resultado de una búsqueda de la etiqueta chips en Google

Y... ¿Hay solución a todo esto?

¡Sí!

Buscadores semánticos

Pantallazo del buscador semántico Falcons con la consulta del objeto catalunya

Fiabilidad en las búsquedas

Pantallazo del funcionamiento del plugin Thresher para Firefox

Resultados enriquecidos

Pantallazo del funcionamiento de SearchMonkey

Búsqueda inteligente para servicios online

Pantallazo del buscador de servicios al ciudadano del Ayto. de Zaragoza

Mejora de las búsquedas (BOPA)

Pantallazo del buscador del BOPA

Organización de recursos de distinta naturaleza

Pantallazo del buscador de cultura semántico ClioPatria

Integración de conocimiento de Medicina China

Pantallazo de la aplicación de integración del conocimiento de la Medicina China

Mejora la búsqueda y navegación en portales

Pantallazo de Oracle Technology Network

Muchas gracias

Esta presentación está en
http://www.w3c.es/Presentaciones/2009/0130-estandaresSEO-MA
Más información
http://www.w3c.es/Divulgacion
Oficina Española del W3C
http://www.w3c.es
mlvarez@w3.org (yo)
Fotos
Mobile phone Zombies (Edward B.), LOGO2.0 (Stabilo Boss), theworld (Skelekitten), Communicating in the desert (John & Mel Kots)