domingo, 8 de agosto de 2010

SEO para usuarios de Blogger.com

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 comoAll 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 losposts relacionados y botones para redes sociales.
Fuente - chicablogger.com
Importantes: 

2 comentarios:

Anónimo dijo...
Este comentario ha sido eliminado por un administrador del blog.
diablo 3 gold dijo...

Quattro Passi per una vita di successo: 1, solitaria durata nel tempo; 2, resistere alla tentazione, 3, sanno dare, 4, imparare a scegliere
Hanno detto che la rete era falso, ho riso, come se la realtà è davvero la stessa
guild wars gold
GW GOLD
wow gold
wow gold
SWTOR Credits

Publicar un comentario en la entrada

DIRECTORIOS

http://www.trucosblogs.com/post
4.57/5 – 42 opiniones
http://www.fabricaturopa.com/post 4.57/5 – 42 opiniones