Archivo | Optimización sitios web Feed RSS de esta sección

10 puntos clave para optimizar la velocidad de un sitio web

La velocidad y el rendimiento de nuestras páginas web es un aspecto de vital importancia desde el punto de vista de la experiencia del usuario y cada vez tiene una influencia mayor el su posicionamiento en los rankings de búsqueda. En el artículo “Using site speed in web search ranking” del Webmaster Central Blog  de Google se hace hincapié en esta realidad. Por nuestra parte, hemos incluido varios post en nuestro blog sobre como reducir el tiempo de cargar de una página web.

En el artículo Guía “Web Performance Optimization” incluíamos la referencia a la completa checklist, publicada por Javier Casares, con los puntos esenciales a tener en cuenta para optimizar una web en cuanto a los factores relativos al rendimiento de la misma. En este post incluimos, a modo de resumen, lo que consideramos como los 10 puntos clave para optimizar la velocidad de un sitio web.

Continuar leyendo →

Comentarios { 1 }

Guía “Web Performance Optimization”

web performance optimizationCon el lema “La velocidad es un elemento diferencial; el rendimiento es una nueva oportunidad”, Javier Casares a publicado el libro “Web Performance Optimization” bajo licencia Reconocimiento – SinObraDerivada 3.0 Unported que permite su distribución libre siempre que no se realicen obras derivadas y se mencione la fuente.

Se trata de una guía corta, no llega a 30 páginas, en la que realiza una checklist con los puntos esenciales a tener en cuenta para optimizar una web en cuanto a los factores relativos al rendimiento de la misma.

Como complemento os referenciamos artículos en nuestro blog donde tratamos el tema de la optimización de la velocidad de carga de sitios web:

Para obtener una copia del mismo podéis visitar la página oficialdescargar directamente en este enlace el documento PDF.

Comentarios { 1 }

Rediseño de AlmacenPlantillasWeb

Después de unos cuantos días, y aprovechando, el “descanso navideño” nos hemos puesto manos a la obra y hemos rediseñado nuestro blog. Los objetivos, entre otros, eran hacerlo más rápido, más acorde con estándares y dotarlo de mayores funcionalidades.

Para optimizar la velocidad de carga del sitio nos hemos basado en dos herramientas sobre las que ya hemos incluido artículos en el blog: Page Speed de Google y el complemento YSlow del plugin Firebug de Firefox.

Para Yslow hemos conseguido un grado A (puntuación 96) con el perfil “Small site or blog”:

Resultado de las pruebas con YSlowPara Page Speed hemos alcanzado una puntuación de 86/100 (eliminando algún plugin hemos llegado al 92):

Resultados con Page Speed

Desgraciadamente no hemos podido ir más allá debido a la utilización de scripts y código de terceros dentro de nuestro sitio web (anuncios, botones de votación, etc.).

Como experiencia si que podemos señalar la mejora sustancial en las valoraciones al efectuar ajustes como:

  • Minimización de código (CSS, JavaScript, etc)
  • Posicionamiento de JavaScript al final de la página
  • Serialización de contenidos de forma que se descargen en el orden adecuado (para esto nos ha venido muy bien la funcionalidad “Hacer página lineal” de la herramienta Web Developer de Firefox)

Para mantener el estilo de nuestro blog en cuanto a claridad, fondos blancos, tamaños de letra grandes para facilitar la lectura, etc., hemos utilizado el tema Canvas de WooThemes con modificaciones (la mayor parte invisibles para el usuario).  Los motivos para su elección, además de por temas estéticos, han sido, entre otras,:

  • la facilidad para modificar el ancho del layout
  • su integración con Google Fonts
  • los componentes AJAX utilizados

A nivel estético prácticamente no hemos incluido ninguna variación, pero si a nivel del código PHP y de las funciones que utiliza (principalmente en las plantillas para las distintas páginas).

Otra variación que hemos incorporado es la eliminación de la palabra “blog” en la URL. Antes acedíais a nuestro site mediante la dirección http://blog.almacenplantillasweb.es, ahora la URL de nuestro blog es http://almacenplantillasweb.es. El motivo de su eliminación, además de que ya no tenía mucho sentido utilizar este subdominio, ha sido para acortar la URL por temas de SEO y para poder utilizar herramientas que nos estaban prohibidas al utilizar un subdominio. Para “no marear mucho” a los buscadores y a los sitios web con enlaces entrantes al nuestro hemos incluido redireccionamientos HTTP 301 desde la primera al segunda. Evidentemente hemos perdido el PageRank que teníamos en la dirección anterior, pero confiamos en recuperarlo en breve…

En cuanto a cumplimiento de estándares, el validador del W3C nos muestra un solo error en la página de inicio del blog debido al uso de la meta tag que incluye el plugin de WordPress para FaceBook:

Validacion XHTML del W3C

Por lo demás hemos mantenido las funcionalidades relativas a políticas de accesibilidad web con las que contaba la anterior versión del blog: tamaño de letra, textos alternativos, teclas de acceso, etc.

En fin, espero a los lectores habituales os guste el rediseño y, POR FAVOR, si encontráis algún bug en la implementación o tenéis alguna sugerencia para su mejora estaremos encantados de que nos los hagáis llegar.

Comentarios { 1 }

Blekko: introducción y herramientas SEO

blekko
Desde el pasado mes de noviembre  está disponible una versión de prueba en www.blekko.com. Con una estética minimalista, inspirada en la tendencia que en su día instauró Google, Blekko basa su sistema de búsquedas en el uso de las denominadas “slashtags”. Estas son términos (incluidos en la caja de búsqueda mediante una barra “/”) que añadimos a la búsqueda y que, básicamente, la restringen a un cierto número de sitios listados en el sistema. De esta forma se incrementa la capacidad de interacción que permite con el usuario.  Blekko tiene incluidas numerosas slashtags predefinidas y algunas de ellas contienen cientos de sitios.

Según barrapunto, al respecto de las slashtags:

El problema de las slashtags gestionadas por usuarios puede ser doble: a) que una hashtag se abandone (los sitios de referencia para /neuroscience hoy puede que no lo sean mañana) y b) que el sitio se llene de slashspam. El potencial también es grande.

blekko: how to slash the web from blekko on Vimeo.

Blekko está inspirado en la filosofía colaborativa wiki, lo que permite que el usuario, una vez completado su registro, pueda indicar las búsquedas más pertinentes y, tras incluir una barra inclinada (/), acotar la misma añadiendo un concepto. Para realizar búsquedas no es necesario el registro.

Con esta orientación el buscador, pretende omitir las páginas, sitios y granjas web cuyo objetivo es incluir contenido de calidad pero “únicamente para Google”. Es esta la razón por la cual  ”ha preferido omitir webs como las creadas por Demand Media o eHow, cuyo modelo de negocio se basa en generar mucho contenido a bajo coste y optimizarlo para Google, las llamadas granjas de contenido y aunque Blekko tiene indexadas 3.000 millones de páginas web no pretende indexar todo internet sino sólo los sitios considerados de calidad” (Blekko un nuevo buscador que intenta desbancar a Google – GurusBlog).

Barra de herramientas de BelkkoAdemás de las funcionalidades comentadas, el nuevo buscador incorpora interesantes características para SEO.

Continuar leyendo →

Comentarios { 2 }

Analítica de página: nueva funcionalidad de Google Analytics

Google ha incluido en su herramienta de analítica web un nuevo informe (In-Page Analytics o Analítica de página) que nos permite analizar visualmente cada una de nuestras páginas con la finalidad de comprobar como los usuarios interactúan con ellas. Reemplaza, en cuanto a funcionalidades, a la utilidad Site Overlay que contaba con numerosos fallos, y, aunque aun está en fase Beta, sin duda aporta prometedoras posibilidades.

Mediante esta nueva característica, podemos encontrar respuestas a cuestiones como:

  • ¿Es óptimo el diseño de página para los usuarios?
  • ¿Conseguimos que los usuarios encuentren el contenido que nos interesa en cada página?
  • ¿Nuestros usuario encuentran lo que desean en nuestras páginas?
  • ¿En qué vínculos hace clic el usuario que nos visita?

La información que nos ofrece estaba ya incluida en otros informes, pero, con esta nueva funcionalidad, podemos realizar un análisis gráfico de los datos, así como hacer filtrados y segmentaciones para un mejor análisis.

Básicamente el funcionamiento de la nueva herramienta nos muestra una captura de pantalla de la página en cuestión y añade viñetas para cada enlace indicándonos en porcentaje de clics que ha recibido. Por otra parte permite aplicar filtros, por ejemplo, por procedencia geográfica de las visitas, por segmentos de tráfico, etc.

Google Analytics: Análitica de pagina

Google Analytics: Análitica de pagina

Continuar leyendo →

Comentarios { 1 }

SEO para sitios web en múltiples idiomas

En numerosas ocasiones nos vemos en la necesidad de implementar sitios web en los que lo contenidos sean distintos o estén traducidos a diversos idiomas. Este funcionalidad, que tiene beneficios indudables tanto para los usuarios como para la estrategia de posicionamiento web (a la hora de realizar el registro en directorios y de intercambiar enlaces), también puede generar problemas si el contenido de cada una de las páginas para los distintos idiomas es detectada por Google como contenido duplicado.

Continuar leyendo →

Comentarios { 4 }

Compression Plugin made by Cork Tiles