Ante todo quiero dejar claro, que pese a que estos consejos son todos ellos de gran utilidad, y debido a las preferencias personales del diseñador, dejo claro desde un principio que el primero en amoldarme a las que más correctas me parecen, soy yo; sin embargo otros de los muchos consejos que doy, no son seguidos por mi persona al pie dela letra.... :-)

Consejos Generales sobre HTML

• Mantén el interes de los usuarios. El contenido puede ser entretenido o atractivo pero sobre todo ha de ser útil.
  
  
• Dar cierto grado de iteración a las páginas no es tampoco una mala idea, por ejemplo permitiendo la subscripción a algún tipo de servicio (revista, lista de correo, ...). También es de ayuda emplear algún medio para premiar la fidelidad del usuario, como por ejemplo la posibilidad de recuperar software o documentación libremente.
  
  
• Diseñar una estructura sólida y flexiblede la información y respetarla escrupulosamente. Las improvisaciones “sobre la marcha”, sin planificación, acaban propiciando una enorme anarquía organizativa cuado crece el volumen de datos.
  
  
• No incluyas materiales ni páginas de relleno. Haz que cada página contenga algo de valor. Las velocidades de tranmisión son lo suficientemente lentas como para premiar al usuario que tiene paciencia para esperar a que se cargue una página. Si crees que la estructura exige páginas de trámite cambia esa estructura.
  
  
• Emplea alternativas. Tu cliente puede emplear un navegador no gráfico, o emplear una línea lenta y desactivar la carga de imágenes, o la transferencia de éstas verse afectada por errores y problemas de la comunicación. Esto supone en primer lugar ser especialmente cuidadoso con las directivas HTML (uso del parámetro ALT de IMG), pero deberías considerar acciones de más calado; mantener una versión sólo texto, o incluso una especial para usuarios que accedan con una línea lenta (menos gráficos y de menor tamaño).
  
  
• Si vas a emplear frames (cuadros), sopesa la posibilidad de incluir una versión sin frames. A muchos usuarios les molesta la forma de presentar así la información. Además en diversas plataformas hardware (por ejemplo PC, sin demasiada resolución gráfica), los frames ocupan un espacio precioso en la pantalla.
  
  También debes considerar los inconvenientes del uso de frames, en concreto la imposibilidad de crear un bookmark adecuado.
  
  
• Sopesa cuidadosamente la posiblidad de hacer un espacio Web muy general o que esté orientado a ser visualizado únicamente por un nevegador o un conjunto limitado a éstos. Suele ser preferible sacrificar funcionalidades especiales para ceñirse al estándar, aunque tampoco hay que ir demasiado lejos: evita en la medida de lo posible el uso de elementos exclusivos de una versión de un visualizador, sobre todo si la versión no es la última y los elementos no han tenido continuidad.
  
  Advierte siempre cual es la mejor forma de visualizar tus páginas, incluyendo si es posible, enlaces a los distintos sitios en los que pueda conseguir el software adecuado para la ocasión (esto es esencial en el caso de que emplees plug-ins o similares).
  
  
• Es muy conveniente incluir datos sobre fechas de creación y actualización y versiones (si es necesario y relevante). Indica la última fecha en la que se incorporó o actualizó la información es de gran utilidad para los usuarios, especialmente para los habituales.
  
  
• “No pulse aquí”. Causa un enorme rechazo el uso de enlaces identificados por el texto “pulse aquí” o simplemente “aquí” (sindrome del “click here“ es el nombre que le dan algunos). Suele ser motivo automático de inclusión en las listas del tipo “This is The Worst” (Esta es La Peor). En realidad se trata de algo más que un capricho, este tipo de textos no añade ninguna información de utilidad mientras que explicar un enlace conuna pequeña indicación de lo que va a encontrar el usuario cuando lo active es una forma más apropiada de actuar.
  
  
• Mide el tamaño de texto que sirve como enlace y su significado. No debe de ser ni demasiado largo ni demasiado corto y debe expresar una cierta idea clara que permita al usuario intuir qué es lo que puede esperar si lo sigue. Una bena aproximación es hacer que haya una relación clara (cuando eso sea posible), entre el texto del enlace y el último de la página a la que hace referencia.
  
  
• Respeta las convenciones sobre el color de los enlaces. Cambiarlas sólo confundiría a los usuarios (por lo menos a los más novatos). Como regla práctica no modifiques estos, a menos que el fondo de tus páginas las haga ilegibles.
  
  
• En las listas de enlaces trata de resaltar aquello que diferencia a un elemento de otro en vez de marcar el texto de cada entrada. Evita saturar al usuario y ser repetitivo.
  
  
• No hagas páginas demasiado largas. Los usuarios tieneden a ver en el final de la ventana el de la propia página. Además, la fortuna de recorrer documentos en el WWW juega en contra de la lectura pausada y exhaustiva.
  
  Las páginas cortas facilitarán además las tareas de mantenimiento.
  
  
• Advierte suficientemente al usuario si se va a enfrentar a un documento largo, es posible que prefiera salvarlo o imprimirlo para continuar la lectura más tarde. En estos casos es muy conveniente incluir un resumen de los contenidos del ducomento para ahorrar al usuario, dedicar tiempo a examinar una informaciñon que quizás no tenga interes para él. También puede ser de ayuda duplicar los botones o comandos de navegación añadiéndolos al final de cada documento.
  
  
• Si la documentación que exporta está muy fragmentada, al usuario le resultaria muy interesante disponer de alguna versión en un sólo fichero que le facilite la impresión. Este fichero no tiene por qué ser formato estandar HTML, es válido cualquier otro como texto plano o Postcript (que está directamente orientado a la impresión).
  
  
• A menos que esté visualizando una serie de documentos claramente ordenados y en los que la navegación debiera dicurrir por un camino prefijado, evite emplear enlaces del tipo “anterior”, “siguiente”, “inicio” o “fin”. Es preferible que todos sus enlaces tengan direcciones absolutas y no relativas ya que el proceso de navegación es impredecible y ya cuenta con funciones efectivas en el propio navegador.
  
  
• Ten mucho cuidado con los iconos que emplees para navegar. Su significado debe ser suficientemente claro para el usuario que esté acostumbrado a distintas presentaciones. Es conveniente dejar un poco de lado la creatividad y la inventiva en estos casos y ser más convencional. Emplea mecanismos redundantes para apoyar el significado de los iconos de navegación; enlaces con etiquetas textos o fragmentos de código Javascript para informar al usuario.
  
  
• No “agotes” la tecnología. Evita incorporar el último componente interactivo, el plug-in más reciente, las directivas exclusivas de la versión beta de un nuevo visualizador. Tus usuarios irán más despacio (por ejemplo, aunque mñas del 70% utiliza Netscape, sólo una fracción emplean la versión 4.0 o posteriores), y deberías darles tiempo a alcanzarle. Fiar el núcleo de un Web a una tecnología aparecida recientemente hace que los usuarios no puedan acceder correctamente y abandonen.
  
  En general sé algo conservador. Prueba las nuevas tecnologías pero espera a que hayan madurado y empiecen a ser familiares para sus visitantes.
  
  
• Olvida las “PAGINAS EN CONSTRUCCION”. No hay nada más frustrante que seguir un enlace que no lleva a ninguna parte. Es mejor que la entrada no tenga enlace a hacer creer al usuario que existe una sección y se encuentre con una página que sólo dice “disculpe, página en construcción”. Es aún peor si contiene gráficos que consumen un tiempo precioso en su carga.
  
  
• No dudes en proteger las secciones que estimes convenientes en tu servidor. Si el esquem “login-password” no te parece suficiente, ponte en contacto con tu WEBMASTER para que te recomiende la forma útil de proteger las sección que quieras proteger.
  
  
• Una forma de mantener informados a los usuarios sobre el grado de actualización de los contenidos es mantener una página de Novedades. Esto, además de un gesto de cortesía en Internet, es un servicio de valor añadido para los usuarios. Ordenadas cronológicamente, y con enlaces a las páginas implicadas, cada entrada es las novedades contendrá una pequeña descripción de los cambios y su amplitud.
  
  
• Como complemento de la página de Novedades (o páginas si se quieren fragmentar y sectorizar) se puede incluit la suscripción (y la anulación de la suscripción, claro) a una lista de correo que informe puntualmente de los cambios en el contenido del servidor o de alguna de sus secciones.
  
  
• Considera la inclusión de un sistema de búsqueda. Puedeconsistir en una utilidad basada en el uso de formularios (hay varias disponibles en la red que pueden emplearse libremente), o en un simple índice de contenidos con enlaces a las páginas adecuadas. En cualquier caso, será una herramienta de gran utilidad para los usuarios que tengan dificultades para hallar información concreta en tus páginas.
  
  
• Incluye alguna sección dedicada a indicar el propósito y contenido de tu espacio Web. Abundan en Internet servidores que exportan gran cantidad de información pero en los que es preciso dedicar tiempo a navegar y bucear en ellos hasta averiguar cua´l es su propósito, y qué tipo de información contienen.
  
  
• No satures tus páginas con muchas imágenes, cada una supone una carga independiente y en algunos navegadores, sobre todo si tienen una conexión lenta, puede ser un suplicio que invita a saltar a otro punto de la red. Toma nota de los “clásicos” que en la mayoría de los casos optan por la sencillez.
  
  
• No pongas textura de fondos en tus páginas con colores muy chillones ya qe harán prácticamente ilegibles los textos. Tampoco es recomendable colocar de fondo una imagen superior a 5 Kb de tamaño, ya que relentizaría mucho el proceso de carga y nuestro visitante opte por abandonar nuestra dirección por exceso de tiempo de carga.
  
  
• Conviene poner comentarios en los documentos, ya que puede que mucha gente esté interesada en ver la estructura de éstos para aprender más de la forma que tenemos de diseñar la página. Los comentarios serán una ayuda para todos aquellos que sigan esta técnica, y es muy de agradecer a la hora de modificar nuestra propia página sin estar buscando durante un rato el trozo de código que deseamos modificar.
  
  
• Sencillez no es pobreza. Tampoco dejes tus páginas desangeladas y faltas de atractivos. Ten en cuenta que “tienen que entrar por los ojos” a menos que su contenido tenga una enorme importancia para sus lectores.
  
  
• Otro error muy común es emplear imágenes complejas, grandes y densas, que requieren un enorme esfuerzo de carga que acaba aburriendo al usuario más curtido. Provee siempre de miniaturas si es que quieres exportar gráficos complejos, no emplees densidades de imágenes desmesuradas (ten en cuenta que la calidad gráfica de la mayoría de los equipos es más bien limitada), ni paletas saturadas de colores (muchos PC sólo soportan 16, o 256 colores como máximo).
  
  Existen utilidades que reducen el tamaño de las imágenes sin degradar su aspecto (utilizan menos bits para el color). úsalas siempre que sea posible, no e consiguen mejoras espectaculares pero tus usuarios te lo agradecerán.
  
  
• Incluye el tamaño de las imágenes en las entradas IMG (atributos width y height). Aceleran la carga de las páginas al permitir al navegador reservar el espacio necesario para el gráfico en vez de esperar que éste sea cargado. Siel navegador no interpreta estas directivas o atributos, no pasa nada, ya que los tags HTML que un navegador no soporta, simplemente los ignora.
  
  
• Siempre que sea posible, haz empleo de los sistemas de imágenes GIF y JPEG “entrelazadas” (interlaced). Muestran el contenido de una imagen mientras está cargando, por lo que el usuario puede tomar decisiones sin necesidad de esperar a que finalice el proceso de obtención de la página y sus componentes.
  
  
• Otra forma de ganar tiempo es el emplear el atributo LOWSRC que permite importar en primer lugar una imagen pequeña con poca definición antes de la definición definitiva. Este sistema se puede utilizar para mostrar mensajes e imágenes con distinto significado, no sólo la versión reducida de la imagen final.
  
  
• Indica claramente cual es el objeto de un mapa interactivo. Si no se puede extraer directamente de la propia imagen, esta información debería de estar fácilmente accesible al usuario. Tambieén es conveniente indicar qué áreas están activas en la imagen (la solución de simular o delimitar secciones de la imagen es muy adecuada).
  
  
• Por supuesto, no olvides ofrecer alternativas al empleo del mapa. En primer lugar utiliza un texto para el caso de que la imagen no se cargue. En segundo lugar, provee una lista de entradas que realicen las mismas funciones que el mapa.
  
  
• Emplea mapas locales en lugar de mapas en forma servidor, ya que en modo local, los contenidos de las áreas que definen el mapa, se cargan con la propia página web, mientras que en modo servidor, tu página de be de hacer una llamada al ordenador donde esté alojada y pedir los contenidos de las áreas del mapa, ralentizanto el proceso de carga.
  
  
• No está de más que incluyas referencias sobre el autor de la página, o al menos de las más relevantes, pero tampoco hay que extenderse. Lo mejor es incluir un enlace a las páginas personales del autor antes que repetir una y otra vez la misma información.
  
  
• Una de las reglas no escritas en Internet es la de destacar y respetar la individualidad y la personalidad en un medio que puede disolverse fácilmante la identidad personal.
  
  
• En general, no está de más incluir alguna página dedicada a resumir cuestiones de créditos y Copyright. Es un buen complemento de las página personales de los articipantes en el desarrollo.
  
  
• Si la página que estamos diseñando queremos que tenga éxito, debemos pensar en diseñarla para el mayor número de visitantes posible. El idioma no oficial de la Red, es de todos sabido que es el ingles, por lo que si queremos que además de los hispanohablantes nos lean también los de habla inglesa, debemos de diseñar en la medida de lo posible la misma página con opción inglesa.
  
  
• Agradecimientos. Una excelente práctica, muy en línea con la mejor “tradición Internet”. Siempre hay algo que agradecer: colaboraciones de usuarios, iconos tomados de algún servidor, cesión de materiales, uso de software público, a mamá por hacernos el bocadillo del recreo... :-P. Si se incluye un enlace a las páginas relacionadas con cada entrada en los agradecimientos será aún mejor.
  
  Recuerda que muchos de los servicios gratuitos en la red, esperan como correspondencia el ser incluidos en la página que prestan el serivicio gratutitamente, con un enlace a su propia página. Lo mismo se puede decir del software de libre ditribución; muchos autores se consideran muy bien pagados con un mensaje de correo comentando el uso que se hace de su trabajo, y con un enlace a sus páginas personales.
  
  
• Los comentarios de los usuarios son siempre valiosos e interesantes. Contempla algún mecanismo para recibirlos. Puede ser un “libro de firmas”, un pequeño formulario o simplemente enlaces del tipo “mailto”. Además de ser un medio idóneo para evaluar la aceptación le resultará muy gratificante recibir comentarios personales de gente con nombre y apellidos, no números en las estadísticas de tu servidor.
  
  
• Responde siempre a los comentarios de los usuarios. No les hagas creer que su interes no tiene eco. Dedícales tiempo y recursos.
  
  
• No difundas información protegida por derechos de autor sin perdir, al menos, el permiso escrito de su autor. Lo mismo se puede decir de los logotipos y marcas. Además debes de tener mucho cuidado con la procedencia de las imágenes y segurarte de que su empleo no está penada.
  
  
• Respeta la estructura del documento. Emplea las directivas <HTML>, <HEAD>, <BODY>, y no las mezcles pues se produciría una situación que puede dar lugar a errores imprevisibles que dejan una édima impresión en el cliente.
  
  
• Pon siempre un título. La directiva <TITLE> tiene más utilidad de lo que se piensa. No sólo encabeza la visualización dela página, también puede dar nombre al icono del navegador cuando se minimiza, y al guardar la dirección del documento como “bookmark” o “hot link” se puede explicar su contenido con este texto.
  
  
• Identifica y firma tus documentos. Esta información se puede incluir con las directivas ADDRESS,o cualquier otra forma de visualizar la información.
  
  
• No dejes enlaces con espacios. O más exactamente, evita que tras una directiva <A>, aparezca un carácter equivalente al espacio en blanco, la igual que al incluir un enlace. Visualmente, los espacio subrayados pertenecientes al enlace son de muy mal efecto. Considera los casos apropiados para emplear estilos físicos o lógicos. Normalmente se recomiendan los estilos físicos ya que dan un mayor control sobre la presentación final del documento.
  
  
• Ten cuidado con el uso que hagas de las cabeceras o headings. El tipo de letra, y sobre todo, el tamaño es muy variable y depende de los gustos del usuario. No emplees letras muy grandes con las cabeceras ya que dependiendo del tipo de navegador puede dar tamaños de letras más grandes del esperado.
  
  
• Evita errores en las directivas. Los navegadores no realizan un comprobación acerca de la correción del código HTML que reciben. De esta forma, directivas erróneas, obsoletas y pertenecienes a extensiones no reconocidas son tratadas por igual, normalmente ignorando su efecto. Este hecho exige ser muy cuidadoso con el código que se exporta. Además hay que tener en cuenta que algunos navegadores son más tolerantes que otros y son capaces de “entender” la intención de algnas directivas erróneas o incompletas (por ejemplo, añadiendo el cierre o comillas).
  
  
• Es conveniente desactivar las directivas que no se quieran emplear aún cuando estén dentro de un comentario, ya que hay navegadores que pueden ignorar esta circunstancia.
  
  
• Asegura la validez de los enlaces. Un error muy frecuente es la existencia de URL que apuntan a páginas inexistentes, cuyos servidores han dejado de estar disponibles o han cambiado de dirección,o cuyas direcciones simplemente están mal escritas (por ejemplo la falta de comillas o la mala construcción de la dirección).
  
  Estos errores tiene un pésimo efecto en el cliente para resultar relativamente fácil detectarlos y depurarlos. Sólo se precisa un mínimo de atención y “refrescar” con frecuencia los enlaces visitados.
  
  
• Comprobar periódicamente la existencia y corección de los enlaces que apuntan a páginas externas. El contenido y dirección de los espacios WEB cambian con rapidez y se puede encontrar que hay páginas que desaparecen y servidores que cambian de dirección.
  
  
• Usa siempre entidades en lugar de acentos. Aunque tu navegador sea capaz de tratar directamente con las vocales acentuadas y otros caracteres especiales hay queusar siempre las entidades normalizadas para curarse en salud.
  
  
• Si quieres que tus páginas sean impresionantes pero que no necesiten bajar módulos ActiveX o Plug-ins, una opción es el empleo de JavaScripts. Lo soportan casi todos los navegadores modernos, y en caso de que algún navegador antiguo no lo soporte no influye para nada en el resto de la página, siendo ignorados por ellos. Simplemente es código especial de JavaScript que va embutido en el interior de la página que se carga automáticamente con ésta y que antes (normalmente), del final de la carga, pueden empezar a activarse. Los hay de varios tipos, desde los que te muestran la hora, a los que te dejan jugar al tetris, carga aleatoria de fondos... etc y suelen ser de tipo gratuito.
  
  
• No todos tienen el mismo monitor que tu ni trabajan a las mismas resoluciones que lo haces tu, por lo que la página que has diseñador por ejemplo, en 640x480 puede que no se vea muy bien (excesivamente pequeña) en una resolución de 1024x768... y viceversa. Procura visualizar tus páginas en todas las resoluciones posibles y ajusta los cambios que creas más convenientes. Eso sí, diseña siempre a una resolución de 256 colores como máximo.
  
  Por norma, una resolución de diseño de 800x600 suele ser válida para todo tipo de usuarios que se conectan en la actualidad a Internet, por lo que puede ser una buena opción en trabajar a estas resoluciones.
  
  
• Hay muchas páginas en Internet que poseen un diseño espectacular, sin sacrificar en absoluto la velocidad de carga de la misma. Aprende de ellas mirando su código una vez cargada la página completamente. Esto puede enseñarte mucho más que todos los manuales juntos, una vez que màs o menos sepas las distintas directivas existente en el HTML.
  
  
• En caso de que emplees el diseño de tu página para un navegador en particular, coloca de forma bien visible , el tipo de navegador que se empleo en la construcción del sitio WEB, esto puede dar una idea a nuestros usuarios de los problemas con los que se pueden encontrar en el caso de que no cumplan las exigencias del navegador indicado por nosotros.
  
  
• Disfruta de la creación de páginas Web tanto como yo, porque todos los días aprenderás algo nuevo que hará que no pierdas el interes por el mismo. ...Y recuerda, el límite está en tu imaginación....