
Metaetiquetas para mejorar el SEO en Blogger
¿Sabías que una de las razones por las que muchos blogs no aparecen en Google o se ven mal al compartirlos en redes sociales es por una mala configuración de metaetiquetas?
En este artículo te explico cómo añadir correctamente las etiquetas meta en Blogger, justo debajo del <head>
, para que tu blog sea más visible, más clicado y mejor posicionado en buscadores como Google y Bing. Además, vas a aprender cómo hacer que se vea genial cuando lo compartas en redes sociales como Facebook, Twitter o WhatsApp.
🔍 ¿Qué son las metaetiquetas y por qué son tan importantes?
Las metaetiquetas son fragmentos de código HTML que informan a los motores de búsqueda y redes sociales sobre el contenido de tu sitio. No son visibles para el visitante, pero son esenciales para el SEO, el social sharing y la indexación.
- Mejoran cómo aparece tu blog en Google
- Aumentan clics desde redes sociales
- Permiten verificar tu sitio en Google Search Console o Bing Webmaster Tools
- Ayudan a aumentar la autoridad y visibilidad de tu sitio
🧠 ¿Dónde se colocan?
En tu plantilla de Blogger, busca la línea:
<head>
Justo debajo de esa línea vas a pegar el siguiente bloque de metaetiquetas optimizadas.
- ✅ Código completo de metaetiquetas para Blogger
<!-- Meta para SEO -->
<meta name="description" content="Aquí va la descripción de tu blog. Máximo 160 caracteres. Ejemplo: Aprende recursos, tips y plantillas para mejorar tu blog con Marvin.">
<meta name="robots" content="index, follow">
<!-- Meta para verificación en Google y Bing -->
<meta name="google-site-verification" content="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx" />
<meta name="msvalidate.01" content="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx" />
<!-- Open Graph para compartir en redes (Facebook, WhatsApp) -->
<meta property="og:title" content="HOLA! Soy Marvin" />
<meta property="og:description" content="Aprende con Marvin a optimizar tu blog con recursos, tips y más." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://holasoymarvin.com" />
<meta property="og:image" content="URL-DE-TU-IMAGEN-DESTACADA.jpg" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="HOLA! Soy Marvin">
<meta name="twitter:description" content="Aprende con Marvin a optimizar tu blog con recursos, tips y más.">
<meta name="twitter:image" content="URL-DE-TU-IMAGEN-DESTACADA.jpg">
<!-- Canonical URL -->
<link rel="canonical" expr:href="data:blog.canonicalUrl" />
<!-- Viewport para diseño responsive -->
<meta name="viewport" content="width=device-width, initial-scale=1"/>
🛠 Reemplaza las partes como xxxxxxxxxxxx y las URL de imágenes por tus datos reales.
🧪 BONUS:
Prueba si funcionan tus metaetiquetas
Después de guardarlas, puedes probar tu blog en estas herramientas:
Las metaetiquetas pueden parecer invisibles, pero son como el currículum oculto de tu blog: le dicen a Google y a las redes sociales quién eres, qué haces y por qué deben mostrarte bien y primero.
Si usas Blogger, añadir estos metadatos correctamente es uno de los mejores favores que puedes hacerle a tu sitio.