BlogStyle

BlogStyle

Por una blogósfera con estilo

Ser supersticioso es de mala suerte

Entradas etiquetadas ‘Web 2.0’

No olvides el SEO

Sábado, Mayo 24th, 2008

Estaba tomándome un rato para ver estadísiticas del blog e interesándome un poco por aumentarlas cuando recordé una entrada que me quedaba pendiente por leer sobre SEO y me di cuenta de cuan poco atención le prestaba a este aspecto cuando en realidad esta agarrando gran relevancia en el mundo web y todavía existen muchos como yo que no se habían percatado teniendolo en las narices.

Empezemos por ver que es el SEO por si hay algunos todavía despistados que no saben a que me refiero. Desde wikipedia “La Optimización para Motores de Búsqueda, de su acrónimo en el idioma inglés Search Engine Optimization;” y es esto justamente.

En palabras más largas es el uso de técnicas para hacer que una web consiga mejor posicionamiento en los buscadores para asi conseguir más visitas y obtener más tráfico que es lo que todo webmaster quiere.

Pero ¿por qué es tan importante? pues existen muchas razones pero las más importantes son que con la implementación del SEO vas a conseguir más visitas, más gente te leerá, vas a ganarle posiciones a la gran cantidad de blogs que existen en la actualidad además de que se a vuelto un servicio más que podrás ofrecer.

Entendido un poco más que es el SEO y porque debes aprenderlo vamos a empezar explicando lo básico y es entender

Como los motores de búsquedas funcionan.

Primero, ¿cómo estar en ellos?, existen varios métodos, una es registrándote en ellos desde los diferentes formularios que poseen google, yahoo, msn search, etc. Y la otra manera más recomendable es que una página que ya esté indexada en los buscadores ponga un enlace a tu página y cuando el buscador revise la página verá tu link y si todavía no esta registrado en su base de datos lo guardará.

Ahora, los buscadores contienen unos bots que revisan todas las páginas que tengan registradas en su base de datos, estos bots al entrar a tu página revisan todo su contenido, también todos los links que en el se encuentran guardandolo en sus datos.

Cuando un usuario hace una consulta en un buscador este revisa en sus datos y devuelve información relevante con aquella consulta.

Para esto el buscador contiene un algoritmo el cual decide si una página es relevante o no para la búsqueda, mientras para ese algoritmo tu página sea más relevante vas a aparecer en las primeras posiciones.

Cada buscador tiene su propio algoritmo para saber si una página es relevante o no y buscadores como google han trabajado muchísimo en esto como por ejemplo su implementación de inteligencia artificial para saber interpretar lo que buscas, por ejemplo lo vemos en el ejemplo cuando haces una búsqueda mal escrita:

Como vez el buscador procesa la búsqueda y te sugiere que tal vez quisiste decir o bien cuando pones en google “eclipse” te mostrará páginas relacionadas a ese fenomeno astral y no al carro eclipse de mitsubishi porque ese es el contexto que el va manejar ya que si escribes “eclipse car” entonces te otorgará resultados con keyword eclipse pero relacionado a los autos.

Tu trabajo como Search Engine Optimizer

Entendiendo los aspectos generales del algoritmo de los buscadores los expertos en SEO pueden afectar los resultados en las búsquedas. Mencionan dos espectos en SEO, On-Site y Off-Site.

  • On-Site: Son todas aquellas cosas que dependen del sitio y tu puedes manejar como el HTML, los Keywords, estructura del sitio, enlaces internos, etcétera.
  • Off-Site: Es todo lo que no depende de ti y no esta bajo tu control como los backlinks que recibas o cuanta gente enlaze tu sitio.

Lo siguiente son consejos que te ayudarán a mejorar tu posición en buscadores en el aspecto on-site.

TOP Consejos Optimización SEO

  1. Página de entrada. Este es de los errores que todavía se cometen muchas veces, una página introductoria con un mensaje de “Clic para entrar a la web” y en los peores de los casos esta en flash haciendo imposible al bot seguir al link.
    Es bonito si no te importa nada de SEO pero tu página principal es la parte más importante para el buscador, de ella sigue los demás enlaces interiores, en ella debes contener keywords y enlaces importantes.
    Por cierto para los que no lo saben flash es imposible de leer a un buscador por lo que se debería de usar solo como recurso visual y no abusar de él.
  2. Sin menús flash. Esto es una de las cosas que todavía algunas personas hacen, poner flash en sus menús pero esto es super antiseo, de hecho google tiene un algoritmo en el que identifica el menú de tu página y lo indexa al resultado con links abajo de tu resultado, un ejemplo.
  3. Contenido en imagenes o flash. Como dije anteriormente los buscadores no pueden leer el flash ni las imágenes, sin embargo hay personas que agregan información importante en ellos, sobre todo keywords.
  4. Exceso de AJAX. El AJAX es una técnia muy sorprendente y bonita pero algunos diseñadores hacen un sobre uso de AJAX haciendo que la informaión contenida en la página es cargada dinamicamente y haciendo que sea imposible de indexar. Otra de las desventajas es que como no se actualiza la página la URL no cambia y el visitante no puede ingresar directamente a esa página por medio de la URL.
  5. Cambio de directorios. Esto es un gran problema en el SEO, por ejemplo existen personas que cada vez que renuevan su blog lo cambian de folder algo así: “dominio.com/v2, v3, etcétera” perdiendo backlinks y ranking, o cuando vas a cambiar de dominio se debe tener mucho cuidado ya que pierdes un ranking muy importante.
  6. Seguir leyendo. Sobre todo para los bloggers esto es algo que se comete mucho, cuando estas escribiendo una entrada y le agregas el típico “Seguir leyendo” para no ponerla completa en el index, pero el bot así no sabrá con exactitud sobre el tópico en cambio debeías de usar keywords en el enlace y así el bot sepa para que es relevante, por ejemplo, un “Seguir leyendo sobre”.
  7. Errores en los Tag. Esto es un poco discutido, algunos pocos experimentados dicen que un buen código no es tan importante pero en realidad no es así, para un buen indexamiento necesitas una muy buena estructura y accesibilidad haciendo un buen uso de los estandares y tags de html.
    El tag <title> es el tag más importante que tienes en la estructura de tu página y debe hacer un unico título para cada página de tu web, también aprender a usar jerarquías de etiquetas, por ejemplo aprender a usar h1, h2 y a no reemplazarlos, ya que muchas personas han dejado atras creando clases dandole estilos parecidos.
    El tener una página validada por la w3c te ayuda al indexamiento, aunque en menor medida que otros factores, de todos modos aqui unas recomendaciones:
    Título.
    Usa títulos resaltando el contenido de la página y después el título por ejemplo: “Título de la entrada | Página Web” y no como en algunos blogs está: “Página Web > Archivo del Blog > Título de la entrada”.
    No exceder 65 carácteres.
    Los navegadores usan el título de tu página para mostrarlo en los resultados, si tu excedes 65 carácteres en los títulos de tus páginas corres el riesgo de que te dejen fuera.
    Combina las keywords del título.
    Muchas personas sufren el error de repetir varias veces en el título una misma keyword haciendo que el bot pueda considerarlo como spam y dejarlo fuera (penalizarlo) por lo tanto debes hacer una combinación de keywords diciendo lo mismo pero con otras palabras. Por ejemplo.”Brushes, pinceles y recursos de diseño”
    Brushes y pinceles son la misma palabra pero expresada de diferente manera porque las personas buscan la cosas con diferentes palabras.
  8. Atributos Vacíos. Este último error son de los más cometidos y sobre todo para los desarrolladores más antiguos, sobre todo por la falta de costumbre aunque los últimos editores te dan la facilidad de agregarlos, me refiero al atributo alt de img y title de a. Yo en algún momento pequé de no usarlos.
    En las imagenes usar el atributo alt te ayuda a rankearlas mejor en la búsquedas.
  9. URL No amigables. Esto es sobre todo para los que usan CMS, porque ahora la mayoría trae la opción de usar url amigables, y las URL’s son tan importantes como las keywords.
  10. Sin enlaces internos. Probablemente muchos de ustedes no se han dado cuenta pero los enlaces interiores son un factor importante a la hora del SEO y existen varias técnicas para mejorar este aspecto. Ejemplo en blogs.
  11. Entradas Relacionadas

    Nota: Ésto último también sirve para atrapar lectores.

Texto original modificado a mi criterio.

Tags: ,
Guardado en: SEO | 1 Comentario »


Diseña a lo 2.0

Jueves, Mayo 1st, 2008

Diseño 2.0

Últimamente a venido una ola muy grande de diseño 2.0 que esta revolucionando a los web designers y casi casi solo eso quieren hacer.

Pues como esta muy de moda vamos a ver que es lo que lo identifica para que nosotros también lo implementemos en nuestros diseños.

Vamos por puntos.

  • Simplicidad: Sin duda algo que caracteriza el diseño 2.0 es la simplicidad, como el gigante google dice: “la simplicidad es poderosa”. Pero ¿por qué? Yo creo por la importancia que se le a dado de que los usuarios vean ciertas cosas, se trata de resaltar lo importante.
  • Pocas Columnas: Hace unos poco años era normal ver diseños con 4, 3 columnas, hoy por hoy menos es más, normalmente se usa solo una sidebar y esto le da claridad al usuario, de hecho poco a poco se va usando menos la sidebar, en algunos nuevos diseños ya se esta omitiendo.
  • Secciones en el header: Poner las secciones de la página en el header es lo de hoy, y si no dense una vuleta por sus blogs prefridos y diganme cuantos usan esta técnica. Esta es una gran idea ya que aprovecha ese espacio entre el header-contenido y al usuario lo informa de las secciones corespondientes.
  • Menú simple: Un menú simple pero estético es perfecto y distintivo de una web 2.0, además de que les provee de buenas cosas al usuario como en donde se encuentra y a donde podría ir desde ahi. Intenta usar menús con esquinas redondeadas y diferente efectos de cambio de color y estilo en las opciones.
  • Simple Nav

  • Logos: Aqui si hay varias cosas que se están implementando.
    Bold Font. Usar logos con tipografía en negritas.
    Horizontal. Se opta por un estiramiento horizontal.
    Glossy Efect. Usar los famosos efecto glossy en los logos le da una gran vistosidad.
    Reflejo. Junto con el glossy el efecto del reflejo es de los más usados y de los que dan mas vistosidad, son muy recomendados.
  • Logos 2.0

  • Texto Grande: Usar el texto grande adecuadamente es excelente para el reconocimiento, yo recomiendo un texto relativamente grande en los logos y si es un blog en los títulos de los post ya que limita el fin de un post y marca el inicio de otro. Además de dar un aire de simplicidad y orden.
  • Combinación de colores y texturas: Efectos 3d, sombras, relieve y superficies son bonitos efectos que se deben usar con moderación y que funcionan muy bien esteticamente.
    Efectos realistas de superficie (como sombras, los degradados y reflexiones) ayudar a establecer una interfaz visual más real, sólido y un aspecto de “terminado”.
    También algo que si sabes usar le da una gran estética a un trabajo es el saber trabajar con los colores de título, subtítulo, contenido y grado de jerarquía del texto. Por ejemplo usar un tono más fuerte para un título, uno mas claro para un subtítulo (además en negritas) y uno de tono bajo para el texto.
  • Interfaz 3d

  • Degradados: Y es que no puedo recordar ahora un diseño en el que no haya usado el degradado, ahora es casi de a ley usarlos, pero claro debes hacerlo con medida y saber implementarlos en la página porque no hay nada peor que un degradado mal implementado.
  • Degradado

  • Íconos en enlaces: Como en la entrada anterior dije, aveces se nos pasa por alto agregar los iconos en los diferentes enlaces, pero ahora usar íconos cute es super importante. De hecho aveces hasta son impuestos en vez de texto por el grado de intución que suponen.
  • Tipografía: Mientras más redondita sea la tipografía es mejor y no tienes porque usar exactamente el negro, puedes usar un color menos fuerte un gris obscuro por ejemplo.

Conclusión. Para mi el diseño web 2.0 se caracteriza por ciertas cosas, primero, colores vistosos y mucha combinación entre ellos e intentar darle un poco de relieve a los objetos como un efecto gloss o unas sombras.
Usar una simplicidad para resaltar el contenido de la página, por eso el usar pocas columnas, mientras más columnas hay más información y más atención dispersa, en cambio mientras más simple es más fácil que se enfoquen en los elementos de la página y si quieres que se den cuenta de algo es tan fácil como usar colores fuertes.

Y una fácil e intuitiva navegación te hace una interfaz placentera para cualquier usuario. Sin duda tomar en cuenta estos puntos te puede ayudar mucho. Pero siempre trata de inovar y usarlos con moderación; Hay que saber cuales usar.

Recomiendo leer:

Tags:
Guardado en: Diseño | 1 Comentario »