domingo, 27 de febrero de 2011

Cómo aumentar las visitas del blog

A todos nos cuesta aumentar el tráfico de visitas de nuestro blog, página web o fotolog, y, sobretodo para los que están comenzando, es totalmente imprescindible para comenzar a dar a conocer nuestro blog.
Ya existen multitud de manuales para aumentar el tráfico de nuestra página, sin embargo, en la mayoría existen puntos con los que no estoy de acuerdo, o consideraciones que pasan inadvertidas o se obvian por completo. Con este manual quiero mostrar al público 10 consejos para mejorar nuestro blog desde mi punto de vista.
La mayoría de los blogs con un buen tráfico de visitas (a veces ni eso, simplemente indexados en Google), obtienen una gráfica similar a la siguiente:
tarta visitas blog buscador
La porción grande representa los accesos diarios desde un buscador: Google (más de un 85%) y del restante 15% aproximado, sólo un 5% de accesos a la página principal directamente. Esto nos muestra la importancia de «caerle» bien a un buscador.
Teniendo esto en cuenta, ahora lo que necesitamos es fortalecer esa «simpatía» con el buscador para conseguir que nos indexe en los puestos más altos de cualquier keyword (palabra clave buscada) y por lo tanto recibir más visitas. Con estos consejos intentaremos «fidelizar» a los usuarios que lleguen, que se sientan a gusto en nuestra página y deseen volver o visitarla a menudo.

Publica entradas frecuentemente


Cuantos más artículos publiques, más contenido tendrá tu blog, y cuanto más contenido, un campo más amplio de posibilidades de que lleguen más visitas... Pero ¡Ojo! No se trata de cualquier tipo de contenido, hay que intentar mejorar el blog generando contenido de calidad (no dupliques entradas, no copies artículos, genera artículos propios, etc...).
Cada vez que actualices puedes realizar pings en multitud de servicios de ping para blogs como pingoat o ping-o-matic. ¡Usalos sólo cuando actualices!

Optimiza tu fichero robots.txt


El fichero robots.txt existe en el raíz de todo buen blog. Muchos de los robots buscadores de la red, visitan este fichero para saber que páginas del sitio se le permiten indexar y cuales no. En algunos casos comentan que sólo optimizando el fichero robots.txt [en] han conseguido aumentar el tráfico en más de un 1400%.

Controla con estadísticas


Si hay un apartado que todo blogger suele controlar es este. Ten al menos un servicio de estadísticas para controlar cuantos usuarios llegan a tu blog, porque palabras clave (útil para saber si estás usando buenos títulos de post si encajan con el contenido de tu blog), con que navegadores, etc... Mis preferidos (y gratuitos) son StatCounter y Google Analytics.
stats blogs
Además, si tienes Google Analytics puedes aplicar un pequeño truco para controlar el número de clics en banners de Adsense por día, semana... o incluso desde que páginas.

Posicionamiento/SEO


Quizás uno de los apartados más complejos, a los que menos se le hace caso y sin duda de los más importantes. Google (y otros buscadores) tienen una serie de «normas» para clasificar las páginas en orden de importancia, cuanto mejor las sigas, mejores resultados obtendrán a la hora de posicionarte en Google.
google simpsons
Ahí van las más conocidas:
  • Utiliza encabezados: A google le encanta que utilices encabezados h1, h2, h3, ... en el código HTML de tu página para remarcar títulos y zonas importantes.
  • Títulos de página con guión: Intenta cambiar los títulos de tus páginas a cosas como page.com/art/google. Las páginas con títulos page.com/?id=20&titulo=google no le gustan y no las sigue.
  • Metatags: Utiliza con responsabilidad los metatags. Aunque muchos opinan que no deben usarse, yo creo que los buscadores los tienen muy en cuenta.
  • Negritas: Anecdóticamente, el tag HTML b (negrita, en desuso por el W3C) es mucho más potente que el tag strong.
  • Título de la página: Google le da muchísima importancia al título de la página. Elige bien las palabras a incluir en él. Aún veo páginas que tienen de título cosas como Untitled document o Página sin título.
  • Otros trucos de posicionamiento...

Evitar técnicas de spam


Algo a lo que Google le da muchísima importancia es a la popularidad. Conseguir muchos enlaces en otras páginas hacen que Google te suba en su «ranking» de posiciones. Esto, por una parte es un buen sistema de evaluación, pero por otra parte es una característica muy tentadora para todo spammer, que navega de página en página dejando enlaces a su propia web.
Mi consejo es evitar en lo máximo posible realizar spam de este tipo. Deja comentarios en blogs (pero inteligentemente y cuando tengas algo que aportar, no lo hagas porque sí para dejar un enlace), establece firmas en foros o grupos de noticias a tu blog (pero de forma decente, nada de ampliar el tamaño del texto o ponerle colores chillones o imagen en grande para que se vea), trackbacks (sólo cuando sea necesario y objetivo), etc...
Yo, por ejemplo, odio el intercambio de links. Sin embargo, Google le da importancia si la temática es similar. Mi consejo es utilizar el intercambio de links sólo y exclusivamente cuando la web a la que enlazas te guste e interese y no cuando otras personas te propongan un intercambio. Así favorecemos realmente el contenido de calidad y no promovemos el spam.
Otro factor bastante importante según algunas encuestas es la reputación del autor. Evidentemente, si eres un spammer que va por muchas páginas dejando enlaces de spam, no tardarás mucho en perder credibilidad.

Establece feeds RSS


Los feed RSS son un invento muy novedoso e interesante. Se trata de un fichero con la información de los últimos artículos publicados en la web. Así cualquiera puede obtener ese fichero a través de un gestor y de todos los RSS de webs que posea, ver cuales se han actualizado de una vez, sin tener que entrar a cada web independientemente.
Como autor de blog, debes buscar la forma de proveer un sistema de RSS (Atom u otro) para que los lectores puedan recibir las actualizaciones del sitio cómodamente. Esto aumentará tu número de visitas casi seguro. Si eres usuario de Blogger asegurate de marcar la opción para activar este tipo de ficheros.
Servicios interesantes relacionados con el tema pueden ser FeedBurner o FeedBlitz. Desde gestores de feeds RSS como Bloglines o Google Reader puedes ver el número de suscriptores que tiene tu blog.

Sitemaps: Mapas de sitio


Si estas empezando, puede ser bastante lento (¡y desesperante!) esperar a que el robot de Google pase por tu sitio para indexarlo, ya que el bot de Google tiene que "encontrar" un enlace a tu blog en otra página y entonces pase a revisarlo. Sin embargo, existe una forma relativamente sencilla de indicarle a Google todas las páginas de tu sitio y acelerar el sistema de una forma muy rápida.
Se trata de generar un mapa del sitio (en formato RSS, citado en el punto anterior) para que Google acceda a ese fichero y vea los enlaces que existen, los indexe y si cambian vuelva a indexarlo. Para ello hay que generar una lista con todos los artículos y secciones de la página, con su fecha de última actualización (junto a otros parámetros opcionales).
mapa sitio diagrama
En Google Webmasters puedes realizar varias acciones relacionadas: Herramientas de sitemaps para Google, Enviar página web a Google e incluso un foro de discusión de Google entre otras cosas.
La generación del sitemap es muy sencilla, pero si no quieres complicarte la vida, puedes obtener un programa gratuito como VIGOS Gsitemap, que genera el fichero automáticamente. Para otros buscadores como Yahoo! también existe un sistema de sitemaps.

Contenido de calidad


Como mencioné anteriormente, el contenido de un blog es un algo muy importante. Un contenido de calidad no sólo atraerá a gente interesada por los artículos escritos, sino que además las visitas aumentarán y los buscadores también se interesarán por tu sitio. Siempre es bueno escribir sobre una temática que se domine, aunque no tiene porque ser imprescindible.
Algo que sí es imprescindible, es realizar una correcta redacción. Los lectores de una página web se interesan muchísimo (y les atrae bastante) la forma de escribir de su autor. Fallos de ortografía o gramática son imperdonables. Para evitarlo, existe un complemento magnífico para el navegador Firefox: diccionarios ortográficos. Ellos te remarcarán las palabras mal escritas, como cuando editamos un documento de Microsoft Word.

Facilidad de acceso y optimización


Punto muy importante. Muchas de las páginas que visito (atención sobre todo usuarios de espacios de MSN o Blogger) contienen una barbaridad de contenido en su página principal (probablemente debido a la inexperiencia de los autores).
Una página principal (así también como cualquier artículo concreto) no debe exceder de un determinado peso total en conjunto de todos sus ficheros (texto, imagenes, contenido multimedia, etc...).
Por ejemplo, algunos espacios de MSN visualizan de una vez las últimas 9 entradas. Cada entrada tiene 4 o 5 imagenes que ocupan unos 50kb cada una. En principio esto no supondría ningún problema, pero (50 * 4) * 9 = 1.800. ¡Casi 2 megas de página! Imaginaos si el pobre usuario que quiere verla tiene modem de 56Kb (conexión de 4,5kb/s). ¡Necesitaría casi 8 minutos de espera para tener cargada la página y comenzar a verla!
Para ello, existe -nuevamente- una extensión para Firefox llamada Life of request info. Al tenerla instalada y cargar una página, en la zona inferior del navegador aparecerán varios datos:
life request firefox

  • Tiempo de latencia: Espera desde que el usuario hace click hasta que comienza a transmitirse información.
  • Tiempo de carga: Espera desde que comienza a recibirse información hasta que se completa la carga de la web.
  • Tamaño de la página: Texto, imagenes, contenido multimedia, etc...
  • Número de peticiones: Ficheros enlazados
Los tres últimos son los que más nos interesan. Valores aceptables podrían ser:
  • Latencia entre 0-3seg (mayores podrían deberse a mala configuración de la conexión del PC o servidor web muy lento)
  • Carga web 0-45seg (cuanto menos mejor, mayores de 45 segundos, web bastante lenta)
  • Tamaño entre 15-200kb (si es mayor planteate el reducir el tamaño de tu página: menos imagenes, menos cantidad de entradas / articulos, etc...) Date cuenta que cuanto más tamaño, más tardará en cargar.
  • Peticiones entre 15-200 (más de 100 peticiones se considera una página bastante cargada de contenido).
Evidentemente, estos datos son solo orientativos.

Diseño


Por último, y no por ello lo menos importante: el diseño web de la página. Muchos autores lo consideran algo secundario, aunque para mi es tan primario como cualquier otro punto.
Personalmente, considero que el diseño gráfico de un blog o página web debe ser diferente al resto (diseños idénticos o plantillas muy usadas dan impresión de poca frescura). Debe ser llamativo pero no cargante, usar colores que no cansen la vista, pero no muy monótonos.
También es importante remarcar que sería bueno que respetasen los estándares marcados por la W3C, que aunque Google no es muy estricto con esto, cuanto más sencilla y mejor procese la página, mejor te "puntuará".
No olvidar la accesibilidad: no abusar del Javascript y proporcionar métodos alternativos para navegadores sin javascript, probar diferentes resoluciones y navegadores y asegurarse que en todos la página es navegable. Si además, proporcionamos una versión para dispositivos móviles, PDA y demás, inmejorable.

cómo crear un favicon

Hace poco hice un post sobre como agregar un favicon en blogger, pero no explique muy detalladamente como crearlos, ahora les explicaré como pueden hacer para crear esa imagen que tiene que tener un tamaño de 12x12 pixeles, pero en este caso ustedes no tienenm que preocuparse, ya que el sistema se encarga de redimensionarlo, es muy facil solo nos dirigimos a la siguiente sitio web http://www.favikon.com/.

Luego nos aparecera en esa pagina lo siguiente:



Aquí subimos nuestra imagen que debe ser en formato png, jpeg o gif, con un peso máximo de 5Mb; puede estar en nuestro pc o en una url, tenemos las 2 opciones. Y luego “load image“. Verán que en el lado derecho se cargará la foto, deben cuadrarla con la herramienta que aparece ahí y hacemos click en “capture & preview“



Nos mostrará una pequeña imagen de como queda éste ícono

Al lado esta la opción de bajarla, tonces hacemos click en “download favicon” y guardamos esta imagen.

Ahora, ésta imagen que descargamos está en formato ico. pero Blogger no acepta imágenes con ese formato, por lo que debemos convertir la imagen a otro formato, a png. Lo pueden hacer con photshop por ejemplo u otro programa que permita hacerlo.
Ya teniendo nuestra imagen en formato png, vemos el paso 3}



el que nos da un código, que es éste:

<link rel=”shortcut icon” href=”aquí_la_direccion_de_su_imagen” type=”image/x-icon” /> donde solo deben colocar la dirección de su imagen y esto lo pegan dentro del <head>. Y listo.

Cómo mejorar el Posicionamiento de una web

Como sabrán hay varias meta tags que puedes añadir a tu blog, y estas son de alguna manera importante para el posicionamiento en los buscadores esta vez solo hablaremos de como agregar las meta tags: <keywords> y <description>

Lo se tendría que hacer es añadir meta keywords y meta description sólo para la página de inicio, con condicionales. De esta forma, Google no detecta meta keywords y description duplicados.

Para ello, buscar (también al inicio de la plantilla):

<b:skin><![CDATA[/*

Y añadir el siguiente código antes:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="La descripción de tu blog" />
<meta name="keywords" content="keyword1, keyword2, keyword3, keyword4, keyword5" />
</b:if>


Solo falta editar ese codigo, poniendo la descripción del blog y donde dice: keyword1, keyword2, keyword3, keyword4, keyword5 escribirás logicamente las palabras claves que quieras y de lo que trate tu blog.

Como ves es muy facil, aplicalo a tu blog y obtendrás beneficios a largo plazo. Espero que se haya entendido todo.

MÁS CONSEJOS

Lo que hay que logarar es optimizar nuestro blog tanto como para los lectores como para los buscadores (Google, Yahoo, Msn, etc aunque tienes que tener cuidado, no optimices solo para los buscadores como muchos "gurus" piensan), por eso me decidi a escribir este articulo con cada uno de los puntos explicando qué significa cada uno de los puntos.


- Utiliza los Feeds RSS.

Asegurate que el feed RSS esté disponible y muy visible a todo los visitantes. No lo ocultes bajo 20 posts o al final de la página. Llama la atención del visitante para que se suscriba al feed con imágenes o algun icono.


- Utiliza íconos para ofrecer la suscripción por RSS.

Identifica las fuentes de suscripción claramente con íconos conocidos para que los usuarios que ya están habituados a esos botones los identifiquen rápidamente. Les sugiero utilizar FeedButton para esto.


- Ofrece una suscripción a los posts vía email.

Mucha gente aún no se habitúa al uso de feeds. En feedburner ofrecen un servicio gratuito con el cual podrás ofrecer suscripciones via Email.


- Decide entre usar feeds completos o parciales.

Esta es una decisión personal y tu decides cual te conviene de acuerdo a la tematica de tu blog. Pudes optar por ofrecer un feed completo con publicidad y otro parcial sin publicidad.


- No utilices la plantilla por defecto.Usar la plantilla que trae nuestra plataforma de blog produce en el lector una cierta “pérdida de confiabilidad”. Ya que muchos si no ven un buen diseño en la plantilla no les llama la atencion ese blog, asi que elige un buen diseño, puedes contratar a un diseñador o bien cambia el logo y los colores.


- No utilices malas combinaciones de colores.
No elijas mas los colores, no se recomiendan los colores tan oscuros como el negro de fondo, ni tan llamativos como el amarillo, pensá en la combinación de colores que resulte agradable en la experiencia del usuario y que vaya de aucerdo a la temática del blog.



- Escribe llamativas introducciones para los posts.
Si usas introducciones para el feed RSS (es aconsejable hacerlo para muchas tematicas) asegurate que sea descriptiva y que ademas despierte el interés del lector de leer el post completo, eso es lo mas importante.


- Postea seguido.
Esto es muy importante para el posicionamiento y para que Google te tome mas en cuenta, ya que cuanto más frecuentemente postees, más visitas hará el Googlebot a tu blog, esto es un hecho, pruebalo.


- Elige una fuente de letra legible
Usa una fuente que sea legible para la mayoria de los navegadores, muchos blogs utilizan fuentes raras para sus blogs, pero lo que no saben es que no todos los lectores las tienen instaladas por lo que los navegadores usarán otro tipo de fuente para reemplazarla, lo que estropeará la apariencia del blog. Utiliza una fuente estándar en un tamaño estándar.


- No te olvides de la navegabilidad.No enlaces solamente a la página principal. Consejo util: Utiliza técnicas como posts recientes y categorías en la barra lateral para incitar las visitas de los lectores.


- No sobreutilices widgets
La sobreutilización de widgets como los de Flickr ralentizan el servidor. No sacrifiques tiempo de carga por unos widgets lindos pero que no sirven de nada al lector.

- Optimiza los titulos
Asegurate que el título del post sea lo primero que aparezca en los resultados de los buscadores y no el nombre del blog, como pasa con una instalación fresca del WordPress y blogger. Los motores de búsqueda ponderan este orden y estás perdiendo valioso espacio descriptivo del post. Revisa este post para que se sepas como hacerlo: http://blogandweb.com/blogger/optimizar-titulos-blogger/

- Observa tus Cascading Style Sheets (CSS).Muchos diseños utilizan el CSS dentro de cada template, haciendo que el post quede enterrado en código html a la vista de los buscadores.

- Redacta muy bien tus posts.
No extiendas demasiado tus posts. Utiliza párrafos, puntos aparte, comas y trata de mantener al lector interesado y no confundido y mareado.


- Enlaza, enlaza, enlaza.
Si estás escribiendo sobre alguna historia, linkeala a la original como así también a comentarios sobre el mismo tema. De esta manera llamarás la atención a éstos bloggers sobre la existencia de tu blog. También puede ser que te enlacen por esa historia o a algo que escribas en el futuro.


- Optimiza el texto de los enlace.
Cuando enlazas a otro post de otra persona, o incluso a otros posts de tu blog, asegurate de enlazar con un texto que sea descriptivo y no con “hacer click aquí” o similares.

- Usa el widget o plugin de posts relacionados.
Evita que los posts queden enterrados en el blog ofreciendo al lector otros posts relacionados. Incluso ayudará a que los buscadores tengan en cuenta estos posts nuevamente.

- Utiliza el Ping con otros sitios.
Utiliza el servicio de Ping para notificar tu nuevo post. Utiliza Totalping Ping-o-matic para pings masivos.


-Administra tu spam de TrackBacks y comentarios.
No querrás que Google o Yahoo encuentren links de spam en tu sitio o enlaces de sitios de baja calidad enviados por un spammer.

- Utiliza una buena estructura de URLs.No utilices permalinks como www.tublog.com/?p=123. En su lugar, utiliza www.tublog.com/2007/01/01/titulo_del_post.

- Utiliza buenas categorías
Cuando escribas un post, ubicalo en de 1 a 3 categorías diferentes relacionadas con el post.

Cómo cambiar favicon y cómo quitar barra de blogger

Favicon
En primer lugar crea una imagen "cuadrada" en cualquier editor de imágenes, tras ello sigue los siguientes pasos:

  1. Debemos convertir la imagen creada a formato .ico ya que en otro caso, algunos navegadores no lo interpretarán de manera correcta -lo ideal de tamaño 16x16-. Podemos optar por hacerlo de modo automático desde algún servicio online como Chami y nos descargamos el fichero comprimido generado. En el mismo incluirán la imagen en formato ico y otra en formato gif.
  2. Debemos subir las imagenes generadas a algún servicio de alojamiento gratuito, yo he empleado http://imgur.com/ para la de formato "ico" y el propio blogger para el "gif".
  3. Una vez hemos albergado las imágenes en cualquier servicio debemos editar la plantilla de nuestro blogger, para hacerlo entramos en nuestro blog y vamos a: Diseño -> Edición de Html y buscamos el texto en rojo, entre el mismo insertamos las dos líneas que podéis ver, eso si, modificando la dirección de la imagen -en azul en el ejemplo- por la vuestra. En cualquier otro sistema simplemente añadir las líneas de en medio justo antes de la etiqueta </head>
  1. <b:include data='blog' name='all-head-content'/>

<link href='http://www.hostanyimage.com/files/n141jzwsjn9pibz8o25w.ico' rel='shortcut icon' type='image/x-icon'/>

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig28EuSnElUmJ26DQMucMmlnKFYk49EHTZO_f39fHbGV8X1gTAV0yQnXOls0YLt1gMFL4zl2QPrmPcEy5qujH9IQvL4lGtPcZw_uC0t1Wv1v9AuvMRZ8pPzKn99Oe7-A5Jn1Uxr4t_B8o/s1600/animated_favicon2.gif' rel='icon' type='image/gif'/>

<title><data:blog.pageTitle/></title>

si con el método anterior no os funciona -es la que he usado ya que en chrome la anterior no me iba-, podéis probar añadiendo tras la finalización del title -texto en rojo- la siguiente línea


<title><data:blog.pageTitle/></title>
<link href='dirección del fichero ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/>


NAVBAR 
 

  1. Da click en la pestaña “Plantilla” y después en la opción “Edición de HTML”
  2. Busca en el código el siguiente texto:
    body {
    ...
  3. Justo arriba de él pega el siguiente código de acuerdo a tu versión de Blogger:
    #navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none
    }