Ejemplo de Herramienta Page Speed de Google

Sabemos  la importancia que da Google a la optimización de las páginas web para que estas sean rápidas en el momento de la carga en el explorador del usuario que las visita. De hecho en el mismo Webmaster Tools (Herramientas para Web Máster) de Google ya existe un apartado que nos muestra como  califica la velocidad de nuestro sitio, y nos proporciona una herramienta llamada “Page Speed”que trabaja con Firebug para Firefox, con la cual podemos correr un diagnostico de la velocidad de carga de cualquier sitio web, lo más importante de esta herramienta es que nos dice en qué puntos estamos fallando y nos proporciona una calificación de 1 a 100 en donde 100 es una página optimizada en su totalidad y 1 una nada optimizada, les aconsejo que no se esfuercen mucho en lograr una calificación de 100 ya que ni el mismo Google la tiene en su sitio, pero es recomendable buscar una calificación superior a 80.

Son muchas las variables que se tienen que tomar en cuenta para lograr una calificación alta entre las que destacan, la optimización en el peso de las imágenes, la integración de los CSS y archivos Java Script, y la compresión gzip para nuestro sitio, esto por mencionar algunos ya que es algo extensa la lista de puntos que toma en consideración este diagnostico.
En este artículo vamos a compartir una forma de optimizar nuestra web en uno de los puntos de diagnostico que se refiere a fijar el tiempo de cache para las imágenes, CSS y Java Script, fijando un expiración de cache  de 1 semana como lo recomienda la herramienta  “Page Speed” en el punto de diagnostico “Leverage browser caching”

Esto se resuelve colocando las siguientes  líneas en el archivo .htaccess

ExpiresActive On
ExpiresByType image/ico A15552000
ExpiresByType image/gif A31556926
ExpiresByType image/png A31556926
ExpiresByType image/jpg A31556926
ExpiresByType image/jpeg A31556926
ExpiresByType text/javascript A31556926
ExpiresByType text/css A31556926
<FilesMatch “\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$”>
Header set Cache-Control “max-age=31556926, public”

Después de colocar estas líneas en el .htaccess de tu sitio podrás revisar nuevamente en la herramienta de diagnostico de velocidad “Page Speed” y notaras que el punto “Leverage browser caching” lo marcará  como aprobado marcándolo en color verde.
Espero que les sea de ayuda y como siempre esperamos sus comentarios.

Recursos

• Firebug: https://addons.mozilla.org/es-ES/firefox/addon/1843/
• Page Speed: http://code.google.com/intl/es-MX/speed/page-speed/
• Webmaster Tools (Herramientas para Web Máster)  de Google: http://www.google.com/webmasters/tools?hl=es

]]> http://www.grupotitan.com/blog/fijar-cache-desde-htaccess.html/feed 1 http://www.grupotitan.com/blog/etiqueta-nofollow.html#utm_source=rss&utm_medium=rss&utm_campaign=etiqueta-nofollow http://www.grupotitan.com/blog/etiqueta-nofollow.html#comments Tue, 08 Jun 2010 03:03:39 +0000 Gabriel Guzman http://www.grupotitan.com/blog/?p=31 Cada vez son más diseñadores y propietarios de sitios web que conocen  la importancia de conseguir enlaces entrantes a su

página para lograr un mejor posicionamiento en los motores de búsqueda en internet, es por ello que desde hace años ha aumentado la práctica de SPAM a través de comentarios en los Blogs y Foros,  en donde colocan comentarios sin sentido o frases como “Muy buen Post” o “Gracias” entre otros. El objetivo de esta práctica es que al colocar el comentario,  la mayoría de los Blogs tienen la opción de colocar la dirección de la página web de referencia de quien lo coloca, obteniendo así el tan preciado enlace para lograr un mayor PageRank.

¿Qué es la etiqueta  NoFollow?

Como resultado de lo anterior,  los Motores de búsqueda,  en especial Google,   recomendó el uso de esta etiqueta en el 2005 que es colocado en el código HTML para indicar al motor de búsqueda que no siga ese enlace  evitando así la transferencia de PageRank.
Es natural para los motores de búsqueda hagan recomendaciones de este tipo ya que su principal objetivo es que los usuarios de su  motor de búsqueda   encuentren información relevante acerca del tema que están en el que están interesados, y esta práctica de SPAM a su parecer tiene el objetivo de abusar del algoritmo en el que se basa su sistema  arrojando resultados  sin contenido relevante a los primeros lugares,  disminuyendo la eficiencia de los resultados de búsqueda y  la preferencia del usuario por su sistema.

Aquí algunos ejemplos del uso de esta etiqueta:

• Enlace DoFollow
  

<a href=”http://www.ejemplo.com/”>Enlace DoFollow</a>

• Enlace  NoFollow

<a href=”http://www.ejemplo.com/” rel=”nofollow”>Enlace NoFollow</a>

NoFollow un tema controvertido

Desde la recomendación de Google para usar esta etiqueta,  especialistas relacionados con el mundo SEO han expresado su rechazo a esta medida,  debido a que argumentan que el resultado no ha sido el deseado, es decir que este tipo de SPAM no ha sido frenado y que continua en aumento. También se argumenta que la mayoría de sistemas blog tienen la característica de moderación en donde el administrador del Blog o Foro puede rechazar los comentarios que considere como SPAM.
También se discute acerca del abuso de este recurso en donde para muchos administradores web el que se haga referencia al contenido de su sitio con un enlace de tipo NoFollow es equivalente una cachetada a su trabajo. Lo que podemos asegurar es que esta discusión referente a estar a favor o en contra del creciente uso de este recurso seguirá por mucho tiempo.

Uso de la etiqueta NoFollow de manera interna.

Después de todo el tiempo desde que apareció este recurso,  se ha observado que los administradores   o desarrolladores web   han echado mano de esta etiqueta como control interno  de flujo de PageRank dentro de un  mismo sitio. Colocando la etiqueta NoFollow a los enlaces que derivan en páginas que no son tan importantes en el sitio,  o que no les interesa que logren un mejor posicionamiento,  y dejando la característica DoFollow a los enlaces que les interesa posicionar como la pagina principal o Index,  por ejemplo, evitando así que el PageRank se distribuya de manera interna reforzando  el PageRank de las paginas dentro del sitio más importantes.

Conclusiones: La Etiqueta NoFollow surge de la necesidad de los motores de búsqueda por frenar el SPAM de enlaces colocados en sitios como Foros ó Blogs, esta etiqueta le dice al motor búsqueda que no siga ese enlace y que no le transfiera PageRank. Muchos están en contra de esta práctica pero es cada vez más adoptada. Un uso de la etiqueta NoFollow es la de control interno del flujo de PageRank,  cada vez más usada,  aunque Google ya ha expresado que no recomienda el uso de la etiqueta como técnica SEO en la estructura interna de un sitio.

Para tú consideración: Existe una paranoia en los administradores web con respecto al uso de la etiqueta NoFollow, ya que lo usan en cualquier enlace externo que tienen de su sitio, basado en la idea de que perderán PageRank ya que lo pasarán al sitio enlazado, sin embargo muchos Blogs de especialistas SEO exponen que esta teoría es falsa y que el PageRank no se pierde por enlazar de manera Dofollow una web externa. Si cuentas con experiencias u opiniones con respecto a esta teoría agradeceremos tus comentarios e ideas, lo importante es compartir el conocimiento.

Se recomienda Leer:

¿Qué es PageRank?
Tabla de PageRank, ¿qué tantos enlaces y de qué calidad necesito, para obtener qué PageRank?

Referencias:

Blog Oficial de Google, DesarrolloWeb.com, ChicaSEO.com

También nos explica la importancia que tiene el que los temas de las dos páginas, tanto de la que recibe como la que emite el enlace, estén relacionados.

Aquí la tabla que ejemplifica lo antes mencionado, esta tabla es estimativa y no valora la relación de temática.

Tabla de PageRank2

De acuerdo con la teoria democrática del PageRank en donde cada enlace es un voto podemos observar que no todos los votos valen lo mismo, si no que  por el contrario el recibir un enlace de una página popular tiene mucho más valor para efectos de valoración de PageRank que uno que no lo es.

Además de esto muchos SEO concuerdan en que también Google valora la temática de la página que emite el enlace con respecto al que lo recibe y que da mucho más valor a un enlace en donde la temática del que emite el enlace está relacionada con la temática del que lo recibe.

Conclusiones: El PageRank se mide en base a los enlaces entrantes que tiene nuestra página, pero además de eso, estos enlaces tendrán más valor si la pagina los recibe de un sitio con un PageRank alto y que tenga una temática similar en su contenido a la nuestra.

Referencias:
SeoFacil.net http://www.seofacil.net/tabla-links-necesarios-para-un-determinado-page-rank

Se recomienda leer también: ¿Qué es el PageRank?

¿Qué es el título de la pagina Web y donde se encuentra?

El título de cada página Web se encuentra dentro del código HTML específicamente entre las etiquetas <TITLE> y es parte de la estructura básica de cualquier página Web.

Ejemplo: <title> Título de la pagina</title>.

Para que quede claro, el título que contienen las páginas Web de nuestro sitio es el punto más importante que debemos considerar si se quiere que nuestro sitio Web este bien posicionado en los motores de búsqueda de Internet.

Título de las paginas web en Google

¿Qué debo de escribir en el titulo de una página?

Cada página que conforma tu sitio debe de contener en el título una descripción breve de la información contenida en ella.
Es importante que tomes en cuenta que el texto que coloques en el título será usado por los motores de búsqueda para indexar tu sitio, por lo cual es necesario que incluyas en él la palabra clave que consideres que los usuarios buscarán al momento de querer encontrar información que tu página contenga.

Los dos errores más comunes en el uso del titulo de las painas Web.

1. Colocar el mismo título para todas las páginas Web.Este es el error más común, debes de revisar que en tu sitio Web no contenga páginas con el titulo duplicado ya que es castigado por los motores de búsqueda al momento de indexarlo. Este tipo de error lo podemos encontrar en páginas que utilizan marcos o que están hechas completamente en un solo archivo de flash, esta es la razón para no hacer tu sitio con estos métodos.
2. Usar títulos que contengan solo el nombre del negocio, la dirección de la pagina Web, ó frases como “Inicio”, “Contáctanos”, “Misión”, etc.La razón es que si usamos estos títulos, los buscadores tomaran en cuenta nuestras páginas para las búsquedas relacionada con ellas, los cuales son textos que no contienen ninguna relevancia con respecto al contenido y que no diferencian de manera explicita nuestro contenido con respecto a los demás resultados en una búsqueda.

   Ejemplo: Supongamos que tenemos una ferretería y que esta se llama “Ferretería Ramírez”, si colocamos este texto en nuestro titulo, seguramente cuando alguien busque en Google o cualquier otro buscador “Ferretería Ramírez” nuestra pagina será la primera. Sin embargo para efectos comerciales seria más recomendable que si nuestra Ferretería se encuentra en Monterrey, nuestro título sea algo como esto “Ferretería en Monterrey 24 hrs.”, de esta manera las personas que estén interesadas en encontrar una ferretería en esta ciudad podrán encontrar tu sitio Web, además de que en este caso incluimos un texto gancho que invite a los usuarios a seguir nuestra liga de entre todos los demás resultados en el buscador.

¿Qué es PageRank?

Es una marca registrada por Google que hace referencia a la patente de un algoritmo cuyo objetivo es asignar de manera numérica la relevancia de una página web por el motor de búsqueda. Esta referencia numérica es asignada principalmente ala cantidad y calidad de enlaces que recibe una pagina web de otras.
Wikipedia lo define como una manera democrática que Google utiliza para determinar la importancia y confiabilidad de un sitio web. Es decir  “Google interpreta un enlace de una página A a una página B como un voto, de la página A, para la página B. Pero Google mira más allá del volumen de votos, o enlaces que una página recibe; también analiza la página que emite el voto. Los votos emitidos por las páginas consideradas “importantes”, es decir con un PageRank elevado, valen más, y ayudan a hacer a otras páginas “importantes”. Por lo tanto, el PageRank de una página refleja la importancia de la misma en Internet.”

¿Cómo puedo saber el PageRank de Mi Página?

Existen muchos sitios que ofrecen la consulta del PageRank de tu sitio web, este es uno de ellos pero seguramente podrás encontrar mas consultando en cualquier motor de búsqueda.
http://www.prchecker.info/check_page_rank.php

¿Cómo puedo saber cuantos y cuales sitios enlazan a mi página?

La mayoría de los motores de búsqueda arrojan el resultado de los sitios que te están enlazando consultando directamente en ellos con la sintaxis “link” más “:” más el nombre del sitio, ejemplo [link:www.grupotitan.com].
En el caso de Yahoo mostrará todos los sitios que su robot ha detectado que enlazan a tu sitio, sin embargo en el caso de Google solo mostrará un extracto de ellos, para poder ver la lista completa debes hacerlo a trabes de su aplicación “Webmaster Tools” en donde una vez validada la propiedad de tú sitio podrás ver los sitios que ha detectado que enlazan a tu web.

¿Cuántos enlaces equivalen a qué PageRank?

Hemos encontrado una tabla que ilustra un aproximado de cuantos enlaces se necesitan para determinar el PageRank, aunque esto varia, ya que también es importante para determinar el PageRank  de tú sitio conocer el PageRank del los sitios que te enlazan, de lo cual hablaremos en el siguiente artículo.

Tabla de relación PageRank

Algoritmo de PageRank

El algoritmo inicial de PageRank se puede encontrar en el documento original donde sus creadores presentaron el prototipo de Google “The Anatomy of a Large-Scale Hypertextual Web Search Engine”.

Algoritmo de PageRank

Donde:
•    PR(A) es el PageRank de la página A.
•    d es un factor de amortiguación que tiene un valor entre 0 y 1.
•    PR(i) son los valores de PageRank que tienen cada una de las páginas i que enlazan a A.
•    C(i) es el número total de enlaces salientes de la página i (sean o no hacia A).

Algunos expertos aseguran que el valor de la variable d suele ser 0,85. Representa la probabilidad de que un navegante continúe pulsando links al navegar por Internet en vez de escribir una URL directamente en la barra de direcciones o pulsar uno de sus marcadores y es un valor establecido por Google. Por lo tanto, la probabilidad de que el usuario deje de pulsar links y navegue directamente a otra web aleatoria es 1-d. La introducción del factor de amortiguación en la fórmula resta algo de peso a todas las páginas de Internet y consigue que las páginas que no tienen enlaces a ninguna otra página no salgan especialmente beneficiadas. Si un usuario aterriza en una página sin enlaces, lo que hará será navegar a cualquier otra página aleatoriamente, lo que equivale a suponer que una página sin enlaces salientes tiene enlaces a todas las páginas de Internet.

Conclusión: Una parte importante del posicionamiento en los motores de búsqueda podemos definirla como un concurso de popularidad, entre mas sitios hagan referencia y estén vinculadas a nuestro sitio web, mejor posicionamiento tendremos.
Pues bien, esperamos que esta información les sea de utilidad y esperamos sus comentarios.

¿Por qué HTML5?

HTML 5 surge de la necesidad de incorporar diversas tecnologías dentro del mismo, para dejar de lado el uso y la incorporación de diferentes aplicaciones en la programación de páginas web como ocurre hoy en día en donde es necesario usar CSS, Java Script y  Flash por mencionar algunos. Es decir,  la intención de desarrollar esta nueva versión del tan famoso lenguaje es incorporar todas estas funciones incluidas  las de multimedia,  que hoy en día son tan necesarias en el desarrollo web.

¿Quién hace HTML5?

Existen muchas organizaciones trabajando en el proyecto, destacando principalmente a WHATWG (Web Hypertext Application Technology Working Group) creado específicamente para la creación y definición de los estándares para  HTML 5.

¿Cuándo estará listo HTML5?

Si bien es cierto que HTML 5 aun es un borrador se espera que esté listo para mediados del 2012, y algunos expertos en el tema esperan que sea toda una revolución en el mundo de  Internet.
En la siguiente liga pueden ver el borrador de HTML 5
http://www.whatwg.org/specs/web-apps/current-work/multipage/