La manera menos técnica y mas fea de explicar las cosas, solo aquí. Pásele!.
¿Al crear una pagina web que es lo que buscas? espantar a tus visitantes con una canción al entrar a la web o retenerlos para que otro día vuelvan a visitarte? supongo que la segunda, no?. Tal ves no soy uno de los mejores diseñadores web que existen en el universo, pero tengo mis reglas para hacer las cosas basadas en mi experiencia como usuario y como desarrollador wannabe XD.
Actualmente hay muchas cosas de las que debes estar informado o mínimo aplicar las mas mejores para lograr un buen trabajo, por ejemplo: sabías que actualmente existen estándares web (XHTML, W3C, etc..) ?, si los conoces, ¿ los sigues?. Sabes que es el SEO?, si lo sabes. ¿Lo aplicas?. Y no solo eso, debes estar consiente que no todas las personas utilizan los mismos navegadores para entrar en un sitio. ¿Optimizas tu sitios para los distintos navegadores?. Otra cosa que también es importante es que ahora no solo tienes que crear un sitio bien presentable para tus visitantes, si no que también debes crear sitios presentables para los buscadores que existen (google, bing, yahoo, etc..), no olvides que ellos son los que se encargan de enviar mas visitas a tu sitio y si no lo haces bien, solo tus papas y tus amigos van a saber de la existencia de tu pagina.
En fin, existen tantas cosas que debes hacer para lograr que tus sitios sean competitivos y muchos no las usan por flojera. Pero ni modo cada uno hace las cosas como quiere y si lo tuyo es hacer paginas noventeras sin utilizar lo que la web 2.0 ofrece, pues allá tu.
Y después de todo ese choro que les aventé, aquí les dejo unas recomendaciones o reglas que he aprendido y que me gusta seguir al crear un sitio web.
Pero para esto necesitare la presencia de mi asistente que viene directamente desde Mexicali, la ciudad que capturo el sol!.. Reciban con un aplauso a la pagina: solesmexicali.com, que me servirá para explicar algunas cosas que se deben y no deben hacer.
1.- Evita dejar tanto espacio en blanco dentro del código fuente: Sobre todo al inicio, si crees que te quieren robar el código y esa es tu manera de protegerlo estas mal!. Eso es una mentada de madre para los buscadores, es como cuando alguien llega de visita a tu casa y estas escondido detrás de la puerta.
2.-Nunca olvides rellenar las metatags importantes (title, description, keywords): Cuando alguien busca tu pagina desde un buscador como google este muestra el titulo, una descripción y un link hacia tu web que contiene algo de lo que busca. Si alguien busca una frase o palabra y se encuentra en alguno de esos 3 casos, tu pagina tiene mas posibilidades de aparecer en los resultados. Otra Meta tag es la de las Keywords, pero según Matt Cutts SEO de google, esta meta ya no es utilizada por Google, no se si los otros buscadores las sigan utilizando.
Otra cosa es que utilices solo las necesarias, hay muchas que han quedado obsoletas y ya no se utilizan.
3.-Si tienes código javascript idéntico en varias paginas dentro del mismo sitio separalo en un archivo .JS y evita la redundancia de código. Si lo haces así, en la primer pagina que se utilice ese archivo se descarga y se guarda en la cache del navegador del visitante, luego puede ser usado desde ahí una y otra ves sin volverlo a descargar de tu servidor cada que lo necesites, esto también reduce el tamaño de tus archivos, la transferencia de tu sitio y las paginas cargan mas rápido.
Aquí vemos un ejemplo donde utilizan un Script de JQuery en un archivo separado y en el otro código incrustado que después vuelven a usar en otra pagina.
4.-Guarda en un archivo aparte el código CSS: Pasa lo mismo que con el javascript, no hay necesidad de estar cargando una y otra ves cosas que son lo mismo, si lo guardas en un archivo aparte se reduce el tiempo de carga de tu sitio y disminuye el tamaño de los archivos.
5.- No uses tablas para crear sitios web: para mi las tablas son solo para poner información(tipo excel), mejor utiliza DIVS, un div puede contener a otro div dentro de el, en cambio una tabla no puede contener a otra tabla dentro de ella, un div puede moverse libremente dentro de un div, y si usas tablas, celdas y renglones es mas complicado hacer cambios, a demás es una forma en que se hacían las paginas en los noventas.
6.- Utiliza lo menos posible el Flash: Muchas veces un sitio demasiado cargado de animaciones flash hacen que los navegadores de tus visitantes se traben sin ver tu pagina y ya no vuelven o la pagina tarda mil años en cargar y se van. Hay cosas que pueden ser reemplazadas por código como los menús, combinaciones de CSS+html serian una opción para crear excelentes efectos sin utilizar flash.
Otra desventaja del Flash es que navegadores como IE no muestran flash en una pagina a menos que lo autoricen por medio de la franja amarilla que aparece debajo de la barra de navegación de IE al entrar a un sitio que contiene flash.
7.- Optimiza tus imágenes y utiliza texto en información que le puede interesar al usuario, si es posible reemplaza imágenes con texto que no tiene nada de especial por texto puro ( sirve para los buscadores también).
8.-Combina el color de tus imágenes con el fondo donde las colocas. ¿Quien dijo que esto es bonito?
Eso es una grosería para quienes inventaron las imágenes en formato GIF y PNG con las que puedes utilizar fondos transparentes.
9.-Si usas imágenes de un solo color sin degradados utiliza CSS.
No utilices un background que mida algo así como 1024 x 800 de color negro, mejor ahorra y utiliza CSS, por ejemplo:
body {
background: #000;
}*Esto se puede hacer con las tablas, celdas, renglones, divs y muchas otras cosas mas.
10.- Si utilizas paginas dinámicas con php, asp, bases de datos etc.. haz pruebas a tus sitios, busca bugs comunes en aplicaciones iguales a las tuyas y aprende a solucionarlos, si no lo haces un curioso lo podría hacer por ti y PLOP!.. Si contiene errores y no sabes como solucionarlo, trata de no mostrar los errores a cualquiera, solo le facilita la vida a los intrusos.
11.- Una ves creado tu sitio valida tu código HTML: Corrige los errores, utiliza validadores como este: LINK
12.- De igual forma valida tu código CSS y corrige los errores : LINK
Otros cosas fuera del ejemplo anterior:
13.-Crea sitios limpios y fáciles de navegar: crea menús de navegación sencillos, facilitale la vida a tu visitante y no lo dejes escapar hasta que encuentre lo que busca.
14.-No muevas ni redimenciones las pantallas del navegador, ¿crees que es bonito? pues no!!. Muchas personas cierran la pagina porque se asustan cuando hace eso tu pagina.
15.-No pongas música al entrar a tu pagina: No a todo el mundo le gusta esa canción de bronco que tanto te gusta. Si pones música no las pongas en autoplay, deja que el usuario le ponga play si la quiere escuchar, colocar música con autoplay es horrible!! a veces entramos con el volumen a todo lo que da y ni para que les digo.
16.-Evita los enlaces rotos o enlaces a paginas de construcción: Si tienes enlaces a paginas que no existen o paginas en construcción mejor quitalos y activalos cuando todo funcione, es desesperante entrar a una web donde solo un enlace sirve y 10 no!.
17.- No abras ventanas y mas ventanas con cada click en un link: Utiliza la propiedad target=”_self” de los enlaces, esto abre el contenido en la misma pagina que estas viendo sin abrir otra ventana.
18.- Crea tu sitio con una resolución estándar: No todos tenemos monitores de 48 mil pulgadas, revisa si tu pagina se visualiza correctamente en otra resolución diferente a la tuya.
19.- Crea un formulario de contacto o utiliza redes sociales(twitter, facebook, etc..) para que tus visitantes se puedan poner en contacto contigo. Al fin y al cabo las redes sociales sirven para unir a personas con los mismos intereses que tu.
20.-Muestra tu sitio a desconocidos: No confíes en las criticas de tus papas, parientes y amigos.
Y bueno, esas son solo algunas cosas que deberían considerar al hacer un sitio web.
Espero no se ofendan los que hicieron la pagina de los soles, solo es mi opinión.