Diseñando sitios que aparecen en Google
Artículos, Web Design 21 Julio, 2008
Hace algún tiempo hicimos una encuesta acá en Digilicious sobre la importancia de que los diseñadores web apliquen conocimientos de SEO en sus proyectos, para nuestra sorpresa la respuesta ganadora fué “Que es SEO?” bueno, acá les van un par de consejos.
SEO es la sigla de “Search Engine Optimization” o “Optimización para motores de búsqueda” se refiere a un conjunto de técnicas tendientes a mejorar el posicionamiento de un sitio en los resultados orgánicos de un buscador (en contraposición a los resultados pagados de búsqueda).
Preocuparse por aparecer en la primera página de resultados para un negocio es sin duda una materia altamente relevante ya que no es de extrañar que el porcentaje de visitas a tu sitio que vienen de los buscadores excedan el 40% del total (incluso más si consideramos que algunas visitas pueden aparecer cómo links directos ahora, pero que la primera vez que entraron al sitio lo hicieron desde un buscador).
Para nosotros los diseñadores esto del SEO no deja de ser un tema sensible ya que algunas de las tareas ligadas al SEO tienen directa incidencia en la “libertad” de la interfaz gráfica de un sitio. De ahí que muchos diseñadores no consideran del todo relevante esta materia (muy equivocadamente a mi parecer).
Este post no pretende dictar cátedra sobre cómo se debe diseñar un sitio, pero espero que sirva de ayuda para los diseñadores que ven en la optimización para motores de búsqueda una oportunidad de hacer aún más exitosos sus proyectos (y ofrecer un valor agregado a sus clientes).
La información disponible sobre este tema es muy variada y no pretendo recopilar aquí toda la disponible, pero les dejaré algunos tips por donde comenzar:
Basándome en el listado de Justcreativedesign les dejo estas “11 reglas SEO para diseñadores”:
- No trates de engañar a los buscadores. NUNCA!
- Mientras tu tratas de engañar al buscador, en Google hay docenas de los mejores ingenieros del mundo tratando de impedirlo… quien ganará?
- Apégate a tus palabras clave
- Elige cuidadosamente las palabras por las que crees que la gente debe buscarte (si no tienes una idea clara SEOBOOK Keyword Suggestion puede darte una mano) y úsalas en tu sitio, ojo con no abusar de ellas (recuerda la regla numero 1)
- El contenido es el rey
- La gente no es como los diseñadores, por lo general no buscan sitios por su diseño sino por su contenido, preocúpate de las jerarquías en tu contenido (Headings) e intenta que cada página parta con un texto de resumen para su contenido.
- Código limpio es código buscable
- De tablas ni hablar, ojo también con el exceso de Divs, usa P para los parrafos, Strong para las negritas, Ul para las listas y así sucesivamente.
- El Home es la página más importante
- El home debe tener un cuidado especial, procura que sea un resumen de lo mejor que hay en tu sitio, dale a tu usuario una buena razón para empezar a navegarlo (alguien dijo INTRO? haré como si no lo escuché)
- Los links deben ser significativos
- No más “haga click aquí” prefiere siempre palabras que el buscador pueda relacionar con su enlace (ej: “ver video de SEO“)
- Preocúpate de los títulos de tus páginas
- Recuerda que son los títulos de las páginas los que aparecen destacados en los resultados de las búsquedas, dale a tus usuarios una razón para hacer que cliqueen ahí y no en otro sitio
- Los ALT tags son importantes
- Dale a tus imágenes Alt tags apropiados, esto mejorará tu posicionamiento no sólo en el “Word Search” sino también en el “Image Search”
- Ten un Site Map
- El sitemap es un archivo XML que contiene todos tus links, haz uno y pásaselo a Google. (ver el sitemap de Digilicious)
- Ignora la mayoría de los Meta Tags
- Hace un par de años los Metatags eran el santo grial del SEO, los desarrolladores empezaron a meter info no relevante en ellos y los buscadores terminaron por ignorarlos. Pero uno se salvó, Description, úsalo sabiamente porque es el que aparece justo debajo del título de tu pagina cuando aparece como resultado de una búsqueda en Google.
- Diseña pensando en humanos
- Si te preocupas de diseñar para que los humanos encuentren lo que buscan en tu sitio es muy posible que los buscadores te encuentren, ellos están diseñados para encontrar lo que los humanos buscan.
Pueden encontrar otras importantes recomendaciones en webdesignerwall acá les dejo algunas que complementan las ya mencionadas:
Errores típicos:
- Error 1: Splash Pages
- Ya hablamos de lo importante que es el Home (no sólo para los buscadores) Poner tu marca gigante con un precioso “entrar” es simplemente una estupidez.
- Error 2: Menús Flash no indexables por los buscadores
- Google está haciendo interesantes progresos en la indexación de contenido Flash, pero aún está por verse si tendrán las páginas hechas en flash los mismos resultados que una página HTML que puede “jerarquizarce” más fácilmente? Porque una cosas es que Google sea capaz de leer los textos y seguir los links de un Swf, otra totalmente distinta es si es capaz de asignar importancia a los diferentes contenidos adecuadamente (ni hablar por ahora de microformatos).
- Error 3: Contenido indexable “oculto” dentro de una imagen o un flash
- Cómo decía recién, Google leerá el contenido de los flash (Siempre y cuando este sea texto -no imagen por ahora-)
- Preocúpate también de llamar adecuadamente tus swf en el html, recuerda que Google por defecto no ejecuta código Javascript por lo que si llamas swf a través de Javascript preocúpate que sea de una de las maneras que Google lo reconoce (te recomiendo SWFObject)
- Con las imágenes es otro cuento, estamos de acuerdo, es espectacular usar la tipografía que queramos para los textos pero en Html eso no es tan fácil, debemos apegarnos a las tipografías standards si no queremos que nuestros usuarios vean distintos diseños en cada computador. De todas maneras, usar una tipografía standard no tiene porqué ser sinónimo de mal diseño (ve este artículo de 3point7designs) Ahora, si la necesidad de usar tipografías especiales te la gana, puede ser buena idea darle una vuelta a sIFR
- Error 4: Abuso de Ajax
- Google no es aún capaz de cargar el contenido dinámico proveniente de una llamada Ajax por lo que los contenidos metidos dentro de esa llamada simplemente no serán indexados, además recuerda que la llamada ajax no recarga la página por lo que no se considera una página distinta (esto es solucionable, soluciónalo!)
- Error 5: URLs no indexables
- Lo que para nosotros puede ser trivial como el nombre del archivo Html, para los buscadores no lo es. Trata que tus urls sean claras y buscables, prefiere “servicios.html” por sobre “serv.html”
Ya para terminar y agradeciendo a quienes llegaron hasta acá un par de consejos más:
- Ten paciencia
- No porque sigas todas estas reglas tu sitio aparecerá primero en el buscador hoy, esto es más una maratón que una de 100 metros -La antiguedad del sitio también influye, mientras más viejo mejor-
- Sigue aprendiendo sobre SEO
- Te recomiendo algunos sitios imprescindibles si quieres mejorar en esto del SEO:
- Preocúpate de la popularidad y relevancia de tu sitio
- Uno de los elementos que más influyen dentro de los resultados de búsqueda son los links entrantes (links de otros sitios hacia tu sitio) mientras más links entrantes tienen también ellos, tanto mejor) ver pagerank
- Aléjate de los Bad Neighborhoods (sitios marcados por los buscadores como “engañadores”) usar rel=”nofollow” debería ser suficiente.
Bueno, espero este artículo les sea de gran ayuda si algún día deciden hacer sitios encontrables por los buscadores.
Un abrazo!


Agosto 4th, 2008 at 8:25
Muy buen post y totalmente de acuerdo: el contenido es el Rey, tanto para los buscadores como los usuarios.
Y el objetivo de los profesionales del sector debemos trabajar en elaborar un contenido de calidad y óptimo para las campañas de marketing online.
El contenido de calidad no suele ser el que inicialmente entrega el cliente, sino que es aquel que se logra tras su estudio detallado y reuniones entre el cliente y los e-marketineros del estudio.
No es fácil de lograr, pero los resultados hacen que valga la pena…
Saludos!
Julio 28th, 2008 at 22:49
Eso de que el contenido es clave lo comparto contigo. Lo de los ALT no se por que francamente no me gustan mucho, tapan las imagenes y no… prefiero morir a ponerle ALT a mis imagenes
Julio 28th, 2008 at 21:37
Realmente muy bueno el artículo, sin ir muy a lo profundo de este interesante mundo SEO se explica de una forma muy fácil las reglas básicas que debemos seguir todos, pero en fin… hay quienes no entienden.
Felicitaciones!!
Julio 28th, 2008 at 6:47
[...] Mientras por un lado algunas voces de alarma nos invitan a posicionar desesperadamente nuestros espacios blogs para salvaguardarnos de un futuro Internet que pecará de aforo máximo, otras nos instan a la calma y nos aportan soluciones efectivas para no empezar la casa por el tejado. [...]
Julio 26th, 2008 at 11:23
[...] · Diseñando sitios que aparecen en Google (Digilicious). [...]
Julio 26th, 2008 at 9:13
La verdad increíble el post, muy bueno, son todas puras verdades que tenemos que tener en cuenta a la hora de diseñar y generar experiencias de usuario.
Como siempre este blog es excelente.
También pueden llegar a serles interesante usar las herramientas que genera http://www.seobook.com/
Abrazo!!
Julio 24th, 2008 at 18:31
Buen post que te mandaste JuanPa! tambien opino que no hay qu olvidar d los buscadres sociales como Mister Wong o StumbleUpon, alguas veces pienso que los diseñadores web ahora tienen mas desafios no solo tienen que hacer sitios visualmente atractivos sino que tambien tienen que ser atractivos para los buscadores. Es ahi la imporatancia de un buen diseño y contenido
Julio 24th, 2008 at 12:40
A mí me parece que tenemos que diferenciar un poco las disciplinas. Un DISEÑADOR Web es algo diferente a un DESARROLLADOR Web.
Creo que los diseñadores tenemos un espacio y oportunidad (afortunadamente) para la experimentación y/o innovación.
No tiraría a la basura 6 o 7 años de jugar con Flash, probar nuevas interfaces, nuevas forma de navegación, etc.
Por otro lado, tuvimos que hacer ese “menú oculto”(o la revista troquelada redonda) para saber que técnicamente era difícil de implementar.
Sólo quiero recordar, para contribuir a la conversación, que las tecnologías siempre avanzan y que la experimentación es un actitud.
Julio 23rd, 2008 at 15:17
Con el tiempo he empezado a perder ese prejuicio del sitio “bonito”… en realidad cuando empezó esto del diseño web los diseñadores pecamos haciendo sitios en flash incomprendibles para un usuario “normal”.. menús ocultos, intros, etc… cero usabilidad.
Creo que en la medida que los diseñadores comprendamos que el objetivo de la web es informar e interactuar tendremos más empatía con la gente que busca informarse en la red… quizás sería interesante hacer una revista con páginas redondas, pero perderíamos papel, sería incómodo de hojear y lo más probable es que se desarmaría fácilmente… en la web creo yo hay que adaptarse a los estándares, entender al usuario y aplicar el diseño donde no interfiera… en la medida que tenemos claro el SEO antes de desarrollar un sitio web lograremos resultados mucho más óptimos.
Julio 23rd, 2008 at 10:36
Te leo desde google reader, pero este post merece una felicitación personal aqui
Julio 22nd, 2008 at 13:25
excelentes consejos mad, gracias.
Julio 22nd, 2008 at 1:27
Impresionante artículo colega y amigo.
Es apasionante hacer el seguimiento de la relación amor/odio entre la “libertad creadora” de la visualidad y “rigidez optimizadora” del código.
Me gustaría comentar algunas cosas acerca de las 11 reglas:
1. Las consecuencias de engañar a los buscadores es nefasta, cuando te sorprenden pasas directamente al final de los resultados de búsqueda.
3,5,7 y 11. Creo que aquí haz dado en el clavo. Lo mejor es crear y presentar los contenidos teniendo al usuario como Norte. Los buscadores han evolucionado, y lo seguirán haciendo, hacia una correspondencia con criterios humanos (ojo que no estoy hablando de Inteligencia Artificial). Es importante escribir en coherencia a al forma en que tus usuarios te puedan buscar, usando sus palabras. Esto es aplicable tanto en títulos, bajadas, textos y enlaces.
4. Los frames también están prohibidos, solo ponen trabas a los buscadores.
Al respecto de los contenidos invisibles dentro de los flash, mañana publicaré algunos detalles de la unión de fuerzas entre Adobe, Google y Yahoo! para hacer a Flash más encontrable
Un abrazo!