Archivo

Archivo para Junio, 2010

SEO: validación W3C

Martes, 29 de Junio de 2010

Hace poco publicaron un artículo en el blog de Yoast sobre la validación W3C desde el punto de vista SEO. De hecho, este es un tema que desde hace tiempo está en el aire y que genera bastante discusión. En este artículo, Joost de Valk publica las opiniones de diversos expertos en el tema finalizando el artículo con su opinión y la de Matt Cutts.

Las opiniones expresadas en el artículo son variadas y diferentes. Podemos leer opiniones tales como:

  • la validación W3C es importante a nivel de diseño web porque puede aportarte enlaces desde webs de diseñadores
  • como google.com no está validado en W3C, para qué vamos a validar?
  • intentamos utilizar frameworks validados en W3C siempre que sea posible
  • intentamos que el número de errores en la validación W3C no sea elevado

La opinión de Joost es la siguiente: hay que intentar mantener el menor número posible de errores en la validación W3C, sobretodo hay que evitar aquellos errores que perjudiquen el rendimiento de la web. Pero no hay que perder excesivo tiempo en tener un código perfecto.

Mi opinión va en esa línea. Evidentemente hay que intentar que el código sea lo más correcto posible, y si puede ser validado en W3C completamente, perfecto. Pero sino, el haberlo intentado nos proporcionará una web de calidad a nivel de código, que se traducirá en satisfacción para nuestros visitantes. Y eso, acaba provocando un mayor número de visitas, que es nuestro objetivo final.

¿Te gustó el artículo? Compártelo!!:
  • Facebook
  • Twitter
  • FriendFeed
  • del.icio.us
  • LinkedIn
  • Technorati
  • Ping.fm
  • StumbleUpon
  • Google Bookmarks
  • Digg
  • Meneame
  • Netvibes
  • Live
  • BarraPunto
  • Bitacoras.com
  • Reddit
  • Wikio
  • email
  • Print

A. Montes seo, web

Conversion Thursday Barcelona

Sábado, 19 de Junio de 2010

Este pasado Jueves asistí al evento de Conversion Thursday en Barcelona. Este evento es mensual e intenta compartir experiencias en analítica web y marketing online. Tiene lugar cada segundo jueves de mes a las 19h.

El evento del jueves trataba concretamente de la presentación de los 2 únicos libros escritos en castellano sobre analítica web.

Por un lado, Maribel Morales, autora del libro Analítica Web para Empresas. Y por otro lado, Sergio Maldonado, autor del libro Analítica Web, medir para triunfar.

La presentación de dichos libros fue en el Xalet de Golferichs, esquinero con Gran Vía. El mayor problema o dificultad fue el ruido existente en esas horas. Al ser verano el acto se hizo en el exterior, pero el ruido dificultó mucho la conversación.

Sin embargo, el acto fue muy interesante y ambos autores pudieron explicar de qué iba su libro, por qué lo habían publicado, qué esperaban de él,…

Sin duda expresaron su gran experiencia en la analítica web, y estuvieron acompañados en todo momento por Pere Rovira, quien moderó hábilmente el evento.

¿Te gustó el artículo? Compártelo!!:
  • Facebook
  • Twitter
  • FriendFeed
  • del.icio.us
  • LinkedIn
  • Technorati
  • Ping.fm
  • StumbleUpon
  • Google Bookmarks
  • Digg
  • Meneame
  • Netvibes
  • Live
  • BarraPunto
  • Bitacoras.com
  • Reddit
  • Wikio
  • email
  • Print

A. Montes noticias, seo, web

Herramientas de YSlow

Martes, 15 de Junio de 2010

Para finalizar la serie de artículos sobre YSlow, veremos las herramientas que proporciona YSlow para complementar su análisis.

Recordemos que inicialmente hemos visto una introducción a YSlow, después hemos instalado YSlow, posteriormente hemos utilizado YSlow y finalmente hemos analizado los resultados de YSlow.

Pero esto no es todo, ya que YSlow nos proporciona estas herramientas complementarias que encontraremos en la pestaña “Herramientas”:

herramientas de YSlow

  • JSLint: se trata de un verificador de código javascript que proporciona un informe con los problemas de código javascript que haya encontrado en nuestra web.
  • All JS: nos informa de qué scripts de javascript está utilizando nuestra web para poder así controlar si todo es correcto y esperado, o por el contrario estamos utilizando códigos javascript inútiles.
  • All JS Beautified: parecido al anterior, pero con un formato que facilita la lectura de scripts.
  • All JS Minified: devuelve todos los scripts utilizados en nuestra web sin comentarios y con reducción de espacios. Podemos aprovechar esta herramienta para reducir el tamaño de los scripts utilizados.
  • All CSS: nos muestra todo el código CSS utilizado en nuestra web.
  • All Smush.it: esta herramienta analiza todas las imágenes de nuestro web y nos indica cuales pueden ser optimizadas. Por último, nos devuelve en un fichero zip estas imágenes optimizadas para que las sustituyamos por las no optimizadas.

Espero que os sean de utilidad estos artículos sobre YSlow y estas herramientas de YSlow y os faciliten la mejora y optimización de vuestra web. Recordad que una web optimizada y rápida agradará más a vuestros visitantes y también a los buscadores.

¿Te gustó el artículo? Compártelo!!:
  • Facebook
  • Twitter
  • FriendFeed
  • del.icio.us
  • LinkedIn
  • Technorati
  • Ping.fm
  • StumbleUpon
  • Google Bookmarks
  • Digg
  • Meneame
  • Netvibes
  • Live
  • BarraPunto
  • Bitacoras.com
  • Reddit
  • Wikio
  • email
  • Print

A. Montes programación, seo, web

Analizar los resultados de YSlow

Sábado, 12 de Junio de 2010

En el anterior artículo vimos cómo utilizar YSlow. Después de ejecutar el test de YSlow vemos que nos devuelve los resultados clasificados en tres pestañas:

  • Grado
  • Componentes
  • Estadísticas

Vamos a empezar a analizar los resultados obtenidos en la pestaña de “Grado”:

Vista de Grado del análisis de datos YSlow

Aquí nos muestra un informe de la web que queremos analizar. Primero nos muestra una letra (en el ejemplo es la letra A), y al lado una puntuación de 0 a 100. La letra mostrada puede ir de la A (puntuación más alta) a la F (puntuación más baja). Justo debajo podemos filtrar estos resultados por contenido, cookies, css, imágenes, javascript y servidor.

A continuación hay un listado de todos los términos analizados y una letra asignada a cada uno de ellos, con lo que nos informa el grado de puntuación de cada término (yendo siempre de la A a la F).

Si clickamos en cada término analizado nos informará de qué es lo que falla, cómo mejorarlo y qué nos aportará. Además incluye un “Leer más” que nos llevará a otra pantalla con mucha más información.

Pasamos a analizar los resultados obtenidos en la pestaña “Componentes”. Veremos algo como lo siguiente:

Vista de componentes del análisis de resultados YSlow

Aquí se listan todos los componentes utilizados en la web, como pueden ser javascripts, css, iframe, flash, imágnes, favicons,…

Si clickamos en alguno de los componentes nos visualizará todos los componentes de ese tipo utilizados, e información como la URL, fecha de expiración, tiempo de respuesta,…

Esta información nos permite situarnos globalmente en cuanto a componentes utilizados en nuestra web y saber qué tiempo de respuesta tienen. A partir de aquí podemos ver cómo influyen en la velocidad de carga de nuestra web.

Por último nos queda la pestaña de “Estadísticas”:

Vista de estadísticas de análisis de datos YSlow

Se tratan de estadísticas gráficas sobre las solicitudes HTTP que realiza nuestra web y el tamaño de cada componente tanto en Caché vacía como en Caché primaria.

Vayamos por partes… la Caché vacía se refiere a todos aquellos componentes que el navegador solicita vía HTTP para cargar la página web la primera vez que se visita. Y la Caché primaria muestra los componentes que estarían en la Caché la próxima vez que visitamos la web, reduciendo así las solicitudes HTTP y el tamaño de carga.

Veremos que no todos los componentes que aparecen en la Caché vacía aparecen en la Caché primaria. Esto nos permite saber qué solicitudes HTTP se realizan en la primera visita y en las posteriores, así como el tamaño de carga de los componentes.

Resumiendo un poco, la pestaña “Grado” nos informa de aquello que tenemos bien y de aquello que podemos mejorar de nuestra web. La pestaña “Componentes” nos informa de los componentes utilizados en nuestra web y sus características más importantes a la hora de afectar la velocidad de carga de nuestra web. Por último, la pestaña “Estadísticas” nos informa gráficamente de los componentes que generan solicitudes HTTP en la primera visita y en las posteriores.

Analizándolo todo en global y aplicando pequeños retoques podremos mejorar la velocidad de carga de nuestra web, factor importante no sólo de cara a nuestros visitantes sino también en el posicionamiento de nuestra web en las búsquedas realizadas en Google.

En el próximo artículo veremos las herramientas YSlow que acompañan a los resultados y que nos permitirán obtener mayor información para mejorar nuestra web.

¿Te gustó el artículo? Compártelo!!:
  • Facebook
  • Twitter
  • FriendFeed
  • del.icio.us
  • LinkedIn
  • Technorati
  • Ping.fm
  • StumbleUpon
  • Google Bookmarks
  • Digg
  • Meneame
  • Netvibes
  • Live
  • BarraPunto
  • Bitacoras.com
  • Reddit
  • Wikio
  • email
  • Print

A. Montes programación, seo, web

Cómo utilizar YSlow

Martes, 8 de Junio de 2010

Después de ver para qué sirve YSlow y cómo instalar YSlow, pasaré a explicar cómo utilizar YSlow.

Para empezar a utilizar YSlow realizamos los siguientes pasos:

  • En Firefox, vamos a Herramientas – Firebug – Abrir Firebug. Esto nos abrirá una ventana en la parte inferior del navegador de Firefox.
  • Si en su día hemos instalado otros complementos, por ejemplo Page Speed, deberemos seleccionar YSlow de entre las pestañas que nos aparecen en esta ventana de la parte inferior del navegador.

Pantalla de YSlow

Ahora vamos a la web que queremos analizar, y para ejecutar el test de YSlow podemos hacerlo de dos maneras:

  • Clickamos en el botón “Run Test” que aparece en pantalla.
  • Clickamos en la opción “Grade” en la parte izquierda.

Ambas acciones provocarán el inicio del análisis. Veréis que tarda a penas unos segundos en realizarlo, y a partir de ahí ya podremos ver los resultados y analizarlos.

Por último, si queremos que YSlow se ejecute cada vez que abrimos una página web, podemos marcar la opción “Autorun YSlow each time a web page is loaded”, justo encima del botón “Run Test”.

Con estos sencillos pasos hemos visto cómo utilizar YSlow. En el próximo artículo veremos qué resultados nos aporta YSlow y cómo nos permiten analizar nuestra web.

¿Te gustó el artículo? Compártelo!!:
  • Facebook
  • Twitter
  • FriendFeed
  • del.icio.us
  • LinkedIn
  • Technorati
  • Ping.fm
  • StumbleUpon
  • Google Bookmarks
  • Digg
  • Meneame
  • Netvibes
  • Live
  • BarraPunto
  • Bitacoras.com
  • Reddit
  • Wikio
  • email
  • Print

A. Montes programación, seo, web