Normalmente, al hablar de motores de búsqueda nos referimos a Google, y el camino más sencillo y rápido de conocer que es lo que piensa el “gran Google” sobre tu página es realizar esta simple búsqueda en él:

site: www.tusitio.com (donde www.tusitio.com será la dirección de tu página)

Esta consulta te devolverá una lista con todas las páginas que Google ha indexado de tu sitio y de esta forma te resultará fácil calcular el porcentaje de indexación (que no es otra cosa que el número de páginas indexadas en relación al número de páginas totales de tu sitio). Y muy a menudo, cuando realizamos esta prueba comprobamos que Google no ha indexado todas las páginas que debería debido a algunos errores de optimización para motores de búsqueda.

Y estas son algunas de las más comunes:

1- El archivo robots.txt

Es un clásico error de optimización. Si has establecido el archivo robots.txt para inhabilitar completamente el paso a los motores de búsqueda luego no tue quejes de que sigan tus órdenes. Comprueba tu archivo robots.txt y asegurate que está permitiendo el paso a las arañas de indexación. Sobre todo si encuentras que tu sitio no tiene ninguna página indexada, hazte un favor y asegurate que en su interior no se encuentra el siguiente código:

User-agent: *
Disallow: /

Si es así tienes un grabe problema ya que estás indicando a todos los buscadores que no deben indexar tu sitio. Te recomiendo que lo cambies por este código:

User-agent: *
Disallow:

2- Tu servidor es demasiado lento

Google no te penalizará directamente por que tu servidor responda demasiado lento, pero si lo hará indirectamente. Si al rastrear tu página nota que tu servidor se sobrecarga o responde demasiado lento a sus peticiones abandonará el rastreo para dedicar su tiempo a alguien más. Esto significa que no se rastreará al completo tu sitio antes que el robot de Google abandone tu sitio. Lo que a su vez, se transformá en menor número de páginas indexadas. Pero no podemos culpar a Google, no quiere ser responsable de bloquear tu sitio. A sí que en lugar de ello, antes que bloquear tu sitio prefiere buscar la información en las páginas de tus competidores.

3- Pueden pensar que eres una fuente de spam

Si Google ha decidido que algunos comportamientos de tu sitio no son muy adecuados y están tratando de engañarlo o engañar a sus usuarios, probablemente tu página sea penalizada. Y si intentas aparentar lo que no eres, probablemente será consciente de lo que estás haciendo. A sí que si estas usando este tipo de prácticas para inmediatamente de hacerlo. Límpia tu sitio y envía una solicitud de readmisión a Google. Echarán un vistazo y si has hecho las cosas bien volverán a readmitir tu sitio e indexarte.

También cabe la posibilidad que acabes de comprar el dominio y pagues las consecuencias de una penalización anterior a tu compra. En este caso te aconsejo que intentes descubrir qué es lo que era o parecía tu sitio antes de que tomases el control sobre él. Si estaba involucrado en alguna variedad de PPC poco amistoso con los buscadores puede que tengas graves problemas.

4-Mala Navegación

¿Tu navegación esta diseñada en Flash? ¿El 90% de tus enlaces están rotos o no redirigen correctamente? Bueno, entonces las arañas probablemente no van a ser capaces de acceder a las páginas, ni hablar ya de indexarlas. Si esta es tu situación tienes camino por recorrer….

5-Poner innumerables trabas a las arañas

Puedes poner trabas a las arañas de búsqueda de muchas formas distintas. Podría ser que tu código JavaScript esté ocupando las primeras 2000 líneas de código, que tu sitio requiera cookies o cualquier acción del usuario para poder entrar, que tus URLs sean dinámicas y poco amigables a los buscadores, que tu página de inicio redireccione 7 veces antes de mostrar realmente algo. Todas estas cosas cosas son barreras enormes para una araña hambrienta tratanto de llegar a tu contenido. Elimina estas trabas y permite un acesso fácil a los motores de búsqueda. De otro modo ya puedes ir gastandote el dinero en publicidad si quieres que tu sitio tenga algo de visibilidad…

6-Sitio caído con demasiada frecuencia

Si los buscadores intentan con frecuencia visitar tu sitio y este no está disponible, llegará un día en que dejen de intentarlo. No quieren indexar un sitio que no va a cargar cuando los usuarios intenten acceder a él. Asegurate de que tu sitio Web no tiene problemas de alojamiento y alojalo en un servidor rápido. Si quieres hacer un diagnostico rápido, te recomiendo esta herramienta. Una sencilla y rápida herramienta que te devolverá una traza de las peticiones a tu sitio así como los tiempos de respuesta del servidor, enlaces rotos y posibles recursos no disponibles. Sencilla herramienta pero de gran utilidad.

(libre traducción del original en: bruceclay)

“El contenido precede al diseño. El diseño en ausencia de contenido no es diseño, es decoración”

De Jeffrey Zeldman en su Twitter.

Es una necesidad que día tras día hemos visto reflejada en muchos de nuestros clientes, quienes frente a la intención de lanzar su tienda en la red se encontraban con precios de implantación altos y en muchos casos desproporcionados con sus necesidades reales.

Por este motivo nos decidimos a desarrollar una solución de diseño web para comercios que cubriese las necesidades reales que nuestros clientes solicitan.

Aquí podéis ver las características,  posibilidades del producto y algunos ejemplos de tiendas:  Diseño web tienda online

Ayer mismo salió la actualización que arregla este bug (10.0.22.87), puedes bajarla desde Adobe: http://get.adobe.com/flashplayer/

CATEGORIAS

Las categorías son como carpetas – son colecciones de cosas relacionadas a un tema. Esto, en realidad, no es estrictamente cierto porque en el mundo digital puedes adjuntar más de una categoría a tu contenido, pero la función es la misma – categorizar.

La principal ventaja de las categorías es que hay una cantidad fija de ellas – y si quieres usarlas apropiadamente entonces tampoco deberían haber demasiadas. Esto permite que la gente escudriñe rápidamente por la lista para escoger el tema que desean navegar. Las categorías le dan estructura a tu contenido y una fácil experiencia de navegación.

La desventaja de las categorías recae en quien publica. Primero, tienes que decidir la lista de categorías que quieres usar. Usualmente esto es más difícil de lo que parece porque necesitas asegurarte de que no hay demasiadas categorías que podrían tener muchas o muy pocas entradas en ellas. No tiene sentido crear una categoría si todas tus entradas estarán incluidas en ella o si sólo hay una entrada. Y segundo, cuando publiques contenido nuevo, necesitas decidir en qué categoría ponerlo. Esto no es demasiado difícil si mantienes corta tu lista de categorías y asignas categorías múltiples al contenido, pero aún requiere un poco de esfuerzo.

ETIQUETAS

Las etiquetas son el equivalente digital a las etiquetas reales – pequeñas etiquetas que adjuntas a las cosas. Las etiquetas tienen una ventaja por sobre las categorías en el hecho de que no están pre-configuradas. Cuando adjuntas etiquetas las escribes manualmente y tienes la libertad de escribir lo que quieras. Si una etiqueta no existe todavía, lo hará una vez que aprietes publicar. No hay necesidad de preocuparse por encontrar una categoría existente para poner dentro la entrada – sólo escribes las etiquetas que crees representan mejor el contenido.

La desventaja de las etiquetas está en la experiencia de navegación. Una de las maneras más populares de navegar por etiquetas es usando algo llamado una “nube de etiquetas”. Una nube de etiquetas es un gran bloque de etiquetas ordenadas una después de la otra, teniendo cada enlace de etiqueta su propio tamaño dependiendo de cuántos objetos están etiquetados con ella.

Las nubes de etiquetas son geniales para mostrar qué clase de entradas son las más publicadas en el sitio, pero navegar por etiquetas es difícil debido a que usualmente hay demasiadas de ellas. El otro problema es que están desequilibradas – puede haber sólo una entrada adjuntada a una etiqueta en particular, o puede haber miles.

OK… ENTONCES ¿CÚAL USO?

La respuesta es… depende. Depende de qué clase de contenido tienes y cómo funciona tu búsqueda.

Si tienes un sitio como YouTube o Flickr donde los usuarios suben su propio contenido y tienes miles de millones de envíos, entonces las categorías no serán tan útiles como las etiquetas, porque pueden haber miles de entradas para cada categoría. Esto hace que la navegación sea muy difícil y en la mayoría de los casos imposible. Cada etiqueta puede también contener miles de entradas, pero habrán muchas otras etiquetas con una entrega de resultados mucho más enfocada; y usar combinaciones de etiquetas también reducirá grandemente el número de resultados por los cuales tengan que navegar tus visitantes.

Si el buscador de tu sitio usa etiquetas cuando busca a través de los registros, entonces las etiquetas pueden y van a agregar un claro beneficio. Si tu buscador es algo muy simple, como un buscador externo de Google que simplemente filtra los resultados por la dirección de tu sitio, entonces las etiquetas pueden no ser tan útiles porque no serán usadas para encontrar los resultados.

Yo no creo que para los blogs tenga mucho sentido etiquetar. Seguro, puede ser más fácil etiquetar cosas, pero la experiencia de navegación no es tan genial. A veces tendrás sólo una entrada adjuntada a una etiqueta – ¿de qué sirve eso? La gente generalmente querrá encontrar entradas sobre un tema particular, y esa es la función primaria de las categorías. Es más, no estás limitado a usar sólo una categoría – adjunta un par si sientes que la entrada es relevante para ambas.

Esta es sólo mi visión acerca de las etiquetas y las categorías, estoy seguro de que algunos de ustedes pueden estar en desacuerdo. Estoy muy interesado en escuchar si usas etiquetas o categorías en tus blogs (¿o ambas?) y por qué prefieres una por sobre la otra – por favor escribe tus pensamientos en los comentarios de más abajo.

(Fuente: artículo de usabilitypost.com escrito por Dmitry y traducido por Sara Salazar para nerv. )

Boletines de Email.

Como nuevo contratado en el servicio de marketing por email de AWeber, mi asignación fue crear un par de docenas de nuevas plantillas para los boletines de email en HTML de nuestros clientes. Para el diseñador web que gusta del código limpio, un email en HTML es un recuerdo de un pasado afligido. Después de semanas de trabajo e incontables dolores de cabeza, entregué el material. También aprendí mucho acerca de diseñar para email.

Para ayudarte a evitar muchos de los dolores de cabeza que tuve durante la fase de prueba, aquí hay algunas cosas que puedes hacer para crear emails en HTML que se vean geniales.

¡Crea Múltiples Cuentas de Email Para Probar!

Si sólo vas a tomar un consejo de este artículo, por favor que sea éste. Como diseñadores, pasamos mucho tiempo creando la experiencia de usuario perfecta en la web y probando esa experiencia en múltiples plataformas. Sin embargo, cuando se trata de email, demasiados de nosotros fallamos en entregar la misma atención al detalle.

Parecido a hacer pruebas para la web, crear un layout de email que se vea igual en cada cliente de email puede ser una pesadilla absoluta.
Para asegurarse de que tus suscriptores recibirán tu mensaje en la forma en que se propuso – ¡prueba en todo lo que puedas!

Esto incluye pero no se limita a:

- Yahoo
- Gmail
- AOL
- Windows Live Hotmail
- Outlook 2007
- Outlook 2003
- Lotus Notes
- Thunderbird
- Entourage
- Mac Mail

¡Pero espera – hay más!

Algunos de estos clientes de email tienen versiones múltiples, cada una de las cuales hará el render del CSS y HTML de forma diferente.

Esto es parte de un HTML siendo rendereado por la versión antigua de Yahoo.

Aquí está exactamente el mismo email siendo rendereado por la nueva versión de Yahoo.

Diferencias sutiles, debo admitir. Pero suficientes de esas diferencias sutiles resultan en un diseño descuidado. Y si eso no es suficiente… el navegador de internet del usuario también puede jugar un papel en cómo se renderea tu diseño.

Ahora, antes de que arrojes tu computador por la ventana con frustración… los siguientes pasos te pueden ayudar a descartar la mayoría de los problemas en las pruebas.

Diseña Tus Emails Para Que Degraden Con Gracia

Me sorprende ver a algunos de los anunciantes más grandes rompiendo reglas de usabilidad básicas acerca de los email en HTML.

Aquí hay algunos lineamientos para tener en cuenta:

• Nunca confíes en las imágenes para comunicar información importante… especialmente una de gran tamaño. Una gran mayoría de los clientes de email tienen las imágenes desactivadas por defecto. A menos que el usuario tenga cierta iniciativa… le habrás enviado un lindo mensaje en blanco.
• Nunca confíes en las imágenes de fondo para hacer legible el texto. Asegúrate de que tu texto tiene suficiente contraste con o sin las imágenes activadas. Outlook 2007, por ejemplo, no mostrará las imágenes de fondo en las celdas de las tablas incluso si las imágenes están activadas.
• Entrega un enlace para las personas que tienen problemas viendo tu mensaje. Ok, esto no es absolutamente necesario – pero es una buena idea darle a tus suscriptores la opción de ver tu mensaje en su navegador web (especialmente si es un diseño particularmente pesado en HTML).
• Usa etiquetas ALT en las imágenes importantes. ¡No puedo enfatizar esto lo suficiente! Con las imágenes deshabilitadas por defecto, las etiquetas ALT descriptivas son tu última mejor oportunidad de convencer al usuario para que active las imágenes.
• Cuando uses etiquetas ALT, reduce el desorden. Completa las etiquetas ALT que importan y deja las otras en blanco (Nota: ¡No he dicho que las excluyas!)

Este es el encabezado de un email que recibí de Discovery Health:

Tomé esta screenshot desde mi cuenta de Gmail – antes de activar las imágenes. ¿Ves cómo el texto ALT “bullet” y “spacer” se interponen?

Agregar etiquetas ALT a elementos que sólo sirven para propósitos de diseño desordena el diseño y distrae de tu mensaje.

¡Usa Tablas Para Estructurar Tu Layout

¿Ah? ¿Pasé todo este tiempo aprendiendo CSS y ahora tengo que volver a las tablas? Cuando se trata de diseño para email, las tablas son lo mejor como si fuera el año 2003 – son lo más cercano que tenemos a los estándares.

Unas pocas cosas que tener en cuenta:

• Asegúrate de configurar todos los atributos de tabla disponibles donde sea posible. Eso incluye el cellpadding, cellspacing, borde, valign, ancho y alto.
• Las tablas anidadas son tus amigas. Asegúrate de usar la sangría apropiada para un código limpio y fácil de leer.
• Usa el atributo de fondo en una celda de tabla para configurar imágenes de fondo. Esta es la manera más fácil de sobrepasar los fondos que no se vean en Gmail.

Nota: Tus imágenes de fondo se comportarán como si estuvieran en mosaico… así que planifícate de acuerdo a eso.

• Toma en cuenta que las imágenes de fondo aplicadas a tablas o divs no están soportadas por Outlook 2007. De hecho, la única manera de usar una imagen de fondo en Outlook 2007 es aplicándola el cuerpo del email, lo cual por supuesto no está soportado por otros clientes de email como Gmail, Yahoo, o Windows Live Hotmail. Fantástico, ¿verdad?

Yo tampoco lo pensé así.

¡Usa Estilos Inline Cuando Codifiques Tu CSS

Algunos clientes email populares ignoran el código dentro de tus etiquetas de encabezado. Gmail y Hotmail son culpables particulares que se vienen a la mente.

Con tu layout configurado en formato tabla, es hora de aplicar estilos a tu texto e imágenes. Aquí hay algunas pistas y trucos para asegurar que tu mensaje se vea casi idéntico en cada navegador:

• Usa etiquetas de saltos de línea como reemplazo al padding vertical. Para alterar la cantidad de espacio que consumen, intenta rodearlas con tags de span y configura un tamaño de fuente mayor o menor.
• Usa estilos inline repetitivamente y a menudo. Aplicar una etiqueta de fuente a una tabla madre no significa necesariamente que será traspasada a todas sus hijas. Asegúrate de configurar estilos inline en todos tus elementos HTML.
• Aplica estilos inline detallados a los enlaces. Especialmente para los usuarios de Gmail – debes configurar estilos específicos para cada enlace. De otra forma, heredarán la fuente por defecto, tamaño y color configurada en cada navegador del usuario.
• Rodea tus imágenes con tags de span y configura los atributos de las fuentes para estilizar tu texto ALT de acuerdo a ellas. Esto te permite estilizar tu texto ALT, haciéndolo más legible cuando las imágenes están desactivadas.

¡Usa el Formateo de la Bandeja de Entrada de Gmail Para Tu Provecho

¿Sabías que la línea de asunto de cada email enviado a una cuenta de Gmail está seguido por los primeros fragmentos de código de texto dentro de ese email en particular?

¡Por qué no usar eso en tu provecho!

Arriba hay una imagen de mi bandeja de entrada de Gmail.

Ambos boletines tienen el mismo contenido de encabezado.

Sólo una diferencia – El Boletín 1 saca provecho del formateo de la bandeja de entrada de Gmail.

Aquí está cómo lo hice:

Inserta una imagen de 1px por 1px como el primer elemento en tu email. Rodea la imagen con etiquetas de span configurando el color de la fuente con el mismo color del fondo. Cualquier texto que pongas en las etiquetas de ALT para tu imagen de 1px por 1px ahora reemplazará ese fragmento de código de google en la bandeja de entrada del usuario.

¡Es tan simple como eso! Esta sutil diferencia destacará tu mensaje del resto de los emails en la bandeja de entrada del usuario.

¡Entonces, ¿Ahora Qué?

He hecho mi mejor esfuerzo para compartir algunas cosas que hago cuando creo emails en HTML. ¡Es tu turno! ¿Cómo lo haces para diseñar, codificar y probar tus campañas de email?

Cualquier recomendación, pista o truco que quieras agregar será muy apreciada por la comunidad de tus compañeros diseñadores.

(Fuente: artículo de nettuts.com escrito por Bob Ricca y traducido por Sara Salazar para nerv. )

Eso es lo que se les ha ocurrido a los creativos de antena 3:

Nada más verlo se me ocurren otras fórmulas para asociar el logo con los números. Esto es un primer boceto con un trabajo mínimo solo para mostrar la idea que se me ha ocurrido:

¿Qué os parece?