por Omar Benyakhlef | Ajax, Diseño de páginas web, Google, SEO, Usabilidad
HTML 5
Desde hace tiempo el diseño web ha tenido que ir sufriendo las diferentes lecturas de los navegadores respecto al lenguaje de etiquetas de hipertexto que se utiliza para crear y poder visualizar los contenidos de las páginas web.
El Explorer empezó llevándose mal con el Netscape y ahora lo hace con todos los demás, particularmente hace mucho tiempo que tomé la determinación de prescindir de él, sin embargo sigo comprobando que cada uno de mis diseños se vea igual en él, porque sigue siendo una gran mayoría la que lo usa (aunque no creo que los motivos sean por haberlo elegido frente a otros).
Así que maqueto para firefox, porque así me aseguro que también funcionará para los demás navegadores importantes (safari, chrome, ópera…), y luego hackeo para explorer cuando es necesario.
Con el desarrollo del nuevo HTML 5, se está tratando al parecer, de conseguir minimizar todas estas incompatibilidades. Todavía se trata de una versión beta, aunque portales de la relevancia de youtube, ya han desarrollado su versión en este lenguaje.
No intentéis acceder a este enlace con explorer, como siempre será el último en subirse al carro…
La nueva versión HTML 5, trata de añadir semántica y usabilidad implícitas en sus etiquetas, para así de este modo eliminar ambigüedad e incluso facilitar más si cabe la labor a los buscadores.
A la hora de maquetar una web, lo que hacemos hoy en día es dividir las zonas de contenido con divs, estas etiquetas son siempre la misma y las diferenciamos a través de la CSS.
HTML 5 crea nuevas etiquetas para diferenciar los «divs» más usados en el desarrollo de una página web, veamos algunas de las más importantes: (más…)
por Omar Benyakhlef | Google, SEO
¿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.
por Omar Benyakhlef | Diseño para móviles, Google, SEO
Diseño web para móviles: SEO
Hace un par de post empecé una nueva categoría en este blog, «diseño de webs para móviles«, hoy vamos a hablar de cómo posicionar páginas destinadas a teléfonos móviles.
Los principales buscadores ya tienen su versión filtrada para navegación en móvil, estas versiones no sólo afectan al diseño (más estrechas y con navegación vertical), también a los resultados, por lo que es muy interesante empezar a estudiar estas nuevas opciones SEO. Estos son los buscadores ya desarrollados y que están funcionando:
(más…)
por Omar Benyakhlef | Google, SEO
Posicionamiento en buscadores
Además de todas las «fórmulas» que aplicamos a nuestras páginas para conseguir un mejor posicionamiento, existen otros factores que ayudan a que una página esté mejor posicionada que otra.
Algunos de estos factores están en nuestra mano, otros, como la antiguedad de la página son «beneficios» que es bueno conocerlos y usarlos a nuestro favor. En otros portales en los que he trabajado, aprovechaba páginas antiguas con contenidos ya caducos, para relanzarlas y así aprovechar su posicionamiento. Como veréis se trata de algunos datos que os pueden servir de gran utilidad.
Veamos cuales son estos factores:
(más…)
por Omar Benyakhlef | Diseño de páginas web, Google, SEO
Guía SEO Google GRATIS
Google lanza una gúia para webmaster novatos en SEO. Se trata de una guía, en la que podréis encontrar unos consejos para hacer una web accesible cuyos contenidos sean más fáciles de indexar por los motores de búsqueda.
Para hacer más fácil el contenido de esta guía se ha creado un caso ficticcio (una web de tarjetas de beisbol), y sobre este proyecto va explicando los pasos a dar. Desde el título de las páginas, el uso de los metas, la estructura de url’s, en definitiva un paso a paso que os ayudará a comenzar en este mundillo del SEO.
Descargar Guía Google SEO para principiantes (versión en inglés) – Guía Google SEO para principiantes (versión en español).
por Omar Benyakhlef | Diseño de páginas web, Google, Usabilidad
Herramientas para evaluar una buena web
Podríamos decir que un diseño es bueno, cuando los usuarios del sitio son capaces de encontrar la información en poco tiempo.
Muchos factores influyen en la conducta del usuario a la hora de permanecer o dejar un sitio web. No se trata únicamente de los contenidos, también es muy importante el diseño, la usabilidad, el tiempo de carga, que no requiera de determinados plugins para ser visto… Todo esto repercute en que el usuario siga y vuelva o marche para siempre de nuestro sitio.
Hay una serie de factores que nos indican el grado de optimización de un sitio.
(más…)
