Hoy quiero compartir una herramienta que -con toda seguridad- servirá a más de uno en su tarea de optimización de sitios Web: WebSiteGrader. Se ofrece en modalidad gratuita y te permite (aún sin registrarte) incluso comparar tus sitios con los de la competencia y te sugiere cómo mejorarlo.

Lo he probado y es excelente. Me ayudó mucho en la parte de NO abusar de las internet keywords o palabras clave; también revisa qué tags depreciadas hay en tu sitio y te las reporta para que las elimines y sustituyas por código bueno (válido).

Una cosa que aprendí al analizar algunos sitios, es que es mejor registrar o renovar los dominios por varios años, ya que Google y otros motores de búsqueda podrían penalizarte, debido a que muchos sitios spammers se registran por períodos cortos. Obviamente eso se soluciona fácilmente, ya que muchas de las empresas que se dedican al registro de dominios te permiten hacerlo hasta por 10 años.

Domain Expires Within A Year

The domain for this website is set to expire in less than a year (205 days).

We would suggest renewing this domain with your registrar. Google and other search engines may penalize websites with domains that are set to expire soon. The reason for this is that many spam sites are often registered for short periods of time. Most registrars support paying upfront for several years and the cost is usually only about $10-$20 per year, so it is generally worth it.

Y no termina ahí todo, te envían los resultados (automáticamente) a tu email. De manera gratuita, puedes comenzar a ofrecer diagnósticos a tus clientes y ampliar tu gama de servicios no sólo al diseño y desarrolo, sino a la mejora y optimización de sitios Web.

Pues disfruta trabajando con excelencia. WebSiteGrader te ayudará en esa tarea

Leyendo mis feeds, me di cuenta -en el blog de Aoyama- que el blog de EsMas[punto]com usa WordPress como manejador de contenido; sin embargo, ni siquiera como cortesía (aunque según la licencia con la que se concede WordPress y la mayoría de plantillas o themes, es obligatorio publicar los créditos) dejan el enlace al sitio de WordPress ni al del autor de su plantilla o theme.

En esta imagen, puedes ver el pie del blog:

Como ves, no están los créditos que todos los que usamos WordPress dejamos (o al menos debemos dejar) por compromiso para que crezca el CMS y por simple ética… ¿cómo me voy a adjudicar algo que yo no escribí o creeé?, NO es ético ni legal.

La segunda imagen, muestra el código en el que claramente el maquetador del sitio comenta las líneas en las que debería estar público el crédito a WordPress y al autor del theme o pantilla.

Dano, Aoyama, La100rra y demás, han dicho que no vale el dinero que no percibe WordPress; cierto, no obstante yo quiero pedir que EsMas[punto]com publique unas disculpas a la comunidad opensource y despida a ese fulano que cometió la falta. Repito, pido que cesen de sus funcionen a ese tipo sin ética y escrúpulos. Si es capaz de robar en cosas tan sencillas, será también capaz de robarle a Televisa, que -quisiera creer- no se da cuenta de esas cosas tan simples y básicas del negocio.

No podía quedarme callado ante semejante atropello. No se tú, pero yo creo que necesitan disculparse.

Ya el fin de semana hice algunas pruebas y creo que me decidiré por un nuevo vestido para el blog. Si de repente encuentras que hay una plantilla y luego otra, pues te aviso que es porque estoy haciendo pruebas.

Gracias por la comprensión. Parte del cambio se debe precisamente a que quiero sentirme más cómo y ofrecer una imagen más fresca a mis apreciados lectores. Por otro lado, el código de este theme o plantilla, no me tiene muy satisfecho que digamos.

Los que me conocen, saben que de Flash se poco o nada. No es una tecnología que me interese. La utilizo en su mínima expresión y normalmente para “animar” encabezados, banners y cosas así.

Como dijo un día un amigo, es probable que no me interesa porque no conozco todo su potencial.

De cualquier modo, te dejo el enlace a la comunidad latinoamericana más importante en el tema de desarrollo Web: Cristalab. Al inicio su fuerte -algunos creen que sigue siendo- era el flash y cosas relacionadas; sin embargo, el rubro del sitio poco a poco se ha ido expandiendo (también se habla acerca de XHTML, CSS, AJAX, PHP y Linux). Ahora Cristalab es el sitio de la mejor comunidad de desarrolladores Web, quienes comparten acerca de su pasión por hacer de la Web, un mejor lugar para vivir (algunos vivimos realmente en la Web); además, comparten importantes temas de su vida.

Si llegaste aquí buscando un curso para aprender flash, como hacer pre-loaders, animaciones, efectos en flash, actionscript, etc.; pues no cabe duda que la mejor opción es Cristalab:

CURSO FLASH GRATIS

En esta ocasión toca la suerte a Perú. Si eres y/o vives en Perú, si eres de los que hacen sitios y/o quieren aprender a hacer bien las cosas, inscríbete ahora mismo.

Los expositores de los talleres y conferencias son gente de reconocida expriencia. Basta con ver una muestra de los sitios que hacen y te das cuenta de lo buenos que son en su área. Todos, sin excepción, son gente que no sólo hace una excelente labor, sino que comparten desinteresadamente lo que la misma comunidad les ha transmitido.

Para finalizar, te recuerdo que si no asistes, te perderás de una experiencia sin par. Además, felicitar a los muchachos que se involucraron en el diseño y desarrollo del sitio dedicado al evento. No cabe duda que lo hicieron imposible de mejorar. Mx, Freddie, Fael y los demás, son de lo mejor!

P.D. Neo, tenés que volar muchacho!!!

Por ejemplo, en cada CMS que desarrollo, se hace necesario el uso de AJAX para agregar “input” que ayuden al usuario sin necesidad de perder los datos en sus formularios.

Entre otras cosas, he aprendido que en una misma form puedes tener varios botones que hagan cosas diferentes, sin necesidad de anidar elementos form (ya que eso no es correcto). Eso es una increíble ayuda.

Por otro lado, evito un php y un click innecesarios si le pregunto -con AJAX- al usuario si realmente desea hacer lo que está haciendo (por ejemplo borrar un registro de la base de datos).

He leído mucho sobre el tema y hay muchos que dicen que el abuso de AJAX te hace inaccesible, como si estuvieras usando eso que llaman flash… pero mi opinión es que si lo usas con equilibrio, puedes conseguir potentes y muy prácticas aplicaciones que le agregan valor a tus productos.

Por lo pronto, nada más me falta pulir el manejo de checkboxes con AJAX. Al conseguirlo, te cuento

Con el interés de ver que mi trabajo se vea bien en la mayor parte de agentes de usuario, instalé el IE7 -una vez que me aseguré que podría ver las versiones anteriores del navegador de miscrosoft- y comencé a ver que algunos elementos maquetados en los sitios que he hecho en los últimos años, necesitan algunos ajustes.

Bueno, por ahora, me dedicaré a hacer que los proyectos nuevos sí sean compatibles. A los anteriores, poco a poco los iré adaptando con una CSS accionada mediante condicionales, así no tocaré los diseños anteriores.

Me gustan los colores del sitio, muy a la moda y con css + xhtml (validados y estricto) implementados. Lo que NO me gusta (y es que para gustos, los colores ¿no?) es el logo (núnca me ha gustado).

Muy usable. Definitivamente se tomaron el tiempo para cuidar muy bien los detalles. Gran esfuerzo el de un grupo de chapines. Ojalá sirva de ejemplo para los que buscan mejorar.

Felicidades!

Este día, mientras actualizaba el sitio de un cliente, saltó una ventana que me indicaba que DW puede adaptar el código que yo tengo y que es posible no se vea bien en las versiones más nuevas de IE. Así que procedí a dejar que hiciera el trabajo por mi…

Una vez que agregó una línea de javascript por cada swf e incluyó una referencia hacia un js que hace el trabajo serio, procedí a guardar el archivo. Agregó una carpeta conteniendo el js en mención, pero lo que hice fue mover ese script a la carpeta que uso para inclusiones y listo (obviamente cambié la ruta en el xhtml).

Ahora, cuando cargues los swf con Dreamweaver, pondrá el código nuevo y no el que antes usaba.

En segundo lugar, un favicon es una imagen que los desarrolladores web incluyen en el sitio y aparece en la barra de direcciones, favoritos y bookmarks (en la mayoría de navegadores).

La imagen en mención, normalmente es el logo o icono distintivo de la empresa, institución o persona para quien el sitio ha sido desarrollado. Sirve para promocionar su imagen, su marca y crear sitios más personalizados. Los desarrolladores profesionales, lo hacen para sus clientes.

Hay varias herramientas con las que se puede hacer un favicon, las que más he usado son Microangelo, Corel (creo que la versión 10 fue la última que un día probé), The Gimp, KIconEdit (el que más me ha gustado) y en la web, el Favicon from Pics.

¿Cómo agrego mi favicon en todas las páginas?

Bueno, la cosa es sencilla. Para que tu favicon se vea en una página, pues lo puedes poner en el mismo nivel de la página en la que quieres que se vea. Por ejemplo, si quieres que se vea en www.tudominio.com/blog/index.php entonces el favicon debe estar ubicado en ese mismo nivel (www.tudominio.com/blog/favicon.ico), esa será la primera dirección en la que el navegador la buscará. Sino lo encuentra en ese mismo nivel, pues buscará en el nivel superior: www.tudominio.com/favicon.ico; de allí que poniendo el favicon.ico en el “top-level” tendrás el favicon predeterminado para todas las páginas de tu sitio

Ahora, dependiendo del navegador y su configuación, el favicon podría no mostrarse (aún si lo tienes ubicado en las ubicaciones antes dichas); por ello, es necesario que lo declares entre las etiquetas head de tu código:

[link type="image/x-icon" href="favicon.ico" rel="icon" /]
[link type="image/x-icon" href="favicon.ico" rel="shortcut icon" /]

A hacer bien las cosas!

Actualizado: Por alguna razon el administrador de contenido de wordpress le agregaba algunos caracteres al codigo. Como nota, en lugar de [ pones < y en lugar de ], pones >.