HTML5: Pasen y vean

April 23rd, 2010

Llevo más de 1 año sin escribir. Realmente llevaba un año preparando un sesudo artículo sobre el HTML5 y cómo cambiaran nuestras vidas XD. Pero todo tirado por la borda tras ver esto:

consejo: usar un navegador que entienda algo de HTML5, preferentemente Safari o Chrome

Presentación interactiva del HTML5

Sin miedo al scroll

December 15th, 2009

Todavía hoy es excesivamente frecuente que los clientes se empeñen en poner como un requisito de diseño algo que, aunque suele ser expresado de las formas más peregrinas, se podría resumir con la expresión “que la gente vea la web entera sin hacer scroll”.

Aunque llevo tiempo dando múltiples argumentos en contra (no pasa nada la gente sabe usar la rueda del ratón, ¿Para qué resolución y número de barras de utilidades tengo que hacerle la web?, etc..) y en ocasiones negándome a comprometerme a desarrollar un proyecto con esa condición, se trata de un escollo bastante frecuente y que suele volver a mitad de proyecto aunque el cliente haya aceptado tus argumentaciones iniciales.

Hoy disponemos de un artículo (encontrado gracias al admirado Roger Johanson)  titulado The myth of the page fold: evidence from user testing que nos proporciona evidencias provenientes de unos 800 test de usuarios realizados con “eye tracking” con las que derriban este viejo mito.

brisair

Algunas conclusiones importantes del artículo:

  • Las barras de scroll son usadas para valorar el tamaño de la página y la cantidad de contenido que ofrece
  • Menos contenido en el primer pantallazo puede incitar a la exploración del resto del contenido
  • Un mal diseño puede provocar que el usuario no haga scroll y se pierda contenido fundamental. Por ejemplo cuando se usan separadores horizontales muy fuertes que actuan como barrera.

Bueno, al menos ya tenemos argumentos y evidencias para que el cliente decida en estos casos!

¿Maquetar con CSS no afecta al SEO?

December 2nd, 2009

[Via: El blog para webmasters]

Matt Cutts lo asegura en uno de sus videos / entrevista de esos en los que nos va aconsejando sobre qué debemos hacer para ser Google Friendlys.

Contesta la pregunta de un usuario: “¿Es una página web diseñada con CSS mejor para SEO que una basada en tablas?”

Francamente, no preocuparía de esto. Vemos las tablas y el CSS, trabajamos con ambos. Así que intentamos evaluarlas, ya sabes, no importa qué tipo de diseño utilices. Francamente, utiliza lo que sea mejor para ti. Mucha gente tiende a utilizar CSS ahora ya que es fácil para cambiar tu sitio web. Es fácil para cambiar el diseño. Muy modular. Mientras que las tablas, tiene algo de, ya sabes, connotaciones web 1.0. Pero si tienes la mejor web, intentaremos encontrarla e intentaremos colocarla arriba sin importar si está basada en tablas o en CSS

En esto me equivocaba profundamente, estaba convencido de que una maquetación limpia y sin excesivos anidamientos debería ser más facil de procesar por Google. Generalmente, aunque no siempre (hay casos patológicos de “divitis“), una maquetación sin tablas suele ser bastante más limpia.

De todas formas tanto la respuesta como la pregunta son engañosas y no puede servir de excusa a los malos maquetadores. Me explico, el uso adecuado y semántico del (x)HTML sí afecta al SEO.

Una cosa es usar tablas para realizar presentaciones de algunos elementos complejos de nuestra página, como por ejemplo puede ser un formulario con tres columnas y lleno de checkboxs, y otra coger un diseño del photoshop y pasarlo enterito a tablas tal cual si fuese un Flash sin movimiento.

En este segundo caso el maquetador pasará de usar encabezados para los titulares, posiblemente no ponga un solo alt a las imágenes y, así, decenas de tropelías diversas  que no beneficiarán precisamente al posicionamiento orgánico de su página.

No entremos en el tema de la accesibilidad, profundamente afectada por el uso de tablas. Esto es una demostración más del profundo egoismo de Google que nos recomienda que usemos estándares cuando a ellos les conviene y en caso contrario se los pasa por el forro.

Para el que tenga ganas de ver y oir al señor Cutts, ahí va el vídeo.

Lecturas para un viernes frio y gris

November 27th, 2009

Excepcionalmente esta semana he podido disfrutar leyendo algunos posts estupendos.

Se busca sexador de pollos para realizar un transplante de hígado

¿Debemos dejar en manos de cualquiera el desarrollo de nuestra web? Alejandro expone algunos argumentos metafóricos y resume las consecuencias de esa decisión de este tipo.

El subdesarollo del comercio electrónico en España

Eduardo Manchón vuelve a escribir en Alzado y en su último artículo resume el deprimente panorama del comercio electrónico en España. Los grandes comercios en el mundo offline pasan de la venta online y las empresas que podrían vender de verdad en Internet lo intentan con sitios mal planteados que más que vender impiden que uno compre. Me quedo con esta cita:

Opino que es más fácil conseguir que un informático aprenda lo suficiente del producto para venderlo online, que un vendedor existente de un producto en el mundo offline aprenda PHP

Evolucionar correctamente a partir del comportamiento de los usuarios

Biko2 nos demuestra como valorar un sitio web y definir cómo tiene que evolucionarlo no es algo que se deba hacer en base a las opiniones subjetivas y en ocasiones escasamente cualificadas de un grupo de usuarios internos o externos a la organización.

La métrica, los datos, la realidad, todos ellos apoyados en unos objetivos estratégicos bien definidos son los que deben decidir.

The Future of Search is More than Social

El futuro de la búsqueda es más que social. La lectura de este post, recomendado por Yusef, nos va a ayudar a vislumbrar las consecuencias de las alianzas estratégicas que Google y Microsoft están realizando con las grandes redes sociales.

El “Longtail” Ilustrado

November 25th, 2009

En Seomoz nos ilustran con ejemplos qué es el “longtail” (larga cola, en español no suena bien) referido a las palabras claves que traen tráfico a nuestra web.

El longtail hace referencia a cómo la suma de visitas que generan un gran número de  palabras clave, que de forma individual aportan poco, generan muchas más entradas que las palabras clave principales.

Un claro ejemplo ocurre en las tiendas onlinede libros donde lo que interesa no es posicionar muy bien términos como “librería”, “librería online” o “comprar libros” sino tener un buen posicionamiento general en las fichas de los libros, las materias o los nombres de los autores. No hay que correr mucho para que una librería pequeñita tenga un catálogo online de 200.000 libros.

Glosario HTML5 Comprensible y con ejemplos

November 25th, 2009

En html5doctor podemos encontrar un completo glosario de los elementos que componen el HTML5. Claro, fácil de entender y con buenos ejemplos, nos ayudará a entender lo que los farragososo documentos de la W3C ocultan.

Los promotores de este proyecto nos ofrecen además un “showcase” o galería de sitios que ya utilizan el nuevo estándar: HTML5Gallery.

Qué ganitas tengo de pasar este blog a HTML5+CSS3, si total, sólo el 20% de los usuarios de este blog usan IE6+IE7.