Burradas Web no admisibles para esta época

Estamos casi en 2009 e Internet, es joven aun si lo vemos en cuanto a años de existencia, pero ha evolucionado mucho desde que nos conectábamos con un módem de 14.400, o creábamos páginas en FrontPage o Word, que es lo mismo.


Es innumerable la gran cantidad de información horrible, que se creó en esa época, pero que muchos aun replican por desconocimiento y otros más cuadrados aun la utilizan como si fuera algo novedoso.


La Internet de los 90 no es la misma que del 2005 en adelante, y mucho menos la del 2008 y la que vendrá, esto porque no todos navegamos desde el mismo sistema operativo, ni con el mismo navegador, y tampoco con los mismos dispositivos, a diario utilizamos sistemas operativos como Windows, Linux, Mac, navegadores como FireFox, Opera, Chrome y algunos masoquistas Internet Explorer, pero no solo utilizamos un PC, también navegamos desde la TV, la WII, y nuestros Móviles.


También sucede lo obvio la Internet creció mucho y cada vez buscamos mas, por tanto debemos dejar encontrarnos, y en eso soy bastante cerrado, si quieres que tu web la visiten 2 o 3 personas, mándales un Fax, o llámalos por teléfono, o imprime unos flyers, si quieres conseguir clientes en tu ciudad, contrata espacios comerciales en Radios, Diarios y TV local, la Internet es para llegar al mundo con un simple clic.


La gran cantidad de sistemas operativos, navegadores y dispositivos llevaron a que cada vez sea más necesario mantenerse dentro de los estándares, ya que tu web mostrar lo mismo en todos los dispositivos. Así mismo los navegadores han evolucionado, los usuarios no recuerdan URLs, no usan tanto sus favoritos, y buscan mas, por tanto la Optimización de tu Contenido para Buscadores (SEO), es casi imprescindible.


A pesar de todo esto, es frecuente encontrar Grandes Burradas Web no admisibles para esta época, y van algunos ejemplos:



<b>Títulos con símbolos</b>

..:: Guía Digital ::..


O peor aun


..:: Guía Digital ::….::Guía de Servicios::….::Reclamos::..


El titulo es parte fundamental para reconocer un sitio o pagina, y esos símbolos por el contrario a llamar la atención y destacarlo, ocultan entre símbolos las palabras importantes. Ni hablar en cuanto a SEO, también entorpecen y el Google Bot no sabrá si es una Guía Digital o un sitio de Nick Tup.


Escribe títulos claros y que defina el titulo del sitio en el home, y aparte en cada página interna, no repitas el titulo en todo tu sitio, <b>debe ser el titulo de cada página</b>.



<b>Utilización de Marcos o Frames</b>

Esta es otra antigua práctica de los 90, y si la utilizas, seguro usas el mismo programa para hacer la lista del supermercado que para crear tus webs.


Los Frames no solo se muestran mal en algunos dispositivos y navegadores, si no que son una de las peores practicas de los 90, que atenta contra la usabilidad y contra los buscadores. La razón es sencilla, ya que tienes un HTML vacío sin contenido que es lo que ve el bot, y este llama a 2 o más paginas internas que ni el usuario ni el Bot, lograran reconocer y comprender fácilmente.


Ejemplo, vamos a: <a href="http://www.anteldata.com.uy/" target="_blank">www.anteldata.com.uy</a> luego damos clic en Hogares y luego clic en ADSL 1024, y al querer ver la URL del plan 1024 para compartir en nuestro blog, o por MSN, seguimos estando en www.anteldata.com.uy, esto significa Accesibilidad CERO, y es poco Usable !!


Igualmente no se usa desde los 90, y son pocos los sitios que aun siguen con malas prácticas de este tipo.



<b>Sitios Full Flash</b>

Flash permite la creación de animaciones y contenido multimedia atractivo, por tanto es adecuado para cierto tipo de sitios, por ejemplo es adecuado para el sitio de Spiderman 4, u otra película donde esperamos ver avances y emocionarnos hasta el llanto esperando verla pronto en el cine.


Por el contrario, crear un sitio Full Flash, donde el contenido sea textual y no se requiere o se aplican efectos, es una mala práctica.


Por otra parte, no es lo mismo esperar unos segundos para que una web atractiva cargue excelentes efectos, y otra cosa es esperar 5 minutos para ver un cartel que diga “Ferretería Pocho”.


Tampoco es apropiado para crear un portal de contenido que usemos frecuentemente, seguramente no vamos a tolerar esperar 10 veces al día esos 5 minutos de carga.


Por último, si la prioridad es tener buenas posiciones en los buscadores, lamento decirles que <a href="http://www.jorgeoyhenard.com/pescando-seo-con-flash/17/" target="_blank"><b>Pescar SEO con Flash</b></a>, es sumamente difícil, y cualquier web realizada en puro HTML posiciona mejor que una Full Flash. Y no hablo de que Google no indexe archivos SWF, si no que es incapaz de reconocer la relevancia del contenido del mismo, y por tanto no posiciona correctamente.


También no estaremos frente a una web de varias páginas, donde cada página muestra un producto o artículo, si no que tendremos un archivo único pesado y poco relevante. Imaginen una cabellera al viento en una hermosa morocha destellando con el sol, o una bola de pelos atorada en la garganta, lo mismo le pasa a Google Bot.



<b>Menú Flash</b>

Así como es difícil reconocer el contenido de un sitio Full Flash, es difícil encontrar los enlaces dentro de un archivo Flash, por tanto si creamos un menú Flash, disminuimos la posibilidad de que el Bot, recorra y reconozca el contenido interno de nuestro sitio, o sea las otras páginas del mismo. Seguramente se pueden obtener mejores botones y efectos con puro CSS / HTML.



<b>Menú o enlaces JavaScript</b>

Igual que como sucede con Flash, no es lo mismo un enlace HTML que un enlace JavaScript, es también otra forma de ocultar nuestro contenido, intenta utilizar JavaScript no intrusivo, por eventos y no en <b>href</b>, pero aun así solo si es necesario, recuerda que la mayoría de los casos solo necesitas HTML / CSS.



<b>Utilización de Tablas</b>

Eres un Carpintero o un Diseñador Web?, entonces?, porque usas Tablas ?


Al comienzo en los 90, Word y Frontpage, quizás por ser compatibles con WordStar y Lotus 123, proponían la realización de los diseños web utilizando Tablas, esto es una antigua y mala práctica, ya que las tablas son para Tabular datos, o sea cuando tenemos filas, columnas, y celdas, como pasaba con Lotus 123 y Excel, pero nuestra web no es nada de eso no?


Aprende HTML o mejor xHTML para organizar los datos de tu web, o sea textos e imágenes, y aplica el diseño con CSS, esa es la forma correcta y sugerida por W3C, quien dicta los estándares.



<b>Utilización de HTML y CSS no estándar</b>

Cuando sumamos 2 + 2, o dividimos 20 / 4, hay convenciones pre establecidas que nos permiten dar con el resultado, y si lo haces tú, yo o una calculadora el resultado es el mismo. Esto sucede porque todos tenemos un estándar para proceder, lo mismo sucede cuando escribimos en español y cuidamos la ortografía para que todos nos entiendan.


En la web, sucede lo mismo, el HTML y CSS tienen una forma estándar de aplicación que regula la W3C. Estas reglas son las que implementan todos los navegadores para que en cualquier navegador, y dispositivo tu web funcione como lo planeaste. Obviamente no esperes que Internet Explorer respete estándares, pero haz las cosas correctamente para FireFox y cobra extra si tu cliente desea que luego apliques malas prácticas para ese programa que no está pensado para Internet.


En cuanto a los buscadores, cada vez más un código limpio y en base a estándares se rastrea y posiciona mejor.



<b>HTML y CSS no Válido</b>

Así como corregimos la ortografía de nuestros textos, o compilamos y depuramos errores los programadores, tu web debe estar limpia de errores de HTML y CSS, para esto valida tu web con las herramientas de la W3C.


<a href="http://validator.w3.org/check?uri=http://www.solophotoshop.com" target="_blank"><b>Valida el HTML</b></a> y <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.solophotoshop.com" target="_blank"><b>Valida el CSS</b></a> de tu sitio, en caso de tener errores corrige antes de la puesta en marcha o entregar a tu cliente, de no hacerlo tu web no está completa aun. Esto marca la diferencia entre un sitio web mal desarrollada y una correctamente y que respete los estándares web.


Ten en cuenta que si no valida, los resultados o sea la forma en que se muestre puede no ser lo que planificaste porque tú escribiste con errores que los navegadores no comprenden y trataran de aplicar soluciones diferentes y no esperadas en cada caso.


Los sitios con HTML y CSS valido son comprendidos correctamente por los buscadores y se posicionan mejor.



<b>Uso de URL no amigables</b>

Las URLs no solo son importantes para los usuarios, si no también son relevantes para SEO, ya que tienen una importancia similar al Titulo de la página.


No utilices URLs del tipo <a href="http://www.montevideo.com.uy/hnnoticiaj1.aspx?73496,5" target="_blank">http://www.montevideo.com.uy/hnnoticiaj1.aspx?73496,5</a>


Utiliza URLs amigables para el usuario y SEO, del tipo


<a href="http://www.montevideo.com.uy/tomate-una-medida/73496/" target="_blank">http://www.montevideo.com.uy/tomate-una-medida/73496/</a>


o


<a href="http://www.montevideo.com.uy/tomate-una-medida-73496/" target="_blank">http://www.montevideo.com.uy/tomate-una-medida-73496/</a>


Haz que el titulo de la página, la etiqueta H1y la URL coincidan, define tu contenido define bien el mismo, descríbelo bien, titula bien, no lo codifiques, si lo quieres ocultar a los buscadores, no lo publiques en Internet.



<b>Fallar URLs típicas</b>

Cuida que tu sitio este accesible desde <a href="http://www.jorgeoyhenard.com" target="_blank">www.jorgeoyhenard.com</a> pero también como <a href="http://www.jorgeoyhenard.com" target="_blank">jorgeoyhenard.com</a> (con o sin www), no es posible que hoy día de error, configura bien tu servidor don’t be cuadrupedo !!



<b>Duplicar el Home</b>

Haz que tu sitio siempre llame a la raíz, o sea /, no dejes que <a href="http://www.jorgeoyhenard.com" target="_blank">www.jorgeoyhenard.com</a> y <a href="http://www.jorgeoyhenard.com" target="_blank">www.jorgeoyhenard.com/index.php</a> y <a href="http://www.jorgeoyhenard.com" target="_blank">www.jorgeoyhenard.com/index.html</a> existan, utiliza una redirección 301 y que escriban como escriban vaya todo al mismo raíz. Si no controlas esto, el buscador tomara cada variante como pagina diferente, penalizándote posiblemente por contenido duplicado y/o dividiendo el PR en más de un home de tu sitio ya que no lo concentras todo en un solo lugar.


Lo mismo para el www.sitio com y sitio.com usa el 301 para que termine en uno solo de ellos.


En mi caso no he tenido tiempo de corregir todo esto, pero no quiero ser egoísta y callarlo, espero tu si lo apliques <img src="http://www.jorgeoyhenard.com/wp-includes/images/smilies/icon_wink.gif" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />




Leer mas en: <a href="http://www.jorgeoyhenard.com/burradas-web-no-admisibles-para-esta-epoca/348/" target="_blank">http://www.jorgeoyhenard.com/burradas-web-...esta-epoca/348/</a>

 

Muy bueno, gracias por el aporte. Me encantó que aprovechaste para pegarle a Antel jajaja

Una consulta, una burrada que mencionás y que yo estoy cometiendo en un sitio es el de poner símbolos en el título. El tema es que la página es de información más que nada, tiene montones de artículos y cosas, divididas por categorías, y lo que hago es poner "domino :: sección - titulo_del_informe". Cómo crees que debería ponerlo? Solo el título del informe? Pongo el dominio porque es cortito y tiene palabra clave y no molesta.

Me interesa también lo del redireccionamiento, eso voy a averiguarlo, porque jamás lo tuve en cuenta, y ya vi en las estadísticas del sitio, que cuenta por separado tanto misitio.com/index.php como misitio.com/ y otras variantes.

 

<!--quoteo--><div class='quotetop'>CITA</div><div class='quotemain'><!--quotec-->Eres un Carpintero o un Diseñador Web?, entonces?, porque usas Tablas ?<!--QuoteEnd--></div><!--QuoteEEnd-->

¡Que bueno! Pasa hasta con los grandes... <a href="http://web2.0flow.com/top-30-popular-websites-that-still-are-using-tables-as-main-layout-structure/" target="_blank">http://web2.0flow.com/top-30-popular-websi...yout-structure/</a>

 

Gracias Quique, menos mal que pronto comenzaré mis clases de css...

 

<!--quoteo(post=349040:date=Dec 4 2008, 11:29 AM:name=MarcelaP)--><div class='quotetop'>CITA(MarcelaP @ Dec 4 2008, 11:29 AM) [snapback]349040[/snapback]</div><div class='quotemain'><!--quotec-->
Muy bueno, gracias por el aporte. Me encantó que aprovechaste para pegarle a Antel jajaja

Una consulta, una burrada que mencionás y que yo estoy cometiendo en un sitio es el de poner símbolos en el título. El tema es que la página es de información más que nada, tiene montones de artículos y cosas, divididas por categorías, y lo que hago es poner "domino :: sección - titulo_del_informe". Cómo crees que debería ponerlo? Solo el título del informe? Pongo el dominio porque es cortito y tiene palabra clave y no molesta.

Me interesa también lo del redireccionamiento, eso voy a averiguarlo, porque jamás lo tuve en cuenta, y ya vi en las estadísticas del sitio, que cuenta por separado tanto misitio.com/index.php como misitio.com/ y otras variantes.
<!--QuoteEnd--></div><!--QuoteEEnd-->

Sobre el titulo, no debes contaminarlo con símbolos y dar prioridad al titulo de cada pagina, y tampoco exceder el largo, por tanto la solución es sencilla, esto:

domino :: sección - titulo_del_informe

queda así:

titulo_del_informe | domino

o con - separando, y en el caso de dominio, mejor el titulo del sitio y no el dominio. La sección puede sobrar

Sobre la <a href="http://www.jorgeoyhenard.com/redireccion-301/7/" target="_blank"><b>Redireccion 301</b></a>, también escribí hace un tiempo <a href="http://www.jorgeoyhenard.com/redireccion-301/7/" target="_blank">http://www.jorgeoyhenard.com/redireccion-301/7/</a>

<!--quoteo(post=349044:date=Dec 4 2008, 12:52 PM:name=Ordaz)--><div class='quotetop'>CITA(Ordaz @ Dec 4 2008, 12:52 PM) [snapback]349044[/snapback]</div><div class='quotemain'><!--quotec-->
¡Que bueno! Pasa hasta con los grandes... <a href="http://web2.0flow.com/top-30-popular-websites-that-still-are-using-tables-as-main-layout-structure/" target="_blank">http://web2.0flow.com/top-30-popular-websi...yout-structure/</a>
<!--QuoteEnd--></div><!--QuoteEEnd-->

Es que en Internet los grandes de la vida real, no son mas que iguales a nosotros, y cometen ese tipo de errores típicos de dinosaurios, a pesar de gastar miles de dolares en sus webs, por lo general lo hacen con agencias de diseño que vienen de la gráfica y nada saben de webs, y nacen obsoletos.

Una publicidad para Radio, no es lo mismo que para un Diario, o TV, y mucho menos hacer un flyer pensado para papel, o DVD y colgarlo en Internet

 

muy interesante.

saludos.

 

Hoye quique y es correcto ingresar simbolos por ejemplo como los de trade mark o marca registrada (&reg en los titulos de las paginas web

 

super interesante, hace tiempo que te escucho (leo) decir todo esto... y hace tiempo que soy conciente que tengo que arreglar pila de cosas de mi sitio...
igual aprovecho la oportunidad para agradecerte todo lo que hacés para que dejemos de hacer burradas :blush:
:adios:

 

jamc17, es que realmente no tiene sentido poner eso en el titulo, eso lo aclaras en el contenido.

inad.uy, el primer paso es siempre ser consciente de que debes corregirlo, y si lo haces mejor, pero ya con saberlo estas delante de muchos, eso incluye las 20 webs mas visitadas de Uruguay y seguramente las 50 mas importante, y el 100% de las del estado jaja (que son las que mas gastan jeje)