Los errores a evitar al crear un sitio web
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.
Véase también
Comunidad de asistencia y consejos.
El artículo original fue escrito por
le hollandais volant. Traducido por
Carlos-vialfa.
