Hola gente!
Bueno, continúo con el post anterior para dejarle un par de pequeños tips más para optimizar su sitio web.
Ya vimos cómo optimizar el tema de estilos, datos y un par de consejos más.
Ahora sigo:
7-) Validar nuestro sitio
Algo que no muchos diseñadores hacen es validar su sitio. ¿A qué nos referimos con validar el sitio? Bueno, básicamente es asegurarnos que la codificación ha sido correcta, para que cada navegador lo interperte de la manera correcta.
Hoy acá les dejo dos formas de hacerlo, pero pueden encontrar algunas más.
La primera, y creo que muy importante, es validarlo a través de la W3C, nos ofrece su validador. Lo que debemos hacer es entrar en él e ingresar la url de nuestro sitio, para así recibir un informe en detalle con los errores y problemas de nuestra página.
Otra forma de validarlo es a través de los navegadores. En Internet Explorer 8 (el que yo uso) se puede hacer a través de la herramienta para desarrolladores, acá les dejo alguna info oficial. Se darán cuenta que es muy fácil de usar, pueden validar HTML, CSS, Links y además, depurar JavaScript. Para Mozilla Firefox vienen ciertos addons que nos pueden ayudar, acá les dejo el Web Developer y el Firebug.
8-) Alt y Title para imágenes
Este es un tip que trae bonus. Más adelante les contaré.
Es algo que ciertamente no se tiene muy en cuenta, y que no es fundamental para la visualización, pero sí ayuda a la validación del código. De nuevo, recalco otra ventaja con la que contamos los que trabajamos con tecnologías Microsoft, y es que Visual Studio nos lanza warnings si no le agregamos la propiedad alt a las etiquetas img.
Además, un dato para mí sumamente importante es la integración con personas con capacidades diferentes (blog recomendado). Los sistemas de navegación web para no-videntes utilizan estos atributos para dar una explicación del contenido del sitio. Así que a no olvidar!.
Otra propiedad que algunos navegadores suelen interpretar también es la title, por lo que nunca viene mal agregarla :)NO!:
<img src=”miimagen.png”>
SI!:
<img src=”imagen.png” alt=”Mi imagen” title="Mi imagen">
Bueno, ahora le cuento el bonus de este tip:
Agregar esta info a las imágenes de nuestro sitio favorece al posicionamiento, ya que los motores de búsqueda leen esto, y nos da una ayuda extra :)
10-) Primer acto: CSS, Segundo Acto: Contenido, Tercer acto: JavaScript
Más allá del nombre que le he dado a este tip :P, es algo bastante serio.
Hace muy poco he descubierto esto. Algo ya sabido por mí, es lo de agregar el link a la hoja de estilo al comienzo del documento. La explicación: Esto nos asegura que los estilos se carguen junto con el contenido, y si el usuario detiene la carga o se le cae la conexión, pueda ver el documento estilizado. Imaginense que vea el html solo!! No queremos eso, ¿no?<head>
<title>Mi sitio optimizado :)</title>
<link rel=”stylesheet” type=”text/css” href=”misestilos.css” media=”screen”>
</head>
Bueno, ahora paso a explicar el dato nuevo para mí. Poner el JavaScript al final del documento. Es recomendable, muchas veces, debido al tamaño (o peso) de las librerías JS, lo contrario a lo mencionado acerca del css.
¿Why? Porque es preferible presentarle el documento completo al usuario, para que ya comience a navegar, sin que tenga que esperar a que se cargue tooodo el JavaScript. Una vez que se ha mostrado el contenido, se puede cargar efectos, y demás aportes JS.
Ojo! Que hay casos, en los que el JS es esencial en la página, por lo que este tip no se aplicaría. Es un tanto relativo....
<script type=”text/javascript” src=”libreria.js”>
</body>
</html>
11-) Intercambio de links
Bueno, ya cerrando este tema de la optimización de un sitio web. Les dejo un úlitmo tip, que sin duda es el mayor consejo respecto a posicionamiento.
Lo óptimo para un buen posicionamiento es el intercambio de link. No podemos esperar figurar en los primeros resultados de los buscadores sin que la web sepa de nosotros!
Tampoco es de esperar que los sitios añadan referencias a nosotros sin nada a cambio, por lo que aquí entra en juego la cooperación.
Mientras más links mencionen nuestro contenido y/o tengan enlaces al nuestro, más posibilidades de hacernos conocidos por el mundo tenemos! Además es bueno, siempre, colocar la fuente de la cual obtenemos nuestra info, ya que la red de links siempre enriquece el tráfico hacia nuestro sitio.
Espero sinceramente que estos humildes tips les hayan servido de algo.
Éxitos con sus emprendimientos web!
Saludos
Tips para mejorar tu sitio Web - Parte II
Publicadas por
Marcos
Suscribirse a:
Comentarios de la entrada (Atom)
4 comentarios:
Excelente post, estos últimos días no he tenido mucho tiempo de poner en práctica, pero estoy siguiendo tus post están barbaros.
Saludos
Javier Manrique
Muy bueno Marcos, hay varias cosas a las que nunca les había prestado mucha atención
Hola lei varios de tus tutoriales y me gustaron mucho bueno la verdad se que no tienes mucho tiempo pero ire al grano, tengo q hacer un carrito de compras en asp y la verdad me dieron este trabajo pero es un poco adelantado para mi por q recien estoy en primer año de mi carrera y me dieron este trabajo por que el docente se enoja mucho conmigo por que siempre adelanto cosas y pregunto cosas que el no sabe y la verdad me dijo "tan bueno q te crees has este proyecto carrito de compras", y acepte este proyecto bueno ps voy a ser sincero no se por donde empezar y queria saber si puedes publicar unos tutoriales de asp o algo q me sirva y claro si es que puedes ayudarme amils@hotmail.com es mi correo seria genial q me escribas. bye man y esta muy bueno tu blog.
Amilkar, recién he visto tu comentario. Debe ser un poco tarde ya, no?
En los próximos días actualizaré el blog.
Saludos
Publicar un comentario