SEO: aplicando el FODA a nuestro blog

Cuando vimos los artículos sobre como estudiar a la competencia decíamos que esto nos permitiría descubrir en gran parte, fortalezas, oportunidades, devilidades, amenazas.

Entrevista a Carlos Arreola

Como no podía ser de otra forma, hemos decidido arrancar a lo grande, y nuestra primera entrevista es a Carlos Arreola.

Banco de Imágenes

Un banco de imágenes publicadas dentro del blog de forma ordenada para que los bloggers y demás personas puedan hacer uso de ellas.

Dibujos para colorar

Una recopilacion de dibujos para colorear en blanco y negro, ideales para imprimir y regalarselos a los mas pequeños.

Cómo cuidarnos del Phishing

Ahora bien nosotros tenemos algunas formas de cuidarnos del phishing, es decir, prevenir que nos roben datos personales, con algunos consejos prácticos

Bienvenido a VidaBlogger, un sitio dedicado a brindar Ayuda para Blogs.

Vas a poder encontrar trucos blogger, tutoriales y herramientas para blogs, aprenderás estrategias sobre SEO y posicionamiento web, y te daremos los mejores consejos para que lleves tu blog al máximo potencial!





30 abr. 2009

Como escribir mejor en 10 minutos

¿Quieres ser un buen escritor? ¿Sentís muchas veces la obligación de escribir algo en tu blog pero no se te ocurre nada? Aquí van 4 consejos para ser un mejor escritor en tan solo 10 minutos.


1- Aléjate del teclado. Date un paseo, escucha algo de música, o lo que sea. Sólo tómate 10 minutos de tu tiempo fuera del ordenador para relajarte.


2- Mira hacia adentro tuyo y trata de descubrir cuales son las cosas por la que piensas que escribir un post es más difícil de lo que tu quieres que sea.

¿Acaso estás dudando sobre si tu idea es lo suficientemente buena? ¿Acaso piensas que no sabes hacia donde vas con esa idea? ¿Te estás preguntando a ti mismo si alguien leerá o entenderá lo que escribes? ¿O acaso te preguntas si no tienes aquello que se requiere para escribir un post decente?

Date una buena mirada y escribe todo aquello que te estás diciendo y preguntando a ti mismo, te ayudará a descubrir nuevas sensaciones.


3- Mira hacia el lado opuesto a lo que piensas, e intenta buscar evidencias reales para apoyar esa postura.

Si dudas acerca de que tu idea no es lo suficientemente buena, ponte en la situación de imaginar que tu idea es extremadamente buena e intenta buscar rasones genuinas que apoyen este pensamiento.

Si piensas que no sabes exactamente hacia donde vas con esa idea, trata de ponerte en posición de pensar que sí sabes hacia donde va, o bien tómalo como que no saber hacia donde vamos no es algo malo, sino lo contrario. Luego mira hacia atrás y busca en tu experiencia momentos que apoyen ese pensamiento, como puede ser:
  • He escrito buenos posts anteriormente, esto no debería ser diferente.
  • He buscado y leído lo suficiente como para saber lo que necesito para escribir y que ésto sea interesante para los demás.
  • Sabemos que cuando empezamos a escribir sólo tenemos en claro el 50% del contenido de lo que escribiremos, mientras que el resto viene como parte del proceso de escribir.

Esto no se trata de hacernos sentir mejor. Se trata de buscar real evidencia, basada en nuestra experiencia, para tener presente en nuestra cabeza que las rasones para pensar que sí podemos escribir algo interesantes son mayores que las razones que se oponen.


4- Date permiso de escribir como tu escribes.

No intentes ser alguien que no eres, intenta escribir sobre lo que sabes y como tu lo sabes hacer. No me refiero a escribir con errores ortográficos o faltando el respeto, sino a escribir como hablamos, como nos expresamos diariamente en la vida.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

29 abr. 2009

Como añadir una imagen aleatoria en el header

Hoy vamos aver un pequeño truco sobre como poner una imagen aleatoria en el header del blog, de modo que cada vez que se cargue la página se muestre una image diferente.

Lo primero que debemos hacer es checkear si nuestra plantilla permite añadir nuevos elementos en el header, para eso nos dirigimos a Diseño -> Elementos de Página. En caso que tu plantilla no lo permita no te preocupes, visita este tutorial de como Inlcuir nuevos elementos en el header. Una vez checkeado esto, vamos a lo que nos interesa:

Como añadir una imagen aleatoria en el header

El primer paso es preparar las imágenes: Todas las imágenes deben ser del mismo tamaño entre ellas, y a la vez deben tener el mismo ancho que la plantilla que estamos usando. Para saber el ancho vamos a Edición HTML de la plantilla y buscamos por:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
background: #000;
}
Lo que está marcado en negrita es el ancho del header, de modo que las imágenes deben ser de ese mismo tamaño. Una vez preparada las imágenes las alojamos a un hosting de imágenes (recomiendo Imageshack) y copiamos sus links.

Ahora nos dirigimos a Diseño -> Elementos de Página y removemos el header original del blog (es donde aparece el título del mismo). Una vez eliminado añadimos un Elemento HTML/Javascrip en el mismo lugar y le pegamos el siguiente código:


<script language="JavaScript">
var quotes=new Array()
quotes[0]='<a href="URL-DEL-BLOG"><img
alt="NOMBRE-DEL-BLOG" src="URL-DE-LA-IMAGEN1"/></a>'
quotes[1]='<a href="URL-DEL-BLOG"><img
alt="NOMBRE-DEL-BLOG" src="URL-DE-LA-IMAGEN2"/></a>'
quotes[2]='<a href="URL-DEL-BLOG"><img
alt="NOMBRE-DEL-BLOG" src="URL-DE-LA-IMAGEN3"/></a>'
var whichquote=Math.floor(Math.random()*(quotes.length))
document.write(quotes[whichquote])
</script>


A este código tenemos que hacerle 3 cambios básicos para que funcione:

1- En "URL-DEL-BLOG" poner la url de tu blog.
2- En "NOMBRE-DEL-BLOG" poner el nombre de tu blog.
3- En "URL-DE-LA-IMAGEN" poner la url de las imágenes que subimos a Imageshack.

Tengan en cuenta que si quieren poner más de 3 imágenes solo deben añadir el código en donde dice quote e ir poniendo más numeros (quote[3], quote[4], quote[5], etc). Una vez hechas estas modificaciones guardamos los cambios y está listo, cada vez que recarguemos la página nuestro blog mostrará una imagen diferente en el header.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

28 abr. 2009

Mini-Cursos sobre Diseño Web

Un diseño atractivo o agradable para los visitantes de un sitio puede marcar la diferencia y evitar que cierren la página o pulsen el botón atrás a los 5 segundos, lograrlo no es sencillo y además de requerir el manejo de ciertas herramientas "retocadoras" de imágenes, tener presentes algunas bases teóricas del diseño es fundamental para obtener un buen resultado.

En Wikilearning hay disponibles para su lectura un par de manuales o mini-cursos sobre diseño web, tal vez sean algo básicos para los entendidos en la materia pero de seguro son de gran utilidad para los que no tengan tantos conocimientos al respecto.

El primero de ellos comienza con una introducción al diseño gráfico para luego pasar al diseño web y finalmente terminar destacando los componentes y las características de los ordenadores que permiten presentar una página web. El segundo de los manuales se orienta principalmente al diseño web, dejando claro sus principales fundamentos y destacando herramientas y recursos.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

27 abr. 2009

Obtener el Favicon que cualquier sitio

Hace un tiempo hablabamos de que son y cual es la importancia de los favicons, y vimos como cambiar el favicon de nuestros blogs. Lo que veremos hoy es una herramienta que nos permite extraer el favicon de cualquier sitio web que nosotros queramos.

Se trata de Faviconiac, y como dijimos nos permite obtener el favicon de cualquier sitio en formato .PNG. Probablemente muchos de ustedes no le encuentren demasiada utilidad a este servicio, pero les aseguro que si tienen que linkear algún sitio y lo hacen con su favicon les quedará muy bien.

El funcionamiento es sencillo. Basta con abrir el navegador y añadir esta url:

http://www.faviconiac.com/favicon/vidablogger.com.ar

Donde debemos modificar la parte en negrita por el sitio que deseamos. Una vez que tenemos el favicon lo descargamos a nuestro ordenador y listo, ya tenemos el favicon que deseamos.


Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

26 abr. 2009

Efecto Reflejo de tus imágenes en segundos

Hoy vamos a ver un pequeño tip para optimizar y mejorar las imágenes. Se trata de Wet Floor, un sitio donde podremos crear el clásico efecto de reflejo en una imagen, también conocido como piso mojado.

Por si no se han dado cuenta aún, el efecto reflejo se hizo muy popular en la web 2.0, por lo cual cualquier sitio que tenga imágenes con este efecto reflejo quedará bien a la moda.

Si bien este tipo de efecto se puede lograr con el fantástico photoshop, el proceso es algo engorroso, sobre todo para aquellos que no manejamos bien dicho programa. Es por eso que Wet Floor nos da la alternativa de crear el efecto reflejo de forma totalmente online, sin requerir registro y en tan solo segundos.

Para ello nos dirigimos a Wet Floor clickamos examinar y elegimos la imagen que deseamos de nuestro ordenador. Hacemos click en Enviar Imagen y en segundos obtenemos nuestra imagen con el efecto reflejo. También podemos cambiar algunas variables como la opacidad del reflejo o el tamaño del mismo.

Enlace | Wet Floor

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

25 abr. 2009

Crear un Mensaje de Bienvenida en el blog

Hoy vamos a ver uno de los trucos que me han pedido bastante por email. Se trata de colocar un Mensaje de Bienvenida al Blog, el cual aparecerá solamente en el Home, y al cual daremos un aspecto diferente del resto del blog para que resalte.

Es una forma de dar bienvenida a los usuarios y de recomendarles algunas cosas que creemos que le interesarán, a la vez de proporcionarles información breve acerca de los temas que trata el blog, o bien pueden usarlo para lo que crean necesario.

Para añadir el Mensaje de Bienvenida al blog debemos ir a la Edición HTML de la plantilla (Diseño --> Edición HTML) y buscamos el siguiente código:

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog'
type='Blog'/>
</b:section>

y justo antes del mismo añadimos esta sección:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='main' id='main-dos'
showaddelement='yes'>
<b:widget id='HTML50' locked='false' title=''
type='HTML'/>
</b:section>
</b:if>

Guardamos los cambios y ahora nos dirigimos a Diseño, donde veremos que aparece un gadget HTML nuevo (que acabamos de añadir al agregar el código anterior) en la parte principal del blog, tal como muestra esta imagen:


Hacemos click en "Editar" ese gadget y pegamos el código del Mensaje de Bienvenida, el cual puede ser algo así como este:

<div class="mensaje">
<h2>¡Bienvenido!</h2>

<img
src="http://img155.imageshack.us/img155/3627/34283694.jpg"/>
<p>Bienvenido a mi blog: VidaBlogger - Ayuda para
Blogs</p>
<p>Espero que lo que veas aquí sea de tu
agrado y pases un buen momento con nosotros.</p>
<p>¡Estás en tu casa! Por lo cual
puedes leer y comentar lo que quieras.</p>

<p>Si quieres puedes suscribirte a mi <a
href="http://feeds2.feedburner.com/blogspot/hnBy">feed</a>
</p>

<p>Y si necesitas contactar conmigo, puedes enviarme un
<a
href="mailto:TU-EMAIL@hotmail.com">email</a></p>

</div>


Con estos pasos ya tenemos un Mensaje de Bienvenida, podemos dejarlo tal como esta o bien darle un poco más de estilo para que quede más bonito. Para ello nos dirigimos a Diseño y buscamos ]]></b:skin> y justo antes de eso pegamos este código:


.mensaje{background:#B7D3D9;padding: 10px;font-size: 14px;}
.mensaje h2{font-size: 22px; margin: 0 auto; color: #fff; font-weight:
bold;text-align: center; }
.mensaje a{font-weight: bold; color:#fff;text-decoration:underline;}


Si queremos cambiarle el color de fondo debemos modificar donde dice background:#B7D3D9 por el número del color que quieras (para saber los colores visita este post Generador de Colores)

El resultado de todo lo que hemos hecho hasta aquí se verá de esta forma:


Como pueden ver, ese es un ejemplo de mensaje de bienvenida. Pueden escribir en él lo que quieran, lo mismo que cambiar la imagen que tiene de adorno (o sacarla si no quieren imágenes).

Para cambiar la imagen solo editamos la parte que dice:

<img
src="http://img155.imageshack.us/img155/3627/34283694.jpg"/>

por: <img src="URL-DE-TU-IMAGEN"/>


Espero que les sea de utilidad!

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

24 abr. 2009

Black Hat SEO: Técnicas que NO debes usar

Hoy quiero hablarles de una cosa que tiene que ver con SEO pero que no es SEO precisamente. Se trata de un término conocido como Black Hat SEO, y hace referencia a la utilización malintencionada de técnicas SEO para lograr un posicionamieto en buscadores de forma engañosa. Sería algo así como lograr que las personas que busquen, por ejemplo, información sobre autos, caigan a nuestro sitio que habla sobre plantas, es decir, algo que no tiene nada que ver.
De más está decir que este tipo de técnicas está penalizada por Google, por lo cual no es recomendable practicarlas bajo ninguna circunstancia. Justamente se las explico para que sepan lo que NO deben hacer, si es que no quieren que su blog se pierda en lo infinito de internet.

Bien las técnicas de Black Hat SEO son muchas, y por el momento veremos cuales son las más utilizadas.

1- Keyword Stuffing (Rellenar con palabras claves). Sería como colocar muchas palabras claves para lograr posicionamiento en buscadores. Recordamos que hace un tiempo dimos algunos consejos sobre palabras claves, y ahí hablabamos de que la cantidad de palabras claves por post no debía ser mayor al 10%. También se habla de Keyword Stuffing cuando ponemos la palabra clave por mas que no tenga que ver con el artículo en cuestión.

2- Doorway Pages (Páginas de Entrada). Son páginas webs creadas pura y exclusivamente para realizar spamdexing, y consiste en la inserción de los resultados para determinadas frases, con el propósito de enviar a los visitantes a una página distinta; es decir, es como hacer spam en un motor de búsqueda. Lo que hacen es colocar un enlace con un anchor text que no tiene nada que ver con el contenido de la url de destino. Por ejemplo, cuando hago click sobre la palabra Ayuda y me envía a un portal de juegos.

3- Palabras Encubiertas. Son palabras que si bien están dentro del contenido, los visitantes no las pueden ver ya que están escondidas con el mismo color que el fondo del blog. Si bien nosotros no las vemos, los crawlers si las toman como parte del contenido y son enlaces que ellos ganan a los sitios que quieren.

4- Cloaked Pages (Páginas Encubiertas). Estas son páginas diseñadas para desviar la atención de los crawlers, las cuales no son visitadas por los usuarios. Lo que hacen es indiarle a los crawlers mediante un código que visiten otra página, la cual está diseñada específicamente para que los buscadores la posicionen en primer lugar, y que nada tienen que ver con el contenido del blog.

Como les dije, estas son 4 de las principales técnicas Black Hat SEO. Espero que las conozcan y que nunca, bajo ninguna circunstancia, las practiquen, ya que tarde o temprano serán descubiertos y penalizados.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

23 abr. 2009

Plantilla Blogger: Black Nero

Hoy vengo a presentarles una nueva plantilla para descargar. Se trata de Black Nero, un template ofrecido por btemplates.com con un diseño bastante minimalista y muy completo, donde tenemos practicamente todo lo que necesitamos para hacer un buen blog.




Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

22 abr. 2009

Guia de Referencia SEO

Muchos de ustedes sabrán que lograr que nuestro sitio sea visitado por muchas personas no es tarea fácil de conseguir. Se requiere de mucho tiempo, dedicación, postear regularmente, algunos trucos SEO, y sobre todas las cosas crear contenido de calidad.

Como aparecer en las primeras posiciones de Google no es tarea fácil, es importante organizar y planificar una estrategia SEO cada vez que iniciamos un blog para que logremos el objetivo de forma lo más rápido posible.

Es por eso que hoy quiero mostrarles este pequeño PDF titulado "Guía de Referencia SEO". Se trata de un pequeño archivo en formato PDF y con un tamaño de tan solo 1 página en la que nos explican tips interesantes respecto del SEO, todo organizado en cuadros sinópticos muy fáciles de entender.

Los temas que toca son:

- SEO Planificación
- SEO Arquitectura
- SEO Promoción
- SEO Reports

Como les dije, es algo muy rápido para leer, muy fácil de entender y muy práctico y eficaz. Espero que lo aprovechen.

Enlace | Guia de Referencia SEO

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

21 abr. 2009

Alternativas Adsense Parte II: Smowtion Media

Siguiendo un poco con la iniciativa de mostrar las diversas formas que tenemos de monetizar nuestros blogs con sistemas más allá de adsense, hoy vamos a ver la Parte II de Alternativas Adsense, siendo el sistema que analizaremos Smowtion Media.

Rentabiliza tu sitio!

Smowtion Media es una compañía bastante nueva que se caracteriza por pagar por eCPM:

Trabajamos con CPM, CPC y CPA, la sumatoria del rendimiento de estos tres tipos de campañas, se denomina eCPM (Effecitve Cost Per Mille, es decir, cuando ganaste en verdad, cada mil impresiones).

El sistema funciona muy sencillo. Basta adicionar un sitio, el cual será dado de alta manualmente tras checkear que cumpla con las políticas del programa, y luego tendremos acceso a la colocación de banners de distintos tamaños para añadir a los blogs.

El panel es muy limpio, ordenado y las estadísticas muy completas, por lo que no tenemos problemas para entender los números de ganancias, impresiones, etc.

SmowtionMedia es compatible con otras redes de publicidad contextual del tipo Google Adsense o Exponsors. Los pagos se emiten por cheque, ATM y PayPal.

Les dejo este video explicativo acerca de Smowtion Media:




Para más información pueden visitar las Preguntas Frecuentes.

Enlace | Regístrate en Smowtion Media.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

20 abr. 2009

Optimizar titulos en Blogger

Hoy vamos a ver un pequeño truco SEO que nos ayudará a optimizar los títulos de nuestro blog para lograr un mejor posicionamiento en buscadores, lo que se traduce a un aumento de visitas al blog.

El truco es sencillo, para hacerlo debemos acceder a la Edición HTML de nuestra plantilla (Diseño --> Edición HTML) y buscamos el siguiente código:

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

y lo reemplazamos por este:

<!--Optimizar titulo-->

<b:if cond='data:blog.pageType == "item"'>

<title><data:blog.pageName/> |
<data:blog.title/></title>

<b:else/>

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

</b:if>

<!--Fin de optimizar titulo-->


Con estos cambios logramos que el título de las entradas aparezca así:

Antes:

VidaBlogger - Ayuda para Blogs: Añadir Contadores para Blogs

Después:

Añadir Contadores para Blogs | VidaBlogger - Ayuda para Blogs


Al tener el título de la entrada antes del título del blog favorecemos la posición en buscadores de dicho post.

Vía | ConexiónBlogger

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

18 abr. 2009

Iconos de Redes Sociales

Si eres blogger seguro que conoces la importancia que pueden llegar a tener las redes sociales para nuestro sitio. A modo de síntesis podemos decir que es una de las mejores formas que tenemos para dar a conocer nuestro blog.

Es por eso que es importante dar a los visitantes de nuestro blog la posibilidad de tener acceso a los diferentes perfiles de redes sociales en las cuales participamos. Para ello hoy vemos una excelente colección de iconos de redes sociales que nos ofrece la gente de WebDesignLedger.

Enlace | WebDesignLedger

Vía | PuntoGeek

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

17 abr. 2009

Perfiles Web: Analizando los mejores sitios de internet

Hoy quiero hablarles de un sitio muy particular e interesante. Se trata de Perfiles Web, un lugar donde analizan y nos informan acerca de los mejores sitios de la web y todas sus novedades.

Como podemos ver, en Perfiles Web realizan análisis específicos de determinados sitios, informándonos acercad e sus características, sus funciones y sus novedades, para estar siempre informados y sacarles el máximo provecho.

Un ejemplo muy interesante es el análisis hecho a la popular red social MySpace. Como vemos, nos informa sobre lo que es y cuales son sus principales funciones para que logremos entenderla y aprovecharla al máximo.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

16 abr. 2009

Mide la popularidad de un blog

Hace un tiempo publicamos una página web en la cual podíamos ingresar la url de nuestros blogs y obtener información importante referida a ella. Hoy en día esa página que recomendamos está caída, y como varios fueron los que me pidieron una alternativa, aquí se las presento.

Se trata de urlMetrix, una aplicación web que nos muestra la popularidad de un determinado sitio viendolo desde la óptica de los principales buscadores.

El funcionamiento es muy sencillo, pues basta ingresar la url del sitio sobre el cual queremos obtener la información y en cuestión de segundos obtendremos los datos más relevantes como son el PageRank de Google, el Ranking Alexa, Technorati, Quantcash y muchos otros más.

Una de las interesantes posibilidades que nos brinda es la posibilidad de ingresar en cada resultado a la página oficial de dicho ranking para obtener más detalles al respecto.

En fin, urlMetrix es un muy buen sistema para hacer un checkeo general de nuestros blogs y obtener todos los resultados en un mismo lugar, a la vez de poder acceder a estadísticas más precisas si es que lo deseamos.

Enlace | urlMetrix

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

15 abr. 2009

Plantilla Blogger: Typebased

Siguiendo con la práctica de publicar regularmente plantillas para blogger, hoy vemos esta hermosa plantilla llamada Typebased.

Typebased es un diseño de imagen muy elegante y distribución gratuita, creado originalmente por WooThemes y ahora traído a Blogger por BTemplates.

Características:

* Definición de colores en el panel.
* Tres columnas principales.
* Menú personalizable.
* Buscador interno.
* Preparado para publicidad 125×125.
* Pie de página widgetizado.

Demo | Descargar

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

14 abr. 2009

Añadir "Posts Relacionados" mediante un Gadget

Vamos a ver como añadir "Posts Relacionados" al final de cada post para que los lectores puedan seguir leyendo aquellos artículos que tengan la misma temática.

Este truco ya lo habíamos explicado en esta entrada: Añadir "Artículos Relacionados" y creo que el resultado que se obtiene con ese post es mejor que el que explicaremos ahora. La ventaja del truco de hoy es que es más fácil de aplicar que el anterior (aunque aquél no es muy difícil).

El sistema que utilizaremos es LinkWithin, y él se encargará de hacer todo por nosotros. Lo que hacemos es acceder a LinkWithin y completar los datos que nos pide en el recuadro de la derecha con nuestro email, el link del blog y la plataforma que usamos, y clickamos en Get Widget.

Ahora nos aparecerá una nueva página, donde sólo debemos clickar en Install Widget y nos aparecerá una imagen como la siguiente donde debemos elegir en cual de nuestros blogs añadirlo (si es que tenemos más de 1 blog) y le colocamos el título que deseamos, algo así como "Posts Relacionados", o "Artículos Relacionados", o como deseamos, y hacemos click en Añadir Artilugio.

Una vez colocado, guardamos los cambios y listo, ya tenemos aplicado el gadget con los Artículos Relacionados en nuestro blog.

Nota: no importa en que parte del blog añadimos el gadget, ya sea en la sidebar o en cualquier lugar, éste sólo se mostrará al final de cada post automáticamente.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

13 abr. 2009

Optimiza el tiempo de carga de tu blog

Seguramente les ha pasado más de una vez de entrar a un blog y esperar muuucho tiempo hasta que este se cargue por completo, lo que resulta realmente molesto e incluso genera ganas de abandonar dicho sitio.

Y más que todo sabiendo que la información en internet es muy amplia y se pueden encontrar cosas similares en muchos sitios, entonces ¿para que esperar a ese que tarda tanto si puedo ir a otro sitio y ver la misma noticia?

Es así como el simple error de tener un blog que tarde mucho tiempo en cargar haga que los visitantes prefieran visitar otros sitio en lugar del nuestro para ver determinadas noticias o posts, lo que resulta en la pérdida de las visitas a nuestro blog.

Vamos a ver hoy algunos consejos básicos para optimizar el tiempo de carga de nuestro blog, y lograr que la experiencia del visitante sea más placentera en el sitio.

Veamos los siguientes tips:

1- Publica pocas entradas en el home del blog. Es recomendable no tener más de 5 o 6 entradas en la página principal del blog, ya que si tenemos demasiadas el sitio tardará en cargar por la cantidad de contenido. Los lectores podrán acceder al contenido del blog a través de las categorías, etiquetas, artículos relacionados, etc... por lo que no es necesario tener tantos posts en el home.

2- No utilices muchos scripts. Utiliza solo los que sean estrictamente necesarios, ya que ellos son una de las principales causas del enlentecimiento al cargar.

3- Evita los textos largos. La tendencia general de los usuarios es no utilizar el scroll, por lo que tener pocos posts por página y usar el "Leer más..." en los posts es una buena alternativa.

4- Optimiza las imágenes. Intenta recortar las imágenes de gran tamaño, o redimensionarlas, notarás una mejora en la carga de las mismas sin perder la calidad.

5- Utiliza alternativas. Una buena idea es usar alternativas para intentar decir algunas cosas. Un ejemplo sería explicar cosas con imágenes o videos, ya que muchas veces pueder servir para horrar unas cuantas explicar cosas sin necesidad de escribir demasiado.

Como vieron, son simples tips que pueden ser de gran ayuda y que favorecen a que el lector se sienta cómodo en nuestro blog y intente encontrar buscar estas noticias en un blog distinto del nuestro.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

12 abr. 2009

Iconos de redes sociales al estilo Twitter

Últimamente es mucho lo que se habla de twitter en la blogósfera, tanto que cualquier blogger debería saber qué es y para qué sirve twitter.

Y para aquellos que sabemos bien qué es y cuales son sus ventajas, vemos como este sistema de micro-blogging se da a conocer día a día y no sólo por su nombre, sino también por sus íconos. Ya es lo suficiente conocido como para asociar al típico "pajarito" con twitter, y es por ello que hoy les traigo esta colección de íconos donde trasladan el ícono del pájaro twittero a otras redes sociales.

Esta colección incluyer 8 íconos de alta calidad para redes sociales inspirados en Twitter.

Enlace | Descargar

Vía | Monkey Works Illustration

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

10 abr. 2009

ForoBETA: Un lugar de encuetro para Bloggers

Hoy quiero mostrarles un nuevo proyecto, que si bien no es mío, estoy participando activamente para ayudar a que crezca. Se trata de ForoBETA, un foro dedicado a webmasters en general y a los bloggers en particular.

La idea del foro es reunir a bloggers y webmasters para generar una comunidad en la que se puede encontrar ayuda, información, novedades y demás temas relacionados al blogging en general. Podrás encontrar con quién intercambiar enlaces, banners, información, ayuda, etc...

Otro de los puntos fuertes del foro es relacionado a los negocios electrónicos, que gracias a el sistema iTrader que incorpora, podemos realizar compras y ventas de enlaces o banners de manera segura con los demás usuarios.

Además de todo lo dicho, no deja de ser un foro donde podemos relacionarnos con el resto de los usuarios y generar una agradable comunidad. En fin, los invito a que se registren en ForoBETA y ayuden a que el foro crezca.

Enlace | ForoBETA

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

9 abr. 2009

Checkea si tu nombre de usuario está ocupado

Nos pasa bastante seguido cuando queremos registrarnos en un sitio el ver que el nombre de usuario que deseamos está ocupado, y eso nos enfada bastante.

Para evitar enfadarnos, ha sido creada esta herramienta llamada NameCheck, la cual checkea la disponibilidad de un determinado nombre de usuario en 72 de los más importantes sitios de la web.

Esta herramienta es útil para cuando nos preguntamos si podremos usar nuestro nickname preferido en tal o cual sitio, incluso antes de intentar registrarnos y que nos aparezca el típico cartel de "Error - Este nobmre de usuario ya ha sido ocupado". Además, para todos aquellos que están lanzando un nuevo sitio y quieren promocionarlo en las principales redes sociales, pues aquí tienen a las más importantes para hacerlo.

Enlace | NameCheck

Vía | BloggingTips

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

8 abr. 2009

Mostrar Posts Aleatorios en la sidebar

Una de las modas que hay entre los blogs es la de tener un gadget que muestre los últimos comentarios, los posts más vistos, o los más votados, etc.

Siguiendo con esta "moda" hoy veremos cómo crear un gadget que muestre posts aleatorios en la sidebar. Si lo pensamos bien, este truco es muy útil, ya que muestra a nuestros lectores posts que a veces han pasado sin mucha repercusión y cómo hace tiempo los creamos ya casi nadie los ve. Además, cada vez que se recargue la página se mostrarán nuevos posts, por lo que cualquiera de los posts que hayas creado será mostrado.

Para realizarlo debemos ir a Diseño --> Elementos de Página --> Añadir un gadget --> HTML/JavaScript. Allí le ponemos el nobmre que queremos, como por ejemplo "Posts Aleatorios", "Artículos al azar", o como se les ocurra, y luego pegamos el siguiente código:


<div id="random-posts">
<script type="text/javascript">
function getRandomPosts(json) {
var maxEntries = 5;
var numPosts = json.feed.openSearch$totalResults.$t;
var indexPosts = new Array();
for (var i = 0; i < numPosts; ++i) {
indexPosts[i] = i;
}
indexPosts.sort(function() {return 0.5 - Math.random()});
if (maxEntries > numPosts) {
maxEntries = numPosts;
}
var container = document.getElementById('random-posts');
var ul = document.createElement('ul');
for (i = 0; i < maxEntries; ++i) {
var entry = json.feed.entry[indexPosts[i]];
var li = document.createElement('li');
var a = document.createElement('a');
a.title = entry.title.$t;
for (var j = 0; j < entry.link.length; ++j) {
if (entry.link[j].rel == 'alternate') {
a.href = entry.link[j].href;
break;
}
}
a.appendChild(document.createTextNode(entry.title.$t));
li.appendChild(a);
ul.appendChild(li);
}
container.appendChild(ul);
}
</script>
<script
src="/feeds/posts/summary?alt=json-in-script&callback=getRandomPosts&max-results=999"
type="text/javascript"></script>
</div>


Este código mostrará por defecto 5 entradas aleatorias. Si queremos cambiar este número para que se muestren mas o menos entradas debemos modificar el valor de esta variable:

var maxEntries = 5

Poniendo en lugar de 5 el número que nosotros deseamos.

Guardamos los cambios y listo, tenemos el gadget que mostrará entradas aleatorias cada vez que alguien visite nuestro blog. Pueden verlo aplicado en mi blog en la sidebar.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

7 abr. 2009

Crear un Formulario de Contacto

Si bien hemos visto en mas de una oportunidad cómo hacer para crear un formulario de contacto a nuestros blogs en blogger, hay quienes no estan muy conformes con los anteriores modelos y es por eso que ahora veremos una alternativa a dichos formularios de contactos.

Antes de empezar me gustaría que recordemos la importancia de poseer un formulario en nuestros blogs. Tener un formulario es la mejor forma que hay para que los lectores se pongan en contacto contigo ya que si bien muchos blogs tiene un chat, nosotros no estamos las 24 hs del día leyendo esos mensajes que nos deja y se pueden perder. Otra de las formas es mediante un comentario en los posts, pero hay muchas veces que lo que nos quiere decir el lector no tiene que ver con el post en sí. Otro de los beneficios de tener un formulario es para contactar temas relacionados al intercambio de enlaces/banners, o para publicidad.

Dicho esto, veremos ahora como crear un formulario alternativo a los ya explicados anteriormente. El sistema que usaremos se llama FromSpring y es bastante sencillo. Aquí estás los pasos para utilizarlo:

1- Accedemos a FormSpring y creamos una cuenta de usuario gratuita (Free). Completado el registro recibiremos un email de activación de la cuenta, el cual debemos de seguir para copmletar el registro y loguearnos.

2- Creamos un formulario completando los pasos, introduciendo el nombre que le daremos al formulario (si tienes mas de un blog puedes identificarlos con sus nombres), y luego elegimos el modelo, el cual puede ser alguno de los prediseñados o bien el blanco.

3- Podemos añadir o quitar los campos para dejarlos a nuestro gusto.

4- Elegimos algunas de las plantillas de estilo disponibles y establece el momento de desactivación del formulario. Si seleccionamos "Never" el formulairio estará siempre disponible.

5- Por último, elegimos el formato que deseemos, el cual puede ser un enlace de texto hacia una página externa del formulario (recomendado); un scrip embeb (el cual se puede añadir a un post en el modo de edición HTML); un código HTML; y un formulario intermediario. Para las últimas dos posibilidades es necesario tener conocimientos de HTML.

Eso es todo, ya tenemos un formulario de contacto a disposición de nuestros visitantes.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

6 abr. 2009

Crear Logos Online

No todos los que tenemos blogs sabemos manejar a la perfección programas de diseño como photoshop, y se nos hace dificil crear lindos logos o banners para nuestros sitios.

Pensando en todos nosotros, la gente de Web 2.0 Logo Creator ha creado un servicio web que permite crear bellos logos en cuestión de segundos, con múltiples formas para explorar, los cuales podremos descargar a nuestro ordenador para luego utilizarlos en nuestros sitios webs o blogs.
Para obtener un logo basta ingresar a Web 2.0 Logo Creator y elegir entre las opciones que nos brinda el servicio. Una vez completado hacemos click en Create Logo y veremos cómo ha quedado el mismo, pudiendo probar una y mil veces las distintas alternativas de colores, fuentes, objetos y demás.

Una vez que tenemos nuestro logo listo, hacemos click derecho sobre el mismo y elegimos guardar como para así descargarlo a nuestro ordenador.

Como ven es muy simple de usar, y bastante efectivo para aquellos que no nos llevamos muy bien con photoshop.

Enlace | Web 2.0 Logo Creator

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

5 abr. 2009

Analiza los errores de tu blog y aprende a corregirlos

Website Optimization es un servicio web que nos permite conocer todos los problemas que tiene nuestro blog y nos muestra posible soluciones para poder arreglarlos. Además, realiza un análisis del tiempo total de carga del sitio.

El funcionamiento es bastante sencillo. Basta acceder a Website Optimization e ingresar ahí la url de nuestro blog. En pocos segundos nos realizará un completo análisis de tamaño en bytes y los segundos que tarda en cargar con distintas conexiones. Otra de las opciones es, en lugar de ingresar la url de nuestro blog, copiamos y pegamos el código (X)HTML, ponemos la url y enviamos la consulta.

Junto con el informe del tiempo de carga de las distintas conexiones, obtenemos una lista de la cantidad de objetos que integran el sitio y que están alojados externamente.

En la parte final del informe nos va a presentar los errores que tiene nuestro sitio, con las direfentes posibilidades para solucionarlos. Lo interesante de esto es que los resultados del análisis se presentan en colores para poder diferenciar bien los puntos correctos, mostrados en color verde, amarillo si es necesario mejorar algo, o rojo si merece atención rápida.

Como pueden ver, el análisis que nos brinda Website Optimization es sencillo pero completo, y espero que les sea de utilidad.

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

4 abr. 2009

Cambios recientes en el PageRank

Para aquellos que siguen día a día las estadísticas de su blog seguramente habrán notado que en estos días se produjo un Google Dance (y parece que aún se sigue produciendo), por lo cual muchos de ustedes seguramente habrán percibido un cambio en sus PageRank.

Los "Google Dance" se producen cada 3 meses aproximadamente, y consta de la actualización del deseado PageRank (PR) que le da Google a cada página, el cual da una idea de la importancia que tiene dicho sitio para el resto de la web.

Parece que, o bien esta actualización trae pocas modificaciones, o bien la danza va a durar algo más que unas horas, como solía venir siendo habitual en anteriores actualizaciones.

En lo que respecta a VidaBlogger - Ayuda para Blogs, seguimos manteniendo un PR 3, valor que alcanzamos desde el anterior Google Dance y que si bien no aumentó durante este, tampoco ha caído a un menor valor.

Ahora, si te preguntas ¿Como hacer para mejorar mi PageRank?

Si bien son muchas cosas las que debemos hacer, por lo pronto deberías comenzar a leer algunos temas sobre SEO y Posicionamiento Web.

Y en cuanto a sus blogs ¿Como los ha tratado el reciente Google Dance?

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

2 abr. 2009

Bit.ly: Acorta, comparte y vigila tus links


Tinyurl.com es un servicio muy bueno. Para el que no lo conoce, lo que hace es transformar las URLs muy largas en un link mucho más corto y práctico de manejar. Es ideal para situaciones donde tenemos un espacio limitado de caracteres para usar, como por ejemplo twitter.

Imaginemos ahora que si además de acortar las URLs, podríamos tener un sistema que lleve las estadísticas acerca del link que acabamos de acortar. Algunas estadísticas como cuantos clicks recibe el link, de dónde provienen esos links, o en que país se encuentra el usuario cuando hace click en él, etc, todo actualizado en tiempo real. Sin dudas que sería el servicio ideal.

Bueno, ese servicio existe, y se llama bit.ly. Si eres de los que utiliza mucho Twitter, seguro que esta herramienta te será de mucha utilidad. Seremos capaces de saber a que hora del día las personas hacen más clicks en nuestros links, y desde dónde provienen esos clicks. Démosle una oportunidad al sistema, de seguro que nos va a gustar.

Enlace | Bit.ly

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!

1 abr. 2009

Consejos sobre Palabras claves (keywords)

Hoy vamos a hablar un poco acerca de las Palabras Claves o Keywords. Como primer medida vamos a repasar su significado y funcionamiento.

Las Palabras Claves son las palabras para las cuales quieres aparecer en la primera posición de los resultados de Google (o cualquier otro buscador) cuando se busca por ellas. Por ejemplo, si tenenos un sitio sobre coches usados queremos que cuando busquemos por "coches usados" nuestro sitio sea el primero en aparecer en la lista y así obtener más visitas.

Lo ideal sería planear con antelación 2 o 3 palabras claves para cada página que creamos. Es decir, no hay que intentar que la misma página esté bien posicinoada para muchas palabras claves ya que es casi imposible de conseguir y no obtendremos resultados satisfactorios.

Uno de los principales consejos a la hora de escribir con palabras claves es pensar que, si bien estamos queriendo posicionar la palabra en un buscador, también estamos escribiendo para personas que son quienes realmente leen el contenido del post. Por ello hay que tratar que las palabras claves se mezclen de manera natural con el contenido del post. Sucede muchas veces que leemos posts con algunas palabras sin sentidos o que no se acoplan al post de manera natural, y eso se debe a que quien lo escribe está pensando más en el buscador que en los lectores.

Otros buenos tips a la hora de escribir son:

1. Usar palabras claves en el títulos de página y de posts.
2. Usar palabras claves en la URL de la página.
3. Usar palabras claves en el inicio del texto, y luego de forma esparcida sobre el resto del artículo.
4. Usar palabras claves en los meta tags, ya que a muchos buscadores les interesan.

Como consejo final quiero comentar sobre la cantidad de palabras claves en cada post individual. Los expertos aseguran que la cantidad de keywords en un post debe ser entre el 5% y el 10% del total de palabras del post, ya que si nos pasamos de ese porcentaje estaremos tapando el contenido del artículo. Además pensemos que si bien no interesa el contenido SEO, nuestros lectores son lo más importante.

Fuente | BloggingTips

Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger!