Optimizar SEO en blogger templates

LuJo


Este post recopila los puntos que los blogs o webs alojadas en Blogger http://www.blogger.com deberían tener en cuenta como SEO para que los buscadores posicionen en mejores condiciones y repercuta en un aumento de visitas.


Ante todo, no hay que perder de vista tener implementados los sitemaps correspondientes a los principales buscadores:

- Enviar Sitemap Bing Webmasters Tools
- Sitemap e indexar con Herramientas para Webmasters
- Sitemap en Yahoo de tu web


Según Wikipedia la definición de SEO es:



Las claves son:


1. Modificar la fórmula en que se muestran a los buscadores los títulos del blog.

En Blogger se muestran como BLOG TITLE: POST TITLE, es decir primero el título del blog y después el título del post.

El siguiente código es el responsable del orden anterior,


<title><data:blog.pageTitle/></title>


Según los responsables de la guía SEO debería reemplazarse 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>




<b:if cond='data:blog.pageType == "item"'>

<title><data:blog.pageName/> : nombre-blog</title>

<b:else/>

<title><data:blog.pageTitle/></title>

</b:if>



• En Cambiar optimizar títulos del blog o web se puede ver más ampliada y detallada esta explicación.




2. META keywords y META description:

META description:
Su objetivo es informar brevemente del contenido de la web. Si aparece en el listado de resultados de los buscadores, puede ser el texto que se muestre como descripción del sitio y una forma de mostrar información.

META keywords:
Por el abuso de ellas hay buscadores que las ignoran, pero otros le otorgan un poco de peso (Inktomi). Por otro lado, es una fórmula para reunir palabras clave que pueden servir para una posterior referencia.



Se indica añadir meta keywords y meta description sólo para la página de inicio, (y no en las individuales porque el sistema no lo permite), con condicionales. Es una fórmula para que cuando usas Sitemap e indexas con Herramientas para Webmasters y entras en Diagnósticos/Errores de rastreo, Google no indique Metadescripciones duplicadas y/o Etiquetas de título duplicadas para las páginas que hayan indexado los buscadores.

Se busca:


<b:skin><![CDATA[/*


ANTES se añade el código:


<b:if cond='data:blog.url == data:blog.homepageUrl'>

<meta name="description" content="DESCRIBE-TU-BLOG" />

<meta name="keywords" content="keyword1, keyword2, keyword3, keyword4, keyword5" />

</b:if>


Según esta fórmula en las páginas individuales no habrá etiquetas, por ello Google mostrará una parte del texto que contenga esa página como descripción.

• Más información y específica sobre la META en este enlace y otro que forma la META de manera automática.



3. Encabezados

Las plantillas que conforman nuestros blogs están formados, entre otras etiquetas de HTML, por H1 H2 H3 H4 H5 y H6 . Según este orden los robots advierten que la etiqueta H1 será más importante que la H6, porque suponen que la H1 al ir antes será de mayor importancia que la H3.

El objetivo será usar la etiqueta de encabezado (heading) H1 para los títulos de los posts, (con condicionales), en vez de H2 o H3 como se muestra en las plantillas originales de blogger.

Cambios a realizar:

- Buscar algo similar a




<b:if cond='data:post.title'>

<h1 class='post-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>



Reemplazarlo mediante condicionantes por:



<b:if cond='data:post.title'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<h1 class='post-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'>

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



* ¡Cuidado! Debido a los distintos tipos de plantillas que soporta Blogger hay que tener claro que etiqueta "H" se está condicionando y duplicando.


- Después es necesario cambiar los "post title" añadiendo los distintos códigos ANTES de


]]></b:skin>


Si tenemos una plantilla mínima el código es similar a:

(lo importante son los encabezados)


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

}




Y se reemplaza por:



.post h1, .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:bold;

}



.post h1 a, .post h1 a:visited, .post h1 strong {

display:block;

text-decoration:none;

color:$titlecolor;

font-weight:bold;

}



.post h1 a:hover, .post h1 strong, .post h3 a:hover, .post h3 strong {


color:$textcolor;

}



o lo que es lo mismo:


.post h3, .post h1 {

.....

}



.post h1 a, .post h1 a:visited, .post h1 strong {

.....

}


.post h1 a:hover, .post h1 strong, .post h3 a:hover, .post h3 strong {
.....

}



Es decir, se trata de buscar las etiquetas .post h3 y agragarle la etiqueta nueva (en forma general) .post h1 quedando de la forma:


.post h1, .post h3 { ....... }

.post h1 a, .post h1 a:visited, .post h3 a, .post h3 a:visited { ....... }

.post h1 a:hover, .post h3 a:hover { ....... }


Buff, ¡¡cuántas formas he usado para decir lo mismo!! (O.o)




4. Modificar la etiqueta de fecha de los posts

En Blogger la fecha del post contiene una etiqueta H2. Según lo explicado en el punto tercero, se le otorga una relevancia no conveniente si se busca que los títulos de los posts sean importantes; aquello en que se fije un buscador.


Por tanto es posible que se encuentre algo similar a:


<h2 class='date-header'><data:post.dateHeader/></h2>


Se sustituye por una etiqueta H de menor jerarquía, o un párrafo P, o un bloque DIV, u otro bloque SPAN :


<h4 class='date-header'><data:post.dateHeader/></h4>



Asimismo se sustituye el CSS que le correponda:


h2.date-header { ....... }


Por:


h4.date-header { ....... }





Gracias al Cielo entendí las indicaciones anteriormente expuestas, (¡¡¡yujuuuuuuu!!!), leyendo tres fuentes distintas de información. ¿¿¿Funciona??? Sí, pero hay que tener paciencia con la "variable tiempo".

Magz Network (fuente original)
Me lían o aclaran (-^o^-) ¡Lo que me ha costado entenderlo!: Claudia & J. Miur ¡Merci!



21 comentarios:

Senovilla

No acabo de entender el porqué eso no viene ya de serie en una plantilla,ja,ja,ja.

Seguro que les encanta que trabajemos un poco.

Un abrazo.

Lujo

@Senovilla Holaaaaaa,
Tienes más razón que un Santo.
Te prometo que yo también me lo pregunto. Afortunadamente los que están en Wordpress no tienen estos quebraderos de cabeza. (-^o^-)
Miles de abrazotes enormes para ti y la family!

Jazmin

Estimada Lujo, si yo tuviera el 50% del cerebro necesario para entender eso, me postularía a algún cargo ejecutivo... Presidente, por ejemplo.

Juro que entré a leer la entrada a sabiendas que sería algo técnico, pero dije, vamos, todo se puede intentar.
No entendí ni de qué va la cosa, vea.
Pero bueno, tiempo al tiempo. Ya aprenderé. O no. LadyMarian siempre dice que en caso de urgencia podemos romperle a ud el vidrio. ;)

Pero ud lo explicó excelentemente, eh! Estoy segura de debe ser así... ;)


Beso!

Jazmin

¿Ve? Ni siquiera me acuerdo de marcar el seguimiento...


No tengo remedio.

Lujo

@Jazmin Holaaaaa,
En confianza, ¡este post es un rollo!. Me lo anoté porque al final logré entender lo que hacía y vi que a largo plazo daba resultado.

No es más que jugar con la plantilla...

Cada blog es un mundo. He llegado a la conclusión que aunque no hagas nada para optimizar y posicionarte el sr. Google se encarga de hacerlo si le das algo de tiempo.

Este tipo de entradas son juegos y pruebas, nada más. Una forma de explicarme de otra forma cómo hacer las cosas.(-^o^-)

Sí, es cierto. Me puedes romper el vidrio, pegarme un grito o lo que sea necesario si me necesitas. (-^o^-)

Créeme, después de tu último post yo te votaría como Presidenta. Este mundo necesita más gente como tú.

Abrazotes enormes para ti y la Cuervita!!!!!

LadyMarian

Que conste que nunca hable de romper el vidrio"!!!! Qué mal me están haciendo quedar! jajaja Yo conté tu generosidad y toda la ayuda que me has dado siempre con mi blog.

Los de Wordpress no tienen estos problemas?? Y qué esperan los de Blogger para copiarlos? Alguna razón debe haber para que no lo hagan...

Se supone que todas las webs más o menos importantes hacen siempre todas estas cosas que has ido publicando, no es cierto?


Besotes

Jazmin

Milady, romper el vidrio metafóricamente, por supuesto!

Sería como una firewoman, Lujo, presta a solucionar los incendios de nuestra ignorancia.

Siempre, siempre, la he escuchado hablar loas de Lujo. ;)

Gildo Kaldorana

Muy bueno e interesante, me lo guardo para cuando tenga la mente un poco menos espesa. Todo es poco para mejorar el blog y para.....que al final llame Bill Gates con su millón de dolares para comprartelo.
Salud y suerte.

LadyMarian

JAZMÍN: Sí, lo entendí, pero la metáfora parecía un poquito violenta... Claro, está de acuerdo al estado de crisis informática en que se está cuando se va a pedir ayuda. Está bien, lo entendí, sería algo así como romper el vidrio y agarrar el martillito para salir en las emergencias. ;)

Lujo

@LadyMarian Holaaaa,
Noooooo, ¡¡¡entendí perfectamente!!.
Si puede servir algo de lo que otros me han enseñado, ¡genial!.
Jazmín, tú...podéis romper el vidrio sin problemas. El problema radica en que sepa la respuesta (-^o^-)
Este mundo es un "aprender y aprender" día a día.



Sobre wordpress hay que distinguir la parte gratuita "wordpress.com" de la de pago "wordpress.org" que necesita contratar hosting, dirección (.com, .net, ...).
Sí, en concreto la que pertenece a la wordpress.org tienen plugins como All in one SEO pack.
Por ello se mejora el posicionamiento web, blog, o foro...

Entre las funcionalidades primarias y las secundarias ofrece más de 50 opciones disponibles para posicionar mejor, evitando contenidos duplicados, define las keywords y como se gestionan. ¡¡Ah!!, por lo que sé no es gratuito.



All in one SEO pack, inserta el título del post, palabras clave y descripción en el header del post, o en la página principal del blog, automáticamente.



No puedo afirmar algo tan contundente sobre "todas las webs más o menos importantes", pero es muy muy muy muy muy muy probable que usen SEO. Es más, he leído las grandes cifras que se pagan a empresas para que se lo hagan.
Lo último que sé es que las hay que en este tema son poco serias.

¡¡Menudo rollo solté!!, sorry.
Abrazotes enormes!

Lujo

@Jazmin Holaaaaa,
Noooooooo, yo soy una ignorante más. De ahí que cuando me regalaron este blog sólo se me ocurriera "anotar cosas" para no olvidarlas.

Si algo de lo que aquí se encuentra le sirve a otra persona, ¡¡genial!!..., si no es así pienso que me sirvió a mí para aprender.

Si en algo puedo ser de ayuda alguna vez, pega un grito (^_-); estoy a la orden.
Abrazotes enormes!!
Buen y soleado finde!

Lujo

@Gildo Kaldorana Holaaaa,
Esto se sabía de hace tiempo, pero hasta que entendí el "por qué" me costó.
Después de probarlo sí que algo se nota..., en número de visitas y hasta más tiempo en blog.
Verás que está sacado de tres fuentes distintas y explicado a mi manera. Una forma de poner en orden mis ideas.

Por favor, si te compran el blog avisa para hacer una fiesta. ¡¡Guau, un sueño!!.

Abrazotes y buen buen finde!

LadyMarian

No te preocupes, es muy interesante la explicación. No sabía nada de todo esto. Por ejemplo me sorprendió que haya dos Wordpress.

Besos

Mariangeles

Hola! wouuu que trabajito!jaja espero haberlo hecho bien y no meter la pata je,no encontrè esto:post h3 a, .post h3 a:visited ,pero todo lo demàs sì; està muy clara tu explicaciòn lujo! graciass!! veremos que me saliò...
Un beso.

Lujo

@Mariangeles Holaaa,

¿¿Ni algo similar a .post h o .post ???

Por experiencia te comento que a mí las cosas no me salen a la primera. Muchas veces caes después de dejar pasar un tiempo cuando la mente se relaja y dejas de estar enojada con el sr. Blogger.

Abrazotes!!

Mariangeles

Hola Lujo :
Sì, esas sì encontrè y donde decia h3 le agreguè el 1 ,como decis, lo ùnico que me està faltando es esta parte ,(que no la encontrè) :h3 a:visited.
Pero todo lo demàs sì.
Me imagino que de todas maneras, un poco màs optimizada de lo que estaba habrà quedado jeje y todo gracias a tu ayuda!
abrazotes!!

Lujo

@Mariangeles Re Hola,
Creo que ahora entendí del todo.(-^o^-)
No necesariamente tiene que estar en tu plantilla. En esto cada una es distinta; unas añaden y otras no. Da igual ...
Lo que a mí me sirvió fue ver al cabo de un tiempo el resultado en visitas. La línea que se forma al cabo del tiempo.

Piensa que son sólo números, no te obsesiones.(^_-)

Chiquita, esto lo inventan otros....sólo lo anoté en el blog como una forma para recordar. Me alegra que te sirva.
Mil abrazotes!

Nicolas Fassa

Hola, muy buena la Informacion que publicas en este post, pero tengo un inconveniente al respecto con los meta keywords y la meta description. Situo antes de





"
y lo sustituyo por la descripcion del blog y por los keyword. luego guardo la plantilla sin problemas pero al hacer esto el codigo se modifica y queda des esta forma:

"
y no se esta bien o no, me podias ayudar? tengo que modificar algo mas? Muchas Gracias y espero tu respuesta.
Saludos.

Lujo

@Nicolas Fassa
Hola
En webs como http://chuano.net/chuano/util/convsimbolos.php podrás convertir entidades....
Siento no poder contestar exactamente a lo que me preguntas por falta de datos.
Saludos!

leetudiario

Muy bueno el tema ahora recien voy empezando a entender pero yo uso las plantillas Simple de Josh Peterson y no tiene lo mismo de las descripciones pero por ahi le meti h1

Lujo

@leetudiario
Tómalo con calma...poco a poco uno aprende.
Espero que te sirva.
Saludotes!

Publicar un comentario

(-^o^-) (^_-) (#^_^#) (ÖoÖ) (*^o^*) (>_<) ( ̄へ ̄)(;_・) (ô_Ó) (O_O) (ˇ~ˇ) (ToT)(Q____Q) ಠ_ಠ (。◕‿◕) [(--)]ZZzzz

- Si el comentario es anónimo hay muchas posibilidades que no se publique.

 


UP