50 Consejos para Webs.
http://www.geocities.com/fbpalacios

Esta página no pretende ser un manual de construcción de páginas web, para ello ya existen numerosas páginas que guían al usuario en la edición de páginas. Simplemente he querido recopilar una serie de consejos y trucos que pueden ayudar a aficionados al diseño de páginas web a mejorar sus trabajos. En algunos momentos puede que utilice términos técnicos, si desconoces alguno no dudes en contactar conmigo.
Como comprobarás, esta página no pretende ser un ejemplo de diseño, es simplemente un archivo de texto en formato HTML, que es lo que he considerado más adecuado (útil para imprimir) para recoger esta serie de recomendaciones que espero que te sean de utilidad.

Herramientas

1. Cómo construir la página: HTML vs Editor
         Editores como FrontPage, Composer... son a menudo acusados de producir innecesario HTML que ralentiza la carga de la página. Por el contrario, su facilidad de manejo, muy parecida a cualquier programa que se usa en el entorno Windows, los hacen muy populares entre los que se acercan por primera vez a la construcción de páginas web.
        El lenguaje HTML (Hypertext Markup Language) tiene varias ventajas. En primer lugar, su funcionamiento es muy sencillo, y aunque está compuesto por innumerables etiquetas, no es necesario más que memorizar unas pocas para programar (con un buen índice al lado basta). Además programando en HTML tienes un mayor control de tu página y es una buena manera de conocer el funcionamiento de Internet.
   La elección es tuya, para que puedas elegir aquí tienes algunas direcciones donde encontrar editores y manuales de HTML:
   Frontpage - Composer - Dreamweaver - Aracnopholia
   WebMaestro - Manual HTML - HTML en castellano

    

2. Otras direcciones: puedes encontrar ayuda para la construcción de páginas en estos directorios:
   La agenda - Es gratis - Maestros de web

    

3. Usa el Java económicamente. No todo el mundo que visita tu página es capaz de verlo.

    

4. El software más utilizado en la construcción de páginas web es: Adobe Photoshop - Macromedia Flash - Allaire Homesite - Notepad de Microsoft - Adobe Illustrator - Adobe Imageready - Macromedia Director - Lightwave - Dreamwaever - Macromedia Fireworks - Frontpage - Netscape Composer.

    

   Herramientas - Elementos y Contenidos - Gráficos - Antes de Publicar - Publicar

    

   Elementos y Contenido

    

5. Lo primero que debes hacer es pensar para qué y para quién vas a realizar la página. No es lo mismo diseñar una página personal que para una empresa. En este último caso debes de tener en cuenta conceptos como los valores, actividades, logos, imágen y fines de la empresa. Éstos condicionan decisivamente el diseño de la web (por ejemplo, la web del Corte Inglés debe incluir siempre el color verde).

    

6. El Poder del Lapiz: antes de empezar, dibuja un esquema de tu página, con los contenidos organizados y cómo debe interrelacionarse tus páginas.

    

7. Visita otras páginas, principalmente las relacionadas con la tuya. Puedes aprender mucho, tanto qué hacer como sobre todo qué no hacer.

    

8. Pon lo más interesante primero para captar la atención.

    

9. Ofrece algo a los navegantes. Una página web no debe ser sólo publicidad.

    

10. La regla de los tres clicks: ninguna información debe estar a más de tres clicks de tu página de inicio a no ser que sea estrictamente necesario. No hay que cansar a la gente haciéndole pasar de página a página (con el tiempo que ello conlleva de carga) para encontrar cierta información.

     

11. Si tienes textos excesivamente largos, publicalos en formato de Adobe Acrobat y así se podrán leer sin conexión, con el ahorro que eso supone.

     

12. Evita scrolls, la gente odia tener que hacer scrolling mientras navega (scrolls son las barras para ir a hacia los lados o hacia arriba o abajo en el documento). Sobre todo, evita los scrolls laterales.

     

13. Una página standard no debería sobrepasar las 60K, lo que conlleva una carga de unos 30 segundos con un módem de 56K.

     

14. Enlaza todas tus páginas con el índice. No dejes todo el trabajo al botón de Atrás. Utiliza menús y barras de botones para facilitar la navegación por tu página. Colócalos en sitios perfectamente visibles, y si la página es larga, también al final (recuerda que la gente odia los scrolls).

     

15. No engañes, diles lo que va a ofrecer tu página y asegúrate de ofrecerlo.

     

16. Etiquetas blink (para textos parpadeantes) atraen la atención del visitante a una específica sección de tu página, pero también atraen dolor de cabeza para el internauta.

     

17. Frames: evítalos, hay mucha gente todavía con navegadores que producen mensajes de error ante páginas con frames. Además, aquí tienes otros problemas que suscita la utilización de frames:
    - Ralentizan la carga de la página. Se puede conseguir el mismo efecto colocándo los links en el mismo sitio en todas las páginas.
    - Es casi imposible ver apropiadamente un sitio con frames sin un monitor de 17 pulgadas.
    - En una página con frames no se puede agregar una página individual que esté dentro de un sitio.
    - Y quizá lo más importante, los motores de búsqueda son a menudo confundidos por los frames, por lo que no te incluirán en sus bases de datos.

     

18. Los juegos introducen un contenido interactivo y son una buena manera de que la gente vuelva a visitar tu página.

     

19. Escribe en minúsculas. Un texto en mayúsculas se tarda en leer una media de un 30% más que en minúsculas.

     

20. No subrayes los textos, se pueden confundir con enlaces.

     

21. ¿Recuerdas el poder del lápiz?, piensa la organización de tu sitio antes de empezar a crear miles de nuevas e inservibles páginas. Que tus enlaces sean necesarios.

     

22. Sonido: pregúntate antes de introducirlo si va a añadir algo a tu página. En caso de que la respuesta sea "queda bonito", ahórratelo. Evitarás mayor tiempo en la carga de la página, preguntas del navegador sobre descarga de archivos (que asustan a mucha gente), y además, mucha gente tiene los altavoces apagados cuando navegan.

     

23. Relacionado con los scrolls, evita las páginas demasiado largas. Una manera de acortar las páginas consiste en incluir índices con anclas, es decir, enlaces dentro de la misma página de ida y vuelta (como esta web).

     

24. Evita gimmicks (trucos para vender más) que pueden crear un rechazo posterior sobre tu página y tus servicios o productos ante la sensación de engaño que experimentan tus visitantes.

     

25. Debes pensártelo dos veces antes de incluir contadores en tu website. Cuando diseñas una página lo haces para prestar un servicio a tus visitantes, no para alimentar tu propio ego viendo cuántos hits estás consiguiendo.
    Además, muchos contadores carecen de interés, ya que pueden ser fácilmente adulterados, por lo que no impresionarán a anunciantes. Además, los contadores incluyen hits de motores de búsqueda y web crawlers, por lo que ni siquiera son exactos.
    Si quieres demostrar cuan popular es tu sitio, mejor introduce un link a una página que enseñe un análisis de los accesos a tu página.

     

26. En la elección de la fuente debes tener cuidado con la que utilizas. Ten en cuenta que para que el visitante vea la fuente que has elegido debe tener instalado en su disco duro ese tipo de fuente (y además con el mismo nombre). Por lo tanto, no es recomendable utilizar fuentes que aunque consigan un resultado espectacular, su uso no está extendido por la Red. Las más utilizadas son Times New Roman y Arial.

     

27. Asegúrate de que los navegantes que usen la opción sólo texto en sus navegadores puedan acceder al contenido esencial de tu página.

     

28. Pedir a tus visitantes que se registren antes de entrar a tu página echará atrás a la gran mayoría. Mucha gente desconfía todavía de introducir datos por la red. Una forma más sutil de conseguirlo es a través de concursos ("gana un viaje a...") u ofreciendo incentivos dinerarios por rellenar formularios (ésta no es muy sutil).

     

    Herramientas - Elementos y Contenidos - Gráficos - Antes de Publicar - Publicar

     

    Gráficos

     

29. El tamaño es importante: para que tus gráficos y fotos no ocupen demasiado espacio, comprímelos en formatos gif y jpg. No es necesario que seas un maestro en diseño gráfico, últimas versiones de programas como el Adobe Photoshop 5.0 te permiten comprimir el tamaño de tus archivos nada más que guardándolos en formato para páginas web (muy útil).

     

30. Si tienes que incluir imágenes de calidad que ocupen mucho espacio, utiliza los thumbnails (versiones en pequeño de esas imágenes que enlazan con la imagen en grande), así evitarás que tus visitantes tengan que gastar su dinero bajándose imágenes que no quieren ver.

     

31. Especifica el tamaño de tus imágenes (etiquetas Heigth y Width), ayudarás al navegador a reservar un espacio para tu imagen mientras carga otras partes de tu página, economizando el tiempo de carga.

     

32. Si tus imágenes ocupan mucho espacio, harás un favor a tus visitantes si les avisas del espacio que ocupan los gráficos y fotos (a lo mejor no tienen tiempo para bajarse una imagen de 100K).

     

33. Utiliza el mismo gráfico varias veces, dado que una vez que el navegador lo ha cargado una vez, subsiguientes cargas son inmediatas, lo que supone un instrumento útil para el diseño de tus páginas por el ahorro de tiempo que supone en la carga.

     

34. Problemas de tamaño: no incluyas gráficos que inunden tu pantalla y se expandan más allá de ella (recuerda la regla del no scrolling). Cuando un gráfico ocupa el 75% de la pantalla es más que suficiente.

     

35. Fondos: aparte de que muchas veces hacen una página difícil de leer, fondos coloreados suelen proporcionar poco a tu página.

     

36. No cambies las imágenes de tu página a menudo. Los navegadores guardan en la memoria caché del ordenador los contenidos bajados de Internet, por lo que en posteriores visitas la carga de esas imágenes se acelerará. Pero tampoco te estanques dando impresión de no renovar tu página.

     

37. Da a la gente la oportunidad de saltarse las animaciones parpadeantes. Si no sabes a qué me refiero visita www.g-wizz.net.

     

38. Usa fondo blanco para atraer la atención: rodea lo que quieras resaltar con fondo blanco y el resultado será más efectivo que utilizando flash, blink y demás.

     

    Herramientas - Elementos y Contenidos - Gráficos - Antes de Publicar - Publicar

     

    Antes de Publicar

     

39. Chequea tu página en más de un Navegador (al menos en el Explorer y en Netscape). Lo que en uno queda bien en otro puede causar estragos.

     

40. Antes de publicar tu página, prueba tu página en un PC y en un Mac, el resultado puede ser muy diferente.

     

41. Si tu sitio no está terminado, no lo publiques. Ahórrate gifts o frases como "en construcción". Todos los buenos sitios están en construcción detrás del escenario.

     

42. Asegúrate de chequear la ortografía antes de publicar o renovar tu página.

     

43. Deja que tus visitantes hagan el trabajo duro: incluye una dirección en la que tus visitantes puedan dar su opinión o aportar información. Una página sin e-mail de contacto demuestra demasiada frialdad, e Internet es útil precisamente para lograr la personalización.

     

44. Antes y después de publicar tu página, chequea todos tus enlaces.

     

45. Enseña la página antes de publicarla a amigos y conocidos, sus opiniones te podrán ayudar a evitar errores que tú no has advertido y a mejorar el aspecto de tu sitio.

     

     

    Herramientas - Elementos y Contenidos - Gráficos - Antes de Publicar - Publicar

     

    Publicar

     

46. Dominios.
    A medida que se extiende el uso de Internet, los nombres de dominio se convierten en bienes más escasos y cotizados. Si deseas adquirir uno asegúrate de que el nombre elegido tenga relación con el contenido o finalidad de la página y que sea fácil de deletrear y recordar. Para adquirir un dominio te puedes dirigir a www.networksolutions.com para los dominios .com, .net, .org, o a www.nominalia.es para los dominios .es.

     

47. Si quieres que un experto analice tu página puedes acudir a direcciones como www2.imagiware.com/RXHTML ó www.addy.com/watson.

     

48. Si incluyes links a otras páginas, asegúrate regularmente de que esas páginas siguen funcionando.

     

49. Si de verdad quieres aumentar el número de visitas, anuncia tu sitio. Para ello puedes:
    - Dar de alta la página en los Buscadores (principalmente los temáticos). Lo puedes hacer tú mismo o contratar servicios que lo hagan por tí www.submitit.com. Además, existen buscadores que te permiten contratar servicios de 1,2,3 (cuando alguien busque por ejemplo un hotel en Madrid puedes conseguir que tu hotel sea la primera opción).
    - Incluir etiquetas META en el documento (HTML)
    - Intercambiar enlaces y banners.
    - Contratación de banners en otras páginas relacionadas.

     

50. Comprueba de vez en cuando que tu página sigue dada de alta en los principales buscadores.

     

    Herramientas - Elementos y Contenidos - Gráficos - Antes de Publicar - Publicar

     

    Esta página ha sido confeccionada por Borja Palacios (Las Rozas - Madrid - España). Cualquier duda, sugerencia, o información que quieras aportar lo puedes hacer en    borjapalacios@hotmail.com