¿Cómo ven los buscadores nuestras páginas web?

¿Cómo ven los buscadores nuestras webs?

En este blog de diseño web, podréis encontrar numerosas utilidades para posicionar mejor vuestra web. Hoy traemos una herramienta muy útil, se trata de una web que nos analiza cómo ven los buscadores nuestras páginas.

Como ya sabemos, cada buscador tiene su propio robot, el cual, cada x tiempo lee nuestra página para incorporar o modificar datos a su base de datos.
La primera visión que nos muestra esta herramienta, es el texto que lee el buscador al entrar en nuestra página. Tenemos además un “modo avanzado” que nos permite además seleccionar distintos robots, las dos últimas versiones del Googlebot (Google), Msnbot (Msn), Yahoo Slurp (Yahoo), Ask Jeeves/Teoma (Ask),… incluso el robot de Windows Mobile.

SEO-browser nos indica además entre otras cosas la densidad de palabra, el tiempo de carga, los tipos de enlaces (externos, internos o no-fallow).

Se trata pues de una herramienta muy útil para conocer las carencias de nuestro código o reforzar en mayor medida aquellos aspectos que queremos destacar.

Un ejemplo son los keywords. Podemos ver cómo el robot detecta las 15 primeras palabras y coloca en rojo las restantes.

Analizar tu web con SEO-Browser.

20 años con Internet

Tim Berners-Lee

20 años ya desde que Tim Berners-Lee nos metiese en esta alucinante locura. Para mi ya son 10 años en el diseño web,  en los que ha habido de todo y en los que he podido colaborar con algún que otro proyecto importante en la red.

No creo que sea necesario analizar lo que ha sido Internet para todos, tanto para lo bueno, como para lo malo, pero si quisiera desde este post hacer una pequeña reflexión, y levantar una lanza por todos aquellos gracias a los cuales podemos seguir aprendiendo y compartiendo la verdadera filosofía de esta locura llamada internet, una lanza por todos aquellos que comparten su conocimiento y nos muestran los códigos abiertos tanto de aplicaciones como de diseños, y es que “sólo los mediocres temen compartir sus conocimientos“.

Muchas felicidades para todos los que compartís esta pasión conmigo, y para los que vivimos de ello ¡¡¡que nos den el día libre!!!

Baba 3000 y sus 3D Musicales

diseño 3D

Hoy no traigo una web que destaque por su diseño web, todo lo contrario, destaca por su contenido, el trabajo de un fabuloso equipo francés de animación 3D. Jaquemet Baptiste es un enorme artista 3D. Él el  equipo de 123Klan consiguen un resultado final increíble. Los movimientos, gestos, vestuario, color,…. Sin duda en mi opinión de lo mejorcito que he visto.

Podéis ver su trabajo en http://www.baba3000.com/ y en la web http://thenewdealmusical.free.fr/

Y si no podéis esperar más y queréis ver un adelanto, aquí va el vídeo

SlideMenu con Mootools

SlideMenu con Mootools

Mootools es una de las librerías que más soluciones nos aportan en el diseño web. Su ligereza hacen que podamos hacer las webs más usables y vistosas.

En un post anterior, vimos cómo hacer un SlideMenu con CSS, esta vez el mismo ejemplo pero con Mootools, más fluido y con la posibilidad de añadirle más efectos. Podemos hacerlo tanto horizontal como vertical, activarlo con un clic o con un mouseover, modificar el ancho de expansión de las imágenes activas, dar efecto rebote a las aperturas, …

Pesa sólo 7,83 kb y necesitaremos la librería Mootools v1.2

Ver post completo y descarga en byScripts.info

Redondear divs e imágenes con Mootools

Redondear esquinas de imágenes y capas

Una práctica muy común en diseño web es redondear las imágenes o las capas que contienen nuestro texto. Existen muchas formas de hacer esto, desde meter un background para las capas o usar CSS en las imágenes hasta el que propongo hoy, usar Mootools.

Phatfusion nos enseña cómo hacerlo. Necesitamos tener la biblioteca Mootools v1.11 y es compatible con los navegadores más usados hoy en día, tanto para pc como mac.

Ver ejemplo y descargar código

Blog iQ. Diseño, tendencias,…

Nuevo diseño Blog iQ

Como muchos de vosotros sabéis, desde hace año y medio trabajo para Medialabs, y este es mi último diseño web, el blog oficial del nuevo iQ de Toyota, un blog que nos trae todo lo nuevo en Arte, Diseño, Tecnología, Gastronomía,… Lo más “Cool” !!!

Todos los blogs tienen una misma estructura, consistente en mostrar un post detrás de otro cronológicamente. Esta estructura nació de la necesidad de ir leyendo en orden los sucesos que el autor narraba. Pero hoy en día podemos leer la gran mayoría de blogs (dependiendo de la temática) sin orden alguno, como si de los artículos de una revista se tratase.