Archivo de junio de 2009

Recomendaciones para crear una web comercial

La página web de una empresa es su imagen al mundo. Y en ella se debe transmitir la idea de lo que la empresa es. De una web comercial mal hecha, dependerá la impresión y la idea que el cliente percibe de esa empresa.

Extraída de devianart, hecha por Guidezin

1. Integrar la imagen marca de la empresa, el logotipo y todo el grafismo (papel, boletínes), en la página web.

2. Ser original, ofrecer contenidos da valor añadido. Sé que es muy tentador ver lo qué hace la competencia, y proponer algo muy similar, pero en tiempos de crísis, solo sobresalen las empresas que tienen algo nuevo que aportar. Esto incluye que no se te ocurra hacer un copia pega, de un quiénes somos, y retocarlo un poco.

3. No añadir nunca jamás y bajo ningún concepto publicidad en una web de empresa. Ni banners parpadeantes, ni textos rojos moviéndose por la web, ni publicidad de politono paco paco…

4. Utilizar tecnologías anticuadas y obsoletas (bueno, aunque si tu empresa quiere dar esa imagen…). Señores de Telefónica no me digan que son innovadores, y maravillosos, si no puedo completar un formulario de la web con mi navegador linux. Esto ejemplo es más de lo que no se debe hacer en una web comercial: http://www.nuevarumasa.com/ sobran las palabras. (y éstos quieren que invierta 50.000 €? Me imagino que será para hacer una web decente)

5. No robar las imágenes por internet. Existen catálogos que ofrecen imágenes profesionales a precios asequibles. Una web de empresa, nunca debe contener imágenes recién robadas, que da muy mala imagen.

6. Ser accesible, usable y estándar. Y probada por lo menos con tres navegadores, y dos sistemas operativos.

7. Utilizar alojamiento de pago. Todavía algunas empresas, utilizan alojamientos gratuitos. Es como si le dijeras al cliente final: Soy una empresa importantísima, pero nos vamos a reunir en el bar Manolo, el rey de la papa brava, que compartimos el local, y mi despacho está en las mesas del fondo.

8. Ofrecer contenidos actualizados y de calidad e información clara, precisa y veraz. Ofrece promociones especiales, para fidelizar a los usuarios, etc…

9. Posicionar la web en los motores de búsqueda y utilizar correctamente las metaetiquetas.

10. Poner correos electrónicos del dominio de la empresa, por ejemplo: info@empresa.com en vez de personales o gratuitos, por ejemplo (hotmail).

La imagen es de Guidezin (podéis ver el enlace en la imagen) y la he visto en http://www.deviantart.com/

Formulario de contacto ajax utilizando lightform

Cuando creamos un sitio web,  una de las secciones “santísima trinidad”* es la de contacto. Obviamente no podemos ponerle barreras al usuario si se quiere poner en contacto con nosotros, utilizar un enlace a una dirección de correo implica que el usuario que por lo general utiliza un correo de webmail, tenga que configurar un cliente de correo o copiar y pegar esa dirección.

Además publicar una dirección de correo electrónico en una web (un mailto:) es un caramelo para bots de SPAM, cuando rastrean la web.

Para realizar un buen formulario de contacto:

  • Simplicidad: si hay campos obligatorios explicar claramente el motivo del error poniendo un ejemplo del formato.
  • Brevedad: Requerir el número de campos obligatorios imprescindible. Nombre, asunto, dirección de correo.
  • Alternativas: Posibilidad de elegir si quiere ser contactado por teléfono o por correo electrónico.

Lightform es una excelente extensión para crear un formulario de contacto, como es de libre distribución podemos mejorarlo y adaptarlo, pero es una buena base:

Existe como plugin para WordPress:

http://wordpress.org/extend/plugins/wp-lightform/

Y también para incluirlo en cualquier web:

http://web-kreation.com/demos/LightForm/

Lo instalamos como cualquier otro plugin (podemos utilizar el explorador de plugins de WP)

Insertamos el código LightForm en la página donde se debe mostrar el formulario de contacto.

Este script es el que uso en patripe.com para el formulario de contacto.

*(¿quiénes somos? | ¿dónde estamos? | contacto)

Componentes para un joomla 2.0

Joomla es un excelente Gestor de Contenidos (CMS), versátil y escalable, es por ello, que aunque una instalación inicial, nos ahorra muchas horas de desarrollo, es sólo una base.

Para realizar portales 2.0 utilizo una serie de componentes, extensiones y módulos que me permiten personalizar Joomla, para hacerlo más interactivo:

homeofCommunity Builder: Extiende la funcionalidad de la gestión de usuarios. Permitiendo configurar nuevos campos para el formulario de registro, opciones avanzadas para la gestión de permisos, accesos, mensajería privada, usuarios con avatares, etc… Imprescindible sin duda, en un sitio que vaya a tener usuarios.
kunenalogoKunena: Sistema de foro, por decirlo de una manera simplificada.

Se puede integrar fácilmente con el perfil de community builder. Y nuevo aspecto de diseño lo hace mucho más atractivo, además de que muestra el perfil del usuario con su avatar. De hecho en algunos sitios lo utilizan como una completa red social
jocommentJoomlaComment: Excelente componente integrado con el perfil de Community Builder, que nos permite mostrar la imagen, y los comentarios de una manera muy limpia, además de la administración del nivel de acceso permitido a los comentarios.

DenVideo: Nos permite embeber contenidos multimedia (swf, flv, mpg, etc…), así como de proveedores de internet utilizando etiquetas dentro del artículo, que facilita mucho la edición. Utiliza el excelente reproductor jw player.Es necesario instalar el bot, y el componente. Luego insertando la siguiente línea podemos embeber vídeos en cualquier artículo:  {denvideo http://www.youtube.com/watch?v=jYm147x }

JEvents: Calendario de Eventos, en el que los usuarios pueden realizar sus anotaciones, además de permitir insertar eventos por categorías, etc…

Todos estos componentes, extensiones, etc… los podéis encontrar en el Directorio de Extensiones Joomla (JED), aquí se encuentran todas las extensiones existentes para Joomla tanto comerciales como no comerciales.

En JoomlaSpanish también se puede encontrar una gran cantidad de componentes traducidos.

Casos de éxito en libre distribución. Gong (Gestión ONG)

gong

Parece una incoherencia que las ONG´s tengan dependencia tecnológica, y que aunque excepcionalmente algunos fabricantes de software privativo les regalen unas licencias, en general deban comprar las licencias, y obviamente el dinero que ha donado la gente para ayudar a la gente, no debería ir a engrosar los bolsillos de Microsoft, accenture, o similares…

Es por ello que el cenatic ha desarrollado GONG (Gestion ONG), que es una herramienta de gestión integral para ONG’s basada en software libre, creado con alfresco y Ruby on Rails. Esta herramienta esta especialmente orientada a ONGs que trabajan en proyectos de desarrollo.

Podemos destacar las siguientes funcionalidades:

Añadir funcionalidad al sitio drupal [instalar temas y módulos]

drupalWebmasterlibre me hace un hueco en su blog para escribir la tercera parte de un manual básico de instalación de drupal En esta tercera parte se muestra un ejemplo de instalación de módulo y de cambio de tema.

Se presupone que el usuario está familiarizado con la instalación de CMS.

Cambiar el aspecto del sitio. Instalar un tema

Descargamos un tema para drupal (según la versión de drupal que hayamos instalado)

http://drupal.org/project/Themes

  • Descomprime la carpeta descargada y transfierela vía ftp al directorio themes.

En la parte de administración del sitio vamos a:

Administrar → Construcción del Sitio → Temas
Se muestran en un listado los temas disponibles:

Seguir leyendo el artículo [en webmasterlibre.com]