Como crear tu Business Card Website (casi) gratis

Hace unas semanas me rondó por la cabeza la idea de registrar el dominio con mi nombre, y me puse a pensar qué podía hacer con él. Mover el blog de sitio no me parecía una buena idea a estas alturas, y en mi cuenta de Tumblr y en Twitter ya publico todo lo que me interesa. Sin embargo, la idea de crear algo similar a lo que hizo Tim Van Damme me atrajo mucho: una página a modo de tarjeta de visita virtual, en la que se canalizara además toda la actividad online. Así que registré el dominio, y me puse manos a la obra…

Creando la página

Aunque la idea original me parece genial, quería darle algo de valor añadido a la página, así que decidí mostrar las últimas entradas de mis webs, un resumen de mi perfil en LinkedIn, y un formulario de contacto.

Por otro lado, aunque podía haber aprovechado el servidor del blog para facilitar la creación de estos servicios y el alojamiento de los ficheros, decidí hacerlo con herramientas gratuitas por dos razones. La primera es para no usar más ancho de banda, que ya está justito cada mes, y es que en Noviembre “gasté” casi el 75% del que tengo disponible. Por otro lado, quería escribir un artículo de este tipo para que la gente se anime a hacer un sitio similar, ya que el único gasto que me ha supuesto es el del registro del dominio: unos 5 Euros al año con GoDaddy.

Una vez que todo el diseño me funcionó en local, utilicé estos servicios para las distintas partes de la página:

• Picasa: Aquí subí todas las imágenes, y teniendo en cuenta que nos dan 1GB de almacenamiento gratuito, tenemos de sobra.
• Feedburner: Una vez que tenemos los feeds en este servicio, podemos obtener las últimas entradas con la opción BuzzBoost. Los mensajes de Twitter no funcionan de este modo, ya que usé el script twitterjs, y lo modifiqué un poco para que se mostrasen las fechas en español.
• Google Docs: Aunque parezca mentira, el formulario de contacto está hecho con Google Docs. Realmente es un formulario asociado a una hoja de cálculo, del que he sacado el código básico que lo hace funcionar. Luego he añadido una alerta para que me avise cuando se hacen cambios, y la magia de jQuery hace el resto
• Google Analytics: Uno de los mejores servicios de estadísticas, para ver de dónde me vienen las visitas. Creo que será familiar para todo el mundo que tenga una web o un blog…
• Dropbox: Ya hablé de esta herramienta hace un tiempo, y además de servir para tener sincronizados ficheros entre distintos ordenadores, viene de perlas para alojar ficheros. Aquí he subido las hojas de estilos, la vCard, el favicon, y el fichero con todos los scripts que usa la página. Para los curiosos, comentar que hago uso de jQuery Cycle para la animación de las fotos, y jQuery UI para las pestañas… los mismos scripts que dan vidilla al blog

¿Dónde alojarla?

Existen multitud de hostings gratuitos, y de hecho me costó decidirme por uno. Al final, me salí un poco por la tangente, y subí la página a Blogger. Como nos dejan definir una plantilla a nuestro gusto, sólo tuve que meter el código XHTML, hacer un par de cambios, y ya estaba online. Como todo en esta vida, esta decisión tiene su lado bueno, y su lado malo…

• VENTAJAS: Como este servicio -al igual que casi todos los que he empleado anteriormente- es de Google, no nos tenemos que preocupar demasiado por limitaciones por el ancho de banda, caídas del servidor, y otros problemas similares. Además, es gratis asociar un dominio propio, y el proceso es bastante sencillo.
• INCONVENIENTES: El hecho de tener que añadir la etiqueta , hace que luego la página tenga XHTML y CSS inválido, ya que Blogger mete su propia mierdecilla. Por otro lado, tiene que haber obligatoriamente un subdominio -www, por ejemplo-, cuando a mi me hubiese gustado que fuese accesible directamente por manuelsagra.com. Por lo menos permiten hacer un redireccionamiento…

El caso es que en unos minutos ya tenía todo funcionando perfectamente, con los problemillas de validación que he comentado… pero que resultan transparentes para casi todo el mundo

Conclusiones

No he querido comentar a fondo cada parte del proceso -hay páginas que se dedican exclusivamente a eso-, pero lo importante es quedarse con la idea de que una web de este tipo se puede hacer fácilmente y sin gastarse casi nada. Lo mejor es que ahora tengo todo mi perfil centralizado en un sólo sitio, y personalizado a mi gusto.

Por último, os recomiendo que echéis un vistazo al Wall of Fame de Tim Van Damme, ya que hay algunas de estas tarjetas virtuales que son un derroche de originalidad. ¿Estará la vuestra en esa lista?