Antes de entrar en materia, debemos saber que en el caso particular de un Blog la sección <head> es común para todos los post y páginas. En el caso de un sitio web, cada página tiene su propio <head> y por lo tanto, pueden establecerse Meta Tags con valores diferentes en cada una de ellas.Aunque son básicamente las mismas Meta Tags para un blog que para una página Web, existen lo que se llaman condicionales en Blogger que podemos usarlos para establecer valores particulares en el caso que tengamos páginas estáticas en nuestro blog, pudiendo incluso establecer títulos, palabras claves (keywords) y descripción diferentes a cada página igual que ocurre con una web. Todo esto contribuirá a un mejor posicionamiento del Blog.
Uff...parece complicado pero es más teoría que otra cosa...no te desanimes, aunque... ahora sería bueno un ejercicio de estiramiento y listo! :-)
En cada uno de los siguientes bloques contrarás un fragmento de código, solo tienes que copiarlo y pegarlo dentro de la plantilla HTML de tu blog antes del </head>. Tienes el procedimiento detallado al final.
Esta son las Meta Tags que necesita tu blog:
- Formato del contenido publicado (+ info):
Gracias a esta Meta Tags los navegadores podrán mostrar caracteres como las válido para páginas en Español, Inglés, Alemán, Danés, Portugués, Italiano, Euskera, Catalán..<meta content='text/html; charset=iso-8859-1' http-equiv='Content-Type'/> - Título de la vista inicial del blog y de los post
Por defecto la Meta Tag para definir el titulo del Blog, no favorece el SEO, vamos hacer un pequeño cambio en la plantilla. Procedimiento más detallado aquí - Buscar: <title><data:blog.pageTitle/></title>
- Sustituir por lo siguiente:
- Descripción y palabras claves (Keywords)
Es la descripción que saldrá en la página de resultados de Google, pero....nos interesa que esta descripción afecte sólo a la página principal del blog, de esta forma la descripción de cada post será el primer párrafo del mismo. Procedimiento más detallado aquí<b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content='Aqui debes indicar la descripción de tu blog' name='description'/> <meta content='palabras, claves, de, tu, blog, separadas, por, comas, según, google, esto, no, sirve, para, nada, pero, lo, dejamos, para, otros, buscadores, jejeje' name='keywords'/></b:if>
- Configuración del robots (spider) para indicar qué contenidos indexar (+ info)
Aquí tienes configurada esta para que indexe el index y siga todos los enlaces. Ver más variantes (inglés) <meta content='all,index,follow,archive' name='robots'/>
- Las que definen el idioma del blog
Se supone que el idioma del blog lo determina de manera automática el propio buscador y en algunos sitios he visto he podido leer que realmente no es necesaria. Pero cuando integramos por ejemplo los botones de Facebook, Twitter estos si no tienen parámetros de idioma pueden mostrarse por defecto en Inglés. Por lo tanto he visto cierta utilidad en las Meta Tags que definen el idioma.
Para español:
<meta http-equiv="content-language" content="es" />
Para inglés:
<meta http-equiv="content-language" content="en" />
Para inglés, Estados Unidos:
<meta http-equiv="content-language" content="en-us" />
- Las de autor y copyright
- Las de vuelve a visitarme (al rastreador web) dentro de x días
En el caso de un Blog, esto no lo controlamos nosotros. Dependerá de la periodicidad de nuestras publicaciones
En este post tienes las principales, solo tienes que irlas copiando y pegando en el código HTML de tu plantilla. Existen multitud de generadores de MetaTags online que también puedes usar, aquí tienes uno de ellos.
¿Cómo añadir las Meta Tags en Blogger?
Como siempre que tocamos la plantilla HTML te recomiendo copia de seguridad antes. Sigue estos sencillos pasos:
- Accede a la pestaña Plantilla y haz clic en el botón Crear copia de seguridad/Reestablecer
- Una vez hayas creado tu copia de seguiridad, presiona el botón Edición de HTML
- Busca Ctrl F o Ctrl B (en Mac en Mac ⌘F o ⌘B) y busca <b:skin><
Puzzle Bobble
Karate Blazers
Puzzle De Bloques
Magical Cat Adventure