Activar los marcadores sociales de Blogger

 En las nuevas plantillas de Blogger, los marcadores sociales o botones para compartir vienen activados por defecto. Sin embargo, en las plantillas antiguas es necesario hacerlo manualmente, para lo cual hay que acceder a nuestra cuenta de Blogger y elegir el blog en cuestión → Diseño → Elementos de la página → Entradas del blog → Editar; aquí hay que marcar la casilla Mostrar botones para compartir → Guardar.

 Es probable que aún así los botones para compartir sigan sin aparecer, por lo que habrá que añadir algo de código en nuestra plantilla. Para ello, habrá que ir de nuevo a Diseño → Edición de HTML; aquí hay que marcar la casilla Expandir plantillas de artilugios y buscar la siguiente línea de código:

<div class='post-footer-line post-footer-line-1'>

 Siempre debajo del susodicho código preexistente añadimos este otro en la ubicación deseada (habrá que ir probando con "vista previa" del editor):

<div class='post-share-buttons goog-inline-block'>
  <b:if cond='data:post.sharePostUrl'>
    <b:include data='post' name='shareButtons'/>
  </b:if>
</div>

 Si por casualidad los botones de compartir de Blogger siguieran sin aparecer o desaparecieran misteriosamente a los pocos días sin haber hecho ningún cambio en el código de la plantilla del blog, tendremos que añadir la siguiente línea de código CSS (bajo /* Posts */, por ejemplo):

.share-button {
  display: inline-block;
}

Meta viewport para dispositivos móviles en Blogger

 En las nuevas plantillas de Blogger ya aparece un código condicional que aplica la META viewport. Su función es adaptar la plantilla de Blogger para la correcta visión del blog desde dispositivos móviles.

 En el caso de que sigamos utilizando una plantilla antigua, deberemos insertar el siguiente código condicional en el HEAD, justo encima del código preexistente resaltado en rojo:

<b:if cond='data:blog.isMobile'>
  <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
  <meta content='width=1100' name='viewport'/>
</b:if>
<b:include data='blog' name='all-head-content'/>

 También será necesario elegir la plantilla a utilizar para el acceso desde móviles. Para ello, lo mejor es acceder a nuestra cuenta de Blogger desde Blogger in draft (Blogger en borrador) e ir al blog en cuestión → Plantilla → Móvil → Configuración → "Sí, mostrar la plantilla para móviles en los dispositivos móviles" ó "No, mostrar la plantilla para ordenador en los dispositivos móviles"; si hemos elegido la primera opción, finalmente habremos de elegir entre la plantilla predeterminada y seis más → Guardar.

Etiqueta Canonical URL para combatir el contenido duplicado en Blogger

 Una de las cosas más difíciles de conseguir cuando se administra un blog es evitar el contenido duplicado que nosotros mismos generamos. Para mejorar los resultados de nuestra página en los buscadores, hay que intentar destacar el contenido más importante --los posts-- sobre el contenido duplicado que se genera en las páginas de archivos por fecha, en las de etiquetas, en las de categorías o en las de autores.

 Los buscadores Google, Yahoo y Live ya han incorporado una nueva etiqueta, Canonical URL, que ha sido creada para ayudarnos a combatir el contenido duplicado que se genera de forma automática en nuestros sitios. Más que una etiqueta HTML nueva, en realidad se trata de un atributo de la etiqueta link:

<link rel="canonical" href="http://AQUÍ URL PRINCIPAL/" />

 Esta etiqueta informa a los buscadores de que la página que están rastreando es irrelevante y de que el contenido primordial está en la página a la que hace referencia el atributo href. Para utilizarla en Blogger, hay que implementar el siguiente código condicional en el HEAD de la plantilla, debajo de TITLE:

<b:if cond='data:blog.url != data:blog.homepageUrl'>  
 <b:if cond='data:blog.pageType == "index"'>    
  <link href='http://AQUÍ URL PRINCIPAL/' rel='canonical'/>  
 </b:if>   
 <b:if cond='data:blog.pageType == "archive"'>    
  <link href='http://AQUÍ URL PRINCIPAL/' rel='canonical'/>  
 </b:if>
</b:if>

Optimizar las meta description y meta keywords en Blogger

 Además de optimizar los títulos de los posts, también es conveniente optimizar la META description y la META keywords de nuestra plantilla de Blogger; la primera es una descripción general de la página y la segunda es una serie de palabras clave que deberían de ayudar a los buscadores a identificar el contenido de la página e indexarlo correctamente. Si seguimos las recomendaciones de Google, deberemos diferenciar las descripciones de cada página, porque utilizar descripciones idénticas en todas las páginas del sitio resulta inútil.

 Cuando consultamos el panel de nuestro blog en las herramientas para webmasters de Google y vamos a Diagnósticos → Sugerencias en HTML, podemos observar que hay Metadescripciones duplicadas en bastantes páginas. Para intentar evitar esto, implementaremos el siguiente código condicional en el HEAD de nuestra plantilla, después del TITLE (debajo del código resaltado en rojo):

 <head>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <title><data:blog.pageName/> : Silverolusplater</title>
<b:else/>
  <title><data:blog.pageTitle/></title>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <meta content='AQUÍ la DESCRIPCIÓN del BLOG.' name='description'/>
  <meta content='AQUÍ PALABRA clave1, PALABRA clave2, PALABRA clave3, PALABRA clave4' name='keywords'/>
</b:if>

Optimizar los títulos de los posts en Blogger

 La forma, o mejor dicho, el orden en el que se presentan los títulos en los buscadores es importante en términos de mejora de posicionamiento. En los buscadores, los títulos de un blog de Blogger aparecen por defecto bajo la forma de "Título del blog: Título del post". Para atraer más visitas al blog, es preferible que los títulos adopten la forma "Título del post: Título del blog".

 Para conseguir esto, lo primero que hay que hacer es localizar en el head de la plantilla la siguiente línea de código:

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

 ... y sustituirla por el siguiente código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <title><data:blog.pageName/> : AQUÍ TÍTULO DEL BLOG</title>
<b:else/>
  <title><data:blog.pageTitle/></title>
</b:if>