SEO para usuarios de Blogger.com

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

Tags:
Compártelo!
  • Gracias Claudia. Tu artículo ha sido inspiracional.

  • Le he implementado en el blog a ver si se nota en algo, interesante el articulo.

  • Pingback: 7 sitios para saber un poco más sobre SEO « Diegogalmarini's Weblog()

  • Genial!! No uso blogger, pero no esta demas tener localizada una guia de este tipo.
    Esta claro que WP es el rey en el SEO, pero abrir miras a otras plataformas siempre enriquece.
    Saludos!

  • Pingback: Anónimo()

  • Hola, el enlace de post relacionados va a una página que ya no existe. Por cierto estoy siguiendo todos los consejos y me está quedando muy bien el blog: http://www.adelgazar-dietas.net/
    Saludos

  • muchas gracias, es un buen aporte … ya lo estoy llevando a cabo y espero me ayude en mucho… saludos

  • Pingback: [Ayuda]Es correcto el SEO de mi sitio? Siento que puede mejorar y mucho..()

  • Hola gracias por el truco de seo, estoy implementandolo en mi blog de recetas que estoy creando.

  • gil

    chica seo te amo había esperado estos trucos nucho tiempo 😀

  • Wooooooooooowwww he de decir que soy una persona increiblemente sorprendido….. parte de esas cosas siempre queria lograr y pense que era muy dificil pero me has salvado la vida y dos años de estudio mil gracias con esto debo subir mis visitas..

  • En el primer tema: el titulo indicas unos cambios que hay que hacer, en otras sitios he visto este otro cambio ¿es lo mismo que el que incluyes en el punto 1 de esta pagina?Gracias

  • Me parece que este articulo esta muy bien pero creo que no consiste en poner articulos para que se visite el blog, creo que consiste en ayudar y resolver problemas hay varios que dicen que no encuentran el header-wrapper, yo tampoco y acudo al blog a ver si encuntro solucion y no la has dado ¿cierto?.
    Si no llevo razon perdona, pero creo que te falta una segunda parte: ayudar a los que no entendemos.
    Saludos.

  • Hola.
    Es la primera vez que entro en tu web y la veo muy práctica…
    He leído tu post y no me queda claro una cosa:
    Me gustaría incluir keywords en la cabecera del código html de mi web. Leyéndolo veo varias metas y no sé cuál quitar y cuál poner.

    ¿Puedes orientarme?

    Muchas gracias.

  • Gracias por la información!!! la verdad que no encontraba info como esta!! ya estoy aplicando los cambios.

  • Hola Claudia, muchas gracias por el aporte, es genial. Pero en el header-wrapper, al sustituirlo no me deja previsualizarlo porque hay algún error.
    Creo que se cual es pues abres una etiqueta y cierras dos . ¿ Crees que este puede ser el problema? Un Saludo.

  • Perdón pero no me deja poner código. A las etiquetas me refería a los divs. Abres uno y cierras dos. Un saludo

  • Pingback: Anónimo()

  • Pingback: Alguien me Ayuda con el SEO de Blogger()

  • Pingback: Consejos SEO()

  • eres mi diosa, muchisimas gracias.

  • Hola Chica Blogger no sé si algo tenga que ver la nueva actualizacion de Blogger pero no he podido realizar los puntos 3 y 4 debido a que no encuentro los codigos HTML que mencionas si me podrias dar una ayudadita sería invaluable pues estoy muy dedicado al Blog y creó fundamental la estrategia SEO del mismo. Saludos

  • Muchas gracias, acabo de encontrar este articulo, una joya 😉

  • Necesito AYUDA por favor no he podido realizar los puntos 3 y 4 alguien que me ayude. Plis mi correo arafaa00@hotmail.com

  • hola chica, me encanto tu sitio, simplificas los temas de una manera muy interesante.queria pedirte un favor por fa dale un vistazo a mis dos blogs: hiv-sidajourrnlas.blogspot.com y hiv-aidsjournals.blogspot.com, apenas comienzo en este mundo blogger y me encantaria contar con tu opinion y recomendaciones. y si sabes como puedo encontrar blogs desalud bien rankeados

  • julio

    hola chica blogger, esta muy interesante el truco, tengo una duda es necesario tener nombrado “.post” “#header” y “header-wrapper”? porque en mi blog “.post h3” esta como “.title h3”, “#header” como “.blogname” y ni que hablar del “header-wrapper” ya que no esta. Todo esta denifinido con otros nombres pero puedo entender la estructura del blog, entonces mi pregunta es: afecta en algo tener las clases con diferente nombre? o simplemente hago las modificaciones de h1 y h3 que explicaste?

  • Sigan el sentido comun si es que no salen con los mismos nombres y vayan guardando la plantilla y probando las modificaciones.
    En mi caso no encontraba el header-wraper, pero habia un Header-logo, con casi lo mismo.

    Gracias flak

  • Pingback: algun tuto sobre optimizacion plantillas en blogger ?()

  • Holas chica seo justo venia buscando esta informacion, pregunta conoces mas pag. en ingles donde poder ampliar la informacion o siquier me puede decir con que palabas en ingles encontrariaeste tema, es que la url fuente que dejastes creo que ya no funciona saludos

  • Elbis Estid Bonilla

    en el punto 2. Meta keywords & meta description me da error y no deja guardar que puede ser

  • Pingback: Esconder titulo en una plantilla? Se puede?()

  • antonio

    Hola Chica blogger. No sé si es el mejor sitio pero no encontré otro para preguntarte una duda.
    En lo relacionado a las plantillas en algun posts dice que algunas estan optimizadas para seo. Veo algunas plantillas que ponen “optimizada para seo” y en otras “seo friendly”. Me imagino que son dos formas para llamar las mismas ¿no?. Por lo que veo en el código fuente Quick Chic si parece que tiene optimizadas etiquetas de los title posts y del title blog.
    Pero en la plantilla Ligneus, no observo que tenga las etiquetas citadas modificadas. Es por ello mi duda. Entre optimizada seo y seo friendley.

    Y despues otra duda más. Los h2 de los widgets-titles no se cambian en las plantillas seo de blogger, en cambio en las de wordpress si observo que estos titulos tienen como minimo h3 o incluso h4. ¿No crees que si optimizamos para seo una plantilla habria que cambiar los h2 de los titulos de widget, de la fecha etc. para dejarlos en h3 o incluso h4.?.

    Saludos.

  • antonio

    Hola otra vez, que mala costumbre es tener un blog con la posibilidad de comentarios y hacer caso omiso de los mismos.
    Enfin gracias por no contestarme.
    No volver a tu blog y es mas, lo comentare en los mios.

  • Muy buen post!!! 🙂 Se podría hacer un tuto y hasta un libro! Si bien WordPress, o mejor dicho, sus plugins, te facilitan muchas cosas, yo creo que los blogs de blogger sí tienen una gran ventaga: Google los indexa rapidismo!

  • muy buena la explicacion hace mucho que buscaba todo lo que has puesto en esta entrada, me servira de mucho gracias

  • Hola chica blogger, muy utiles tus consejos, a pesar de los cambios de algoritmo de google los meta tags aun siguen siendo indispensables para tener un buen posicionamiento…Saludos

  • Marlon – Bolsos de Cuero

    Hola gracias por este completo minicurso de SEO para Blogger.
    Hace tiempo estaba buscandolo.

  • Gracias, ando aprendiendo algo de SEO y me viene de fábula

  • Gracias por la info. Acabz de nacer mi tienda online y mi blog, realmente es lo que buscaba para el
    seo-blog

    http://parafarmaciaintegral.blogspot.com/

    Gracias

  • Ha sido de gran ayuda para mi blog. Muchisimas gracias 🙂

  • Maravilloso Chica Blogger, la verdad que no sabía de estás optimizaciones, solo de las metas; pero la verdad gracias por la información, me ha costado algo de trabajo pero ya esta hecho. Saludos

  • excelente guia y en español, me ha sido de mucha utilidad!

  • Muchas gracias por esta valios ayuda, hace unos dias implemente estos cambios en el blog de mi firma y en poco tiempo pude notar cambios en cuanto a visitas en el blog, asi que he quedado muy satisfecho con tu valios ayuda.

    Saludos 🙂

  • andres

    d

  • Hola claudia recibe un saludo. te cuento que la plantilla sólo me permitio hacer las modificaciones 1 y 2.
    Con el paso 3 me daba error al guardar el 1 cambio y pues no seguí con el otro cambio siguiente.
    Con el paso 4 encontré en la plantilla in header h1 pero no tine la misma descripción o contenido al que tu muestras entonces me dio temor reemplarlo .

    Mil gracias por tu ayuda, estaré muy pendiente.

  • Pedro

    Hola chicablogger, hice el cambio del punto 1 pero me sigue apareciendo titulo del blog/titulo del post, te copio el código como me quedó en mi blog, quizas he cometido algun error:




    |



    ~

  • Pingback: Como ganar más dinero con Adsense Trucos y Recursos Guía completa()

  • Pingback: Ayuda Para Tu Blog Optimizar HTML En Blogger()

  • Hola Chica Blogger, tengo una duda y esque en mi plantilla(mínima) aparece dos veces

    asique yo he modificado el segundo siendo el primero un poco distinto al mostrado en tu explicación. Ahora mi pregunta haha, ese primer código
    que no he modificado sigue con el encabezado h3, ¿lo cambio a h2 y h1 como los otros?

    ahh y en la parte de cierre original de este código de plantilla el mio cierra con doble

    ¿Por qué es así en el mío y los demás no?

    y todas las secciones /*Mobile y perfil*/ las puedo eliminar?

    GRACIAS !!:)

  • Muchas gracias por la info^^