Blogger

SEO para usuarios de Blogger.com

Publicado por Claudia en Abril 16, 2009

SEOHace un tiempo leí un artículo que decía que Blogger no es bueno para el SEO porque no permite incluir etiquetas, sólo categorías. No obstante, a pesar de que para Blogger no existan plugins como All in one SEO pack, siempre es posible aplicar pequeños trucos para optimizar el posicionamiento en buscadores.

Magz Network publicó una pequeña guía SEO que puede aplicarse fácil y rápidamente a cualquier plantilla, y que se basa fundamentalmente en utilizar los siguientes trucos:

1. Cambiar la forma en que se muestran los títulos del blog

Normalmente, éstos se muestran como Título del blog: título del post (al ver posts individuales), pero la idea es que éstos se muestren como Título del post | Título del blog. Para ello, es necesario buscar al inicio de la plantilla:

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

Y reemplazar por

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

2. Meta keywords & meta description

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>

3. Cambiar encabezados (en los títulos de los posts)

Usar encabezados H1 para los títulos de los posts (con condicionales), en vez de H2 ó H3 (como en la plantilla mínima). Para ello, es necesario hacer dos cambios:

En los estilos (en la plantilla mínima), buscar algo como:

.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;
}

Reemplazar por:

 
.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;
}

Luego, con los artilugios expandidos, buscar el siguiente código:

<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 reemplazar por:

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

4. Cambiar el encabezado principal (título del blog)

Buscar:

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

Cambiar por:

#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 cambiar el contenido de la sección header-wrapper (etiquetas “div” incluidas) por:

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

Y para finalizar, siempre es recomendado mostrar los posts relacionados y botones para redes sociales.

Fuente: Complete SEO Guide for Blogger Templates.

Posts relacionados

Tags: Wikio

47 Comentarios

Iván
Abril 16, 2009

Un post de lo más interesante, sin duda. Siempre destaco de alguna forma las desventajas que sufren los usuarios de Blogger en comparación con otras plataformas o con un CMS instalado en hosting propio. Sin duda, esta es una de esas cosas que eliminan las limitaciones de Blogger.

Lo publicaré en Twitter ;) Un saludo!

THEbatzuk
Abril 16, 2009

¿No habrá problema al haber más de un H1 en la portada?

Yo apliqué ese truco pero cambiándolos a h2.

Un saludo.

Adrian
Abril 17, 2009

Que buen post, yo he sido uno de esos que vio el mensaje en twitter, y ya lo aplique en mi blog. Saludos

Aitor
Abril 17, 2009

Justamente estoy montando una nueva plataforma sobre Medicina 2.0 y he aplicado estos tips.

Gracias.

Claudia
Abril 17, 2009

@Iván: Gracias! :D

@THEbatzuk: Creo que si aplicas la misma lógica, deberías tener el problema si pones H2, porque los títulos de la sidebar usan H2. Pero no, no pasa nada si cada encabezado tiene su propia clase, como en este caso ;)

Zarandajas
Abril 17, 2009

Hacia tiempo que buscaba un entrada sobre este tema, y esta perfectamente explicado, me pongo manos a la obra. Muchas gracias.

Aprender Inglés
Abril 17, 2009

Muy interesante, ya he utilizado algunas de estas “optimizaciones”. Supongo que el hecho de que blogger sea una plataforma de google también ayudará! ;)

THEbatzuk
Abril 18, 2009

Jeje, tienes razón. Gracias

Crea tu propio acortador de direcciones en Wordpress | Chica Blogger
Abril 22, 2009

[...] RelacionadosSEO para usuarios de Blogger.comOinkURL: Pídele al cerdito que te acorte la [...]

meaviso
Abril 22, 2009

Hola Chica Blogger, para que veas qu te leo, te envio algunos pings desde el mejor blog (el tuyo)

7 sitios para saber un poco más sobre SEO
Abril 27, 2009

[...] SEO para usuarios de Blogger.com [...]

How I Lost Thirty Pounds in Thirty Days
Mayo 4, 2009

Hi, nice post. I have been wondering about this topic,so thanks for writing. I will certainly be coming back to your site.

Raul
Mayo 14, 2009

Hola que tal chica blogger puedes ayudarme cambie los h3 por h1 pero aumenta mucho el tamaño de los titulos de los post, como puedo cambiar el tamaño?

Claudia
Mayo 19, 2009

Raul: Puedes disminuir el tamaño del texto cambiando el valor del atributo “font-size”.

*Hice algunos cambios en la entrada para mostrar los títulos H1 con condicionales y que no haya problemas con eso (H1 para el título en la página principal, H1 para los posts en entradas individuales).

mj
Mayo 20, 2009

para cualquier cambio que hago editando html, me dice:

No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The element type “Variable” must be terminated by the matching end-tag “”.

alexis dieser
Mayo 20, 2009

sos una genia muchas gracias

Claudia
Mayo 21, 2009

@mj: asegúrate de que las etiquetas quedeb bien cerradas :)

mj
Mayo 25, 2009

Hola de nuevo, conseguí ver mi fallo y guardar los cambios. Ahora os pregunto, a modo de recomendación, incluir meta datos para post concretos, incluyendo el código en la página principal, o veis opciones más sencillas y eficaces?

Claudia
Mayo 26, 2009

No me queda clara la pregunta :O
¿Incluir meta datos para post concretos? No lo creo…

mj
Mayo 29, 2009

lo he leido aqui:

http://www.hellogoogle.com/posicionar_blogger_blogspot/

robert
Mayo 30, 2009

demaciado, buen tutorial, se agradece mucho *w*

me encanto tu web , gracias por todo :D

Claudia
Junio 2, 2009

@mj

Uh, no había visto eso! Considero que añadir meta-tags para cada post, al estilo All in One Seo Pack para Wordpress, pueder ser mucha obsesión. Imagina que tienes que hacerlo con cada uno de tus posts. Marcará una gran diferencia? Realmente no lo sé.

Como decía alguien por ahí, quizás sea mejor concentrarse en que los títulos de los posts sean buenos para el SEO…

mj
Junio 2, 2009

gracias claudia! el caso es que, para hacer hincapié en ciertos post, de ciertos temas, que necesito dar más visibilidad y sobre todo, que para ciertas búsquedas en google, pueda posicionar ese post concreto… No sé si puede ser obsesivo o no, pero mi idea es elegir post “estratégicos”, digamos que algunos que se puedan potenciar… Bueno, en cualquier caso, te agradezco tu comentario, intentaré hacer la prueba y os cuento como sale….
;-)

Ivan
Junio 10, 2009

Ya me hubiera gustado encontrar un articulo tan claro como este cuando empece en esto…¡excelente! :)

La verdad es que con wordpress es todo mucho más sencillo :)

Kachi
Junio 13, 2009

Disculpa, en lo de “Keywords 1, keywords 2″ debo cambiar esas por cosas que identifiquen mi blog vea? osea el mio es de celulares…le pondria. “celulares, peliculas, juegos” y asi?

Claudia
Junio 14, 2009

Exacto, Kachi :)

Halgar
Junio 20, 2009

Muchas gracias no sabes cuanto busque lo de la optimizacion que explicas en el punto 2,3 y 4.

Excelente Blog, te agregue a mis favoritos.

Miguel
Julio 15, 2009

Que fantastica aportacion, aprovecho para mandarte un saludo, tu blog es toda una referencia para los que estamos empezando en el dificil mundo del seo en Blogger.

Roberto
Julio 23, 2009

Hola que tal tengo una consulta que me viene dando vueltas en la cabeza..
Yo tengo una plantilla que tomé para crear mi blogspot y ya lo tengo todo armado.. es necesario que ahora agregue el h1 para el encabezado de mi blog o posts??
Es decir, y a ver si con esto me puedo explicar.. que diferencia hay entre cambiarlo manualmente desde “elementos de la página” y a través de la edición html??
Es mejor en cuanto al posicionamiento en buscadores??

Desde ya muchas gracias y excelente la información

soytico.info La pagina de los ticos
Agosto 24, 2009

Muy buen aporte me sera de gran ayuda! Gracias!!!

Rosa Rueda
Agosto 25, 2009

hola Claudia!

lo primero felicitarte por el blog, hace tiempo que lo leo y es una fuente de información genial para mi.

lo segundo, quiero hacerte una consulta sobre cambiar los encabezados en los títulos del post. mi código es el siguiente:






y me gustaría saber si es correcto o bien lo tengo que modificar como explicas. luego, también tengo definidos h3 para los post, aunque los utilizo como tu, para hacer sub-titulos dentro de los post.

un saludo,
Rosa Rueda.

Jose Sicaja
Agosto 27, 2009

Y cambiar el contenido de la sección header-wrapper (etiquetas “div” incluidas)

perdon, pero no entendi este paso, porfavor chica seo me puedes ayudar, en mi blog lo tengo asi:

Home
About
Contact

comments feed
Full RSS feed

saludos y gracias por la atencion

Claudia
Septiembre 1, 2009

José:
Eso corresponde a una lista de menú. El header está delimitado por etiquetas “div”. Busca “header-wrapper” usando el buscador de tu navegador, tal como el código de arriba.

juan
Septiembre 25, 2009

muy buena aportacion

Pan casero
Octubre 4, 2009

Me parece una informacion muy pero que muy ineresante,ya vamos a cambiar alguna cosa,a ver si mejoramos algo…

yara104cobachcanderariacampeche
Octubre 9, 2009

Oolazzzzzzzzzz q ondazzzzZzZ DE DONDE ERES soy de candelaria

Michelle
Octubre 13, 2009

hola queria contarse si me puedes ayudar con un problemita que tengo lo que pasa es arriba de la foto de mi encabezado sale unos linck de Welcome hasta Interviews y tienen otras direccion de link … y las quiero cambiar pero veo el HTML y no encuentro el codigo …. me podrias ayudar plis … te deje mi email si quieres me agregas que por aqui soy bien torpe… necesito la ayuda…

Claudia
Octubre 17, 2009

Michelle:
Usa el buscador de tu navegador para buscar las palabras que quieres cambiar. Expande los artilugios de la plantilla si es necesario ;)

snake
Noviembre 8, 2009

Buenas Claudia,

primero de todo, darte las gracias porque este post me ha ayudado muchísmo, pero para cambiar el contenido de la sección header-wrapper, no encuentro esta palabra en mi plantilla, lo más parecido que encuentro es wrap,…

que debo hacer?? es muy necesario este cambio en la plantilla??

Gracias

el7eraldo
Noviembre 28, 2009

Hola te escribo pues estoy creando varios blog y he visto tu página que me parece fenomenal, y he querido hacer los cambios que tu describes pero me arroja el siguiente error:
“Declaración de variable no válida en máscara de página: La variable se utiliza, pero no está definida. Información: titlecolor” y he probado algunas cosas pero no me dan resultado, haber si tu puedes.
te dejo parte de mi codigo original
/* Typography :: Main entry
———————————————– */
h2.date-header {
font-weight:normal;
text-transform:uppercase;
letter-spacing:.1em;
font-size:90%;
margin:0;
padding:0;
}
.post {
margin-top:8px;
margin-$endSide:0;
margin-bottom:24px;
margin-$startSide:0;
}
.post h3 {
font-weight:normal;
font-size:140%;
color:$postTitleColor;
margin:0;
padding:0;
}
.post h3 a {
color: $postTitleColor;
}
.post-body p {
line-height:1.5em;
margin-top:0;
margin-$endSide:0;
margin-bottom:.6em;
margin-$startSide:0;
Quedo a la espera de tu ayuda.
De todas manera ¡Claudia¡ eres genial.
Feicitaciones.

Daniel
Diciembre 13, 2009

Hola Claudia, tengo un problema al cambiar el contenido de la sección header-wrapper. No me de ja guardar la plantilla porque me sale el error de:

“Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The element type “body” must be terminated by the matching end-tag “”.

Lo he repasado y no sé qué puede fallar. Me ayudas porfi?

Beri
Enero 31, 2010

Hola claudia. Felicidades por el sito… mola!

Tengo el mismo problema que daniel con el header-wrapper… exactamente, en la plantilla original, donde se encuentra el cierre de esta etiqueta div?

Gracias de antemano.

marcelo
Febrero 4, 2010

hola chica blogger tengo una pregunta:a mi primer entrada le puse las keyword, description y el titulo quedo muy bien ubicada. ahora… solo quiero entenderlo no me interesa demasiado el posicionamiento ok?…cuando hago la segunda entrada y supongamos que quiero optimizarla debo cambiar esas keyword,titulo y description? mi pregunta especifica es como obtengo cada pagina(entrada) bien posicionada me explico. vuelvo areiterarlo se que mi blog debe mejorar muchisimo aún recién empiezo pero quiero entenderlo nada mas…muchisimas gracias este blog está muy bueno sigue así un beso

Mke
Febrero 8, 2010

Muchísimas gracias, muy interesante, y muy útil.

ronald
Febrero 20, 2010

Tremendo post te felicito amiga lo hice tal cual y esta funcionando a la perfeccion por fin aparece mi blog en Google ;=)

Santy
Febrero 24, 2010

Alguien sabria como incluir en post individuales, una descripcion especifica, un Keywords independiente de descripcion. Vi que otros blogger lo tienen pero tras pasarmr varias horas buscando no logro encontrar con la solucion. Agradezco cualquier ayuda desde ya.
Abrazo

Leandro
Febrero 25, 2010

Excelenet informacion, muchas gracias. Un cordial saludo desde Chile.

Deja tu comentario

Nombre (requerido)
Email (requerido)
Sitio web (opcional)