Blog and Web

Metatags en Blogger

Las metatags son etiquetas con información sobre nuestro sitio, como puedes ser la tematica del sitio web o blog, su descripción, las palabras claves, su codificación, información del autor, el idioma, entre muchas otras. Son importantes por que apartir de estas los buscadores y otras aplicación clasificación tu web, de modo que sino las tienes dificiltas su trabajo y el resultado es menos visitas a tu sitio y visitas no relacionadas al tema de tu sitio.

Una de las partes más descuidadas en Blogger son precisamente las metatag, pues no coloca ninguna realmente de importancia para la indexación correcta de tu página. Bien, pues en este artículo te mostreremos como colocar las más importantes en la página principal y en las páginas de las etiquetas.

  1. Entra a la pestaña “Plantilla” o también llamada “Diseño” desde el escritorio, después a la opción “Edición HTML”

  2. Busca el código siguiente:
    <title><data:blog.pageTitle/></title>
  3. Bajo de este código iran condicionales para mostrar los metatags en las páginas respectivas, de acuerdo con el siguiente esquema de código:
    <!-- Metatags de la página principal -->
    <b:if cond='data:blog.pageType == "index"'>
    <meta content='aquí las palabras clave separadas por comas' name='keywords'/>
    <meta content='una descripción del contenido general del blog' name='description'/>
    </b:if>
    
    <!-- Metatags de cada página de etiquetas -->
    <b:if cond='"http://direccion-de-la-etiqueta" == data:blog.url'>
    <meta content='aquí las palabras clave que describen esta etiqueta' name='keywords'/>
    <meta content='descripción del contenido de esta etiqueta' name='description'/>
    </b:if>

    Como puedes ver, hay un código para la página principal y otro para las etiquetas y tendra que repetirse para cada etiqueta que quieras describir con sus respectivos contenidos.

Veamos un ejemplo:

Para blogandweb podriamos tener el siguiente código para la página principal:

<!-- Metatags de la página principal -->
<b:if cond='data:blog.pageType == "index"'>
<meta content='blogs, webs, blogger, wordpress, recursos web, css, photoshop, adsense, productos google' name='keywords'/>
<meta content='Página web destina a la ayuda a bloggers y webmasters' name='description'/>
</b:if>

Y supongamos que deseo describir la etiqueta de blogger y wordpress, con lo que usaría el siguiente código:

<!-- Metatags de cada página de etiquetas -->
<b:if cond='"http://blogyweb.blogspot.com/search/label/Blogger" == data:blog.url'>
<meta content='plantillas nuevo blogger, plantillas xml, trucos, mejoras, optimización, widgets' name='keywords'/>
<meta content='Todo lo que necesitas para tu blog en blogger, plantillas, trucos y mejoras' name='description'/>
</b:if>

<b:if cond='"http://blogyweb.blogspot.com/search/label/Wordpress" == data:blog.url'>
<meta content='wordpress themes, wordpress plugin, recursos, noticias' name='keywords'/>
<meta content='Recursos para mejorar tu blog en WordPress' name='description'/>
</b:if>

Como ves sólo tienes que poner las palabras claves y la descripción dependiendo de que página se trate y para el caso de la etiquetas, también debes poner la dirección de cada una.

En este código se colocán dos de los metatags, que para mi, son fundamentales. En el código puedes insertar tantas metatags como necesites dentro las etiquetas <b:if> y </b:if> correspondientes.