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):
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 - chicablogger.com
Interesantes:
Botón de suscribir en un lateral del blog
Como Crear un Foro en tu Blog
COMO HACER DINERO EN INTERNET: FACIL
3 comentarios:
Hola a todos de trucosblogs
Me ha salido casi todo de esto, menos lo ultimo:
Y cambiar el contenido de la sección header-wrapper por:
pero a dar al buton vista previa o guardar plantilla me dice:
No hemos podido guardar tu plantilla
Por favor, corrige el siguiente error y envía la plantilla de nuevo.
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 "div" must be terminated by the matching end-tag "
espero que me puedes ayudar, y asi puedo completar to post maravilloso....;)
Gracias por todo
Mi plantilla es nueva y no tengo las opciones del post h3
la plantilla que uso es simple de Josh Peterson
Hola leetudiario, que es lo que quieres hacer?
saludos
Publicar un comentario