Estamos tan acostumbrados a trabajar con dominios que tal vez nunca nos hayamos parado a pensar detenidamente qué se enconde detrás de este conjunto le letras y puntos. Lo cierto es que el dominio tiene una relacción directa con aspectos tan importantes como el correcto funcionamiento de una web o con su presencia en buscadores. Si quiere profundizar en el estudio de la naturaleza de los dominios le animo a que lea este artículo de hellogoogle.com.

Qué es un dominio

Posiblemente ya sepa que un dominio es una cadena alfanumérica (letras y números) que identifica una página web. Aunque deberíamos decir que lo que realmente representa es la dirección IP del ordenador donde se encuentra alojada la web.

En realidad un mismo dominio puede representar más de una IP, por ejemplo www.microsoft.com está asociado a más de una docena de IPs.

Por extraño que parezca Internet no entiende los dominios, y es necesario que alguien traduzca el dominio a una IP. Los servidores llamados DNS (Domain Name System) son los encargados de traducir los nombres de dominio a direcciones IPs.

En el siguiente gráfico puede ver el proceso de traducción de un nombre de dominio a una IP:

Nota: Cada dominio se encuentra registrado en dos servidores DNS (primario y secundario) que aseguran su correcto funcionamiento en caso de que uno de ellos caiga.

Características de un dominio

Los nombres de dominio son fáciles de recordar.

Permiten independizar la dirección de una página de la IP del servidor donde está alojada.

Un nombre completo del dominio no puede contener más de 255 caracteres.(Tenga en cuenta que en algunas empresas de registro este límite es inferior)

El dominio más corto es de sólo 4 caracteres, por ejemplo: 1.es

Aunque un dominio puede incluir acentos, eñes y la mayoría de los caracteres própios de cada idioma, habitualmente no se utilizan.

El directorio WHOIS es una lista pública de nombres de dominio, donde podemos consultar qué persona o organización se encuentra tras un dominio. Existen múltiples webs que nos permiten consultar esta lista de manera gratuita.

Nota: ¿Sabía que los nombres de dominio no son sensibles a las mayúsculas? Los nombres hellogoogle.com y HELLOGOOGLE.COM son el mismo dominio.

Dominios de alto nivel o primer nivel

Todo dominio incluye un sufijo que indica a qué dominio de alto nivel (TLD) pertenece. Por ejemplo:

Los dominios de alto nivel pueden clasificase en tres tipos:

• Dominios de nivel superior geográfico (ccTLD)
• Dominios de Internet genéricos (gTLD)
• Dominios de nivel superior de infraestructura.

Algunos dominios, como el correspondiente a Reino Unido, incluyen un dominio funcional de segundo nivel:

• harvard.ac.uk (Apropiado para una institución académica)
• harvard.co.uk (Apropiado para una compañía)

Dominios de segundo nivel o nombre de dominio

El dominio de segundo nivel es el nombre de dominio en si, es decir, en el caso de nuestra web el dominio de segundo nivel sería hellogoogle y el dominio de primer nivel .com

El nombre de dominio conforma la información semántica principal del dominio.

Para la mayoría de las webs la primera opción debe ser la marca.

El correcto uso del branding en el nombre de dominio consigue que nuestros usuarios se dirijan de forma directa hasta la web corporativa sin necesidad de utilizar un buscador. Por ejemplo:

• Coca Cola Company - www.cocacola.com
• Microsoft Corporation - www.microsoft.com
• American Express - www.americanexpress.com
• Kleenex - www.kleenex.com

En el siguiente artículo encontrará 25 consejos que le serán de ayuda a la hora de elegir un buen nombre de dominio.

Dominios de tercer nivel, subdominios o CNAME

Son extensiones de los dominios, o también llamados subdominios.

En el caso de nuestra web www.hellogoogle.com, las tres uves dobles "www" constituyen el subdominio.

Podemos crear (gratuitamente) todos los subdominios que consideremos necesarios: foro.hellogoogle.com, blog.hellogoogle,.com, soledad.hellogoogle.com.

Tenga en cuenta por tanto que los dominios hellogoogle.com y www.hellogoogle.com pueden ser diferentes.

La mayoría de los navegadores redireccionan automáticamente una entrada del tipo domain.com a www.domain.com. Sin embargo es recomendable asegurarnos de hacer esta redirección en el propio servidor, en el siguiente apartado vamos a ver cómo.

URL Canonicalization (URL's canónicas)

La palabra "Canonicalization" es un término acuñado por Google para definir el proceso que sigue para identificar la url que corresponde con la home de un Site. Por ejemplo una persona podría pensar que las siguientes urls son idénticas.

http://domain.com
http://www.domain.com
http://domain.com/home.asp
http://www.domain.com/index.html

Sin embargo, técnicamente hablando son urls completamente diferentes. De hecho un servidor web podría devolver diferentes contenidos para cada una de ellas. Cuando Google "canoniza" una url, intenta identificar cuál de todas estas urls es la que realmente identifica la home.

Existen una serie de buenas prácticas que deberíamos tener en cuenta para facilitar el trabajo de Google y evitar que se produzcan incoherencias y errores en el rastreo de nuestra web:

• Mantenga la consistencia de los enlaces de su web. Evite por ejemplo que algunos enlaces apunten a direcciones del tipo http://example.com/ y que otras lo hagan a direcciones del tipo http://www.example.com/
• Si decidimos que la dirección de la home es http://www.example.com/ , puede realizar una redirección permanente ó 301 para que http://example.com/, redirija directamente a la dirección por defecto. Por ejemplo, podría crear el siguiente archivo .httacces para que todas urls apunten a http://www.domain.com/ :
  
  Options +FollowSymLinks
RewriteEngine on
RewriteCond %{HTTP_HOST} ^example\.com
RewriteRule ^(.*)$ http://www.example.com/$1 [R=permanent,L]
  
  

  El siguiente artículo le muestra toda la información que necesita para gestionar una redirección 301.

• Bajo ningún concepto se vea tentado a utilizar la herramienta de solicitud de eliminación de Google para eliminar las urls que no necesita. Esto puede conllevarle que su web desaparezca por completo del índice de Google y su reinclusión puede ser una tarea realmente ardua.

Ingeniería de dominios

Posiblemente conozca la web del.icio.us. Se trata de un social markup muy conocido que llamó la atención de la comunidad por su original nombre de dominio.

Nosotros también podemos jugar con los dominios de primer, segundo y tercer nivel para crear dominios originales y diferentes.

Existen herramientas como domainr que nos ayudan a jugar con los dominios.

Nota: Finalmente el dominio del.icio.us pasó a llamarse delicious.com para evitar que los usuarios encontrarán dificultades a la hora de escribirlo. Esto debe servirle para comprender qué lo original nunca debe estar reñido con lo usable.

SEO con Dominios

La elección y gestión de un dominio es un factor importante en el posicionamiento de una web. Tenga presente los siguientes puntos.

1. Google valora positivamente la antigüedad de un dominio.

Un dominio conocido por Google desde hace ya varios años es considerado como un proyecto consolidado y es un factor que se tiene en cuenta por el buscador a la hora de calcular su ranking

Podemos comprobar la edad de un dominio con herramientas como domain check.

También es positivo registrar un dominio por un periódo largo del tiempo. Google considera que el proyecto es estable.

Cuando registramos un dominio de segunda mano (un dominio que tenía un dueño anteriormente), es recomendable comprobar los antecedentes (que web contenía) y asegurarnos que no cuenta con ninguna penalización en los buscadores. Para ello podemos recurrir a webs como www.archive.org. que mantienen un histórico de las versiones anteriores de una web.

2. Google entiende un dominio con contenido semántico.

El nombre del dominio puede reforzar el servicio o producto que ofrece si incluye de manera natural keywords relevantes. Esto no significa que la repetición indiscriminada de keywords en el dominio beneficie el posicionamiento de una web.

3. Evite el uso de guiones - en el nombre de dominio.

Es posible separar dos palabras en un domino con un guión - , ahora bien, no se lo recomiendo a no ser que la elección esté totalmente justificada.

Tenga en cuenta que el uso de guiones en un dominio puede complicar su manejo por parte de sus clientes y como ya vimos en el punto anterior, la repetición de keywords no tiene una repercusión positiva en el posicionamiento de una web.

4. Puede utilizar subdominios para organizar sus contenidos.

La web de descargas Softonic ha popularizado una estrategia SEO fundamentada en la utilización de un subdominios para cada producto.

Google considera cada subdominio como un Site diferente, y por tanto, puede mostrar sus sitelinks lo que facilita la navegación interna:

Sin embargo debe tener presente que la utilización injustificada y abusiva de los subdominios con descarados fines SEO puede perjudicar nuestro posicionamiento y derivar en una penalización.

5. Ranking de un dominio en Internet

Recuerde que existen varias webs que le permiten conocer el ranking de un dominio en Internet.

• Alexa
• Compete:
• Quantcast
• Ranking:

El ranking de un dominio le puede ayudar a conocer la evolución de su web o la popularidad de un dominio antes de comprarlo.

Artículos relacionados:

1. Cómo elegir un nombre de dominio: 25 consejos

Recientemente me preguntaron si Google indexaba contenidos en Ajax. La respuesta es: depende.

Como ya sabrá Ajax es una técnica que abre la posibilidad de realizar una petición XMLHTTP al servidor y recibir un documento html/xml de respuesta de manera asíncrona, es decir, sin necesidad de recargar la página. Ajax en principio no tiene ninguna contraindicación de cara al posicionamiento en Google, en realidad el problema no se encuentra en el Ajax, si no en la accesibilidad de los documentos que queramos que sean indexados.

En el siguiente ejemplo los contenidos se cargan de manera asíncrona, pero Google no sería capaz de indexarlos. ¿Por qué? El problema radica en los enlaces, o mejor dicho, en la ausencia de enlaces. Fíjese en el código del menú principal:

La utilización de Ajax no debe entrar en conflicto con la correcta navegación por los diferentes contenidos relevantes de un Site. En el ejemplo anterior, el acceso a los contenidos se implementa en javascript y esto impide que el bot de Google pueda acceder e indexar estos contenidos. El siguiente código muestra la funcionalidad que controla el acceso a los contenidos:

Nota: El código del ejemplo está implementado con el framework Jquery. ¿No lo conoce?...¿Y a qué está esperando?

Si aplica un simulador de Bot a la url del ejemplo podría hacerse una idea aproximada de cómo visualiza Google esta página. Como puede comprobar los contenidos dinámicos no son accesibles.

¿Cómo podemos conseguir que Ajax sea accesible por Google ?

Podemos considerar que Google visualiza una página de manera similar a como lo haría un navegador con javascript deshabilitado. Por tanto si queremos dar visibilidad al buscador, cada contenido debe ser accesible a través de un link html natural. Le he preparado un pequeño ejemplo funcional de Ajax accesible. Fíjese el aspecto que presenta ahora el código del menú principal:

<li><a href="mike-tyson/default.htm">MIKE</a></li>
<li><a href="house/default.htm">HOUSE</a></li>
<li><a href="bob-marley/default.htm">BOB</a></li>
<li><a href="spiderman/default.htm">SPIDER</a></li>

A continuación podemos modificar el comportamiento de un link utilizando javascript no obstructivo. Esta técnica permite acceder al DOM de la página y asignar una funcionalidad determinada, como puede ser el acceso asíncrono a contenidos, a cualquier enlace del documento. De esta manera presentaríamos un documento html con enlaces naturales a Google, y una página RIA a nuestros visitantes:

sections.click(function(e){
var my_anchor = $(this).attr("href");
showLoading();
content.slideUp("slow", function(){ content.load(my_anchor, hideLoading); } );
content.slideDown();
return(false);
});

Si aplicamos el simulador de Bot a este ejemplo, podemos comprobar que ahora Google accedería sin problema a todos los contenidos.

Le animo a descargarse el código de ejemplo, destriparlo, analizarlo, mejorarlo y aplicarlo libremente en sus desarrollos. Estoy seguro que Google se lo agradecerá.

Por último tenga presente siempre las siguientes consideraciones a la hora de desarrollar una funcionalidad Ajax:

• Cuide la arquitectura interna de su Site y cree una estructura de enlaces lógica.
• Cada contenido de su site debe ser accesible por un enlace de texto estático.
• Si el acceso a los contenidos se realiza a través de JavaScript, frames, DHTML, Flash, o su acceso está restringido por id de sesión o Cookies, es muy posible que Google encuentre problemas para encontrarlos e indexarlos.
• El javascript no obstructivo le permite crear funcionalidades RIA sin repercutir en la accesibilidad de la web.
• Puede recurrir a navegadores textuales para comprobar como visualizará Google su página.

Artículos relacionados:

1. Ajax zoomy: Un Ajax lightbox para su galería de imágenes

Hola! Comentaros a todos los lectores de HelloGoogle.com que el Miércoles 3 de Junio estaré en el SMX de Madrid colaborando en un WorkShop sobre SEO. Si alguno tenéis pensado acudir, espero que podamos coincidir y conocernos en persona. Nos vemos en el SMX!

Workshop Clínica SEO. - Es ya un clásico de los SMX de España e Iberoamérica, en este workshop reconocidos expertos analizarán varios Sitios Web, junto con los asistentes, centrando sus recomendaciones en aspectos relativos a la optimización en buscadores y la usabilidad. Con Fernando Macía (Fundador de Human Level) y Iñaki Gorostiza Esquerdeiro (Especialista SEO en Panda Security). Modera Tomy Lorsch.

Para más información sobre el SMX.

No hay artículos relacionados.

Google says: Toolbar PageRank is for entertainment purposes only... so take it easy

No hay artículos relacionados.

El concepto de cache (sin acento, a no confundir con la palabra caché que significa distinción o elegancia) es ampliamente utilizado en todos los campos de la informática. De manera general podríamos definirlo como el proceso en el que un conjunto de datos son duplicados con el fin de reducir el tiempo de acceso a la información original y optimizar el rendimiento de un sistema.

En el terreno web, el cacheo es el proceso de almacenamiento de documentos web (una página html, una imagen, una librería javascript, etc) con el objetivo de reducir el ancho de banda consumido por los visitantes, la carga de los servidores que atienden peticiones web y el retardo de una descarga. Una cache web almacena una copia de los documentos que son devueltos por un servidor y se encarga de atender las peticiones siguientes.

A la hora de definir una web en la que se espera un tráfico elevado cobra especial relevancia establecer una política de cacheo que permita crear un sistema escalable y evitar problemas a la hora de atender las peticiones de nuestros usuarios.

Existen tres tipos de caches que pueden actuar durante el proceso de solicitud de un documento web:

1. Cache de Agente de Usuario (User-Agent): Está presenten en los navegadores web y lógicamente sólo funcionan para un único usuario.
2. Cache Compartida o proxy-cachés directos: Este tipo de cache son utilizados por los proveedores de servicios de Internet y empresas para ahorrar ancho de banda. La comparten todos los usuarios que accedan.
3. Cache pasarela o proxy-cachés inversos: Funcionan como respaldo de un servidor web de forma transparente para los usuarios. Es posible trabajar con varias cache pasarela de manera conjunta para implementar una Content Delivery Network (CDN) (pjem: Akami)

Si planificamos correctamente un Site, la cache nos ayudará a mejorar el tiempo de carga y a gestionar de manera eficiente el ancho de banda de nuestro servidor. El incremento de rendimiento puede ser excepcional y la experiencia de nuestros visitantes mejorará notablemente sin necesidad de invertir ni un sólo euro.

Cómo se gestiona una petición web

Para comprender el proceso de cacheo es indispensable entender qué ocurre durante la carga de una web. El siguiente gráfico muestra como se comunican un navegador y un servidor web durante la solicitud y envío de una página no cacheada:

1. Navegador: Hola!, ¿podrías mandarme el archivo ejemplo.htm?
2. Servidor: Claro, espera un momento que lo busco en mi disco duro.
3. Servidor: Aquí esta!
4. Servidor: Te lo mando chico, cuidado que es un poco pesado 100kb y mi ancho de banda es limitado.
5. Navegador: Muchas gracias ya lo estoy descargando y mostrándoselo al usuario.

Si la página se encuentra cacheada el proceso podría ser similar el siguiente:

1. Navegador: Hola!, ¿podrías mandarme el archivo ejemplo.htm?
2. Servidor: Claro, espera un momento estoy comprobando la fecha de modificación del archivo.
3. Servidor: Aquí está!, y veo que no se ha modificado el fichero desde la última vez que lo solicitaste.
4. Servidor: Estás de suerte, la versión que tienes en tu cache es la última.
5. Navegador: Genial, entonces no hace falta que me la envíes ya estoy mostrando al usuario la página que tengo cacheada.

Qué métodos de cacheo existen.

Existen tres tipos de mecanismos que permiten gestionar el cacheo de un contenido:

1. Mecanismos por Validación (validation): En este mecanismo el servidor comprueba si la respuesta que mantiene cacheada el navegador sigue siendo válida. Existen dos variantes:

2. Mecanismos por Frescura (freshness): Tanto el método Last-Modified como ETag requieren que el navegador se comunique con el servidor para comprobar la versión del fichero. En los mecanismos por frescura en cambio cada repuesta lleva asociada una fecha de caducidad (como un yogurt) y puede ser utilizada sin necesidad de que el servidor compruebe su validez. Existen dos formas de implementar este mecanismo:

3. Mecanismo por Invalidación: Este mecanismo se deriva de otra petición que pasa por la caché. Por ejemplo, si la url asociada con una respuesta cacheada es solicitada más tarde a través de una petición POST, PUT o DELETE, la respuesta que se encontraba cacheada quedará invalidada. Esto es lo que ocurre por ejemplo cuando intenta navegar hacia atrás en su historial tras haber enviado los datos de un formulario.

Además tenga en cuenta que existen una serie de reglas que también aplican al cacheo de contenidos y deben tenerse en cuenta:

• Bajo determinadas circunstancias, como por ejemplo, cuando un equipo se desconecta de la red, la cache puede servir páginas sin consultar con el servidor de origen.
• Un documento nunca se cachea si la cabecera del documento indica de manera explicita que no es cachee.
• Si se utiliza un protocolo seguro ((HTTPS) la página nunca será cacheada.

Cómo evitar el cacheo de nuestros contenidos

En ocasiones el cacheo de contenidos puede interferir con el correcto funcionamiento de la web y por tanto debemos evitarlo. El funcionamiento de la cache se puede controlar con las siguientes directivas:

• Cache-control: max-age - Especifica el número máximos de segundos en los que el contenido sera considerado como fresco
• Cache-control: s-maxage - Similar a la directiva max-age, pero aplicable solo para caches compartidas (pejm: un proxy).
• Cache-control: public - indica que la versión cacheada puede ser guardada por proxies y otros servidores intermedios para que todo el mundo tenga acceso a ella..
• Cache-control: private - indica que el archivo no es el mismo para usuarios diferentes. De esta manera el archivo puede ser cacheado por el navegador del usuario pero no debe ser cacheado por proxies intermedios.
• Cache-control: no-cache - Significa que el archivo no debe ser cacheado, esto puede ser necesario en casos en los que una misma url pueda devolver diferentes contenidos.
• Cache-control: no-store - Indica al navegador que sólo guarde el documento el tiempo necesario para mostrarlo. Le recomiendo la lectura del siguiente artículo dónde se alerta sobre el peligro de utilizar la directiva no-store en situaciones no adecuadas.
• Cache-control: must-revalidate - Indica a la cache que deben hacer caso a cualquier directiva de cacheo que le indiquemos. Tenga en cuenta que la especificación HTTP permite a las caches atender de manera automática a las peticiones bajo determinadas circustancias. ¨La directiva must-revalidete obliga a la cache a seguir nuestras directivas de manera estricta. La forma de utilizarla es la siguiente:

  <meta http-equiv="Cache-Control" content="max-age=3600, must-revalidate">

• Cache-control: proxy-revalidate - Similar a must-revalidate pero sólo aplicable a proxy caches.

Como ve no existe una única forma que indicar que una página no sea cacheada por un navegador. Generalmente se utiliza la siguiente cabecera:

<meta http-equiv="Cache-Control" content="max-age=0, no-cache, no-store, private">
<meta http-equiv="Pragma" content="nocache">

La directiva Pragma tiene el mismo significado que Cache-control: no-cache y se suele incluir para asegurarnos la compatibilidad con versiones anteriores a HTTP/1.0. ( Debe tener en cuenta que alguna de estas directivas sólo funcionan con las navegadores modernos.)

En lugar de utilizar el tag meta también puede crear las cabeceras HTTP para sus documentos con cualquier lenguajes de scripting de servidor: PHP, ASP, .NET, etc. Recuerde que cualquier directivas de cacheo deben incluirse al principio del documento, incluso antes del tag html. Aquí le muestro algunos códigos de ejemplo:

php:

header("Cache-Control:...");
header("Pragma:...");

Cold Fusion

ASP

<% Response.CacheControl="..." %>

ASP. net

Tipo de páginas en función de su cacheabilidad

Una web puede ofrecer tres tipos de contenidos en función de su cacheabilidad.

1. Contenidos estáticos: Son aquellos contenidos que ya existen físicamente en el servidor, tienen un tamaño fijo y una fecha determinada. Una página html, una imagen o un documento pdf son ejemplos de contenidos estáticos. Este tipo de contenidos son firmes candidatos a ser cacheados.
   
2. Contenidos dinámicos: Son contenidos que se crean en el momento en el que se solicitan accediendo, por ejemplo, a una base de datos. Este tipo de páginas son independientes del perfil del usuario que las visita y por tanto son potencialmente cacheables.
3. Contenidos personalizados: Este tipo de contenidos se crean a medida en base a las características de la petición y pueden ser diferentes en función de quién, cuándo, o cómo es solicitada. Por este motivo este tipo de contenidos no son buenos candidatos a ser cacheados, aunque como veremos más adelante hay técnicas que permiten cachearlos de manera parcial o total. El área privada de la web de un banco, o un carrito de la compra son dos ejemplos de páginas personalizadas.

Es muy importante que entendamos qué contenidos pueden y deben cachearse y cuales no. Si no gestionamos eficientemente el cacheo corremos el riesgo de servir a nuestros usuarios un contenido que no está actualizado o por otro lado saturar nuestro servidor con peticiones innecesarias.

Estrategias de cacheo

Para optimizar la eficiencia del cacheo de contenidos tanto en el navegador como en los servidores proxy existen una serie de estrategias que podemos tener en cuenta:

1. Evite utilizar Query String

Utilizar Friendly URLs en lugar de query strings facilita el cacheo de los contenidos. Algunos navegadores y muchos proxies cache no cachean contidos que lleven una query string en la URL.

Recuerde que puede utilizar mod_rewrite en Apache Web Server para implementar friendly urls.

2. Organice eficientemente sus contenidos

Puede organizar sus contenidos en cacheables y no cacheables, ubicándolos en diferentes rutas dentro del servidor.

Por ejemplo es una práctica habitual ubicar los contenidos no cacheables de una web en /cgi-bin/ y configurar el servidor para que informe a los navegadores con las cabeceras HTTP necesarias de que este contenido no sea cacheado.

3. Envíe la cabecera Last-Modified

Incluya en sus documentos la información Last-Modified. De esta manera los navegadores podrán hacer peticiones condicionales del tipo if-Modified-Since (IMS) para que el servidor le entregue el contenido sólo en el caso de que su cache haya caducado.

Para las páginas estáticas no existen ningún problema ya que existen físicamente el el servidor y tienen un time stamp asociado, pero en el caso una página dinámica donde el contenido no existe fisicamente, es la propia aplicación la que debe preguntar si el contenido ha cambiado.

Una gestión eficiente de las solicitudes condicionales tiene una repercusión muy positiva en el ahorro de ancho de banda del servidor web.

Estratégias de cacheo para páginas personalizadas

Aquellas contenidos que se deben mostrar de manera personalizada para cada usuario también pueden ser objeto de cacheo si tenemos en cuenta las siguientes consideraciones:

1. Evite incluir fragmentos dependientes de la sesión HTTP del usuario

Cuando un documento web se crea dinámicamente en el servidor web, evite que alguno de los elementos que componen la página dependa de la sesión HTTP del usuario. De esta manera conseguirá optimizar el cacheo de cada elemento y se podrá integrar más fácilmente en sistemas externos como Akamai que proporcionan gran escalabilidad.

2.Gestione eficiente la información en Cookies en el navegador

Las cookies permiten almacenar de manera local la información personalizable de casa usuario de tal manera que el resto de contenidos de la página pueden ser objeto de cacheo.

Por ejemplo, si queremos mostrar un mensaje de bienvenida personalizado podríamos almacenar este mensaje un una cookie local de tal manera que el resto del contenido pudiera cachearse.

3. Muestre el perfil del usuario en la URL

Podemos recurrir a técnicas de URL rewriting para mostrar en la url elementos que indiquen el país o el tipo de usuario. Por ejemplo:

http://www.hellogoogle.com/es/home-user/welcome/

Luego por técnicas de url rewriting podrían convertirse en una url dinámica del tipo:

http://www.hellogoogle.com/welcome/?country=es&usertype=home-user

Como ya vimos este tipo de friendly urls pueden ser cacheadas por los navegadores de los usuarios.

4. Gestione de manera independiente la información personalizada

Técnicas como AJAX o Adobe Flex nos permiten mostrar al usuario información personalizada mediante peticiones GET o POST una vez cargada la página. Esto nos abre la posibilidad de cachear el documento html sin que ello interfiera con la información que se muestra de manera personalizada a cada usuario.

5. Utilice la cabecera ETAG para gestionar el cacheo de contenidos dinámicos

Como ya vimos anteriormente ETAG (Entity Tag) es un sistema que permite identificar a un contenido de manera unívoca, Los servidores Web pueden realizar validaciones de contenido basándose en esta información al igual que hacen con la información Last-Modified.

Obtener un ETAG a partir del contenido dinámico es sencillo y pemite minimizar el tiempo de respuesta en las revalidaciones de estos contenidos.

Dentro del ciclo de vida de la petición dentro del servidor, tras la generación del contenido, la aplicación puede obtener una hash MD5. La MD5 sería el ETAG que representa a esa petición. Si es igual a la ETAG enviada por el navegador, se indica al usuario final que el contenido no ha cambiado para que la cargue de su cache local (HTTP/1.x 304)::

var contenido = response.buffer
var path = request.header("PATH")
var ETAG = funcion-MD5 (path, contenido) //Obtenemos el ETAG de la petición
var request-ETAG = request.header("if-none-match") //Obtenemos el ETAG del navegador
Si ETAG = request-ETAG Entonces //Comparamos ambos ETAG
response.status = 304 //Si son iguales el contenido no ha variado.
response.buffer = ''
return
Si No
response.addheader("ETAG", ETAG)
Fin Si

Utilizar ETAG junto con las directrices de Cache Cache-Control o Expires, permite ahorrar peticiones innecesarias y ancho de banda de nuestro servidor.

La cache universal: la solución a todos nuestros males

Como hemos podido ver en este artículo de hellogoogle.com la gestión eficiente de la cache es fundamental en el desarrollo y mantenimiento de un Site. Si puliéramos trabajar con una cache nuestra vida sería mucho más sencilla: Por ejemplo, no  haría falta pedir cita con el  médico, éste quedaría cacheado tras la primera visita del día y cada ciudadano tendríamos un médico en cache a nuestra disposición las 24h del día. Tampoco tendríamos que hacer cola en el autobús o en el cine: una vez que hubiera accedido el primer usuario el resto tendría un autobús y un cine cacheado al instante.

Me temo que aún queda mucho tiempo para que la ciencia ponga a nuestra disposición un mundo cacheado en el que todos los seres humanos podamos vivir en paz sin necesidad de competir por un puesto de trabajo, una mujer o un trozo de pastel de chocolate. Mientras tanto seguiremos enfrentándonos a la cruda realidad de un mundo con recursos limitados, guerras, muerte y enfermedad.

¿Quien sabe?, después de todo quiza no sea tan malo tener que esperar un ratito en la cola del dentista, yo al menos, no tengo ninguna prisa.

No hay artículos relacionados.

En la antigua Roma un foro era el lugar donde solía desarrollarse el mercado y constituía la puerta de entrada de la ciudad donde personas de todo el mundo entablaban contacto y se relacionaban para intercambiar opiniones y cerrar acuerdos. Visto así podríamos extrapolar esta misma idea hasta hoy en día, y es que un foro constituye una puerta de entrada y un punto de reunión para los usuarios de una web. Además no debemos pasar por alto la utilidad de un foro como herramienta de promoción en buscadores y fidelización de visitantes.

Existen infinidad de sistemas de Foros, muchos de ellos gratuitos y otros además open source. Las cuatro soluciones más populares y con el respaldo de una comunidad mayor son Phpbb, Vanilla, MyBB y SMF. En el siguiente artículo de HelloGoogle podrá conocer en detalle estas cuatro soluciones antes de decidirse por una.

Phpbb 3

Url: http://www.phpbb.com/

Demo: http://demo.forum-software.org/phpbb/

Versión actual estable: 3.0.4 (2007-01-28)

Autor: James Atkinson

Tecnología: PHP

Licencia: GPL

Brevemente: Es el sistema de foros más popular y extendido. Es una solución muy flexible que permite personalizarse a nivel de estilos y ampliarle en base a Mods. Cuenta con el respaldo de un gran comunidad de usuarios y desarrolladores.

Características:

• Gratuito y Open Source
• Foros y subforos ilimitados.
• Gestión inteligente del cacheo de archivos
• Búsqueda eficiente de temas y usuarios
• Paneles de administrador y de moderador independientes
• Encuestas
• BBCode
• Gestión eficiente de grupos de usuarios, moderadores o administradores
• Advertencia y reportes por usuarios a moderadores ante posts indebidos
• Perfil de usuario configurable y escalable.
• Es posible adjuntar Múltiples archivos
• Repositorio con muchos Mods y templates gratuitos desarrollados por la comunidad
• Gestión y asignación sencilla de rangos por posts o por grupos
• Log de acciones de usuarios.
• Gestión de Backups y RollBascks de la base de datos.

Vanilla

Url: http://getvanilla.com/

Demo: http://demo.forum-software.org/vanilla/

Versión actual estable: 1.0.3 (04-12-2006)

Autor: Mark O'Sullivan

Tecnología: PHP

Licencia: GPL

Brevemente: Es un sistema de foros open source muy ligero (386k) desarrollado en PHP y MySQL. Es una solución flexible que puede ampliarse a base de add-ons.

Características:

• Cumple los estándares W3C y las plantillas son documentos validos XHTML y CSS.
• Sistema de gestión de plantillas muy flexible y eficiente que permite integrar el foro en un Site ya diseñado.
• Gestión de usuarios ágil para integrar el foro con el myaccount de un Site (Single sign in)
• Desarrollado sobre el framework Lussumo Framework. Este framework pemite a los desarrolladores extender la plataforma añadiendo add-ons al core del foro.
• Existe a disposición de sus usuarios un extenso repositorio de extensiones en http://lussumo.com/addons.
• Sindicación RSS y Atom
• Sistema de Whispers para conversaciones privadas.
• Busqueda inteligente de posts, threads, recursos y usuarios.
• Sistema de bookmarking.
• Search-engine friendly URLs
• Gestión de Forum announcements.
• Animaciones y transiciones con JavaScript.

SMF

Url: http://www.simplemachines.org/

Demo: http://support.simplemachines.org/demo/index.php (user: test / pass: test)

Versión actual estable: 1.1.7 (07-11-2008)

Autor: Simple Machines

Tecnología: PHP

Licencia: Copyright

Brevemente: Es una solución gratuita pero no Open Source. Cuenta con el respaldo y soporte de una gran comunidad. Existe una gran cantidad de recursos gratuitos disponibles para ampliar y customizar la plataforma.

Características:

• Abstracción respecto a la BD: PostgreSQL, SQLite y MySQL.
• Instalación y configuración sencilla..
• Moderación centralizada de post, topics, adjuntos, etc.
• Sistema de advertencia a usuarios.
• Gestión eficiente de grupos y permisos.
• Editor de posts y threads WYSIWYG
• Gestión de permisos eficiente.
• Gestión del cacheo de archivos eficiente para maximizar el rendimiento del sistema.
• Gestión de colas de correo para mensajería interna..
• Perfil de usuario configurable y escalable.
• OpenID.

MyBB

Url: http://www.mybboard.net/

Demo: http://www.opensourcecms.com/index.php?option=content&task=view&id=2124&Itemid=159

Versión actual estable:1.4.4 (27-11-2008)

Autor: MyBB Group

Tecnología: PHP

Licencia: GPL

Brevemente: Es un paquete para desarrollar un sistema de foros desarrollado por una comunidad muy activa de desarrolladores, ofrece un Interfaz muy intuitivo, un sistema flexible y muchas actualizaciones periódicas de seguridad.

Características:

• Cantidad ilimitada de foros y subforos, usuarios registrados, temas visuales y mensajes almacenados.
• Buscador integrado.
• Fácil instalación de plugins y modificaciones sin necesidad de manipular el código.
• Posibilidad de tener varios idiomas, temas visuales y plantillas activos al mismo tiempo en el foro, para que los usuarios puedan elegir entre ellos.
• Suscripciones a foros y temas, notificaciones por email, lista de temas favoritos y lista de amigos.
• Perfiles personalizables y mensajería privada.
• Permite la moderación masiva de temas
• Se pueden crear campos nuevos para los perfiles de usuarios.
• Posibilidad de ocultar foros, haciéndolos invisibles a invitados, o bien haciendo que sea necesario el registro para visualizarlos.
• La plantilla puede ser editada directamente con HTML.
• Herramienta de backup de la base de datos integrada, así como herramientas para optimizarla y corregir errores en el conteo de estadísticas, de modo automático.
• La instalación y la actualización a posteriores versiones se realiza de manera rápida y sencilla.

Comparativa

	MyBB	PhpBB 3	Simple Machines Forum	Vanilla
Licencia	GPL License	GPL License	Licencia	GPL License
Version	1.4.2	3.0.2	1.1.rc3	1.0
Última revisión	17 Septiembre 2008	10 Julio 2008	19 Agosto 2006	5 Julio 2006
Demo	Demo on-line	Demo on-line	Demo on-line	Demo on-line
Web Site	Web Site	Web Site	Web Site	Web Site
Descarga	Descargar	Descargar	Descargar	Descargar
Instalación	(Sencillo)	(Muy Sencillo)	(Sencillo)	(Normal)
Administración	(Sencillo)	(Sencillo)	(Sencillo)	(Normal)
Uso del foro	(Sencillo)	(Muy Sencillo)	(Sencillo)	(Sencillo)
Opinión expertos
Opinión comunidad
Arquitectura del servidor	MyBB	PhpBB 3	Simple Machines Forum	Vanilla
Sistema Operativo	Linux Windows Server 2003 Windows XP	Linux Windows Server 2003 Windows XP	Linux Windows Server 2003	Linux Windows XP
Servidor Web	Apache 1.3 Apache 2.0/2.2 Microsoft IIS	Apache 1.3 Apache 2.0/2.2 Microsoft IIS	Apache 1.3 Apache 2.0/2.2 Microsoft IIS	Apache 1.3 Apache 2.0/2.2
Lenguajes	PHP 4 PHP 5	PHP 4	PHP 4 PHP 5	PHP 4 PHP 5
Bases de Datos	MySQL Postgresql SQLite	MySQL Postgresql SQLite Microsoft SQL Server Oracle	MySQL	MySQL
Normas W3C y accesibilidad	MyBB	PhpBB 3	Simple Machines Forum	Vanilla
CrossBrowsing	Mozilla Firefox 3 Mozilla Firefox 2 Mozilla Firefox 1 Opera Safari Konqueror Internet Explorer 7 Internet Explorer 6 Mozilla SeaMonkey	Todos	Todos	Todos
Tecnología o Plugins	HTML y Javascript HTML y AJAX	HTML y Javascript	HTML y Javascript	HTML y AJAX
HTML / XHTML	XHTML 1.0 Transitional	XHTML 1.0 Strict	XHTML 1.0 Transitional	XHTML 1.0 Strict
CSS	CSS 2	CSS 2	CSS 2	CSS 2
Accesibilidad (WAI)	AA	AA	Ninguno	AA
Normas W3C	Sí	Sí	Sí	Sí
Localización	Sí	Sí	Sí	Sí
Friendly URLs	Sí	Patch	Sí	Plugin
Características Técnicas	MyBB	PhpBB 3	Simple Machines Forum	Vanilla
Soporte UTF-8	Sí	Sí	Sí	Sí
Integración con CMS / Blog	Ninguno	Ninguno	Joomla / Mambo	Ninguno
Integración con BD de usuarios	Ninguno	LDAP	Ninguno	BD Existentes
Web Services / XML-RPC	No	No	No	No
Características principales	MyBB	PhpBB 3	Simple Machines Forum	Vanilla
Sindicación	RSS 2.0	Ninguno	RSS 2.0	RSS 2.0
Plugins	Sí	Sí	Sí	Sí
Temas	Sí	Sí	Sí	Sí
Sistema de votación (Poll)	Sí	Sí	Sí	No
Mensajes privados	Sí	Sí	Sí	Sí
Formulario edición Post	Rich Text Editor	Rich Text Editor	Rich Text Editor	Plain
Formato edición Posts	Plain HTML BBCode	HTML BBCode	HTML BBCode	Plain
BBCodes	Sí	Sí	Plugin	Sin datos
Perfil de Usuario	Sí	Sí	Sí	Sí
Gestión de Usuarios	Acceso restringido en foros específicos	Grupo de usuarios	Grupo de usuarios	Grupo de usuarios
Baneo de Usuarios	Sí	Sí	Sí	Sí
Listado de Usuarios	Sí	Sí	No	Sin datos
Calendario	Sí	Sin datos	Sí	Sin datos
Características usuario	MyBB	PhpBB 3	Simple Machines Forum	Vanilla
Posting anónimo	Sí	Sí	No	No
Notificación por Email	Sí	Sí	Sí	Sí
Emoticones	Sí	Sí	Sí	No
Adjuntos	Sí	Sí	Sí	No
Filtrado de palabras	Sí	Sí	Sí	Sí
Ranking de usuarios	Sí	Sí	Sí	Sin datos
Avatar de usuarios	Sí	Sí	Sí	Sin datos
Firma de usuarios	Sí	Sí	Sí	Sin datos
Rating/Karma	Sí	No	Sí	Sí
Perfil personalizable	Sí	Sí	Plugin	Plugin
Buscador	MyBB	PhpBB 3	Simple Machines Forum	Vanilla
Búsqueda Full-text	Sí	Sí	Sí	Sí
Búsqueda por autor	Sí	Sí	Sí	Sí
Búsqueda Avanzada search	Sí	Sí	Sí	Sí
Gestión no leidos	Trackeado en BD	Trackeado en BD	Trackeado en BD	Trackeado en BD
Notificación	MyBB	PhpBB 3	Simple Machines Forum	Vanilla
RSS/ATOM	Sí	No	Sí	Plugin
E-Mail	Sí	Sí	Sí	Plugin
Mensajería instantánea	Sí	Jabber	Sin datos	No
Bookmarks	Sí	Sí	Plugin
Anti-Spam y Seguridad	MyBB	PhpBB 3	Simple Machines Forum	Vanilla
Captcha	Sí	Sí	Sí	Plugin
Grupos	Múltiples	Múltiples	Múltiples	Múltiples
Control de Flood	Sí	Sí	Sí	Sí
ACLs	Sí	Sí	Sí	Sí
Listas Negras	Sí	Sí	Sí	Sí
Warnings	Sí	Sí	Plugin	No
Suspensiones	Sí	Sí	Sí	Sí
Baneos	Sí	Sí	Sí	Sí
IP-Block	Sí	Sí	Sí	No
Audit Logging	Sí	Sí	Sí	No
Reporte Usuarios	Sí	Sí	Sí	Plugin

Artículos relacionados:

1. Desarrollar y posicionar una tienda web: 1. Elegir la plataforma de e-commerce

Wordpress junto a Blogger es la plataforma de blogs más extendida del planeta. En este artículo de Hello Google podrá aprender a posicionar sus articulos y post sobre Wordpress en Google de manera realmente rápida y sencilla.

Lo cierto es que existen algunos plugins que prometen posicionar su blog con tal sólo instalarlo, pero soy de la opinión que dejar todo el trabajo de optimización a un plugin y despreocuparnos de qué está haciendo relamente con nuestro blog realmente puede ser arriesgado. Así que le animo a que me acompañe a lo largo de 10 sencillos consejos que le permitirán sacar a Wordpress todo su potencial como plataforma de promoción online:

1. Elija un nombre acertado para su blog

El nombre de dominio no tiene una repercusión directa con el posicionamiento pero sí con la imagen de su blog.

Tanto si elige alojar su blog en el espacio que le ofrece la comunidad de Worpress como si contrata su propio hosting es importante que elija un buen nombre para su Blog:

• No elija el nombre de su blog en función de los keywords más relevantes relacionados con sus búsquedas. Escape como de la peste de nombres del tipo: como-superar-la-crisis-escribiendo-en-un-blog.com
• Busque lo sencillo, lo corto, lo intuitivo y lo original, pejm: stopcrisis.com
• Recuerde que el nombre de su blog no mejorará su posicionamiento para búsquedas competitivas pero sí puede perjudicar su imagen.

Le animo a que lea el siguiente artículo sobre cómo elegir un buen nombre de dominio.

2. Un título correcto lo es casi todo: incluya un <title> único y descriptivo en cada post.

• El title constituye la fuente más importante de información de cara al posicionamiento de una página en buscadores.

• Un title: <title>Como Posicionar su página web en Google en 2 semanas | Hello Google</title> se mostraría así en la página de resultados de una búsqueda:

  
• Wordpress por defecto no ofrece una estructura de títulos óptima por lo que se hace necesario modificarla.
• Una estructura de títulos correcta podría ser:
  • Home: Nombre del Blog, descripción del blog o eslógan.
  • Artículo: Título descriptivo del artículo - Nombre del Blog.
  • Categoría: Nombre de la categoría - Nombre del Blog
• Para automatizar esta tarea le recomiendo el plugin de wordpress Optimal Title
  
• A la hora de escribir un título para un artículo es importante que tenga en cuenta las siguientes recomendaciones:
  • El título debe ser descriptivo, claro y conciso.
  • Evite un título demasiado corto o un título demasiado largo.
  • Procure que incluya de manera natural keywords relacionados con el artículo.
  • Evite incluir y repetir keywords de manera indiscriminada con el ánimo de posicionar el artículo.
• En el siguiente artículo puede leer más información sobre cómo optimizar el título de una web.

3. Atraiga la atención de sus visitantes potenciales con un Meta Description único y descriptivo en cada post.

• El Meta Description ofrece a Google la descripción de la web que  se muestra en la página de resultados de búsqueda SERP.

• Por ejemplo el meta: <meta name="description" content="En este artículo encontrará información y recursos acerca de...Frecuentemente se piensa que para indexar una página web en Google basta con recurrir al método oficial: acceder a http://www.google.com/intl/es/addurl.html ..." /> se mostraría se la siguiente manera en la SERP:

  

• A la hora de redactar su Meta Description puede seguir los siguientes consejos:
  • El contenido del Meta Description no posicionará mejor su página pero es una pieza fundamental a la hora de dirigir a los visitantes hacia su web.
  • Google solo muestra entre 20 y 25 palabras en la página de resultados de búsqueda por este motivo es importante realizar una buena labor de síntesis.
  • Evite los textos demasiado agresivos y la repetición de keywords.
  • Para cada Post puede redactar manualmente un resumen o excerpt que se mostrará como Meta Description.
  • También puede optar por mostrar las primeras palabras del artículo precedidas por una frase genérica del tipo: "En este artículo encontrará..."
• Puede utilizar el plugin "Head META Description" de wordpress que le permite personalizar el Meta Description de cada post de manera sencilla.
• En el siguiente artículo puede leer más información sobre cómo optimizar los Meta tags de una web.

4. Sea un buen amigo de su blog y trabaje con friendly urls.

• Una url semántica o amigable(friedly) es aquella dirección web que es fácilmente identificable y recordada por un usuarioya que está construida con keywords o palabras relacionadas con el contenido de la página.
• A la hora de elegir una url puede tener en cuenta los siguientes consejos:
  • Elija una URL corta, y siempre en minúsculas.
  • Asegúrese de la que URL podrá ser fácilmente escrita en un papel o recordada.
  • Una URL que puede transmitirse fácilmente en una comunicación telefónica es una buena url.
  • Evite mostrar la extensión del archivo en la URL para independizar las direcciones de la tecnología usada.
  • La URL deber hablar por si sóla del contenido de la página.
    
  • Evite crear demasiados niveles de directorios.
  • Una opción válida puede ser incluir la fecha del artículo en la URL.
  • Elija una estructura de URLs que le facilite una posible reestructuración de contenidos.
• Puede configurar fácilmente Wordpress para que trabaje con friendly urls para ello:
  1. En su panel de control vaya a: Opciones > Permalinks (Los permalinks de Wordpress son las directrices que indican al blog cómo se deben crear las URLs de los posts)
  2. En la sección Opciones comunes seleccione la opción Estructura personalizada y escriba en el campo de texto: /%postname%/
  3. Por último si su archivo .htaccess no tiene permisos de escritura deberá copiar manualmente las reglas de redirección mod_rewrite que se indican en el campo de texto.
  4. Recuerde que para poder trabajar con friendly urls deberá tener instalado en su servidor mod_rewrite.

5. Don't be stupid: utilice una plantilla XHTML + CSS, es gratis.

• No existe ningún motivo por el que no quisiera elegir un template XHTML + CSS.
  • Un documento XHTML le asegura que no contiene errores de marcado y que los buscadores podrán procesarlo sin problemas.
  • Un layout basado en CSS elimina las limitaciones que imponen las tablas y minimizan el código necesario para mostrar su información.
• Dispone de múltiples repositorios de plantillas a su disposición:
• Asegúrese que la plantilla que elija le ofrece lo siguiente:
  • Jeraquízación de contenidos. Especialmente importante es que el título del artículo esté incluído dentro de un encabezados H1: <h1><?php the_title();?></h1>
  • Es posible acceder a todos los contenido y enlaces con javascript desactivado.
  • No utiliza flash para mostrar contenidos relevantes de la página.

6. Evite al enemigo publico número uno de Wordpress: su editor visual.

• No sería muy descabellado afirmar que los editores wysiwyg de Wordpress son el principal enemigo de la propia plataforma.
• Le recomiendo encarecidamente que lo desactive y redacte todos sus post directamente en HTML.
• Trabajar en HTML le permite tener un control total sobre sus contenidos.
• Para ello puede utilizar herramientas de escritorio como DreamWeaver o utilizar extensiones de Firefox como Xinha que resultan de gran utilidad a la hora de trabajar con HTML.

7. Google sufre de un extraño caso de daltonismo: incluya una información textual alternativa a sus recursos gráficos.

• Un buscador, al igual que una persona con una minusvalía visual, no es capaz de interpretar la información visual de una página a menos incluyamos un texto alternativo con el atributo alt.

  <img src="/images/hello_google_picture_3.jpg" width="140" height="168" alt="Comprar un paraguas también puede ser una inversión"/>

• Si no desea preocuparse por incluir manualmente esta información por cada imagen puede recurrir a un plugin como Seo Friendly Images que hará el trabajo por usted.

8. Google puede escuchar sus plegarias: Incluya y mantenga actualizado un Google Site Map.

• Mientras nadie diga la contrario un Google SiteMap es el camino más rápido entre su blog y Google.
• Un Google Site Map es un archivo xml con el que podemos indicar qué paginas de nuestro Site queremos que sean indexadas, además de otra serie de información que permite a Google realizar de manera más eficiente y rápida su trabajo.
• Un Site Map bien creado y dado de alta, asegura que Google indexara en el mínimo plazo de tiempo nuestra página web.
• Mantener actualizado un SiteMap puede ser una tarea un tanto tediosa ya que es necesario agregar una nueva entrada cada vez que demos de alta un post.
  
• Por este motivo es interesante instalar un plugin como "XML SiteMaps Generator", que haga esta labor por nosotros.

9. Mime la estructura Interna de enlaces de su blog.

• Debemos procurar una estructura de enlaces que pemita tanto a nuestros visitantes como a Google encontrar se manera sencilla y rápida todo el contenido de nuestra web.
• Además debemos ofrecer múltiples canales de acceso para un mismo contenido.
• Las categorías y los Tags además de ofrecer una puerta de entrada hacia nuestros contenidos, orientan al usuario sobre qué va a encontrar:
  • Una categoría refleja la temática principal del artículo.
  • Los Tags son palabras que tienen alguna relación son el contenido al que están asociados. Un mismo contenido puede y suele estar asociado a múltiples Tags. Los Tags son el método de clasificación más asociado al mundo 2.0 y a los marcadores sociales.
  • Los Tags permiten interelacionar de manera semántica sus post y realizar búsquedas avanzadas. 
• Crear una interelación entre artículos de una misma temática, favorece que nuestros usuarios dediquen más tiempo a la lectura de nuestros contenidos.
• Podemos utilizar el siguiente plugin para añadir la funcionalidad de artículos relacionados a nuestro blog.
• Al igual que es importante abrir puertas, en ocasiones puede ser necesario cerrarlas.
  
• Si incluimos el atributo rel=”nofollow” a un enlace, estaremos indicando a Google que no deber visitar este enlace.
  
• Este es un buen mecanismo por ejemplo para evitar que la gente incluya Spam en los comentarios.

10. Posicionarse es muy sencillo, consiga enlaces de calidad.

Los backlinks son la vitamina que permitien a su blog asomar la cabeza en las búsquedas más competitivas.

La forma de conseguir enlaces no debe ser un secreto para nadie, se consiguen de manera natural a través de la Calidad, la Cantidad y la Innovación.

No existe una receta mágica que le permita conseguir enlace pero puede hacer caso a los siguientes consejos:

• Comparta activamente sus artículos en blogs relevantes relacionados con su temática, eso sí, evitando caer en el Spam.
• Permite a la comunidad compartir sus contenidos en redes, webs, y book-marks sociales.
• Facilitar y fomentar la sindicación de sus contenidos le ayudará a fidelizar a sus visitantes.
• Permita a sus visitantes enviar sus contenidos a sus conocidos y amigos.
  
• Incluya su blog en redes de blogs como Technorati, Alianzo y Top Blogs.
• Incluya su blog en directorios especializados para blogs.
• La unión hacer la fuerza, así que es importante conocer y entablar relación con más bloggers de tu propia temática.
• También le animo a intentar hacer Linkbaiting, si sabe cómo.
• Y recuerde evite el Spam, su blog y el resto de la comunidad le estarán muy agradecidos.
  

Artículos relacionados:

1. Como posicionar un blog de Blogger Blogspot

Viene de la tercera parte del tutorial de Google Analytics.

"Una web sin objetivos es errática como una persona sin ilusiones, como un barco sin rumbo perdido en la inmensa calma del mar." (Sí, podía ser perfectamente la frase de un gran pensador del siglo XXI pero reconozco que es de cosecha propia).

Los objetivos o Goals constituyen un mecanismo para medir las conversiones de un Site. Una conversión es el proceso en el que un visitante realiza una acción de especial interés para nuestro negocio.

En esta cuarta parte del tutorial de HelloGoogle sobre Google Analytics veremos qué son los objetivos, cómo funcionan, cómo configurarlos desde el panel de control y como interpretar un informe de objetivos.

Qué es un objetivo

A efectos prácticos un objetivo es simplemente una página vista. Podría tratarse de un artículo específico, o de la página que el usuario llega tras completar un proceso de compra satisfactoriamente. Un objetivo se define precisamente indicando la URL de esta página.

A nivel de negocio, un objetivo representa una acción de especial interés para nuestro negocio que puede ser acometida por nuestros visitantes. A modo de ejemplo podríamos citar los siguientes objetivos:

• Registrarse como usuario.
• Inscribirse en un Newsletters.
• Realizar con éxito una compra
• Realizar una consulta.
• Finalizar correctamente una descarga.
• Leer un artículo clave.
• etc.

El indicador Conversiones de objetivos mide la capacidad de nuestra web para lograr los objetivos comerciales para los que fue concevida. Estos objetivos representan una página a la que nuestros visitantes acceden tras completar una tarea clave como puede ser realizar una compra con éxito, completar una suscripción, o finalizar una descarga.

Cómo se define un objetivo

Actualmente Google Analytics sólo permite establecer 4 objetivos (G1, G2, G3, G4) por web por lo que se hace altamente necesario elegirlos cuidadosamente.

Podemos definir un objetivo en:  Ajustes de Google Analytics > Configuración del perfil desde aquí accedemos a la sección Objetivos de conversión y redireccionamiento

A continuación tras pulsar en "editar" podemos indicar la información del objetivo.

Por cada objetivo podemos especificar los siguientes parámetros.

1. Objetivo activo: Por defecto los objetivos aparecen como Desactivados. Activelo para comenzar a trabajar con él.

Es muy importante que se acuerde de desactivar el objetivo una vez que la campaña asociada a él haya finalizada. Tenga en cuenta que Google Analytics calcula el ratio de conversión global del website a partir de todos los objetivos que se hayan definido en él, si una vez finalizada la campaña el objetivo asociado a ella no se desactiva, podría desvirtuar el ratio de conversión global.

2. Tipo de concordancia: Como ya hemos comentado anteriormente los objetivos se asocian con una URL. El parámetro "tipo de concordancia" indica cómo vamos a definir esta dirección. Existen 3 tipos de concordancia:

• Concordancia exacta: Indicamos una url exacta asociada al objetivo. Por ejemplo: www.hellogoogle.com/subscribe/gracias_por_suscibirse.htm, también podemos omitir el dominio: ^/subscribe/gracias_por_suscibirse.htm.
• Concordancia principal: Este tipo de concordancias es útil cuando la url del objetivo es dinámica y puede variar en función del usuario que está navegando. Por ejemplo si tuvieramos un objetivo con la url: www.hellogoogle.com/subscribe/gracias_por_suscibirse.php?auth=true&id=9982251615, en la que varía el parámetro ID en función del usuario, podríamos indicar la siguiente concordancia principal: www.hellogoogle.com/subscribe/gracias_por_suscibirse.php?auth=true
• Concordancia de expresiones regulares: Las expresiones regulares permiten definir un objetivo que abarca múltiples URLs. Este tipo de oncordancia es útil cuando se trabaja con múltiples subdominios y/o páginas dinámicas. Por ejemplo podríamos definir un objetivo que corrsponda con urls del tipo:

  rss.hellogoogle.com/subscribe/gracias_por_suscibirse.php?auth=true&id=6687639082
  mail.hellogoogle.com/subscribe/gracias_por_suscibirse.php?auth=false&id=2389098822

  Con esta expresión regular: ^/subscribe/gracias_por_suscibirse.php\?id=true|false&id=.*

  Recuerde que tiene a su disposición varias herramientas para testar expresiones regulares.

3. Url del objetivo: En este campo indicaremos la Url del objetivo o la expresión regular que lo abarca.

4. Nombre del objetivo. El nombre del objetivo es útil para identificarlo posteriormente en los informes de Google Analytics. Es recomendable elegir un nombre corto y descriptivo.

5. Distincion entre mayúsculas y minúsculas. Poco más que añadir.

6. Valor del objetivo. A cada objetivo es posible asignarle un valor de objetivo para calcular posteriormente con mayor precisión el retorno de la inversión, la puntuación media y demás parámetros.

Una forma inteligente de asignar un valorar a cada objetivo consiste en evaluar la frecuencia con la que los visitantes que alcanzan este objetivo se convierten en clientes. Por ejemplo, si sus comerciales logra cerrar una ventas de 500 euros de media con el 10% de personas que solicitan información desde su formulario de contacto, podríamos estimar al valor asociado al objetivo "contacto informativo" 50 euros (el 10% de 500 euros ). En cambio si sólo el 1% de sus suscriptores rss realizan una compra, podríamos asignar 5 euros al objetivo "suscripción rss".

Cómo se define un objetivo una ruta de redireccionamiento

Opcionalmente es posible definir una ruta de redireccionamiento que consiste en indicar las páginas que deben visitar nuestros visitantes hasta lograr la coversión de un objetivo.

Una ruta de redireccionamiento se define de manera análoga a un objetivo, indicando las urls de cada uno de los pasos que dirigen al visitante hacia la meta.

Podemos establecer como obligatorio el primer paso del redireccionamiento, marcando el checkbox "Paso obligatorio". De esta menera los usuraios que no comiencen el proceso de conversión por la página inicial no se contabilizarán a la hora de calcular las conversiones.

Informe de Objetivos

Tras definir los objetivos Google Analytics le ofrecerá información sobre el rendimiento de su web. La información que nos ofrece los informes de la sección Objetivos le permiten a comprender:

• cómo llegan los usuarios a su sitio
• por qué no completan los objetivo.
• Porcentajes de conversión
• Valor económico del tráfico que recibe su sitio.

Los puntos principales que nos ofrece el informe son:

1. En "Visión General" podrá observar un resumen del rendimiento de los objetivos:

• Número de objetivos realizados.
• Porcentaje de conversiones obtenidas.
• Valor total de los objetivos realizados.

2. En la sección "Verificación de Objetivos" podemos ver qué páginas son las que mayores ratios de conversión consiguen (El ratio de conversión es el tanto por ciento de visitantes que completan un objetivo).

3. El apartado "Ruta de objetivo invertida" nos permite conocer que páginas dirigieron a los usuarios hacia el objetivo.

4. La sección "Visualización de redireccionamiento" nos ofrece la gráfica de redireccionamiento o Funel de nuestros objetivos donde podemos conocer los porcentajes de abandono.

Qué es un Funnel

La ruta de redireccionamiento se denomina habitualmente  "funnel" (embudo) en honor a la  forma que toma el gráfico que representa a los usuarios que navegan por las páginas que forman parte del proceso de conversión. Generalmente a la primera página acceden la totalidad de los usuarios para ir disminuyendo el número en las sucesivos pasos, esto confiere al diagrama la apariencia de un embudo.

El estudio del funnel nos permite conocer a fondo qué ocurre durante el proceso de conversión.

• Si uno de los pasos es poco claro o difícil de usar, muchos usuarios abandonaran el proceso en ese punto, incidiendo negativamente en los porcentajes de conversión.
• Gracias las rutas de redireccionamiento es posible determinar que porcentaje de usuarios que inician un proceso de conversión lo completan correctamente y en qué páginas se produce el mayor porcentaje de abandonos.

Casos especiales

Objetivos que no pueden asociarse a una url.

En algunas ocasiones nos encontraremos con el caso de un objetivo que no se puede asociar a una URL concreta.

Este caso puede encontrarlo en esta misma web en la que incluyo dos botones para que el usuario pueda suscribirse ya sea a través de su herramienta de sindicación o  correo electrónico. Al hacer click en estos botones el usuario es redirigido a la web de feedburner que es donde se gestiona la suscripción. Por este motivo no es posible definir la url de la página de conversión del objetivo.

Este tipo de casos se gestionan definiendo urls virtuales (direcciones que no existen físicamente) y recurriendo a la función urchinTracker():

• Indique en la url del objetivo una dirección que no exista por ejemplo: http://www.hellogoogle.com/goal/subscribe/
• Este objetivo se activará cuando el usuario haga click en los botones de suscripción, para ello deberá incluir el siguiente código javascript al evento onclick de cada enlace:<a onClick='javascript:urchinTracker("/goal/subscribe/mail")' href="...
<a onClick='javascript:urchinTracker("/goal/subscribe/rss")' href="...
• El objetivo se activará cuando el usuario pinche en alguno de los dos botones de suscripción. Es importante tener en cuenta que esto no significa necesariamente que el proceso de suscripción se haya completado correctamente, ya que delegamos el resto de la gestión a una web externa, en este caso feedburner, y a partir de este punto no podemos tener conocimiento de qué ocurre.

Cuidado con los filtros

Es importante tener presente que los filtros pueden interferir con el correcto funcionamiento de los objetivos.

Por ejemplo un filtro que modifique la visualización de la  URL de una página puede colisionar con la correcta identificación de la URL que define un objetivo

¿Objetivo alcanzado?

Si después de leer este artículo, he coseguido despertar una irrefrenable necesidad de definir objetivos para su web, creo que el propio objetivo de este artículo se habrá alcanzado con éxito.

Nada más, nos vemos pronto en la siguiente entrega de este tutorial sobre el maravilloso mundo de Google Analytics.

Artículos relacionados:

1. Tutorial sobre Google Analytics: 2. La interfaz de Google Analytics
2. Tutorial sobre Google Analytics: 3. Etiquetado o Tagging en campañas de Marketing
3. Tutorial sobre Google Analytics: 1. Información básica, configuración e instalación

Recientemente tuve la oportunidad de ver un desarrollo en jquery llamado Sexy Curls que simula el paso de una hoja. Lo cierto es que me pareció un efecto muy interesante pero también muy desaprovechado. La librería se limitaba a mostrar por debajo una imagen que "simulaba" representar el código fuente de una página.

Así que ni corto ni perezoso me puse manos a la obra para completar el efecto y he desarrollado Real Ajax Sexy Curl, que añade a la librería el encanto de mostrar por debajo el código fuente real de la página.

Una imagen vale más que mil palabras, así que, ¿por qué no echa un vistazo al ejemplo que he preparado? (Por ahora sólo compatible con firefox )

Como funciona

Ajax Sexy Curl es una funcionalidad basada el el framework Jquery, para su desarrollo he utilizado dos librerías open source:

• Sexy Curl escrita por Elliott Kember (http://twitter.com/elliottkember)
• Ajax Code Display escrita por Christian Heilmann (http://wait-till-i.com)

La primera - Sexy Curl - simula un efecto de pasar página, para ello escala una imagen Png con transparencias. Como ya comenté antes, la librería original se limitaba a descubir una imagen que simulaba ser el código fuente de la página.

Ajax Code Display es una librería Ajax que muestra el código fuente de una página formateado. Es una librería bastante interesante que admite diferentes parámetros de personalización, Le animo a que visite su página y le eche un vistazo.

El resto ha sido una tarea bastante simple para compatibilizar ambas librerías y ajustar la funcionalidad a los objetivos iniciales del proyecto. Creo que el resultado es realmente espectacular, ¿No le parece?

Cómo incluirlo en mi web

Ajax Sexy Curl puede aplicarse a cualquier web de manera extremadamente sencilla.

1. Incluya las librerías y estilos en la cabecera de la página head:

<script type="text/javascript" src="jquery1.3min.js"></script>
<script type="text/javascript" src="jqueryui.js"></script>
<script type="text/javascript" src="turn.js"></script>
<script type="text/javascript" src="ajaxcodedisplay.js"></script>
<link rel="stylesheet" href="turn.css">

2. Por último, incluya en la primera línea del body el siguiente código html:

<div id="target"><a href="#" class="codeexample" ></a></div>


Nada más, el código javascript no intrusivo se encargará del resto.

Opciones de personalización

A través de los estilos puede personalizar algunos aspectos de la funcionalidad:

Por otro lado el código es Open Source con lo que podemos estudiarlo, modificarlo y ampliarlo libremente para que se ajuste perfectamente a nuestras necesidades.

Código fuente

Puede descargarse el código fuente de la librería y utilizarlo libremente en su Site, eso sí, tenga en cuenta las siguientes indicaciones:

Este pluging se ofree bajo una licencia MIT , esto significa que puede hacer prácticamente lo que le apetezca con él:

• Puede copiarlo, modificarlo, mezclarlo, publicarlo, distribuirlo, sub-licenliarlo y/o venderlo.
• Además el autor de la librería original y yo mismo, le permitimos imprimirla en una hoja de papel, doblarla y hacerse un sombrero.
• Eso sí, si mantiene los créditos de los autores, le estaremos muy agradecidos.
  

La funcionalidad funciona correctamente en Firefox y a partir de IE7 (Próximamente). Nada más, espero que este efecto le haya gustado tanto como a mi.

Artículos relacionados:

1. Ajax Lightbox: Una ventana emergente 2.0 en su página web
2. Ajax zoomy: Un Ajax lightbox para su galería de imágenes
3. AJAX Accesible para Google: Posicionar contenido en Ajax

Viene de la segunda parte del tutorial de Google Analytics.

Qué es el etiquetado

Etiquetar algo en el contexto de analítica de web, consiste en añadir información adicional a un enlace que apunta hacia nuestro Site.

Google Analytics utiliza esta información para clasificar los enlaces entrantes: De dónde proviene el enlace, cuál es la naturaleza del link (pejm: Adwords o SERP), a qué campaña de Marketing pertenece el enlace, etc.

Imagine un banner de HelloGoogle situado en la página principal de Microsoft (Soñar es libre, ¿no?) un enlace sin etiquetar tendría la siguiente url:

• http://www.hellogoogle.com

El mismo enlace etiquetado podría ser:

• http://www.hellogoogle.com?utm_src=xxx&utm_medium=yyy&utm_campaign=zzz

Como veremos a continuación Google Analytics utiliza el etiquetado para identificar de manera muy precisa a los visitantes que conseguimos a través de nuestras campañas de marketing.

Para qué se utiliza el etiquetado

El etiquetado es un recurso imprescindible en cualquier herramienta de analítica web para poder testar y medir de manera adecuada nuestras campañas de Marketing. La información que obtenemos nos ayuda a tomar decisiones bien fundadas sobre nuestra inversión en marketing.

Si no etiquetamos los enlaces entrantes a nuestra web, Google Analytics sólo puede clasificar a nuestros visitantes en uno de estos tres segmentos:

• Orgánico: aquellos visitantes que provienen de la página de resultados de búsqueda (Serp) de un buscador.
• Referral o sitio web de referencia : visitantes que llegan desde un link externo ubicado en un sitio web.
• Directo: aquellos usuarios que acceden tecleando la url de nuestra web directamente.

Aunque esta segmentación puede ser muy útil, no permite medir nuestras acciones de marketing, es decir, conocer cuánto tráfico y cuántos objetivos produce cada elemento de la campaña. Por ejemplo, posiblemente le gustaría saber cuántos ingresos ha conseguido gracias a los visitantes que vinieron a través del banner en la web de Microsoft.

Con esta información de negocio, Google Analytics puede crear una serie de informes llamados "Marketing Campaign Results Reports" (Informes de Campañas de Marketing). Estos informes son extremadamente útiles porque permiten analizar los datos estadísticos bajo un prisma de negocio:

• Visitas: Qué interés generó la campaña.
• Ratio de conversión de objetivos (G1/Visitas): ¿Se comportaron los visitantes de la campaña tal y como se esperaba?
• Media de transacciones (T/Visitas): Cuántas transacciones ha generado la campaña
• Ingresos por visita ($/Visitas): Cuanto dinero se ha ingresado por cada visita de la campaña.

En el siguiente artículo puede conocer mucha más información sobre este tipo de informes de campañas de Marketing.

Cómo se realiza el etiquetado

El etiquetado consiste en añadir a la url del enlace de un anuncio una información adicional y descriptiva compuesta por varios parámetros separados por un carácter &. Esta información adicional que se añade a la url se denomina técnicamente query string. Por ejemplo

www.hellogoogle.com/como-posicionar-pagina-web-en-google/?utm_campaign=hellogoogle_un_millón_al_mes&utm_medium=banner&utm_source=microsoft.com&utm_content=solo-texto

Si la campaña de marketing se realiza con Google Adwords no es necesario etiquetar las urls ya que Adwords realiza internamente esa tarea por nosotros. En cambio si la campaña se realiza desde otro medio: banners, campañas de emailing o enlaces en portales de terceros es necesario etiquetar los enlaces para que Google Analytics pueda interpretar correctamente los datos y manejarlos como campañas.

Los parámetros que podemos utilizar para etiquetar un enlace se denominan dimensiones de marketing. Existen cinco dimensiones de marketing que pueden combinarse para realizar el seguimiento de las campañas online.

1. Campaña - utm_campaign
   Esta dimensión indica el nombre de la campaña de marketing que englobar todas las acciones que se vayan a iniciar en ella. Por ejemplo, si estuviéramos pensando en una campaña de marketing orientada a conseguir un trafico de un millón de visitantes al mes, podría ser: hellogoogle-un-millón-al-mes
   
2. Medio - utm_medium
   El medio es muy útil para determinar el origen y, el origen y el medio juntos ofrecen información específica sobre el origen de una referencia. Por ejemplo, en el caso del origen de un motor de búsqueda de Google, el medio podría ser "coste por click", que indica un enlace patrocinado por el anunciante, u "orgánico", que indica un vínculo gratuito en los resultados del motor de búsqueda. En el caso del origen de un boletín de noticias, el medio podría ser "correo electrónico" o "impresión".
   Indica cuál es el medio de distribución por el cual nos comunicamos con nuestros clientes. Podríamos tener diferentes valores en función del medio:
   • En el caso de un newsletter podría ser: "email".
   • Para un banner en un portal externo podría ser: "banner".
   • Para un enlace patrocinado, podría ser: "CPC" (Coste per Click).
   • Para un enlace procedente de la página de resultados de búsqueda: "orgánico".
3. Origen - utm_src
   Identifica en quién nos estamos apoyando para mandar el mensaje. Si estuviéramos etiquetando enlaces CPC el origen podría ser: el motor de búsqueda de Google, Yahoo o MSN. También podríamos identificar con un nombre un newsletter (pejm: newsletter-conozca-hellogoogle) o un sitio web de referencia (pejm: microsoft.com).
4. Contenido - utm_content
   La dimensión del contenido identifica en qué versión de un anuncio o banner ha hecho click un usuario. Se utiliza para realizar pruebas del contenido (A/B) en publicidad orientada por contenido con el fin de conocer cual es la versión más efectiva de un anuncio a la hora de atraer clientes potenciales que resulten rentables. Tenga en cuenta que sólo es posible identificar 2 versiones de un mismo anuncio utilizando esta dimensión.
5. Término - utm_term
   El término es la palabra o frase que un usuario introduce al realizar una búsqueda orgánica. No suele ser necesario indicar esta dimensión ya que se realiza automáticamente.
   

El proceso de etiquetado es sencillo si tenemos en cuenta una serie de consideraciones:

1. Etiquete sólo los links que realmente necesita.
2. Para evitar errores cree los links utilizando la utilidad URL Builder.
3. Utilice sólo las dimensiones de marketing que realmente necesita.
4. Elija un nombre corto.
5. Usar solo caracteres alfanuméricos.
6. Los nombres deben ser comprensibles por todos los que consulten los informes de Google Analytics.

¿Cómo funciona el seguimiento de campañas?

Tras etiquetar los enlaces entrantes a nuestra web Google Analytics puede realizar un seguimiento preciso de los usuarios que visitan su sitio:

• Qué elemento de la campaña de marketing ha conseguido atraer al visitante.
• Qué conversiones y transacciones se han acometido

Cuando un usuario hace click en un link etiquetado, por ejemplo en un newsletter que le hemos enviado, Google Analytics almacena todos los parámetros en una cookie (un archivo de texto que se almacena en la propia máquina del usuario).

• Esta cookie persiste en el equipo del visitante durante 6 meses, de esta manera si el usuario vuelve a acceder cualquier otro día a nuestra web, tecleando la url directamente por ejemplo, esta cookie permite saber a Google Analytics que se trata del mismo usuario que conoció nuestra web a través del newsletter.
• Es posible modificar el tiempo de vida de la cookie de campañas añadiendo la variable _ucto al código de seguimiento de la campaña.
• Por otro lado si este mismo usuario accede a nuestra web en otro momento a través de un enlace patrocinado de Adwords, Google Analytics actualiza la información de la cookie para atribuir su visita a CPC.
• Es posible indicar a Google Analytics que no actualice la información de la cookie de un usuario añadiendo a la url destino el parámetro utm_nooverride=1

En la ayuda de Google Analytics puede encontrar toda la información que necesite sobre Etiquetado.

Ver la cuarta parte del tutorial de Google Analytics.

Artículos relacionados:

1. Tutorial sobre Google Analytics: 2. La interfaz de Google Analytics
2. Tutorial sobre Google Analytics: 1. Información básica, configuración e instalación
3. Tutorial sobre Google Analytics: 4. Objetivos, Conversiones, Ruta de redireccionamiento y Funnels