Dos Formas De Mejorar Tu Visibilidad En Google (Para Blogger)

Hola amigos y amigas, antes que nada aclaro que estoy lejos de ser un experto en SEO, por lo que si el término "visibilidad" refiere a alguna cosa más concreta en este mundo pido perdón por usarlo de mala manera. 

En este caso particular con "visibilidad" me refiero específicamente a la forma cómo Google muestra nuestro blog y no a la posición que este ocupa en los resultados de búsqueda (a lo que yo llamaría posicionamiento).   

Concretamente lo que quiero mostrarles en este artículo es cómo transformar esto:

En esto:

Perdón por la calidad de las imágenes, pero como diría mi abuela "es lo que hay"!

¿Cuáles Son Las Diferencias?

Creo que bastante claro, pero vamos a mencionarlas. Básicamente (y como dice el título del post) son 2.

La primera:

• Primer resultado: El nombre del blog aparece antes que el título del artículo, esto provoca que el título del artículo no esté completo lo que provoca que quien está buscando no pueda leer el título completo. En mi ejemplo no se muestran palabras muy importantes como "De Calidad", "(.edu)" y "Gratis". 
• Segundo resultado: Se muestra el título de la entrada antes que el nombre del blog. De esta forma si el título es muy largo y algo queda sin mostrarse mejor que sea el nombre del blog. En mi ejemplo vemos que las palabras importantes que mencioné antes quedaron todas dentro del resultado de búsqueda y el nombre del blog quedó fuera de él.

La segunda:

• Primer resultado: Muestra la URL completa de la entrada (en este caso http://www.seba.com.ar/2014/08/poner-twitter-en-blogger.html). No se ve en el resultado la etiqueta de la entrada y la persona que está buscando no tiene una referencia rápida sobre la temática de la misma.
• Segundo resultado: No muestra la URL sino la etiqueta (categoría) de la misma con un enlace directo a ella y uno a la página de inicio del blog (en este caso www.seba.com.ar > SEO ). Esto genera 3 enlaces a nuestro sitio: El principal a la entrada correspondiente y dos en la ruta de navegación (inicio del blog y lista de entradas en la categoría correspondiente). Al mismo tiempo quien está buscando algo tiene una referencia rápida sobre la temática general de la entrada (en este caso el SEO).

¿Por qué son importantes estas diferencias? 

A nivel posicionamiento no creo que esto influya, aunque nunca se sabe... Pero estas sutiles diferencias son las que van a determinar tu CTR para una búsqueda determinada. 

¿Qué es el CTR? Es la abreviación de "Click Through Ratio" y se refiere a la cantidad de clicks que obtienes frente al número de veces que se muestra tu web. Para dejarlo claro vayamos a una pregunta importante ¿De qué sirve estar primero en google si nadie hace click en el resultado de tu sitio? Si la forma en que se muestra tu sitio no es atrayente para quien busca no hará click por más que se encuentre entre los primeros resultados.

En este punto es cuando se me ocurre que tal vez un "Cómo aumentar el CTR de nuestro blog" sería un título más adecuado, pero como no se si todo el mundo conoce este concepto mejor mantengo el que pensé al comienzo.

Sin más presentación vamos a la explicación de los dos cambios que haremos, como siempre antes de cambiar algo en nuestra plantilla es conveniente crear una copia de seguridad de la misma:

1- Poner el título de la entrada antes del nombre del blog.

Esto es bastante sencillo y está muy explicado en varios blogs. Para lograrlo nos dirigiremos a:

• Menú Principal -> Plantilla- > Editar HTML  

En el código de nuestra plantilla buscaremos la siguiente linea:

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

Y la reeplazaremos por: 

<b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title><b:else/> <title><data:blog.pageTitle/></title></b:if>

En este caso aparecerá: "Titulo de la entrada | Nombre del Blog". Si lo deseas puedes reemplazar esa barra vertical (|) por el símbolo que desees (un guión, dos puntos o lo que quieras).

Eso es todo para lograr el primer cambio ¿Facil verdad?

2- Añadir una ruta de navegación o "Breadcrumbs" en Blogger

Esto es un poco más complicado (no mucho, solo un poco), pero gracias a la explicación de ciudadblogger.com podremos hacerlo sin problemas.

Para lograrlo nos dirigiremos a:

• Menú Principal -> Plantilla- > Editar HTML  

En el código de nuestra plantilla buscaremos la siguientes lineas y agregamos lo que está en rojo.

<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>
<data:adStart/> 

Luego buscamos un poco más arriba la linea: 

<b:includable id='main' var='top'>

Y justo antes de ella añadimos el siguiente código:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Estás en: <a expr:href='data:blog.homepageUrl' rel='tag'>Inicio</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</b:if>
</b:loop>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Estás en: <a expr:href='data:blog.homepageUrl'>Inicio</a> &#187; Archivos de <data:blog.pageName/>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
Estás en: <a expr:href='data:blog.homepageUrl'>Inicio</a> &#187; Todas las entradas
<b:else/>
Estás en: <a expr:href='data:blog.homepageUrl'>Inicio</a> &#187; Entradas etiquetadas bajo <data:blog.pageName/>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

Con esto ya tendremos nuestra ruta de navegación funcionando. Para darle un poco de estilo buscamos la sección de nuestra plantilla donde se encuentran los estilos CSS (]]></b:skin>) y ahí añadimos:

.breadcrumbs {
border-top: 2px ridge #2E2E2E; /* borde superior */
border-bottom: 2px ridge #2E2E2E; /* borde inferior */
background: #D8D8D8; /* color de fondo */
padding: 5px;
margin-top: 10px;
margin-bottom: 10px;
}

Modificamos estos valores para que se adapte a nuestra plantilla y listo. 

Para Concluir...

Con esto ya tenemos los dos elementos que necesitamos para modificar la forma en que nuestro blog se muestra en los resultados de búsqueda. Por supuesto esto es solo la punta del iceberg. Hay muchas cosas más que podemos realizar y que espero poder ir compartiendo de a poco (por ejemplo mostrar nuestra foto de perfil de Google en los resultados de búsqueda) y que nos ayudarán a mejorar nuestro CTR.

Pero por hoy esto ha sido todo. Si te gustó esta entrada por favor deja n comentario, comparte en tus Redes Sociales o realiza las dos acciones. No te llevará más de 1 minuto hacerlo y me ayudará a mejorar el blog cada día. Saludos y hasta la próxima.

Dos Formas De Mejorar Tu Visibilidad En Google (Para Blogger) « Un Tal Seba http://t.co/aEjWbTdyVg

— Seba (@SebaAlante) agosto 28, 2014