SEO para usuarios de Blogger.com
Publicado por Claudia en Abril 16, 2009
Hace 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 == "item"'>
<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 == "item"'>
<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 == "index"'><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
Wikio
Hace 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 == "item"'> <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 == "item"'> <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 == "index"'><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.
47 Comentarios
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!
¿No habrá problema al haber más de un H1 en la portada?
Yo apliqué ese truco pero cambiándolos a h2.
Un saludo.
Que buen post, yo he sido uno de esos que vio el mensaje en twitter, y ya lo aplique en mi blog. Saludos
Justamente estoy montando una nueva plataforma sobre Medicina 2.0 y he aplicado estos tips.
Gracias.
@Iván: Gracias!
@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
Hacia tiempo que buscaba un entrada sobre este tema, y esta perfectamente explicado, me pongo manos a la obra. Muchas gracias.
Muy interesante, ya he utilizado algunas de estas “optimizaciones”. Supongo que el hecho de que blogger sea una plataforma de google también ayudará!
Jeje, tienes razón. Gracias
[...] RelacionadosSEO para usuarios de Blogger.comOinkURL: Pídele al cerdito que te acorte la [...]
Hola Chica Blogger, para que veas qu te leo, te envio algunos pings desde el mejor blog (el tuyo)
[...] SEO para usuarios de Blogger.com [...]
Hi, nice post. I have been wondering about this topic,so thanks for writing. I will certainly be coming back to your site.
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?
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).
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 “”.
sos una genia muchas gracias
@mj: asegúrate de que las etiquetas quedeb bien cerradas
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?
No me queda clara la pregunta :O
¿Incluir meta datos para post concretos? No lo creo…
lo he leido aqui:
http://www.hellogoogle.com/posicionar_blogger_blogspot/
demaciado, buen tutorial, se agradece mucho *w*
me encanto tu web , gracias por todo
@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…
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….
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
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?
Exacto, Kachi
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.
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.
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
Muy buen aporte me sera de gran ayuda! Gracias!!!
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.
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
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.
muy buena aportacion
Me parece una informacion muy pero que muy ineresante,ya vamos a cambiar alguna cosa,a ver si mejoramos algo…
Oolazzzzzzzzzz q ondazzzzZzZ DE DONDE ERES soy de candelaria
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…
Michelle:
Usa el buscador de tu navegador para buscar las palabras que quieres cambiar. Expande los artilugios de la plantilla si es necesario
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
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.
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?
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.
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
Muchísimas gracias, muy interesante, y muy útil.
Tremendo post te felicito amiga lo hice tal cual y esta funcionando a la perfeccion por fin aparece mi blog en Google ;=)
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
Excelenet informacion, muchas gracias. Un cordial saludo desde Chile.