×
logo inovablog

2017/11/15

Como Poner Metatags en Blogger

Bien, vamos a agregar MetaTags en nuestro blog o pagina, para ello les presento un generador de etiquetas meta, como también pueden ser conocidas, las cuales son muy importantes para el SEO de nuestros sitios, consta de un formulario en el que  llenas los campos y te genera un código HTML para poder integrarlas en el blog, tu pagina de wordpress o cualquier otro sitio que tengas, hay algunas diferencias leves en cuanto a si funcionan para blogger o sitios en general, pues mi web va dirigida para aplicar específicamente sobre blogs de esta plataforma, pero no habrá mucho problema, también actualizaremos algunas etiquetas esenciales y de paso nos evitaremos un problema con la etiqueta Descripción (descripciones duplicadas).

metatag meta tag

Acceso rápido a los tipos de Metadatos
  1. Generador de metatags
  2. Etiquetas Geográficas
  3. Dublin core Metadata

Generados de Metadatos Básicos

El generador cuenta con las siguientes meta etiquetas:
  1. title: el titulo del blog o web
  2. author: el autor del sitio
  3. Subject: el tema de tu blog
  4. description: la descripción de tu sitio
  5. keywords: palabras claves que quieren que te reconozcan
  6. language: el idioma de tu sitio
  7. revisit: (actualización) orden para los robots, que sugiere, cada cuanto regresen al blog
  8. distribution: a quienes se dirige el blog
  9. robots: permite que las (arañas) indexen tu contenido (recomendable all)


Título del blog:
Nombre del autor:
Descripción del blog:
Palabras clave separadas por comas:
Idioma del blog:
Frecuencia de revisión del blog:
Distribución:
Robots:
No usar si no tiene conocimiento (recomendable All).



¿Porque usar Metatags?

Las etiquetas meta son importares para ofrecer información semántica a los motores de búsqueda, mejorando así el seo del blog o sitio web, es decir, dan info relevante a los visitantes y mas aun a los rastreadores de los buscadores, conocimos comúnmente como arañas, uno para mostrar datos del sitio de forma concreta a los usuarios, como el nombre del sitio por ejemplo, por parte de los robots de búsqueda ofrecer la mejor y mas completa información posible, a la hora de presentar listas de resultados (cuando haces una búsqueda).

Un ejemplo básico es cuando buscas algo, podemos ver a las meta etiquetas title y descripción actuar aquí:
titulo y descripción de una pagina
La primera seria la del titulo y la segunda la de la descripción. En el blog tenemos por defecto a la etiqueta title, encargada de mostrar el titulo del blog o una entrada.

¿Como agrego las metatags a mi blog?

Si eres visitante amante de wordpress o cualquier otro, solo mira lo importante, ir a la parte del código, en el caso de blogger, para incorporarlas, debemos dirigirnos a plantilla, editar HTML, veras muchos números y códigos, ahora en esta parte de arriba hay un elemento que es <head> agrega las metatags justo debajo de el, si tiene problemas para encontrarlo presiona CTRL  F  ⌘F para computadoras Mac) para activar el buscador de código, ten en cuenta que hay dos cuadros de búsqueda, uno del navegador y otro del código del blog.

Realmente el head lo encuentras en las primeras lineas de código, mira un ejemplo muy claro donde debes pegarlo:

metatags en blogger

Etiquetas Meta actualizadas

Aunque ya tengamos las meta etiquetas listas, algunas ya son parte de las cadenas de pequeñas actualizaciones,  esto quieres decir que ya sean cambiado para mejorar su comportamiento y rendimiento,  bueno, ademas del rendimiento para prevenir algunos errores en blogger, por ello las 2 siguientes que veremos title y description aplican para esta plataforma, si no es tu caso puede saltar a las de robots y seguir adelante las etiquetas que se han actualizado son las siguientes:


Meta etiqueta Title

Tenemos ya en el blog una etiqueta de titulo por defecto la cual es


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

Búscala con CTRL  F y cámbiala o cambia la que ya habíamos colocado por esta, para actualizarla:

<b:if cond='data:blog.url != data:blog.homepageUrl'>
<title><data:blog.pageName/> | Nombre de mi blog</title>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.title/></title>
</b:if>

Hay dos códigos para la etiqueta Title, pero no te preocupes, tiene una condicional para que en las entradas individuales, paginas, etiquetas, resultados de búsqueda, etc,  muestre el titulo de la entrada o pagina primero y luego la del blog, para así mejorar el seo y en la pagina principal solo el nombre del blog, solo cambia lo que esta color rojo por el nombre de tu blog.


Meta etiqueta Description

Hay un problema que se llama descripciones duplicadas que afecta a blogger, en el cual la descripción de las entradas distintas contiene la misma descripción del blog como se ve en la imagen:


descripciones duplicadas en blogger

La solución: si ya tienes una etiqueta de descripción cámbiala por esta mas actualizada y si no la tienes agrégala:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Aquí la descripción de tu blog' name='description'/>
</b:if>

Esto hará que solo muestre la descripción que hemos dado en la pagina principal, para las entradas individuales y paginas, se mostrara una descripción generada según los criterios de búsqueda, osea que el buscador tomara fragmentos de tu entrada según quiera mostrar datos que el usuario quiera ver, lo cual es muy conveniente. Para terminar solo cambia la descripción del blog.

Meta etiqueta Robots

Por ultimo la etiqueta de robots (la verdad tu no vas a obligar a los rastreadores cuando regresar a tu sitio, estas etiquetas son ignoradas, pero no esta de mas implementarlas), si ya tenias la que utilizaste al principio utiliza esta mejorada y si no agrega esta.

<meta content='all,index,follow' name='robots'/>

también hay meta de robots para especificar a los motores de búsqueda si quieres puedes ponerlas en tu sitio:

<meta content='all, index, follow' name='msnbot'/>
<meta content='all, index, follow' name='googlebot'/>
<meta content='all, index, follow' name='yahoo-slurp'/> 

MetaTags Geograficas

Recuerda usar las metatags geográficas, ayudan a posicionar  tu sitio mejor según tu orientación local, pues puedes ofrecer contenido relevante a tu país por ejemplo, aunque en google no importa mucho, en yahoo y bing lo utilizan, solo indica tu ciudad y país, acede al generador de meta tags geográficas

MetaTags Dublin core

Algo muy interesante para ayudar a mejorar bastante la optimizancion de nuestro blog son los Metadatos Dublin Core, estas meta etiquetas especiales ayudan a potencializar el seo de nuestros sitios ofreciendo mayor consistencia de la información que se ofrece en nuestro sitio, estas son muy fáciles de usar, al igual que las  meta tradicionales, en las dublin core solo llenamos los datos generales.

Las dublin core en teoría permite, a los motores de búsqueda recolectar mejor información cobre nuestro sitio ayudando mucho al seo del mismo.

estas son las etiquetas dublin core mas esenciales:

<meta expr:content='data:blog.pageName' name='DC.title'/>
<meta CONTENT='dueño del blog' NAME='DC.Creator'/>
<meta CONTENT='text/html' NAME='DC.Format' scheme='IMT'/>
<meta CONTENT='Palabras claves separadas por comas' NAME='DC.Subject' scheme='MESH'/>
<meta CONTENT='editor del blog' NAME='DC.Publisher'/>
<meta CONTENT='URL del blog' NAME='DC.Identifier'/>
<meta CONTENT='descripción del blog' NAME='DC.Description'/>
<meta CONTENT='text' NAME='DC.Type' scheme='DCMIType'/>

Solo cambia los valores en color azul por los que corresponda a tu sitio, Para agregarlas dirígete a:
  1. Plantilla
  2. Luego en editar HTML
  3. Oprime las teclas CTRL   F  (Mac ⌘F)  para activar el buscador
  4. Busca la linea <head>
  5. Pega el código debajo de esa linea y listo 

20 comentarios:

Unknown dijo...

Hola Esneider, me ha servido de mucha ayuda, felicidades..!!!

Unknown dijo...

Muchas gracias, por fin he encontrado una explicación que me convence sobre el tema!
GRaciasssss

MARIA DE LA LUZ dijo...

GRACIAS TENIAS DIAS INTENTANDOLO QUE FACIL FUE MUY AGRADECIDA

Unknown dijo...

Espectacular tus explicaciones y tus videos

Javier López dijo...

Esto es verdaderamente genial, Esneider ;) Sigue así

Unknown dijo...

EL CODIGO DEL VIDEO 6 DONDE ESTA..
SALUDOS

Unknown dijo...

Excelente

Unknown dijo...

ERES LO MAXIMO, FELICITACIONES, Y MUCHAS GRACIAS, Me ayudo muuuuchiiisiiimooo.

Unknown dijo...

Oye gracias no me funciono el segundo paso de cambio de descripcion del blog pero lo demas si me funciono GRACIAS.......de antemano tu me podrias por favor decir por que no me funciono el segundo paso el de cambio de descripcion del blog.

Unknown dijo...

EXCELENTES VIDEOS TE FELICITO Y OJALA NOS SIGAS GUIANDO DE NUEVO MUCHAS GRACIAS

Adriana Trejos dijo...

excelentes tus tutoriales, pero no veo en youtube el video 10 de la serie

Unknown dijo...

Excelentes videos, muy explicativos y claros. Muchas gracias Amigo

Unknown dijo...

Hola una pregunta

si yo quiero quitar la meta tag de titulo se daña todo el codigo ?

loquendomanzano dijo...

no lo daña pero creo que blogger no te dejara guardar sin el

Anónimo dijo...

muy amable...se hizo muy simple generar los codigos....abrazo

loquendomanzano dijo...

excelente

Unknown dijo...

Muchas gracias
Desde Brasil

Unknown dijo...

muy bueno esta solo,lo felicito

Unknown dijo...

para que es esto yo no entendi nada

Bloghemia dijo...

Muchísimas gracias, te lo agradecemos. Muy didáctico tu post.
Saludos desde Argentina.

2018 © Inovablog