Y como dicen que una imagen vale más que mil palabras un video vale más que un millón de palabras, a continuación pongo un screencast de cómo funciona Compass.

Dicha técnica consiste en utilizar una plataforma de publicación como WordPress para montar un sitio cuyo contenido será únicamente estático o en el mejor de los casos se actualizará cada 8 meses (poco dinámico).

“¿Por qué demonios utilizar una herramienta como WordPress (WP) para un sitio que actualizará su contenido cada 8 meses?” fue lo primero que pensé. Como la espinita me quedó clavada me puse a investigar un poco.

Entre artículos, threads en foros, algunos grupos de discusión, y un intercambio de correos con un amigo involucrado con el mundo del SEO me encontré con algo que ya sospechaba pero de lo que no estaba seguro: los motores de búsqueda le dan prioridad a WP porque es SEO-friendly de caja.

Eso significa que una instalación de WP recién salida del horno te va a brindar un posicionamiento relativamente bueno en buscadores casi inmediatamente y sin que tú muevas un dedo gracias a la manera en que está desarrollado.

La estructura de WP cuenta con features y funciones built-in que guían a los buscadoresa través de un sitio para darles un recorrido por los artículos, páginas, categorías, y etiquetas de forma que el procesos de recuperar la información necesaria para almacenarla en sus bases de datos sea más ágil.

Al facilitarles el trabajo a Googlebot y compañía, estos prefieren sitios WordPress powered y generalmente les dan prioridad sobre otros.

Por esa razón, WP se convierte en una herramienta muy útil para ponernos en el mapa sin tener conocimientos sobre SEO y de una forma muy simple consiguiendo posicionarnos bien en buscadores.

Aún así aclaro que para conseguir un muy buen posicionamiento en buscadores se necesita más que una herramienta de publicación y un paquete de plugins/módulos. La razón de que Google prefiera sitios basados en WP no justifica el dejar por un lado el SEO, ya que si quisieramos conseguir una muy buena posición en cualquier buscador necesariamente ocupamos de expertos en SEO que conozcan las herramientas, realicen un análisis detallado, y definan una estrategia efectiva.

Y aunque no lo parezca, la diferencia que podemos hacer con tan sólo seguir sus lineamientos al pie de la letra es bastante notoria. Veamos.

Respetar el estándar HTML

Esto, a pesar de ser bastante claro no es una práctica común en la gran mayoría de los diseñadores web que por una u otra razón no la aplican.

Centrándonos en el diseño de formularios, la recomendación H91: Using HTML form controls and links describe una serie de elementos que se deben emplear para conseguir formularios accesibles. Así de simple, sin complicación alguna.

Siempre utilizar etiquetas explícitas

El elemento label nunca debe faltar en los formularios para describir la razón de ser de algún campo; este debe utilizarse apropiadamente en conjunto con su atributo for.

<label for="fname">First Name:</label> 
<input id="fname" name="fname" type="text" />

Se recomienda evitar etiquetas implícitas para no complicarle las cosas a aquellos que utilizan screen readers, como por ejemplo:

<label>First Name:
<input id="fname" name="fname" type="text" /></label>

Utilizar el atributo tabindex

El atributo tabindex especifíca la posición del elemento para controlar el desplazamiento (o navegación) entre todos los elementos de un formulario por medio de la tecla TAB. Esto quiere decir que según el valor que tenga el atributo, el enfoque del cursor se posicionará sobre el.

<label for="fname">First Name:</label> 
<input id="fname" name="fname" type="text" tabindex="1" />
<label for="lname">Last Name:</label> 
<input id="lname" name="lname" type="text" tabindex="2" />

Indicar los campos requeridos

Por último pero no menos importante, se aconseja especificar los campos que son requeridos para procesar el envío de un formulario satisfactoriamente ya sea utilizando texto o un icono.

Se puede utilizar la palabra requerido (required) para indicarlo.

<label for="fname">First Name (required):</label> 
<input id="fname" name="fname" type="text" tabindex="1" />

También se puede agregar un asterísco u otro símbolo usando el elemento abbr, y en su atributo alt title denotar su descripción (Gracias a akhasis por la aclaración).

<label for="fname">First Name <abbr title="required">*</abbr>:</label> 
<input id="fname" name="fname" type="text" tabindex="1" />

Y si se piensa utilizar una imagen en lugar de texto es imprescindible también hacer uso del atributo alt dentro del elemento img para señalar su descripción.

<label for="fname">First Name <img src="required.png" alt="Required field" />:</label>
<input id="fname" name="fname" type="text" tabindex="1" />

That’s it! Cosas tan simples como esas marcan la diferencia.

En el artículo se enfocaron únicamente en los lineamientos para formularios, sin embargo el documento contempla más que eso. En mi opinión es un recurso altamente recomendable y que se debería consultar en todo momento.

Básicamente la Web Foundation tiene como misión alcanzar una Web libre y abierta (en cuanto a estándares se refiere), expandir su capacidad y robustez (de la Web), y extender los beneficios de esta a todas las personas del planeta.

Gracias a su estrecha relación con el World Wide Web Consortium, la Web Science Research Initiative, y a que su fundador es Sir Tim Berners-Lee, esta tiene la capacidad suficiente para convocar a líderes de negocios, innovadores de tecnología, academias, gobiernos, organizaciones no gubernamentales, y a expertos en diversos campos relacionados con la WWW, para realizar investigaciones y desarrollos tecnológicos que permitan alcanzar sus cometidos.

Los proyectos que realizará están enfocados a la investigación Web, la tecnología y práctica de ésta, y su relación con la sociedad; teniendo como principales metas:

• Estudiar y entender la manera en que la Web funciona con el fin de anticipar su futuro.
• Hacer una Web estable y segura, y mitigar sus amenazas y debilidades.
• Promover el desarrollo de tecnología que fomente la creatividad, colaboración, y comunicación.
• Alentar la difusión de tecnologías que puedan integrarse y usarse en conjunto con las ya existent.
• Asegurar que la tecnología permita a cualquier persona utilizar la Web desde cualquier dispositivo y desde cualquier lugar.
• Asegurar que la Web sea accesible y útil para todas las personas las personas que habitan en el planeta Tierra.

Me parece que el enfoque que tiene esta fundación permitirá a la Web tener una evolución estable, la hará más interoperable, y conseguirá que sea más accesible.