Las Meta Tags son fragmentos de código HTML que deben situarse en la sección <head> del blog. Son importantes para los motores de búsqueda y contribuyen a mejorar el posicionamiento del mismo.
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 llamancondicionales 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.
Imprimir artículo
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
Aunque son básicamente las mismas Meta Tags para un blog que para una página Web, existen lo que se llamancondicionales en Blogger que podemos usarlos para establecer valores particulares
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! :-)
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.. - 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, vamoshacer 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í
¿Qué otras Meta Tags son las más importantes para el Blog?
- 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)
- 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:
Para inglés:
Para inglés, Estados Unidos:
¿Qué Meta Tags son innecesarias?
- 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
¿Cómo Generar Meta Tags para el Blog/Web?
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 por ejemplo:¿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><![CDATA[/*
- Justo encima ve pegando las diferentes Meta Tags que hemos descrito en este post
- Revisa y personaliza aquellas que lo requieran sobre todo la de título, descripción y keywords
- No viene mal revisar la sección <head> y eliminar las Meta Tags que pudieran estar duplicadas
No hay comentarios:
Publicar un comentario