Desde verano de 2009 he estado desarrollando la tienda web de Carolan, una tienda de disfraces y otros artículos de fiesta con sede en Las Palmas de Gran Canaria. Ya he perdido el control de las horas totales que he invertido en este proyecto porque se ha convertido en una obsesión por cumplir con las “mejoras prácticas” (best practices).

El pensamiento corriente dice que cuando uno quiere montar una tienda web, coge el sistema de software libre de moda y la monte sin más. La alternativa (desarrollar una tienda a medida, desde cero) seguramente me habría costado el doble, ¿o no? De esto se trata este artículo…

Carolan vende artículos de fiesta y productos de un solo uso. Tienen una gran variedad de artículos como disfraces, copas, servilletas, guirnaldas, decoraciones y mucho más. En realidad tienen más de 20.000 artículos catalogados. Cuando empecé a trabajar con el equipo de Carolan, uno de sus principales deseos era crear una conexión “viva” entre su base de datos y la tienda web para minimizar gastos e incrementar la eficacia. Otro deseo importante era que la web fuera fácil de usar (y los artículos fáciles de encontrar) y dinámica con una portada que variara según la temporada y que la tienda saliera bien en los resultados de los buscadores.

Analizando sus deseos / necesidades determiné que la mejor opción era la adopción de una tienda de software libre. Creía que me ahorraría montón de tiempo pero ahora no lo tengo tan claro y quiero saber qué opinas tú. Aquí resumo las modificaciones que se han tenido que hacer desde que empecé con la instalación de la tienda. Ten en cuenta que no detallo TODAS las modificaciones sino las más gordas / importantes.

URL

Por defecto Zen Cart viene con una opción que te permite hacer las URLs “search engine safe” (legibles a los buscadores). Básicamente convierte
/index.php?main-page=product-info&products-id=1234
en
/index.php/main-page/product-info/products-id/1234
(o algo por el estilo). No está mal pero hoy en día este tipo de transformación no es necesaria.

Lo que sí quería era convertir la URL en algo como /disfraces-y-complementos/disfraz/adulto/mujer/disfraz-abeja-adulto.html para tener palabras claves en la URL. Lo logré con un par de modificaciones al código base de Zen Cart y algunas transformaciones via mod_rewrite. Me ha costado perfeccionar el método pero de momento parece estar funcionando más o menos bien.

Etiqueta Title

El valor de la etiqueta Title por defecto de Zen Cart no se presta a una buena indexación por parte de los buscadores. Tuve que modificarla unos cuanto sitios para que fuera siempre único (no repetido) ya que valores repetidos minimiza la usabilidad.

Optimización de Velocidad y de Código Fuente

Cada vez más la velocidad de una web determina su ranking dentro de los resultados de una búsqueda. He intentado cumplir con todas las sugerencias de Yahoo! and Google referente mejorar la velocidad de la web. Según mis cálculos, la web empezó cargándose en 7 segundos (sin cache, incluyendo lentitud de la red). Tras estos cambios, las peticiones terminan en menos de 1.5 segundos y para implementar estas sugerencias tuve que tocar:

  • el diseño general: se implementaron sprites, se combinaron hojas de estilo y ficheros .js
  • el diseño del perfil de un artículo (minimicé la cantidad de HTML generado por la tienda)
  • el diseño del buscador (se mejoraron el diseño de los enlaces a las páginas siguientes, se modificó la presentación de resultados, se modificó la etiqueta Title de los resultados para incluir los nombres de los productos y no solo el número de la página, se creó un Índice de productos)
  • se modificó el diseño, y el proceso, de “checkout” (pasar por caja)
  • se eliminarón los caracteres “codificados” (á se convirtió en á)
  • se redujo el número de peticiones por página de 40~ a menos de 20
  • se implementó el uso de dominios sin cookies y de una Red Distribuidora de Contenidos (Content Distribution Network – CDN)

En fin, tras todos estos cambios y teniendo en cuenta que sólo utilizan un método de pago, me pregunto si realmente me he ahorrado algo usando zen-cart (lo cual supuso una inversión de tiempo para aprenderlo). ¿Qué opinas tú?

The drawbacks of sending an email formatted with HTML are many.

However, since most novice marketing people are not tech-savvy, they make the same mistake again and again in spite of pretty good evidence that HTML email is a bad idea, and given the recent spate of phishing attacks, I’m amazed that the other day I received my first bank statement for my new company via email, formatted with HTML. As you can see below, this very basic lesson still has not been learned here in Spain.

Sample bank statement sent electronically

At least the email arrived in an encrypted format and I was not prompted to download the key or anything, which means they’ve done something right… And I am otherwise pretty happy with the bank.

Monroe Manor Condo AssociationHighlights

  • Role-based Security
  • Document Sharing System
  • Community Calendar
  • Bulletin Board Classified and Messages
  • Self-registration System for Owners

Description

Intranet for all members of the Monroe Manor condo association. System allows site administrators (usually the president of the association or her delegate) to maintain a document repository for all types of association documents. Additionally, the management company has limited access (to help maintain the document repository) but is unable to access the user forums (so the owners can complain about the management company without their knowing about it). All owners have access to the system and can participate in a variety of ways including adding a listing for their unit if it is for sale or rent, posting other classified adds in the Garage Sale section, and commenting on any issue regarding the community in the Owners Forum. Owners can also update their profile indicating, among other things, the units they own. This was one of the first password-protected sites I ever developed (2000).

Technical Info

Written in PHP with MySQL database. Also uses the ADODB PHP database abstraction library.

Chicago PhilanthropyHighlights

  • Self-generating Table of Contents
  • Search Engine
  • Logical Site Structure

Description

Chicago Philanthropy magazine, in circulation starting about 1996, went online in about 1998, including archived versions of every issue of the magazine. The site was created and maintained using Dreamweaver and its templating system, but the main menu was generated by a PHP script. The site structure reflected the organization of the content, e.g. /1997/01/interview.html. The site is no longer active.

Technical Info

Apache web server. Mostly static pages. Htdig search engine.