Errores a evitar al crear un sitio web

Julio 2017


La creación de un sitio Web y sus páginas HTML se aprende. Y como en todo, hay buenos hábitos y también errores que se deben evitar. A continuación presentaré una lista de errores muy comunes que aun veo, o que he cometido y que no quisiera que tú también cometas:


En cuanto al sitio Web

  • Utiliza nombre simples. Nada de espacios, mayúsculas, caracteres especiales en los nombres de archivos. Por ejemplo: no utilices ”Mi imagen.jpg” sino “mi_imagem.jpg”. Esto te evitara cometer una cantidad considerable de errores de enlace, o de código.
  • Utiliza nombres explícitos. Por ejemplo ”gato.jpg” o ”casa.jpg” son más simples que “img_1.jpg” y “img_2.jpg”. No solo será más fácil para ti, sino también para Google y los otros motores de búsqueda.
  • Organiza tu sitio utilizando carpetas y subcarpetas. Tener una sola carpeta con 40 imágenes, 30 archivos HTML y 5 archivos CSS no es nada práctico.
  • Pon un archivo <gras>index.html en cada carpeta</gras>. Cuando accedas a una carpeta, el archivo index se cargará automáticamente y el usuario no podrá ver el contenido de la carpeta. También es muy importante cuando las carpetas estén visibles en Google por ejemplo.
  • Saber a dónde se va. Cuando comencé mis paginas, estas tenían la extensión .html. Luego, decidí agregar código PHP. Entonces tuve que cambiar el nombre de todos mis ficheros .html a .php, lo que hacía que los antiguos vínculos hacia los ficheros .html sean inválidos. Simplemente habría bastado ponerles inicialmente a todos la extensión .php.
  • Prueba tus paginas con varios navegadores. Puede haber diferencias en la visualización que será necesario corregir.

En cuanto al código HTML

  • Un código limpio. Utiliza los comentarios y la identación del código. Es mejor para ti y también para un usuario curioso que desee examinar tu código fuente.
  • Utiliza las etiquetas correctamente. Cada etiqueta HTML tiene sus particularidades. Por qué hacer una página solo con <div> mientras que existe las <h1>, <blockquote> o <ul> para tener formatos por defecto.
  • Separa el contenido de la presentación. Utiliza el archivo HTML para el texto y un archivo CSS para la presentación. Es más fácil para actualizar y ofrece muchas ventajas: un archivo CSS puede servir para varias páginas HTML. Una modificación en el archivo CSS y la presentación de todo el sitio cambiará. Es más rápido que cambiar las páginas una por una.
  • Simplifícate la vida, en lugar de complicártela. Los CSS utilizan “class” y “id” para apuntar una parte del documento. Tu mismo puedes elegir estas class y id, entonces dales nombres que sean comprensibles como “menú” o “encabezado”. Aun puedo ver a menudo nombres como “s” o “zjj56”. ¿A qué corresponde eso en la pagina? Si hay solo 2 elementos en el CSS no hay problema, pero estos pueden alcanzar las 300 líneas.
  • Respeta las reglas de codificación establecidas por la W3C. Tu sitio web estará conforme a los estándares.

Consulta también

Artículo original escrito por . Traducido por Carlos-vialfa. Última actualización: 14 de enero de 2010 a las 18:53 por Carlos-vialfa.
El documento «Errores a evitar al crear un sitio web» se encuentra disponible bajo una licencia Creative Commons. Puedes copiarlo o modificarlo libremente. No olvides citar a CCM (es.ccm.net) como tu fuente de información.