A través de las siguiente recopilación de temas y plantillas para el gestor de contenidos WordPress encontraréis una amplia variedad de estilos para mejorar el diseño web y disponer de la mejor imagen de marca posible, y si no sabes por donde empezar también puedes hablar con profesionales como por ejemplo mi hermano en Color Vivo Internet.

A continuación puedes ver una ampliar colección de los mejores temas de WordPress para 2011.

Studeo. Tema WordPress para Agencias creativas y negocios.

Studeo es un paquete completo para crear tu sitio web con WordPress para agencias creativas, de diseño web, freelance o virtualmente cualquier negocio que quieras tenga una imagen atractiva y profesional en la web.

Scope. Tema para WordPress para Agencias y Negocios.

Scope es el tema perfector para una agencia de creativos, freelance o negocios en general. Grandes líneas, colores y muchas grandes caracteristicas ideales para tu web.

ShowyCase. Tema para WordPress para portafolios y fotografos.

ShowyCase es una plantilla profesional muy flexible y personalizables para crear portafolios, webs de agencias de diseño o webs de estudios de fotografía.

I Love It!. WordPress para compartir contenidos.

Gracias a la gente de CosmoThemes podéis disponer de un completo tema para WordPress como I Love It! para compartir contenidos a través de la web con diferentes formatos.

Limon. Un tema de WordPress para restaurantes o Spas.

Limon es un bello, limpio y completo tema para WordPress diseñado para restaurantes, spas y salones de bodas. Tiene 18 diferentes opciones de color, 7 diferentes fondos y un extenso panel de control de opciones. Posibilidades de personalización sin límites.

Fotos es un tema WordPress para fotografos.

Fotos es un completo tema para crear una página web para estudios de fotografía y fotografos con galerías ilimitadas en modo presentación.

Y puedes encontrar muchos más temas para WordPress premium en multitud de webs como ThemeForest, StudioPress, Press75, KreativeThemes, PagesLines, UPthemes, WooThemes, Templatic, o en la propia web de temas oficial de WordPress. Adicionalmente os recomiendo el libro de WordPress, aunque está en inglés es realmente bueno.

Las mejores plantillas para WordPress de 2011 is a post from: Carrero

Lo normal en la mayoría de servidores web es que el fichero de inicio sea index.html, y aunque escribimos por ejemplo http://carrero.es/ esto lo que hace es cargar nuestro index.

Si trabajamos con Apache podemos alterar el orden de carga de los diferentes tipos de index que nos podemos encontrar a través del .htaccess incluyendo la línea DirectoryIndex index.html index.htm index.php. Más en la documentación de Apache sobre DirectoryIndex

Recuerda que tu fichero index.html o index.htm contendrá tu página web en HTML o HTML5. Si es index.php puede incluir código PHP, si es index.pl interpretará Perl, index.py para programación Python, …

Os recomendamos más ayuda en documentación html, manual de PHP, documentación de Apache, un hosting web, …

¿Qué es el index de una página web? is a post from: Carrero

La navidad además de alegría, paz, salud, diversión, la lotería de navidad, y otras muchas cosas no inunda de spam de navidad por correo, y este será el objeto de un siguiente artículo aquí con una relación de muchas de las felicitaciones que he recibido, que no necesariamente son spam, pero tantas a la vez agobian un poco.
El motivo de esta entrada no es otra que hacer referencia a algunos anuncios en papel y en vídeo realmente originales y supone un gran trabajo de creatividad. Una publicidad inteligente y divertida para la navidad.

Vídeo Felicitación de navidad Imanima 2011-2012.

El mundo de Internet como la vida misma. #todohacambiado

Publicis: Lapicero árbol de navidad

Mercedes-Benz: Árbol de navidad en las ruedas

Renault Ranch: Abierto por navidad

Detergente Omino Bianco: Lavandería antes de Navidad

Inbev: Cerveza de navidad

Anuncio de navidad de Cultura

Pedigree: En Navidad cuidado con el perro

Heineken: Accidente de Papa Noel

Puedes ver más anuncios de publicidad en papel en Design Hack o Ads of the world.

Publicidad inteligente y divertida para navidad is a post from: Carrero

WP Paintbrush es un nuevo tema premium para WordPress que te ayuda a desde su panel de edición a construir tu plantilla web, ideal para los que empiezan en WordPress pero también para los usuarios avanzados. Una opción para crear un diseño único para tu sitio web con este popular gestor de contenidos y blogs.

WP Paintbrush es un plugin para rediseñar tu sitio web, sin necesidad de tener conocimientos de código. Podrás cambiar el color de fondo, usar diferentes tipo de letra, o adaptar el diseño a tu identidad y marca, todo en uno. Esta herramienta te permite un alto grado de personalización. Además es gratis y funciona con WordPress 3.0 o superior.

Aquí te dejamos capturas de los 2 Temas WordPress de que dispone ahora esta herramienta.

Probar WP Paintbrush
Fuente: Blog perfume

Plugin: Editor visual para diseñar tu plantilla de WordPress is a post from: Carrero

Imageoptim es una herramienta imprescindible para los diseñadores y creadores de web que trabajan con Mac OS X. Esta aplicación gratis te permite optimizar de forma sencilla y rápida el peso de las imágenes sin pérdidas de calidad.

El uso de Imageoptim es muy intuitivo, solo tenemos que arrastrar las imágenes que queremos optimizar hasta su espacio de trabajo y se optimizarán de forma automática, o también puedes arrastrar la imagen a optimizar hasta el icono en el dock. Verás como se optimiza el peso sin perdida de calidad. Es importante que antes de empezar a optimizar en preferencias marques que te cree una copia de seguridad de la imagen sin optimizar por si deseas conservarla.

Esta herramienta online y gratis utiliza una serie de librerías y aplicaciones para Unix (Linux, FreeBSD, …) que ayudan en su tarea de optimizar lo mejor posible las imágenes como son AdvPNG de AdvanceCOMP, OptiPNG, Pngcrush, JpegOptim, jpegtran de libjpeg, Gifsicle y PNGOUT.

Y hablando de velocidad y SEO, ahora tienes un poco más fácil optimizar tus imágenes para tu web, no tiene excusas para que tu sitio web vuele a la hora de cargar, lo que la hará más usable y atractiva a tus visitantes.  ImageOptim es un proyecto de código abierto licenciado bajo GPL v2. Y además está en castellano, inglés, francés, alemán, … entre otros idiomas.

Gracias por el aviso a Alberto Ibañez de @acens. Y por supuesto a KaBytes.
Sitio Oficial: ImageOptim
Descargar código fuente de ImageOptim.

Optimizar imágenes gratis en Mac is a post from: Carrero

El principal problema es que hay miles de sitios donde encontrar temas para WordPress en Internet. Solo tienes que probar a buscar “Temas para WordPress” o “Temas profesionales para WordPress” para ver los miles de sitios que existen.

Después de muchos años trabajando con WordPress como gestor de contenidos y blogs puedo recomendar algunos de los mejores sitios con plantillas de alta calidad para WordPress y otros gestores de contenidos o tiendas online. Algunos de los enlaces apuntan a mi afiliación por si os animáis a contratar alguna plantilla.

La recopilación de sitios es la siguiente:

1. Theme Forest
   Uno de los sitios más completos con miles de plantillas para WordPress, pero también para Joomla, Drupal, en HTML, Magento, OpenCart, … una referencia sin igual y barata.
2. WooThemes
   Otro fantástico lugar donde encontrar grandes temas para WordPress.
3. Elegant Themes
   Plantillas para WordPress elegantes y sencillas. Suscríbete para tener acceso a todos los temas.
4. KreativeThemes
   Plantillas para WordPress con buen diseño.
5. Press75
   Un sitio con plantillas únicas, limpias y eficientes con muchas opciones de personalización y gestión.
6. PageLines
   Colección de temas para WordPress con mucho estilo y únicos.
7. Plantillas Web
   Miles de plantillas HTML, WordPress, …

7 sitios para conseguir plantillas para WordPress is a post from: Carrero

1. Todo tenemos claro que WordPress es más sencillo de gestionar que Drupal. Un punto importante es que nos resulte fácil y cómodo de gestionar.
2. WordPress se actualiza de forma sencilla, casi siempre es posible a un solo clic. Sus plantillas y plugins son muy numerosos, quizás miles en ambos casos.
3. Los plugins de WordPress está hechos para humanos y no para programadores. Lo que sin duda facilita el uso de los mismos sin necesidad de amplios conocimientos. Seguro que Drupal tomó nota de esto y hará por simplificar a futuro.
4. La zona de administración de WordPress es sencilla y visual, además de no parar de mejorar y hacerse cada vez más usable.
5. Crear y mantener temas de diseño para WordPress es realmente fácil, aunque también podemos complicarlo todo lo que queramos. Además de plantillas gratis hay cientos de sitios con plantillas para WordPress por muy pocos euros. Sitios como AppThemes, Plantillas Web, Elegant Themes, KreativeThemes, PageLines, UpThemes, WooThemes, ThemeForest, StudioPress, Press75, …
6. Una gran comunidad de desarrolladores y diseñadores detrás de WordPress. Además de una empresa, Auttomatic, que no para de crecer y comprar proyectos para complementar su CMS.
7. WordPress te anima a aprender y experimentar.
8. Y por supuesto está disponible en más de 100 lenguajes. Está hecho en PHP+Mysql y funciona en Linux o Windows. A mi me gustaría además que funcionase con ADOdb para poder usar otras bases de datos que no sean siempre MySQL.
9. WordPress se puede instalar fácilmente en cualquier entorno local o remoto con LAMP. Prueba opciones de centro de datos en España para tu hosting wordpress.

¿Tienes más razones para cambiar de Drupal a WordPress, o quizás al revés?. Deja tus comentarios.

Razones para migrar de Drupal a WordPress is a post from: Carrero

Los centros de datos están en nuestras vidas aunque no los quieras ver. El negocio de los centros de datos (data centers) tienen hoy día una misión crítica sobre nuestra información y sobre todo tipo de operaciones de nuestras empresas. Hoy los centros de datos más grandes del mundo a veces pueden ser casi arte sobre la tecnología, con sus habitaciones de operaciones y miles de metros cuadrados, albergando millones de bytes de clientes y empresas. Con la llegada de los servicios cloud se han incrementando el compromiso de los centros de datos ya que ahora son cientos de miles los servidores que alojan, así como decenas de petabytes de información, creciendo casi sin límites. Esto nos lleva a que hacen falta más centros de datos y si es posible que sean verdes con el menor consumo energético.

Aquí podrás ver algunas imágenes de los centros de datos más grandes del mundo.

Centro de datos Microsoft’s Quincy Washington

En un artículo del NY Times podemos ver una galería de imágenes de impresionante datacenter y su importancia en el día a día.

(Foto: Simon Norfolk para el The New York Times)

Centro de datos Microsoft’s Quincy Washington puede alojar más de 6.75 trillones billones de fotografías.

NJ2 in Weehawken, N.J.

(Foto: Simon Norfolk para el The New York Times)

Dentro del CPD NJ2, en New Jersey. La atención ahora está en hacer que los servidores consuman el mínimo de energía con un diseño optimizado para tal. (Fuente de la imagen)

Centro de datos verde de IBM

IBM opera más de 750.000 metros cuadrados de centros de datos en seis continentes. Además de ser una de las empresas con más iniciativas de centro de datos verdes con un ahorro en miles de kilovatios horas cada año.  Ver galería entera en Flickr.

Centro de Datos Tokyo

El corazón de Internet en Japón está en uno de los centros de datos más grandes del mundo. La imagen muestra la entrada al CPD. (Fuente de la imagen).

Centro de datos verde HDS Yokohama

Abierto en agosto de 2009, el centro de datos HDS en Yokohama opera más de 10.000 metros cuadrados. A través de una nota de prensa informaron de sus incorporaciones para ser eficientes energéticamente con un PUE de 1.6. Más imágenes en Flickr.

Centro de datos de Microsoft en Chicago

Abierto a finales de 2009, es el primero que incluyo un diseño basado en 56 contenedores que puede alojar entre 1.800 y 2.500 servidores. (Fuente)

Centro de datos de Facebook

Los centros de datos de Facebook puede alojar más de 40 billones mil millones de fotos y permiten que sus usuarios suban más de 40 millones de fotos nuevas cada día, unas 2.000 fotos por segundo. Vía Data Center Knowledge. (Fuente de la imagen)

Centro de datos de Google

En Octubre de 2008 fue galardonado por una patente de centros de datos portables. Los centros de datos de Google suelen estar compuestos de 45 contenedores con una capacidad de 1.160 servidores cada uno, y un so de 250 kilovatios. Desde luego Google es quizás de los que más sorprendan con sus mega centros de datos y por toda la información que manejan y transportan. Más información en Google Datacenters.

Centro de datos de Apple

System X, un cluster Xserve G5 supercomputing. Licencia CC por Christopher Bowns

Apple tampoco se queda corto y la construcción de su nuevo centro de datos en Carolina del Norte ha dado mucho que hablar, aunque no hay fotografías del interiores si hay vídeos del exterior. (Fuente de la imagen)

Más grandes de centros de datos en el artículo en inglés en Wikibon.

Dentro de los centros de datos más grandes del mundo is a post from: Carrero

Sitio web para Recetas de cocina con WordPress

FoodPress es un completo tema para WordPress para recetas de cocina, el cual te permite de forma sencilla compartir tus recetas con opciones personalizadas. Entre sus características podemos citas que permite modificar su diseño sin límites para adaptarlo a nuestro estilo. Incluye opción de entradas en la administración para añadir tus recetas, soporte para menús de WordPress, opciones personalizadas en el panel, 3 diseños de portada diferentes, widgets personalizados, integración con flickr, facebook, twiter, vídeos de youtube y vimeo, …

Funciona con WordPress 3.2 o superior.

Descargar Tema Foodpress. Ver Demo de FoodPress.

Crear un sitio de recetas de cocina con WordPress is a post from: Carrero

Gracias al equipo de Kissmetric hemos podido traducir su infografía: “How Loading Time affects your Bottom Line“.

Descargar una versión más grande de la infografía.
Clic aquí para descargar una versión en PDF de esta infografía.

Ideas para enviar esta infografía a redes sociales (facebook, twitter, …):

• 73% de los usuarios de Internet móvil dicen que encuentran los sitios demasiados lentos. »tweet«
• 51% de los usuarios de Internet móvil dicen que ven errores, cuelgues, … al ver la web. »tweet«
• 38% de los usuarios de Internet móvil dicen que el sitio web no les respondía. »tweet«
• 47% de los consumidores esperan que una web se cargue en 2 segundos o menos. »tweet«
• 40% de la gente abandona una web si tarda más de 3 segundos en cargar. »tweet«
• Un segundo de retardo en una página puede resultar en un 7% menos de conversiones. »tweet«
• Si tu tienda hace 100.000€ por día, 1 segundo de retraso te puede hacer perder 2,5 millones en ventas cada año. »tweet«

Lo dicho gracias al equipo de KISSmetrics por su trabajo, así como al equipo de Color Vivo (Loriane Ramil y David Carrero (seguir en twitter @carrero) por su traducción en colaboración con el equipo de Acens. Ver referencia en blog de acens.

¿Cómo afecta el tiempo de carga web a tu negocio? is a post from: Carrero

WordPress para un sitio de preguntas y respuestas

Otra de las posibles modas que están inundando la red son las preguntas y respuestas con dos claros exponentes en el mercado Yahoo! Answers y Quora. Yahoo! disponible en múltiples idiomas incluido el nuestro, pero Quora solo en inglés y solo preguntas y respuestas en inglés. Aquí está nuestra oportunidad, crear un sitio de preguntas y respuestas que no exista en castellano o replicar un modelo en inglés. Podemos hacer fácilmente gracias las plantillas para WordPress o plugins que permite montar un sistema para atender preguntas y respuestas sin límites.

Plantillas y Temas para WordPress. Crea tu sitio de preguntas y respuestas

• Answers. Un tema premium para WordPress que te permite de forma rápida desplegar tu sitio de preguntas y respuestas con algunas características como la configuración a un solo clic y posibilidad de datos de ejemplo para aprender bien como hacer uso de la plantilla. Las preguntas están separadas como recientes, más respondidas, sin respuesta y recientemente añadidas. Tiene opciones para promoción en la cabecera, registro de usuarios y barra de búsqueda. El administrador puede permitir el envío de preguntas gratis o con una cuota por pregunta que se cobra por PayPal. Todos los usuarios disponen de un perfil donde puede seguir las preguntas realizadas y como se van respondiendo. Tiene más opciones y es muy completo, por algo vale 65$ para un licencia sencilla o 99$ para una para instalar donde y cuantas vece quiera uno.
• WP-Answers. Es otra plantilla premium para WordPress para la creación de un sitio de preguntas y respuestas muy personalizable y con muchas opciones. Implantará un sistema de puntuaciones para los usuarios que respondan las preguntas. Tiene servicio de registro de usuario e integración con redes sociales. Además puede importar conentido de Yahoo! Answers. WP-Answers premium está disponible en 3 licencias diferentes: un solo sitio ($89), multi sitio ($179), y desarrollador ($249). Si no me equivoco sitios como Hostarting utilizan esta plantilla.
• QnA Theme. Otro tema premium para crear un sitio de preguntas y respuestas con muchas características. Incluye la posibilidad de preguntar y responder preguntas, enviar comentarios, seguir el número de vistas, añadir categorías, etiquetas, importar contenido de Yahoo! Answers, puntos por usuarios, votaciones y mucho más. Está disponible en licencia para un sitio por 59$ y licencia de dearrollador por 99$.
• Instant Q&A. Con un diseño a tres columnas este diseño premium para preguntas y respuestas convierte su diseño en único. Entre sus características están la facilitar de personalizar logotipo, opciones de colores disponibles, sistema de ranking y puntos, … Y su coste realmente bajo, solo 35$. Pensado para un sitio de viajes, pero vale para todo.
• Questions & Answers. Otro tema de WordPress para crear tu web de preguntas y respuestas. Entre sus opciones están plantillas personalizables, sistemas de ranking, optimizado para SEO, Perfil de cuenta, funciones sociales, gestión de publicidad, …

Plugins WordPress para crear un sitio de preguntas y respuestas

• Plugin para un foro de preguntas y respuestas. A través de este plugin para preguntas y respuestas podemos crear una zona que no necesita ninguna página web en tu WordPress. Se integra donde quieras como un foro más. Incluye envío personalizado con notificación.
• Q&A Lite. Un plugin para WordPress que te ayuda a crear tu sitio depreguntas y respuestas con un estilo cercano a StackOverflow, Yahoo Answer, Quora, … pruebalo. Existe una versión Pro más completa que puedes consultar en Q&A Pro.

Fuente parcial: tomuse

Plantillas y plugins WordPress para sitios de preguntas y respuestas is a post from: Carrero

A través de la presente entrada trataremos de aplicar diferentes técnicas para diseñadores web y profesionales de los interfaces para mejorar sus páginas de error (404) y al mismo tiempo aprovechar estos errores para mejorar la experiencia del sitio web y como nos relacionamos con los visitantes que llegan a este error. Como C. S. Lewis dijo, “Los fallos son las entradas escritas en el camino hacia el éxito” (original en inglés “Failures are finger posts on the road to achievement”). Un diseñador web debería tener esto en su corazón. Ahora vamos a centrarnos en las páginas de mantenimiento y error, ambas debería ser monitorizadas con el fin de optimizar su usabilidad. Espero que los siguientes ejemplos y como usar google analytics, diseño defensivo para optimizar la experiencia de estas páginas os resulte útil. No encontré muchos ejemplo en castellano, pero la siguiente captura (por mejorar) es el error 404 de acens.

Imagen de la nueva web de acens cloud.

Lo primero sería ver las páginas de error y como las presentamos hoy, así podemos ver como optimizarlas de forma eficiente:

• Consigue tu página de error 404 hacer participar al visitante y que sigua navegando, o por el contrario hace que este se fustre y abandone el sitio.
• ¿Cómo disminuir el número de usuarios que acaban en un error 404?
• ¿Cómo monitorizar el tráfico tus páginas de error 4040 de forma eficiente?

Más cosas, ver las técnicas que podemos usar para mejorar los ratios de conversión mientras nuestra página web se encuentra bajo un mantenimiento. Algunas preguntas que deberías hacerte son:

• ¿Cómo definir cual es el tiempo que debemos estar bajo un mantenimiento?
• ¿Como hacer para involucrar a los usuarios mientras que estamos bajo un mantenimiento?

Optimizar Páginas 404

El tema de como mejorar los mensajes en las páginas de error se describe de forma muy interesante en el libro  (solo en inglés) Defensive Design for the Web, que ha sido escrito por el equipo de 37signals. Este incluye como 40 temas de “como prevenir errores y rescatar clientes cuando ocurre una caida o error”. En concreto el tema 16 trata sobre como mostrar “Páginas de No Encontrado” (“Page Not Found“) personalizadas. Es realmente importante decir porque nuestra página no ha sido encontrada, explicar el porque de que una página no se ha podido localizar y ofrecer sugerencias a la derecha de la pantalla. Que tu página web ayude cuando esto sucede y que no tengamos un visitante que abandona posiblemente para siempre por la caída o error.

Alguna cosas que puedes añadir en tu página de error:

1. El nombre y logotipo de tu empresa,
2. Una explicación de porque el visitante está viendo esta página,
3. Una lista de errores comunes que deben explicar el problema,
4. Enlaces para ir a la página de inicio y/u otras páginas que puedan ser relevantes,
5. Un motor de búsquedas donde los clientes/visitantes puedan encontrar información y
6. Un enlace a un email (o formulario) donde los visitantes puedan reportar el error, páginas pérdidas u otros errores.

Te invito a conocer algunos ejemplos de páginas de error en los siguientes enlaces de Smashing Magazine (parte 1, parte 2 y parte 3) y estos otros ejemplos: Hongkiat, the proper spark, instantShift, skyje, mashable, dzineblog, six revisions e inspired mag. Seguro que sirven para despertar tu inspiración para crear tu propia página 404. Esto es importante pero lo es mucho más entender y analizar, siempre me preguntaré, “¿Es suficientemente buena? ¿Cómo puedo hacerlo mucho mejor?. En esta entrada podrás conocer algunas de esas técnicas que podrás usar para monitorizar y optimizar tus páginas 404.

Y si no tienes página personalizada de error 404, puedes consultar esta explciación de como configurar tu propia página 404 (en inglés: How to Setup a 404 Page).

Monitorizar Tráfico de Página de error 404

¿Con que frecuencia comprueba el tráfico de tus páginas de error 404? Posiblemente nunca compruebas los errores 404. La importancia de controlar los errores 404 constantemente nunca debes dejarla de lado. Por ejemplo, si un sitio web está enlazado desde un blog y el enlace está roto, esto provocará una experiencia negativa para los usuarios (que además han visto sus esperanzas en el enlace rotas) y además afectará a los buscadores/posicionamiento (el contenido no será seguido ni indexado para un contenido correcto). Seguro que usas Google Analytics y por eso nos centramos en dar trucos para esta herramienta de analítica.

Nota: Las capturas de pantalla se han realizado sobre la nueva versión de Google Analytics, que actualmente está en beta, igual ves cambios.

Crear una Alerta en Google Analytics

Puedes en la configuración del sitio en Analytics (en perfiles, Alertas) según ves en la captura configurar una alerta que te informe cada día por correo electrónico de si superamos las 30 páginas vistas con error 404. Si tienes alertas todos los días recuerda que tienes un problema por solucionar, aumenta el número de páginas vistas o días si no quieres recibir todos los días mientras lo solucionas.

Esta imagen te muestra como puede crear una alerta personalizada para seguir páginas vistas 404.

Seguimiento de tu página como un objetivo

También puedes configurar un objetivo para seguir la página 404 (siempre que tengas objetivos libres en tu analytics). Esto lo que hará es registrar estos objetivos para realizar un seguimiento diario (y por horas) de acceso a la página de errores. Es otra forma sencilla de localizar de donde viene el tráfico de enlaces rotos. La siguiente captura te muestra como hacerlo:

Esta imagen muestra como crear un objetivo para seguir páginas vistas de error 404 en tus informes.

Añade tu informe de contenido 404 en el escritorio de analytics

Todos los informes en Google Analytics pueden ser añadidos al escritorio. Es recomendable añadir el objetivo de la página 404 al mismo, para que puedas observar de forma directa la evolución. No mostramos captura sobre esto, pero es realmente sencillo.

Comprobar los informes resumen de navegación

Esto te puede ayudar a entender que hacen los visitantes después de pasar por la página de error 404, como es de importante optimizarlas:

Esta imagen en inglés muestra un ejemplo de navegación por el reporte de error 404 en Analytics.

Seguimiento de búsquedas internas

Si no tienes un cuadro de búsquedas en tu página 404, deberías pensar en añadirlo de forma seria. Conocer las búsquedas que se realizan en la página de error nos pueden ayudar a entender que suele buscar nuestros visitantes cuando algo falla y así definir que enlaces serían los más interesantes para colocar a la derecha en un menú de la página de error. Las siguientes métricas deberían estar activas para analizar si quieres usar este truco:

• Total de Búsquedas Únicas
  El número de veces que una persona inicia una búsqueda desde la página de error 404. Las búsquedas duplicadas de una visita única son excluidas.
• Visitas de páginas de resultados/búsqueda
  El valor medio de tiempo que los visitantes ven la página de resultados después de ejecutar la búsqueda.
• % de abandonos de búsqueda
  El porcentaje de búsquedas que después de los resultados abandonan la página y se van de tu sitio.
• % de refinamientos de búsqueda
  El porcentaje de búsquedas que resultan de otra búsqueda (por ejemplo. una nueva búsqueda utilizando otra palabra clave).
• Tiempo posterior a la búsqueda
  La media de tiempo que ha invertido el visitante en nuestro sitio desde la búsqueda.
• Media de páginas por búsqueda
  La media de páginas que el visitante ha visto desde la búsqueda.

Reducir tus errores (Corregir los enlaces rotos)

Monitorizar tus página de error 404 es muy importante, para al menos poder corregir los errores una vez detectado. Solucionar estos problemas reducirá el número de personas que llegan a tu página 404 y por tanto la experiencia del usuario mejorará. Ahora te damos unos consejos para encontrar y corregir enlaces rotos internos y externos.

Comprobar el Informe Resumen de Navegación

Esta ayuda debe entenderse como los visitantes que llega a tu sitio web, y que llegan a páginas internas que contienen enlaces rotos internos. Recuerda ver que porcentaje de visitantes vienen desde páginas internas y externas; las fuentes internas podrás listarlas fácilmente en Analytics o también sacarlas a través de Google Webmasters.

Comprobar fuentes de tráfico que aportar visitas a la página 404

Esto es sencillo de ver, son los sitios web que contienen enlaces rotos hacia nuestro sitio. Aquí tienes un ejemplo en inglés de este error. Localiza los enlaces rotos y crea redirecciones 301 hacia páginas correspondientes. Si no te gustan las redirecciones 301, también puedes volver a crear la página con contenido.

Esta imagen muestra fuentes de tráfico que envian visitas a la página de error 404.

Herramientas SEO para ayudar con errores 404

Puedes hacer uso de herramientas SEO como Raven Tools, Advanced Link Manager, SeoMoz, … y otras tantas para encontrar y monitorizar también tus errores con mucha más información.

Trucos de usabilidad para mejorar los 404

Los trucos de usabilidad para páginas de error no son muy diferentes a los de usabilidad en general para buenas prácticas con tu sitio web. Algunos de estos elementos te ayudarán a incrementar los ratios de conversión de tus páginas de error; en este contexto debería considerar tener el mejor ratio de conversión Click (CTR), para asegurar que cumplimos el objetivo buscado de no perder la atención de los visitantes. Puntos a tener en cuenta:

1. Simplifica y busca el Foco
   Es muy importante utilizar imágenes y diseños origionales. Es crítico tener un foco claro para esta página; si el usuario percibe que lo estamos liando no cumpliremos nuestro objetivo. Hay que definir de forma clara y sencilla las acciones de nuestros 404.
2. Conoce a tus Visitantes
   Muchas páginas de error 404 son usadas para sacar alguna que otra risa, utilizadas con humor y bromas de los técnicos. Es importante pensar que son nuestros visitantes/clientes y no podemos permitir que malinterpreten nuestro humor, es nuestra responsabilidad hacerlo bien.
3. Deja que tus visitantes decidad
   Creo que es muy interesante que sean los usuarios los que decidan que es lo mejor para nuestra página de error, a través de todo el análisis y seguimiento que le hacemos. Quizás sea un buen sitio donde realizar pruebas A/B. (Revisar el artículo de técnicas avanzadas de test A/B escrito en inglés por Paras Chopra).

Optimizar páginas de mantenimiento

Es muy importante como diseñamos y desarrollamos una estrategia para nuestra página de mantenimiento. Hay que definir cuando se realizará esta tarea, que sea a horas de menor tráfico e impacto para nuestros visitantes, a la vez que sea el menor tiempo posible. Podéis leer una entrada previa en Smashing Magazine, donde Cameron Chapman nos da una buena lista que podemos usar para comprobar que tener en cuenta cuando diseñamos páginas de mantenimiento efectivas:

1. Haz tus páginas de mantenimiento sencillas y útiles.
2. Piensa que será un problema/incoveniente para tus visitantes/usuarios/clientes.
3. No te agusties usa el humor.
4. Manten la imagen de tu página de mantenimiento con un diseño igual que tu sitio habitual.
5. Haz saber a tus visitantes cuando estarás de vuelta.
6. Proporciona recomendaciones de contenidos.
7. Invita a tus visitantes a volver cuando el sitio esté activo otra vez.
8. Informa a tus visitantes acerca de los avances del mantenimiento.

Elegir el tiempo de mantenimiento adecuado

Una práctiva muy habitual es realizar los mantenimiento en horarios de menos tráfico, a una hora y día concreto de la semana, para minimizar el impacto. Es importante que tengas en cuenta que tu sitio web está optimizado para el rendimiento y no para el tráfico. Busca el momento de menos visitas, pero especialmente busca el momento de menos conversiones para realizarlo.

Incrementa tu relación con los visitantes usando las páginas de mantenimiento

¿Es posible mejorar e incrementar tu relación con los visitantes mientras que estás en modo de mantenimiento?. Si es posible. Mientras que estás en mantenimiento tienes una oportunidad única para promover canales adicionales de marketing: tiendas offline, páginas de facebook, canales de Youtube, cuentas de twitter, newsletter, etc. El siguiente ejemplo de página de mantenimiento de Online Behavior es un claro ejemplo de marketing online:

Esta imagen muestra una página de mantenimiento de ejemplo.

Notas finales

Los errores siempre puede aparecer y tenemos que estar preparados para controlarlos y corregirlos. Debemos tener de la mano a nuestros visitantes para evitar que se lleven una mala imagen, podemos hacer que se sientan bien, cómodos y que sigan navegando con nosotros. El nivel de paciencia online suele ser bajo, hay que intentar evitar que los visitantes nos abandonen.

Tienes algo que decirnos, esperamos tus comentarios y trucos.

Optimizando páginas de error: Creando oportunidades de nuestros errores is a post from: Carrero

Un grupo de programadores italianos (Baker) y otros alemanes (Laker) han sido lo creadores de estos geniales frameworks gratis y Open Source que te permite crear un libro electrónico, revista o quizás un folleto de turismo para el iPad, iPhone y también para web, todo con el mismo código HTML5. El que más actualizado veo para hacer un poco de todo es Laker, que si está pensando para el escritorio, iPad, iPhone, …

Solo tienes que crear tus páginas en HTML5 con un ancho fijo de 768 píxeles en el caso de Baker y hasta 955 píxeles con Laker y seguir el diseño adaptativo para que funcione por igual en tu escritorio, iPad, iPhone, … se adaptará solo al ancho del dispositivo. Puedes probarlo en Safari y así ir comprobando como queda.

Me encanta la solución como algo para por ejemplo también crear un folleto turístico de una ciudad o monumento, de forma sencilla, sin programación Cocoa, todo HTML5. Después solo tendríamos que poner una versión en web y generar nuestra aplicación para subir al AppStore. Entiendo además que sería fácilmente adaptable para portar a Android.

Un ejemplo de libro gratis hecho con Baker es 5×15 Tokio y además Francesc Tovar contó no hace mucho como hizo su libro con Baker. Y con Laker el mejor ejemplo que puedes ver en vídeo en su web es el que han hecho de la ciudad de Nueva York.

HTML5 para crear libros electrónicos para el iPad is a post from: Carrero

Esta extensión para el navegador Google Chrome solo necesitas instalarla y para usarla la activas pulsando sobre su icono en la barra superior y ahora son solo hacer clic sobre cualquier texto veremos el detalle que necesitamos. En el caso del bookmarklet tendrás que arrastrar el icono para activarlo hasta la barra de navegación del navegador soportado para esta utilidad.

Aquí os dejo un ejemplo sobre Color Vivo.

Ahora si te dedicas al diseño web tendrás mucho más fácil conocer las tipografías utilizadas en otros proyectos web, tanto si usas la extensión para Chrome, como si optar por el bookmarklet que funciona en Firefox 3.6+, Chrome 9+, Safari 4+ o Internet Explorer 9.

Descargar extensión Chrome WhatFont Tool.
Instalar la versión WhatFont Tool bookmarklet para otro navegadores y ver las demo en la web de su autor Cheng Yin Liu.
Acceder al código fuente de WhatFont Tool, ya que es un proyecto libre.
vía: WebAppers

¿Qué tipografía es esta? Fácil con cualquier navegador is a post from: Carrero

A través de nuestro navegador de Internet podremos arrastras y soltar elementos con su editor integrado en el margen izquierdo, añadir texto, imágenes, cambiar colores, …. y una vez hecho nuestro arte solo tenemos que guardarlo y acto seguido ponerlo a funcionar en la instalación de nuestro gestor de contenidos WordPress.

Pero además de Lubith hay otros generadores de plantillas para WordPress como son WP Theme Generator, templatr.cc, ElasticTheme y Artisteer (comercial pero para generar plantillas para WordPress, Drupal, Joomla, blogger, …).

Más información en Lubith
vía: go2web 2.0 y wwwhat’s new

Generador de tema para WordPress. Lubith is a post from: Carrero