Viajar por Europa

mayo 31, 2011

optimizar etiquetas titulos post

Una nueva opción que he encontrado para

optimizar las etiquetas de los títulos de blogger.


La verdad es que difiere de la clásica. En un post anterior sobre como optimizar las etiquetas de blogger h1, h2, h3.. expuse la opción clásica, aplicada a las nuevas carpetas, esta opción no le he visto en ningún otro sitio.¿Cual de las dos alternativas es la mejor? No lo sé. Hay que probar.


Te explico esta otra opción para

optimizar los titulos de las entradas

 Busca las siguientes líneas y cambialas según te indico.

1. Cambiar el titulo del post de h3 a h1 ó h2
    Encuentra 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>

Cambialo por éste otro

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 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>
</h2>
</b:if>
<b:else/>
<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:if>

2. Ahora actuamos sobre el ´título de blog.
   Busca el siguiente codigo:

<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>


Cambialo por:

<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>

Ahora busca el siguiente código:

<h1 class='title'>
<b:include name='title'/>
</h1>

Cambialo por:

<b:if cond='data:blog.pageType != "item"'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>

3. Por último se realizan los ajustes en los códigos CSS. En las plantillas nuevas esto te puede resultar un poco complicado. Ten en cuenta las definiciones de las variables "$" y las sustituyes, tambien las máscaras "#" las puedes sustituir por "." (un punto).

Lo que debes es ir probando e incluso copiar lo que se dice aquí y probar a ver la plantilla.
Busca los codigos siguientes:


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

Cambialas por

.post h1, .post h2 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;

}

.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong{
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
color:$textcolor;
}

Busca el siguiente código:

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


Cambialo por :

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


Y ahora se propone quitar la etiqueta h2 de la fecha:
h2.date-header {
margin:1.5em 0 .5em;
}

Cambiar por (se borra h2 ):


.date-header {
margin:1.5em 0 .5em;
}

Encuentra el siguiente código
<h2 class='date-header'><data:post.dateHeader/></h2>

Y Cambialo por :
<div class='date-header'><data:post.dateHeader/></div>

Bueno pues ésta es otra corriente que hay sobre como variar las etiquetas h3 de los titulos de las entradas, por etiquetas que ayuden al SEO de blogger. Yo lo acabo de aplicar a uno de mis blogs.


Aquí esta el enlace del original:

Optimizar titulos del post con H2 :Alternativa II (plantilla mínima que con lo ya explicado puedes adaptarla a la

nueva plantilla draft.blogger

5 comentarios:

  1. Hola, estoy haciendo un blog que utiliza una de las nuevas plantillas de blogger, concretamente la Awesome Inc. Buscando información sobre como optimizar las etiquetas de los títulos para SEO he visto que tenías dos artículos del mes des mayo y me gustaría saber cual debo seguir de los dos.

    En eL segundo dijiste que no lo habias probado aún, tras varios meses imagino que sabrás cual es el más eficiente. En cualquier caso, intenté poner en practica el segundo y no terminé de entenderlo muy bien.

    Dices que busquemos esto:


    < class='post-title entry-title'>











    Pero a mí me salen dos y no se cual cambiar y después lo de $ tampoco lo entiendo demasiado bien. Te agradeceria enromemente tu ayuda porque ando perdido. Un saludo

    ResponderEliminar
  2. donde buscamos todos esos codigos para sustituirlos por los que tu nos das?

    yo estoy buscando en ¨plantilla¨ / ¨edicion de html¨
    pero no encuentro esos codigos...


    gracias

    ResponderEliminar
  3. Oscar. Ante todo gracias por elegir mi blog.
    A continuación te digo: plantillas de las nuevas de blogger. ´
    Deberias indicar que plantilla es la que utilizas.

    ResponderEliminar
  4. Realmente sirve, lo probaste en tus carnes XD, pulsando CTRL U, a la de 1,2,3..., mirando tu código fuente, me sera mas útil, por cierto si quieres subir este blog, te puedo enseñar algunos trucos malvados, jejeje, nada de black seo, mas bien hacer que google muestre lo que a mi me interesa en los resultados de búsqueda, si eso lo juntas con lo que la gente busca, tachan arriba en dos días, un saludo, aquí te dejo una de mis Webs, por cierto esta en BLOGGER:

    http://www.PosicionamientoSEO.tk

    ResponderEliminar
  5. Bueno muchas gracias por participar. ¡ah! acabo de aprender el CTRL+U, je no lo sabía. Bueno leere tu blog, para ver esos trucos.
    Saludos y te sigo esperando.
    Nota.: Mi blog sobre marketing, es nuevo http://agamezcm.com
    Por si quieres dar una vuelta.
    Saludos.

    ResponderEliminar

Si haces un comentario procura que no sea anónimo y si estás solicitando algo al menos espero que votes en Google Plus. Saludos.