Optimizar la plantilla de Blogger: el título

Veíamos días atrás que un detalle importante a la hora de optimizar nuestro blog es el título.
Lo ideal es tener títulos diferentes para cada página, y que este refleje el tema de esa página.

Quienes usamos Blogger como plataforma para nuestro blog sabemos que por defecto Blogger mostrará el nombre de nuestro sitio en la página principal, y el nombre de nuestro sitio, seguido de dos puntos y el título de la entrada, en caso de estar en una página interior, como las de cada post o cada página independiente.

Aunque esta forma de construir el título de las páginas funciona bastante bien, no es la ideal, ya que como vimos, el número de caracteres a mostrar es limitado.
Por ello podemos hacer un pequeño cambio en nuestra plantilla, de forma que en las páginas interiores se muestre el título de la entrada en lugar del nombre del blog.

Para ello debemos buscar en nuestra plantilla la siguiente línea de código:

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

Esta línea dará por resultado que se muestre el título de la página de la siguiente forma:

Nombre del blog: Título de la entrada

Debemos entonces reemplazarla por lo siguiente:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

Hecho este cambio y guardada la plantilla, tendremos unos títulos de página mucho mas eficientes para ser indexados.
Vale la pena recordar entonces, que como mostraremos el título de la entrada como título de la página, deberemos cuidar la elección de palabras en esos títulos, procurando usar las palabras claves por las que deseemos posicionarnos.

Eliminar el título en las páginas de Blogger

Hace algunos días me consultaban sobre si era posible eliminar el título de las páginas independientes de Blogger.

Me pareció que no sería algo demasiado complicado de conseguir, por lo que estuve un rato buscando en diferentes sitios en español e inglés alguna solución, pero no logré dar con una solución, por lo que decidí darle una mirada al código de las plantillas a ver si había suerte.

Sabemos que Blogger diferencia claramente si una página es un post común, la página principal o una página independiente, ya que en unos casos muestra por ejemplo las etiquetas y el autor de la entrada, y en otro esta información no es mostrada.
Obviamente entonces es posible decirle que en uno u otro caso muestre u oculte los diferentes elementos.

Si abrimos las plantillas nuevas (ya que en las viejas puede no encontrarse el fragmento de código que buscaremos), y expandimos las plantillas de artilugios, veremos que hay un condicional para identificar si se trata de una página independiente o no:
<b:if cond='data:blog.pageType == "static_page"'>

Con el mismo criterio, si queremos identificar cuáles páginas NO son páginas independientes, usaremos el siguiente condicional:
<b:if cond='data:blog.pageType != "static_page"'>

Sabiendo esto, podremos indicar que queremos que se muestren los títulos siempre, excepto si estamos en una página independiente.
Bastará con buscar en el código el fragmento dedicado al título de las entradas, y colocarlo dentro de nuestro condicional.

Vamos a hacerlo entonces.
Es importante antes de realizarle cambios a nuestra plantilla, hacerle un respaldo para evitarnos dolores de cabeza si llegáramos a errar en agún paso.

En todas las plantillas encontraremos un código como este o muy similar:

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

Es allí donde se indica que debe mostrarse el título, y cómo.
Pondremos entonces el condicional, para decirle que esto lo haga solamente en los casos en que no sea una página independiente.
Quedará entonces de la siguiente manera:

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

Vemos el color rojo las dos líneas de código agregadas.
Guardamos la plantilla, y está pronto, en las páginas independientes no tendremos títulos.
Vale aclarar que si bien los títulos no se mostrarán en las páginas, sí podrán verse desde la sección de "Editar páginas", por lo que podremos identificarlas sin problemas.
El título también seguirá siendo utilizado para crear la url como siempre.

Desde el punto de vista del posicionamiento no es lo ideal eliminar estos títulos, pero seguramente en casos puntuales sea necesario hacerlo por razones estéticas, de diagramación, o de otro tipo.
Podemos ver además que este condicional podemos usarlo para realizar otro tipo de cambios en nuestra plantilla, simplemente identificando el tipo de página y usando el condicional para mostrar o eliminar ciertas partes.
Queda a la imaginación y las necesidades de cada uno pensar entonces en cómo aplicarlo para otras cuestiones tales como diferenciar el diseño de algunas páginas, o mostrar publicidad o no, entre muchas otras posibilidades.

Plantilla estilo Magazine lista para Adsense

Hoy quiero recomendar una plantilla para Blogger que me ha parecido muy interesante.
Se trata de un template para Wordpress creado por Dreamlinestudio y convertido a Blogger por Blogger Tricks.

Su nombre es Falkner Press y puede ser descargada desde la página de su creador, aquí, donde además da detalladas instrucciones sobre cómo configurarla correctamente.

Viene con una buena cantidad de modificaciones integradas, que por un lado la hacen interesante, pero por otro exigen dedicarle un poco más de tiempo para instalarla correctamente, aunque el resultado final es a mi entender muy bueno.

Viene preparada para Adsense, y tiene un diseño muy logrado.
Según su autor está totalmente optimizada para SEO ("Fully SEO optimized"), aunque en ese aspecto deja que desear, ya que la optimización no es todo lo completa que podría.
Igualmente vale la pena a mi entender.

Plantillas "SEO friendly" ?

Días pasados, buscando plantillas para Blogger, comencé a notar que un porcentaje bastante importante aseguraban ser "SEO friendly", o "SEO optimized", o que entre la lista de características se mencionaba como al pasar la palabra "SEO", dejada por allí como al descuido sin dar demasiadas explicaciones.

Los blogs en general, por sus características, como gran parte de la Web 2.0, podríamos decir que son, "SEO friendly", entre otras cosas porque los motores de búsqueda les han dado un espacio importante.

Si tomamos la clásica plantilla de Blogger "Mínima", o la "Mínima Black", habrá quien pueda argumentar que son relativamente interesantes para SEO, y quizás sea verdad.
Pero si me dicen que una plantilla es "SEO Friendly" yo espero que lo sea más de lo normal, o dicho de otra forma, que sea mejor que la Mínima Black.
Y para ser franco he dado con muchas plantillas que desde el punto de vista de SEO, no son mejores, son iguales o peores.

Parece haber como una moda, donde ahora todo exhibe la grifa "SEO" como una virtud, pero sin dejar de ser nada más que un enunciado hueco.

En la sección de Templates para Blogger he intentado ir recopilando las mejores plantillas que voy encontrando, y en esta recopilación era (y es) la idea destacar las plantillas que sobresalgan por su nivel de diseño, o por estar buenas por otros motivos, como ser el de estar optimizadas para SEO, o para Adsense.

Sin embargo no ha sido sencillo dar con templates donde "SEO" sea algo efectivo y no sólo una etiqueta para captar más público.
En algunos casos hay plantillas que dicen ser SEO y no tienen optimizados los títulos, ni el uso de los tags de formato, ni los tags meta, ni nada, y cabe preguntarse... SEO de dónde ? A veces hasta se suma que el diseño tiene tal cantidad de imágenes que lo hacen más pesado, cuando hoy día la velocidad de carga es parte de las variables de posicionamiento.

No se trata simplemente de sentarse aquí a protestar, sino de prestar atención a la hora de descargarnos una plantilla, porque por el hecho de que diga por allí SEO friendly, no significa que lo sea.

Obviamente seguiré incluyendo plantillas SEO auténticas, si encuentro más, así como otras que tengan un buen diseño o estén pensadas para Adsense, pero parece claro que son pocas las que cumplen varias de estas características a la vez, por lo que seguramente la solución sea seleccionarlas por su buen diseño, y luego nosotros dedicar algún tiempo a su optimización.

Template para Blogger, SEO y adsense

Buscando plantillas para blogger que reúnan unas carcterísticas de calidad superiores a lo habitual, dí con ésta, que según afirma su creador está super optimizada.
Y es bastante cierto, ya que tiene una serie de modificaciones que la hacen muy interesante en lo que respecta a su optimización para buscadores.

Tiene algún detalle en el código que yo recomendaría eliminar, más específicamente un par de urls a blogs de su creador que ya no están online y que no parece aconsejable mantener.
Pueden verse detalladas sus características, así como descargar el archivo xml, en su página de demostración: http://addicted-online.blogspot.com/.

El diseño no es quizás muy destacable, pero aún en caso de no utilizarlo, es interesante tomar nota de las modificaciones que realiza en la plantilla, para aplicarlas a nuestros sitios, ya que ayudarán en la tarea de posicionarnos mejor.

Plantilla Blogger SEO lista para Adsense

En esta ocasión voy a recomendar una plantilla creada por un programador y consultor SEO filipino que desde su blog en inglés, ofrece un template para Blogger con un diseño muy sencillo y funcional, listo para ser usado con Adsense, y con su código optimizado para buscadores.


El diseño minimalista es ideal para reducir al máximo el tiempo de descarga de la plantilla y conseguir la mayor relevancia posible del contenido en el peso total de la página.

Si bien tiene un único diseño, y el mismo es muy simple, lo que lo hace poco atractivo para quienes busquen un diseño de impacto visual, pienso que puede ser de utilidad para quienes busquen una plantilla profesional pensada para priorizar los contenidos con un diseño sobrio y efectivo.

Buenos templates para Blogger

Una forma de diferenciarse de los demás blogs es recurrir a una plantilla personalizada.
Pero no siempre tenemos tiempo, ganas, o inspiración como para estar diseñando algo.
Podemos recurrir entonces a alguno de los muchísimos sitios dedicados a ofrecer templates gratuitos o de pago.

Para intentar separar la paja del trigo, entre tantos sitios que ofrecen todos las mismas plantillas una y otra vez, intentaré ir destacando las que a mí me parezca que por calidad de diseño, o por originalidad, merezcan un poco más de atención.

Por ello además iré agregando los sitios a una lista de diseñadores de templates para Blogger, que procuraré mantener lo más actualizada posible.
Intentaré además que en ella figuren únicamente los sitios de los diseñadores originales, y no esos otros en que hay centenares de plantillas de todo tipo y calidad, donde al final resulta, por exceso, casi imposible dar con lo que buscamos.



En el caso de hoy, voy a destacar una web llamada MagzNetwork Solution, que cuenta con una sección dedicada a Templates para Blogger.
Si bien no todos son gratuitos, hay al día de hoy 5 templates con diseño y formato interesantes que se salen de lo habitual.

Plantillas para Blogger de excelente diseño

Buscando plantillas, dí con una web brasileña que ofrece templates para Blogger con una calidad gráfica que se sale de lo habitual.
Se trata de Insight, donde además de algunos tutoriales de Photoshop, entre otras cosas, pueden encontrarse algunas plantillas para Blogger de descarga gratuita.
En algunos casos puede ser necesario modificar parte del código para traducirlas del portugués, pero vale la pena tomarse el trabajo, como se puede apreciar a continuación con estos 3 ejemplos a modo de muestra.