lunes, 30 de agosto de 2010

Tips para crear un buen sitio web

Actualmente existen muchas herramientas que permiten crear sitios web de forma rápida y bastante eficiente, esto es bastante útil para quienes no tienen mucho conocimiento del código necesario, pero en la mayoría de los casos, estas herramientas crean más código del que realmente necesita nuestro sitio.

Conocer todos esos 'garabatos' que estamos generando no es 100% necesario si utilizamos herramientas wysiwyg o como Dreamweaver, pero si es importante optimizar nuestro sitio eliminando todos aquellos tags o elementos que no son realmente necesarios o que no agregan ningún valor a nuestro sitio, así lograremos tanto una mejor comprensión del código como mayor aceptación por parte de nuestros visitantes y mejor indexación en los buscadores.


En cuanto al contenido del sitio

El contenido de nuestro sitio es aquello por lo que recibimos visitas, si no tenemos un contenido interesante para algún tipo de personas, difícilmente conseguiremos visitas a nuestro sitio, o peor aún, no conseguiremos que repitan su visita.

Es mejor centrarse en un tema específico con el que sea más fácil captar la atención de un grupo de personas al que podamos mantener interesados en lugar de abarcar muchos temas que no podamos actualizar o atender apropiadamente.

Otra cosa interesante del contenido es que esto nos ayudará mucho a nuestra posición en los buscadores. Es más probable ser encontrados si tenemos mucho contenido útil para ofrecer que si tenemos solo alguna imágenes y muy pocas palabras.


En cuanto al diseño

Es cierto, los sitios hechos en flash se ven muy bien, pero hey... antes de dedicar semanas o meses en aprender flash para crear tu sitio, entregar noches de sueño, o peor, pagarle a un diseñador para que haga esto, recuerda esto: Lo más difícil para los buscadores como Google o Yahoo e tratar de seguir el contenido de una página flash, esto significa que tener un sitio con mucho o total contenido flash será más difícil de encontrar por los buscadores.

Si deseas darle un aspecto llamativo con animaciones o imágenes, está bien, de hecho es importante tener un diseño llamativo para cautivar a nuestros visitantes, pero no hagas de tu página un deposito de imágenes y animaciones, utilízalas solo para contribuir al diseño sin olvidar el contenido HTML y texto.

Para extender un poco más lo anterior, los enlaces y textos representados con imágenes o animaciones tampoco son recomendables gracias a que los buscadores NO saben leer lo que dice una imagen o una animación.


En cuanto al código

Programas y herramientas para el diseño o programación de páginas web: Dreamweaver, Phpeditor, Amaya, Rapidweaver, Microsoft Expression Web, NVU y Kompozer entre muchos otros. Estos programas dan mucha libertad al diseñar el aspecto de nuestro sitio, pero por lo general generan muchas etiquetas o nos hacen sugerencias que no son realmente útiles o necesarias, en especial cuando se utilizan planillas prediseñadas. Para evitar que una página sea muy pesada o compleja de modificar lo mejor que podemos hacer es conocer un poco sobre las líneas que la componen, para estar en capacidad de eliminar lo que no queremos y agregar los detalles que optimicen el archivo. Es poco lo que puedo decir sobre estos elementos 'inútiles', pero puedo hacer algunas recomendaciones en cuanto a la forma de codificar y mencionar algunos errores comunes:

1- Evitar las técnicas arcaicas como los marcos o frames. Los marcos son útiles para dividir la pantalla en secciones independientes, pero no son la única forma de hacer esto, y están muy lejos de ser la mejor!

Cuando creamos aplicaciones personales o para intranets pueden funcionar sin problemas, pero en la web serán muy difíciles de indexar por los buscadores y de almacenar en los favoritos de nuestros visitantes.

2- Limitar el uso de las tablas. Son otra técnica bastante desactualizada para maquetar nuestro sitio. A pesar de ser muy útiles, no debemos abusar de ellas ni anidar una gran cantidad ya que esto complica más su comportamiento según su contenido y el navegador que utilice el visitante.

Otro detalle con respecto a las tablas es que se debe tener cuidado con los atributos que les asignamos como el width y el height, puesto que las tablas y celdas ajustan su tamaño al tamaño de su contenido.

En todo caso, es recomendable utilizar divs en lugar de table siempre que sea posible.

3- No hacer uso excesivo de divs y span. Son etiquetas útiles para delimitar contenido, pero su uso excesivo puede caer en malas prácticas, mal diseño y un código engorroso. Particularmente, este escritor no hace uso de la etiqueta span.

4- Utilizar hojas de estilo CSS. Crear una hoja de estilo donde se agrupen los diferentes elementos de nuestro sitio y estilo de cada uno nos brinda un mejor aspecto en el código, mayor comprensión, la posibilidad de cambiar el estilo de todo o gran parte del sitio modificando solo un archivo y nos evita la antigua labor de definir es aspecto de cada elemento manualmente.

5- Evitar reproducir contenido media al cargar la página. Un video o una canción que suena automáticamente al cargar la página es molesto en todos los sentidos y a menos que tu sitio sea de música o videos online, recomiendo evitarlos a toda costa. ¿Por que? pues, un ejemplo, muchas personas visitan la web desde su trabajo y es indeseable que tu jefe se entere que estas navegando en lugar de trabajar.

6- Mantener siempre cada página del sitio con el menor tamaño posible. Un usuario que ingresa a tu sitio y debe esperar 5 minutos para que cargue porque contiene muchas imágenes pesadas o cualquier otro contenido de gran tamaño, tiende a no visitarte de nuevo porque sabe que debe esperar demasiado. Y aún cuando hayas modificado esto, ese usuario que un día se fue, difícilmente volverá.


En cuanto la publicidad

Hay que recordar siempre que este es nuestro trabajo o nuestro negocio, esto quiere decir que no debemos permitirnos el lujo de dejar un espacio publicitario sin cubrir. Las marcas mas vendidas son las que hacen mayor publicidad porque se quedan grabadas en la mente de los consumidores.

Hablar de publicidad implica todos los aspectos, tanto dentro como fuera de la red. Que sea un sitio web no significa que no pueda tener promoción offline. Aunque esta resulta mucho más cara y no todos pueden pagarla, vale la pena tomar las oportunidades.

Fuera de la web podemos valernos de métodos como radio, tv, vallas, afiches y otros más económicos como trípticos, folletos o volantes.

En la web siempre están los directorios como SoloCaracas.com o algunos semejantes, que permiten hacer anuncios publicitarios muy buenos y a un costo realmente bajo, además de los banners que puedes colocar en estas y otras páginas para aumentar la popularidad de tu sitio.

En cuanto a esto, si estas en Caracas o al menos en Venezuela, recomiendo el site www.solocaracas.com. Este es un sitio web para todo tipo de personas. Dedicados al comercio en la ciudad de Caracas, permitimos a los empresarios o comerciantes anunciar en la web de la forma más económica y visible, llegando a sus clientes más directos por estar en su misma zona y ciudad.

También para quienes no buscan vender sino comprar, solocaracas.com es la alternativa, ya que en este sitio tendrás toda la información de la empresa que buscas, contacto, actividad, horario y ubicación, para tener siempre la mejor opción en Caracas.

Dentro de lo que podrás encontrar en solocaracas.com esta: Comida, salud, belleza, deporte, profesionales de diversas áreas, música, hogar, construcción, diversión y mucho más.

También en solocaracas tendrás las mejores ofertas en la sección 'descuentos y promos', así como las opciones más visibles y económicas en banners publicitarios fijos.


Les invito a visitar este sitio que actualmente está en etapa de lanzamiento y presenta una gran cantidad de promociones, descuentos y paquetes que incluyen desde la creación de tu propia página hasta la publicación de tu banner y anuncio.

SoloCaracas.com, con todo lo que busques en Caracas!

Ing. Anibal Guerreiro.