Despues de varios meses he decidido crear una nueva página en el blog: Sobre mí. En esta breve biografía comento de dónde soy, qué edad tengo, a qué me dedico, cuáles son mis motivaciones y algunos de mis proyectos.

Siempre me ha gustado saber quién está detrás de los blogs que leo; de dónde son, cómo son, qué es lo que hacen o lo que han hecho, que han estudiado, etc. Considero que puede resultar muy interesante y útil disponer de un perfil público en tu página web para acercarte un poco más a tus lectores, aunque siempre he creído que mostrar ese tipo de información es desnudar de cierta manera la privacidad de cada uno.

A pesar de mis reticencias y después de pensármelo mucho, he decidido publicar una breve y resumida historia de qué es lo que hago y por qué lo hago. Espero que os resulte interesante y así podáis conocerme un poco mejor. Y vosotros, ¿estáis a favor de publicar este tipo de información en un blog?, o ¿no?

Mientras investigaba las páginas web de la competencia de un proyecto que tengo entre manos, me he topado con el site de una empresa cuyas creatividades, diseño y estructura dejan mucho que desear, por no decir que lo más probable es que esté espantando clientes, más que conseguirlos. Para más inri, he encontrado la web porque está haciendo una campaña SEM en Google Adwords.

Voy a detallar brevemente algunos aspectos, que desde mi punto de vista, pueden afectar a la hora de transmitir una imagen de profesionalidad o no para una página web corporativa:

• Diseño y estructura: No hace falta que el diseño esté muy logrado o sea muy impactante, basta con que todas las páginas tengan la misma plantilla. Lo correcto es crear un diseño, estructura y gama cromática similar para todas las páginas, de forma que un usuario pueda navegar con la certeza de que continúa en el mismo website (Usabilidad web). Además, de esta forma se logra dar una imagen de profesionalidad y presencia a la empresa. Si se utilizan los colores corporativos, mucho mejor. Es importante que todos los textos tengan el mismo tamaño, tipo de letra y color, diferenciando entre headers y párrafos.
• Navegación intuitiva: el menú principal de navegación debe estar claramente visible y ser intuitivo. Incluir el botón de “Inicio” dentro de la sección “¿Quiénes somos?” echa por tierra esta idea. Incluir un sitemap y un menú en el footer de la web mejora la navegabilidad de ésta y su indexación en buscadores.
• Decoración: las marquesinas ya no se usan. Además de provocar imcompatibilidades entre distintos navegadores, son un recurso bizarro que ha pasado de moda. Si se van a diseñar creatividades, lo ideal es intentar utilizar herramientas de diseño profesional. El Paint, no lo es. Las creatividades, cuantos más colores, peor. No por crear un scroll con seis colores que van del turquesa, al verde pistacho, pasando por el rosa o el amarillo, nuestra página va a ser más bonita o creativa. Hay que intentar mantener los mismos colores en toda la página y si son los corporativos, mejor. Los elementos con movimiento (gifs o marquesinas) pueden resultar más molestos que agradables a la vista de tus futuros clientes. Si incluyes los logotipos de los productos que comercializas, intenta que éstos estén en buena resolución, no estén pixelados y en caso de que incluyas más de uno, que todos tengan el mismo tamaño.
• Métodos de contacto: es necesario, por no decir imprescindible para una web corporativa, crear una página con los posibles medios de contacto: teléfono, fax, e-mail, dirección postal, etc. Basta con crear una página con un formulario de contacto y los datos disponibles. Crear una página para el teléfono, otra para el e-mail y otra con un formulario, lo único que consiguen es hacer perder tiempo al usuario y meter paja en nuestro website.
• Frames: al igual que las marquesinas, son de época pasada. Por suerte disponemos de los includes y los require de ASP o PHP, así que no te preocupes si tienes que editar un menú que vaya a estar en todas las páginas. Con que lo hagas en el fichero fuente, basta. Los frames tienen dificultades para posicionarse correctamente en los navegadores. Al estar formados por varias páginas distintas (cada frame), en los resultados de búsqueda pueden aparecer cada uno de forma independiente, por lo que perderíamos el contenido de los otros frames que no podemos ver.
• Campaña SEM en Google Adwords: no sé a cuánto estará pagando el PPC (Pay Per Click), pero probablemente supere el euro. El copy del anuncio no informa al usuario de los servicios que ofrece, si no de la antigüedad de la empresa, y la página de destino es la home, obligando al usuario a buscar por el menú qué es lo que desea encontrar. Una de las normas de Google Adwords es ofrecer al usuario la información con un máximo de dos clícks de profundidad, si no, penalizan.

En conclusión, una página corporativa debe transmitir confianza, seguridad y profesionalidad. Sólo basta con ponernos a pensar qué deseamos cuando buscamos servicios profesionales por internet. No es necesario crear un buen diseño, simplemente distribuyendo correctamente el contenido y ofreciendo a los usuarios la información que buscan de forma clara, y cuidando su presentación, podremos crear un buen site para nuestra empresa que nos reporte nuevos clientes.

CommonCraft presena un excelente tutorial del concepto de Twitter donde nos enseñan qué es, para qué sirve y qué utilidad podemos darle. El video está en inglés pero con subtitulos en español.

Más info | http://www.youtube.com/watch?v=_8y79gnc35E
Fuente | http://ciberprensa.com/que-es-twitter-y-para-que-sirve/

Estas son las primeras navidades del blog y la verdad es que cerramos el año con un buen sabor de boca. Hemos aumentado las visitas cerca de un 400% respecto a los primeros meses del blog gracias a la publicación constante de nuevo contenido y gracias a diversas prácticas SEO. Más adelante escribiré una entrada con las estadísticas del blog, el aumento de visitas y las tareas que hemos seguido para que dicho crecimiento haya podido ser posible.

Una de las cosas más gratificantes de tener un blog o sencillamente una página web, es saber que hay gente a la que le interesa y sigue todos sus movimientos, por ello, os doy las gracias a todos aquellos que leéis el blog; sin vosotros, probablemente este proyecto no seguiría tan vivo como lo está ahora mismo.

Os deseo una feliz Navidad y próspero año nuevo 2009.

Un Framework  CSS es una biblioteca cuyo objetivo es facilitar la implementación de estilos en una página web utilizando hojas de estilo CSS. Al igual que en cualquier framework de un lenguaje de programación, un framework CSS es un paquete con una serie de opciones  y estilos ya creados para diseñar una página web.

Hartija es un framework CSS que nos facilita la creación  de una versión imprimible de nuestra página web. A la hora de imprimir una página, lo más probable es que sólo nos interese un determinado texto o contenido, sin embargo, el menú, la cabecera, el pie o los banners de publicidad lo único que harán será gastar tinta de la impresora. Por ello, a través de una serie de estilos CSS podremos ocultar aquellos elementos que no deseamos imprimir. Además, también asignará estilos a los elementos básicos (cabeceras, tablas, texto de la página) para crear una versión friendly de nuestra web que pueda imprimirse y leerse perfectamente en papel.

En primer lugar, cualquier página web puede tener varias hojas de estilos. Estas CSS pueden contener estilos para distintos elementos, o para los mismos. En este último caso, tendremos que identificar para qué vamos a usar cada CSS, por lo que indicaremos en el atributo media cuando se va a utilizar cada una de ellas (las más comunes son screen, print y all). Sin embargo, existen muchos más tipos de media: braille, projection, tv, etc. Hartija, al ser un framework especial para versiones imprimibles de nuestras páginas, tendrá que tener media=”print”. Si no indicamos el atributo o ponemos otro que no sea print probablemente nuestra CSS Hartija no se utilice jamás, ya que tendrá prioridad la hoja de estilos cuya media sea screen para asignar estilos a los elementos de la página.

<link rel=”stylesheet” href=”print.css” type=”text/css” media=”print”>

El framework sólo ocupa 1.56 Kb, peso que apenas notaremos al realizar la carga de cada página. Hartija modifica los estilos estándar de nuestra web: body, cabeceras, imagenes, enlaces, tablas, etc., además, nos da la opción de ocultar capas a través de su identificador (display: none), ideal para sitios creados con divs, como los blogs de Wordpress, en los que podremos indicar que la cabecera, menus y footer no se impriman.

Más info | http://code.google.com/p/hartija/

Interesante artículo publicado en wwwhatsnew.com acerca de un portal en el que puedes acortar y hacer más amigables tus enlaces para publicarlos en foros o blogs.

El proceso es muy sencillo y no requiere registro (aunque si creas tu propia cuenta podrás disponer de algunos servicios extra, donde el más destacable es un log de estadísticas que te informa de la cantidad de hits (clicks) se han hecho en el enlace), simplemente pones el enlace y Zi-ma genera automáticamente un enlace mucho más corto formado por el dominio de zi-ma y un código alfanumérico (por ejemplo http://zi.ma/c3aeb7)

El uso de URL’s cortas se está extendiendo debido en gran parte al uso de Twitter, ya que los mensajes tienen una cantidad limitada de caracteres y si la URL que queremos enviar como mensaje es muy larga, o bien se cortará, o bien no podremos añadir una nota acerca de ella. Por ello, la posibilidad de añadir una URL con menos de 15 caracteres nos permite crear mensajes mucho más completos.

Otros servicios similares:

Enlace | Lix.In
Enlace | Tr.im
Enlace | Tinyurl.com