Cualquiera que haya diseñado o modificado un diseño generalmente se encuentra con las incompatibilidades entre los diferentes navegadores – típicas entre el Internet Explorer y el Firefox – y la mayoría de las veces no es posible probar todas las configuraciones posibles entre navegadores y sistemas operativos. Hay incluso veces en que se puede llegar a ignorar totalmente si el sitio se ve incorrectamente en un determinado browser, perjudicando la navegación para un segmento de usuarios y que, a menos que alguien nos avise, nunca nos daremos cuenta de ello.

Browsershots es un sitio que viene a resolver este inconveniente muy prácticamente. Introduciendo una URL, te permite obtener screenshots en diferentes navegadores como:

Linux
Epiphany 2.18
Firefox 1.5
Firefox 2.0
Konqueror 3.5
Opera 9.23

Windows
Firefox 1.5
Firefox 2.0
MSIE 5.0
MSIE 5.5
MSIE 6.0
MSIE 7.0
Safari 3.0

Mac OS
Firefox 2.0
Safari 2.0

También se pueden elegir opciones como la resolución, profundidad de color, javascript, java o flash de acuerdo a las pruebas que estés realizando. Una vez procesados todos los screenshots podrás bajarlos convenientemente a tu PC en un archivo zip para poder analizarlas cuidadosamente.

Serverdome se tomó el trabajo y relevó los blogs Problogger, Shoemoney, John Chow, Copyblogger, Daily Blog Tips y Steve Pavlina.

Es interesante ver cuanto ocupa la publicidad en cada uno de los blogs en relación al total de la página y como maneja cada uno el marketing, ya sea usando AdSense o vendiendo anuncios en forma privada.

Mirá el informe

Vía ShoeMoney

¿Alguna vez te preguntaste cómo es eso de diseño web 2.0? ¿Son los botones? ¿Son los colores? Este completísimo post te aclara todas las dudas sobre diseño web 2.0:

Web 2.0 how-to design style guide

Y si te entusiasma la idea, en DezinerFolio tenés recursos de sobra para implementar un diseño web 2.0 en tu blog

Visto en foros de ML y ExtremaWeb

El diseño es – aunque algunos lo nieguen – una parte muy importante del marketing que apliques a tu blog. Un mal diseño puede hacer que desperdicies el tráfico que tanto te costó generar e incluso el dinero invertido en campañas de marketing. Cosas tan simples como un color pueden cambiar completamente la tasa de conversión de tu sitio y multiplicar tus ganancias, o bien hundirlas y hacerte preguntar por qué no estás ganando dinero cuando otros con mucho menos tráfico ganan más que vos.

Link Building Blog postea 5 formas para mejorar el diseño de tu sitio, de modo de sacar el máximo provecho al diseño de tu blog para convertir en dinero el tráfico entrante.

1. Llama la atención de tus lectores – Si estás vendiendo un producto o servicio procurá que sea fácil para la gente comprar tu producto. Ten un número de teléfono por encima de todo y usa algún tipo de “llamada a la acción” (compra ahora, haz tu oferta, etc)
2. Piensa en grande – Asegurate que el tamaño de fuente que uses en tu blog sea lo suficientemente grande para que sea fácil de leer. Si las visitas no pueden leer nada de tu sitio, como esperas que compren algo? Aunque suene obvio, hay miles de ejemplos en la web que usan letras muy pequeñas.
3. No hay manera rápida y fácil – cuando construyes un sitio tomate tiempo para planear la arquitectura del sitio o ésta se tornará confusa. Asegurate que la gente pueda encontrar las secciones importantes con facilidad porque no querrás que estén buscando por mucho tiempo, de lo contrario se irán. Procura tener algunos elementos básicos que facilitan a los visitantes encontrar lo que buscan, como una caja de búsqueda o un mapa del sitio. La última cosa que querrás que haga un visitante es clickear 20 veces antes de encontrar lo que busca.
4. Ningún hombre es una isla – No dejes a tus visitantes aislados, ayudalos a encontrar lo que buscan, no importan las funcionalidades que para vos sean interesantes, lo que importa es lo que quieren tus visitantes. Ellos son los que pagarán tus cuentas, por lo tanto escuchalos. De lo contrario se irán con la competencia antes de que te des cuenta.
5. La prueba está en el premio – el más grande error que los webmasters cometen es pensar que lo que hacen es lo mejor. Nunca sabrás como maximizar tu diseño sin antes probarlo. Nadie lo logra la primera vez, por lo tanto usa productos como Google Analytics para descifrar lo que mejor trabaja. Si haces esto bien, podrás maximizar tu tasa de conversión.

Via ProBlogger, via JenSense, via mouse, via adsl me entero (al fin) de este plugin de concepto fantástico. La idea del plugin es permitir alternar código de anuncios AdSense en diferentes posiciones del blog para combatir la ceguera AdSense. El plugin está corriendo en el sitio del autor, si refrescan el sitio verán como el código de anuncios aparece en diferentes posiciones aleatorias, agregando un efecto de novedad a cada publicidad.

Para hacerlo, toma un párrafo e inserta un anuncio por post en diferentes posiciones, permitiendo elegir los formatos y los colores de los anuncios, lo que incrementa la aleatoriedad.

Darren cuestiona la funcionalidad en un blog que trabaje con imágenes pero viendo el blog Biggnuts la imagen se acomoda bastante bien a mi entender.

Vale la pena probarlo.

A veces en la estrategia por generar mayores conversiones, los webmasters bordean el concepto SpamSense poniendo en riesgo el contenido y la usabilidad del sitio. Aaron Wall de SeoBook.com posteó unos consejos para evitar el concepto SpamSense y aumentar las pageviews sin sacrificar el clickthrough rate de Adsense, que acá van resumidos en lo indispensable:

• Construye una autoridad de temas decente y un buen perfil de enlaces antes de preocuparte por obtener dinero de tus visitantes. Los links son la moneda de cambio, sin ellos tus otras opciones y ganancias potenciales serán como mucho limitadas.
• Menos anuncios en la home que en el resto del sitio – para muchos sitios (incluso muchos legítimos) el poder de la popularidad de links reside en la home.
• Agregar un search box incrementa fácilmente tus ingresos sin incrementar el peso percibido de los anuncios.
• Mezclar links de anuncios en la navegación o cerca de las imágenes puede mejorar tu CTR
• Un anuncio skyscraper en la columna izquierda donde generalmente está la navegación usualmente puede incrementar el CTR sin hacer parecer el sitio “spammy”
• Un anuncio skyscraper en la columna a la derecha probablemente no genere tantos ingresos debido a que es un lugar tradicional de anuncios
• Si controlas el ancho de la página es más fácil integrar anuncios de mayor CTR que si usas diseños fluidos.
• Si colocas anuncios en el área de contenidos cerca del tope de la página, si están a la izquierda y el contenido flota en la derecha, parece spammy. Si flotas el contenido del lado izquierdo de los anuncios, aún puede conseguir un decente CTR sin parecer spammy.

Me pasa a menudo que cuando comienzo a hablar con gente – familiares, amigos, sobre todo – sobre trabajo, me encuentro con un problema a la hora de describir cómo es que obtengo ingresos online. Mis explicaciones van desde un simple “tengo un sitio” a relatos de una hora de duración (según el nivel técnico del interlocutor) sobre en qué consiste la generación de ingresos online, qué trabajo requiere, como hago para tener los blogs/sitios, etc.

Me gustaría definir este trabajo con unas pocas palabras, pero las que se me ocurren parecen muy pomposas o muy vagas en la descripción -entrepreneur, emprendedor (horrible) -, no encuentro palabras acordes en castellano – online publisher, online marketer -, o son demasiado pretenciosas – periodista.
A alguien se le ocurren mejores descripciones? Cómo hacen para describir lo que hacen en pocas palabras?

Via ProBlogger, llego al blog de Karen Cheng, Snippets of life, en donde se puede apreciar el trabajo que hizo Karen al integrar los anuncios en el diseño de manera muy original.
Los anuncios quedan realmente muy bien, y lo mejor de todo es que Google le confirmó que mientras no modifique el código de los anuncios, es perfectamente legal hacer esto. Sin duda, abre una nueva perspectiva en cuanto a Adsense y la integración con los Contenidos.

No sé si lo habrán notado pero hice un lavado de cara al diseño de ProWeblogs. Cabe aclarar que lo hice yo mismo, con todas las consecuencias que ello acarrea en cuanto a diseño. La idea es diferenciar un poco del tema de WordPress Blix que utilicé como base para crear un tema un poco más personal.

De todos modos son bienvenidos los comentarios o críticas que deseen hacer.

Aparte de ganar popularidad y lectores, uno de los retos al iniciar un blog es diferenciarse del resto de los blogs usando un buen diseño. Muchos dicen que causa mejor impresión en el usuario un blog cuyo diseño es original que un blog que utiliza un template conocido.

Por supuesto hay excepciones a la regla (como Matt Cutts y su blog, pero en general es bueno tratar de despegarse para no causar impresiones equivocadas en el lector y perderlo por culpa de ellas.

El conflicto surge que cuando hablamos de diseño, tenemos varios niveles a los cuales referirnos, cada uno con sus ventajas y desventajas, y sus costos directos y asociados:

• Diseño profesional – Este es el diseño más conveniente pero que requiere una inversión, ya que todo el trabajo lo hace un diseñador (y eventual programador, o ambos). En el caso de los blogs creo que hay un amplio rango de costos pero en general un diseño profesional de un sitio no baja de 400-500 dólares. Teniendo en cuenta los beneficios que pueden resultar de tener un diseño adecuado, es bueno considerarlo como una opción, y si se posee el dinero, invertirlo en un buen diseño puede ser una buena jugada estratégica para diferenciarse y llamar la atención.
• Diseño amateur - El diseño amateur es el de aquellos que no tienen los costos como para pagar un diseñador profesional y optan por tomar un template e introducirle modificaciones hasta encontrar un grado de diferenciación suficiente. Claro que este grado de diferenciación está limitado por los conocimientos de diseño y tecnologías involucradas como CSS, html y hoy por hoy php, AJAX y demás. También es muy riesgoso en cuanto al resultado final, dado que la aprobación del diseño recae en nosotros mismos y a veces tendemos a no ver las cosas realísticamente.
• Sin diseño – Este es el caso en que no se posee ni dinero ni conocimientos necesarios para conseguir un diseño original. Es la menos deseada de las opciones pero en última instancia es posible tener un blog. Es el caso más común en blogs personales o sin fines comerciales

No sólo un buen diseño ayuda a diferenciarse. Un diseño bien pensado puede llevar la integración de anuncios a límites extremos. Es probado que la integración del diseño de los anuncios contextuales, por ejemplo adsense, con los contenidos es una buena estrategia a la hora de incrementar la cantidad de clics. Trabajando en el diseño a partir de las limitaciones de dichos anuncios, podemos llegar a alcanzar un nivel de integración casi invisible y muy funcional.

El diseño también es vital para las estrategias de posicionamiento que adoptemos. Dado que los buscadores se basan en ciertas reglas (tags de títulos, headers, etc) y en estándares, es conveniente tener un diseño preparado para un buen posicionamiento y en código bien formado para evitar errores de los robots.

Un diseño original agrega valor al blog. Hemos visto en estos últimos días una buena cantidad de blogs vendidos. Sin duda, una de las variables que se tuvieron en cuenta al tratar de valuar estos blogs fue el diseño. Todos deberíamos tener un plan de salida de nuestro plan de negocios. Si tu plan de salida es vender tu blog o lo pensás como una manera de generar ingresos en el mediano plazo, un diseño profesional es indispensable para poder lograr esto.

El diseño del blog ayuda a crear una personalidad, un perfil. En un blog comercial será parte de tu marca, por lo tanto no ahorres en diseñadores pensando que cualquier diseño funcionará.