Agregar Meta tags en Blogger

Agregar Meta tags en Blogger

Las meta tags corresponden a etiquetas descriptivas de tu blog, contienen descripciones, palabras claves, idioma, información del autor, entre muchas otras cosas. Son de crucial importancia en una página y a pesar de eso, muchos no conocemos sobre qué tratan.

Ventajas de Agregar las Meta tags:
  • Las meta tags ayudan a los distintos buscadores a indexar mejor tu blog, permitiendo así un aumento considerable de visitas.
  • Ayudas a que los usuarios encuentren tu blog por la temática y que la relación de búsqueda sea más precisa.
¿Cómo agregar las meta tags en Blogger?

En este tutorial les enseñaré a crear meta tags de la página principal y de las etiquetas.

Primero, vamos a Diseño, Edición HTML.

Buscaremos la siguiente línea:
<title><data:blog.pageTitle/></title>
 
Debajo de esta, pegaremos las condicionantes:

<!-- Metatags de la página principal -->
<b:if cond='data:blog.pageType == "index"'>
<meta content='palabras clave separadas por comas' name='keywords'/>
<meta content='descripción del blog' name='description'/>
</b:if>

<!-- Metatags de cada página de etiquetas -->
<b:if cond='"http://direccion-de-la-etiqueta-de-tu-blog" == data:blog.url'>
<meta content='palabras clave separadas por comas' name='keywords'/>
<meta content='descripción del contenido de esta etiqueta' name='description'/>
</b:if>

Verás que hay 2 secciones, la primera corresponde a las meta tags de la página principal, mientras que la segunda corresponde a alguna etiqueta de tu blog.


Puedes insertar las meta tags de cuántas etiquetas quieras, para agregar una meta tag extra, pegas este código después de la primera meta tag de etiquetas:

<b:if cond='"http://direccion-de-la-etiqueta-de-tu-blog" == data:blog.url'>
<meta content='palabras clave separadas por comas' name='keywords'/>
<meta content='descripción del contenido de esta etiqueta' name='description'/>
</b:if>

El resultado sería el siguiente:


<!-- Metatags de la página principal -->
<b:if cond='data:blog.pageType == "index"'>
<meta content='palabras clave separadas por comas' name='keywords'/>
<meta content='descripción del blog' name='description'/>
</b:if>

<!-- Metatags de cada página de etiquetas -->
<b:if cond='"http://direccion-de-la-etiqueta-de-tu-blog" == data:blog.url'>
<meta content='palabras clave separadas por comas' name='keywords'/>
<meta content='descripción del contenido de esta etiqueta' name='description'/>
</b:if>
<b:if cond='"http://direccion-de-la-etiqueta-de-tu-blog" == data:blog.url'>
<meta content='palabras clave separadas por comas' name='keywords'/>
<meta content='descripción del contenido de esta etiqueta' name='description'/>
</b:if>

Notas:
  • Recuerda que debes reemplazar los valores por los correspondientes.
  • No repitas la misma palabra clave, ni parcial ni totalmente.
  • Usa las etiquetas que consideres necesarias, puedes poner las que quieras.
Artículo aleatorio
BuySellAds
BuySellAds
BuySellAds
BuySellAds
BuySellAds
Artículos destacados
Botones para subir y bajar en Blogger # - Botones para subir y bajar en Blogger
Marca de agua en las imágenes con CSS # - Marca de agua en las imágenes con CSS
Efecto de desenfoque con CSS # - Efecto de desenfoque con CSS
Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger # - Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger
Insertar una página externa en una entrada en Blogger # - Insertar una página externa en una entrada en Blogger