¿Se puede hacer buen SEO con Blogger?

domingo, julio 08, 2012

Cuando nos lanzamos a hacer un blog amateur no tenemos en cuenta un aspecto fundamental: el SEO. En los últimos meses, con el pingüino de Google y el cambio de algoritmo esto del SEO es algo que se oye mucho. Y muchos blogueros aficionados han decidido optimizar un poquito sus blogs. Lo malo es que, a diferencia de Wordpress, Blogger está un poco limitado. Pero tiene arreglo.

Si has investigado un poco el sistema Wordpress verás que cuenta con multitud de plugins muy interesantes, entre ellos el famoso "All in one SEO pack", que puede ayudarte bastante con el posicionamiento. Pero resulta que has escogido Blogger y que quieres quedarte ahí. ¿Qué haces entonces? Pues optimizarlo un poco. Aunque casi todas las plantillas modernas son "SEO Friendly", si es una que tú mismo has diseñado o que has bajado de la web pero tiene ya un tiempo, a lo mejor es necesario retocar. Antes de que empieces a cambiar como loco siguiendo estos pasos, un consejo: esto del SEO cambia en cada momento y es Google el que nos marca las normas. Así que puede que lo que hace tiempo estaba bien ahora está mal y estás penalizado. Así que lo mejor es que estés al tanto de las novedades. Pero si quieres ir comenzando, estos son algunos consejos que nos contaba hace tiempo ChicaBlogger:

Paso 1: Cómo mostrar el título del blog

Lo primero es cambiar la manera de mostrar el título del blog: Debería mostrarse como "Título del post - Título del blog", y se cambia de una manera muy fácil, sólo tienes que buscar al inicio de la plantilla en HTML:

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

Y modificarlo para poner: 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Paso 2: Los "metas"

Después hay que tocar las "metas", fundamental para que los buscadores - o mejor dicho, Google, porque vamos a ser sinceros, todo en este mundo gira ya en torno a Google - encuentren el contenido. Las meta keywords y description deben estar sólo en la página de inicio y, además, ir con condicionales para que no se dupliquen en el resto. De esta forma Google no lo descartará por estar sobreoptimizado. Para ello, busca al inicio de la plantilla:


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

Y justo antes,  insertar el siguiente texto:

<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>

Donde dice "la descripción de tu blog tendrás que poner un texto muy breve (una frase) explicando sobre qué va tu blog, así los buscadores podrán enlazarlo correctamente. Y en las keywords, lo mismo. No te pases con ellas, podrías ser penalizado.

Paso 3: Encabezados y títulos de entradas

El siguiente paso es cambiar los encabezados. Para el título de cada entrada deberías usar H1 - en la plantilla mínima usas H2 ó H3, así que manos a la obra. Tendrás que buscar algo parecido a esto:

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
color:$textcolor;
}


Y cambiarlo por lo siguiente:

.post h3, .post h1 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:bold;
}

.post h1 a, .post h1 a:visited, .post h1 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:bold;
}

.post h1 strong, .post h1 a:hover {
color:$textcolor;
}

A continuación, con la plantilla expandida deberás buscar

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Y cambiarlo por el siguiente código:

<b:if cond='data:post.title'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1><b:else/>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

</b:if>

¿Cansado? Ánimo que sólo queda un paso más.

Paso 4: Encabezado principal

Este el último paso para optimizar tu blog. Tendrás que buscar en el código fuente lo siguiente:

#header h1{
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

y cambiarlo por el siguiente texto:
#header h1, #header h2 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

Y por último, sustituir el texto de la sección header-wrapper, incluyendo las etiquetas DIV que haya dentro por lo siguiente:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Plantilla de pruebas (cabecera)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.pageType == &quot;index&quot;'><h1><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
<b:else/><h2><a expr:href='data:blog.homepageUrl'><data:title/></a></h2></b:if>
</b:includable>
<b:includable id='description'>
<div class='description'>
<p class='description'><data:description/></p>
</div>
</b:includable>
<b:includable id='main'>
<b:include name='title'/>
<b:include name='description'/>
</b:includable>
</b:widget>
</b:section>
</div>

Paso 5: Configuración de las entradas

Lo anterior era una optimización que sólo tendrás que hacer una vez. Pero este último paso es fundamental y tendrás que hacerlo siempre. Añade etiquetas a las entradas para catalogarlas y rellena la "Descripción de búsqueda". Esto servirá para que aparezca en los resultados de buscadores.

Ten en cuenta una cosa muy importante, aunque el SEO es para Google, tus entradas deben ser amigables para el usuario, así que evita las redundancia, las negritas excesivas y demasiados enlaces. Al fin y al cabo, buscas lectores, ¿no? Así que déjate de títulos crípticos y llenos de keywords y añade un poco de información extra. Para el buscador no será importante, pero para el usuario sí, y tal vez ese detalle sea el que haga que pinche en tu enlace en lugar de en otros.

Y un último consejo: habilita siempre - forever and ever - los botones para compartir en redes sociales: ayudan mucho a la hora de compartir y pueden convertirse en un gran aliado para nosotros.

Comparte esta entrada

Etiquetas: , ,

Entradas relacionadas

19 comentarios

  1. Sergio Espósito7 de agosto de 2012 a las 14:18

    Hola, hacía tiempo que estaba buscando información para ayudar a la visibilidad de mi blog, y esta es la más completa que he encontrado, voy a ponerla en práctica y luego te cuento que tal ha ido.

    Gracias y un saludo

    ResponderEliminar
  2. Marina8 de agosto de 2012 a las 15:10

    Gracias Sergio. Espero que te sean útiles estos consejos y su conoces algunos más, no dudes en compartirlos. Un abrazo.

    ResponderEliminar
  3. AGamez40013 de agosto de 2012 a las 23:21

    Te aconsejo que compares con otro artículo el de
    http://pauloandradeglez.blogspot.com.es/2011/11/optimizando-h1-h2-h3-seo-blogger.html y con otro caso más:
    la plantilla weblofolio de http://www.anshuldudeja.com con un sistema diferente.
    Si conoces el HTML de blogger sacarás conclusiones. Yo voy a iniciar el estudio comparativo.
    Son distintos los caminos propuestos pero ¿cual es el correcto?. ¡Con lo fácil que le seria a google aportar conocimiento definitivo sobre el tema!

    ResponderEliminar
  4. Marina14 de agosto de 2012 a las 12:46

    Hola AGamez. Muy interesante el link que aportas. En realidad son varios métodos para llegar a lo mismo. Fíjate que aunque difiere en varias cosas, todos llega a una conclusión: los títulos de las entradas deben ir en H1, que es la más importante.

    Pero sí, llevas razón, ¡con lo fácil que sería que Google y Blogger - que al fin y al cabo son lo mismo - nos dijeran cómo optimizarlo bien!

    Gracias por tu aportación, un saludo.

    ResponderEliminar
  5. AGamez40014 de agosto de 2012 a las 17:58

    Marina gracias por responder. He releido tu artículo, pues está muy bien redactado. Y me he dado cuenta de algo que afirmas y que yo particularmente no encuentro, me refiero a lo que dices: "casi todas las plantillas modernas son "SEO Friendly"".

    ¿Tendrías autores con templates Blogger SEO Friendly?. Solo he encontrado hasta ahora el que pongo como ejemplo con la plantilla "webfolio" .

    Una información interesante sobre ésto del SEO: acabo de visualizar en un video de Miguel Araujo (posicionamientowebya.com) y se refiere a los que hace los pluggins para wordpress (¡que envidia!) y es dar la orden a los robots para que no indexen tags y categorias (me imagino que en blogger sería para no indexar labels):

    Add no follow_meta-tag for subpages
    Add no follow_meta-tag for category pages
    Add no follow_meta-tag for tag pages
    Add no follow_meta-tag for author pages
    Add no follow_meta-tag for archive pages

    Habria que buscar la equivalencia para blogger.

    Y siguiendo con técnicas SEO aconsejo los microformats (emiliocoboscmc.blogspot.com. El único estudioso del tema que los desarrolla perfectamente).

    ResponderEliminar
  6. romma16 de agosto de 2012 a las 19:45

    buenisimo el blog lo pongo a favoritos, de hecho encontre esta pagina muy facil

    ResponderEliminar
  7. Marina21 de agosto de 2012 a las 11:55

    Hola AGamez. Disculpa la tardanza en contestar. Lo cierto es que ahora mismo no recuerdo ninguna web, pero buscando en btemplates y algunas webs de plantillas, recuerdo haber visto una etiqueta llamada "Seo friendly" con muchas plantillas. Aunque lo cierto es que ninguna tan simple y clara como la que has indicado antes.

    Con respecto a Wordpress, la verdad es que le saca la delantera a Blogger a este respecto. Los pluggins y los arreglos que se le pueden hacer fácilmente son envidiables y creo que Google debería ponerse las pilas con esto, porque ahí tiene una carencia bastante grande. Y sorprende que sea así siendo, precisamente Google, quien marca las pautas en esto.

    Voy a investigar al respecto y lo publicaré en otro post, a ver si se va aclarando la cosa.

    ¡Gracias de nuevo por participar en el blog!

    ResponderEliminar
  8. Marina21 de agosto de 2012 a las 11:56

    Hola romma, me alegra que te haya sido de utilidad esta web. :D

    Un saludo. :)

    ResponderEliminar
  9. Posicionamiento SEO16 de noviembre de 2012 a las 17:34

    Los blogs son completos y son muy utilizados tambien asi como las web normales de hecho se realizan SEO a sitios como blogs, en wordpress y otros cms conocidos eso no tiene importancia

    ResponderEliminar
  10. Ivan Velazquez21 de febrero de 2013 a las 4:45

    La ultima parte ya no me salio.

    ResponderEliminar
  11. Marina21 de febrero de 2013 a las 11:39

    Hola Kiyoshi. ¿Te refieres al punto 5 sobre las entradas individuales o al de los encabezados? ¿Qué problema tienes exactamente?

    ResponderEliminar
  12. La Aprendiente1 de abril de 2013 a las 10:53

    Gracias, y muy bien explicado!

    ResponderEliminar
    Respuestas
    1. Marina1 de abril de 2013 a las 12:47

      Gracias, Silvia. Me alegra que te haya sido útil la entrada. :)

      Eliminar
  13. Josué Juarez14 de mayo de 2013 a las 5:00

    Que bueno haber encontrado tu blog, pondré en practica algunos tips :)

    ResponderEliminar
    Respuestas
    1. Marina3 de junio de 2013 a las 21:26

      Gracias Josué, me alegra que te haya sido útil el blog ;)

      Eliminar
  14. Nestor Beltran28 de mayo de 2013 a las 2:22

    Muy bueno, gracias por la información, voy a ver en que la puedo aplicar.

    ResponderEliminar
    Respuestas
    1. Marina3 de junio de 2013 a las 21:27

      Gracias por tu visita Nestor. Si tienes dudas no tengas miedo en preguntar, y recuerda que esto del SEO va cambiando todos los días :)

      Eliminar
  15. Alcalamegusta8 de septiembre de 2013 a las 10:28

    Gracias por la información. Me es de gran ayuda. voy a hacer los cambios y le cuento

    ResponderEliminar
  16. jesus9 de marzo de 2015 a las 19:16

    yo pongo control+f y copio lo que hay que buscar ,,y pone 0 ,,,en mi plantilla no estan esos codigos ,,y es una plantilla por defecto de blogger ,,,

    ResponderEliminar

Valoro la aportación de nuevas informaciones y los enlaces con información relevante, pero no el spam ni los insultos. Todos los comentarios que no se atengan a esta norma serán eliminados.