Crear un sitio web genial es solo la mitad de la batalla. El mayor desafío es cómo hacer que tu sitio web aparezca en la primera página de Google cuando la gente busca.
Ahora, aquí es donde SEO (Search Engine Optimization) juega un papel, y una de sus armas secretas son las Etiquetas de Metadatos.
Los metadatos son como una "carta de presentación" dentro de tu código HTML que le dice a Googlebot:
"¡Oye, mi sitio web trata sobre esto!"
Para hacer que tu sitio web sea más llamativo para Google y atraer más visitantes, aquí tienes una lista de etiquetas de metadatos obligatorias que necesitas instalar, resumidas en lenguaje cotidiano informal.
1. Etiqueta Title (Título de la página)
Esta es la etiqueta más crucial. El título que escribas aquí aparecerá en los resultados de búsqueda de Google (SERP) y también en la pestaña del navegador del usuario.
Código:
<title>Formas efectivas de aprender a programar desde cero para principiantes</title>
Consejos SEO:
- Coloca la palabra clave principal al principio.
- Mantén una longitud entre 50 y 60 caracteres para que no se corte en Google.
- Hazlo atractivo para despertar curiosidad y obtener clics, es decir, que tenga un alto porcentaje de clics (CTR).
2. Meta Description (Descripción de la página)
La meta descripción es un breve resumen del contenido de tu página web. Aparece justo debajo del título en los resultados de búsqueda de Google.
Código:
<meta name="description" content="¿Quieres aprender a programar pero no sabes por dónde empezar? ¡Consulta esta guía completa para aprender a programar desde cero especialmente para principiantes!">
Consejos SEO:
Aunque no mejora directamente el ranking, una buena descripción puede animar a la gente a hacer clic.
La longitud ideal es de aproximadamente 120 a 160 caracteres.
Incluye un sutil llamado a la acción (CTA), como:
- ¡Lee más aquí!
- ¡Échale un vistazo!
3. Meta Robots (Señal para Googlebot)
Esta etiqueta da instrucciones a los rastreadores de motores de búsqueda sobre si pueden indexar la página o no.
Código:
<meta name="robots" content="index, follow">
Explicación:
index: "Por favor Google, muestra esta página en los resultados de búsqueda."follow: "Por favor, sigue también los enlaces de esta página."
Si hay una página privada, como un panel de administración, puedes cambiarla a:
<meta name="robots" content="noindex, nofollow">
4. Etiquetas Open Graph (Haz que se vea genial al compartir en redes sociales)
¿Alguna vez has compartido un enlace web en WhatsApp, Facebook o X, y luego la imagen, el título y la descripción aparecieron ordenadamente?
Bueno, eso es gracias a las Etiquetas Open Graph (OG).
Aunque se centran en las redes sociales, estas etiquetas son importantes para atraer tráfico indirecto a tu sitio web.
Código:
<meta property="og:title" content="Formas efectivas de aprender a programar desde cero" />
<meta property="og:description" content="Guía completa para principiantes que quieren entrar en el mundo de la informática." />
<meta property="og:image" content="https://tu-sitio-web.com/imagen-programacion.jpg" />
<meta property="og:url" content="https://tu-sitio-web.com/aprender-programacion" />
Consejos SEO:
Asegúrate de que la imagen que uses en og:image tenga las dimensiones adecuadas, generalmente 1200 x 630 píxeles, para que no se rompa al compartirla.
5. Meta Viewport (Adaptable a móviles)
Hoy en día, Google sigue el principio de Mobile-First Indexing.
Eso significa que Google prioriza los sitios web que se ven bien en teléfonos móviles. Esta etiqueta viewport es obligatoria para que tu sitio web se ajuste automáticamente al tamaño de la pantalla del dispositivo.
Código:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Consejos SEO:
Nunca omitas esta etiqueta. Si tu sitio web se ve desordenado en móvil, Google dudará en mejorar tu ranking.
6. Etiqueta Canónica (Evita contenido duplicado)
A veces, una sola página web puede ser accesible a través de múltiples URL diferentes.
Ejemplos:
- Versión
http - Versión
https - URL con parámetros adicionales como
?ref=social
Google puede confundirse porque el contenido es el mismo pero las URL son diferentes. Para evitar ser marcado como plagio o contenido duplicado, puedes usar la etiqueta canónica.
Código:
<link rel="canonical" href="https://tu-sitio-web.com/aprender-programacion" />
Consejos SEO:
Esta etiqueta le dice a Google:
"Oye jefe, esta es la URL original y principal; las demás son solo alias."
Conclusión
Optimizar las metaetiquetas es como vestir tu sitio web antes de conocer a los "futuros suegros", es decir, Google.
Si tus metaetiquetas están ordenadas, a Google le resultará más fácil entender el contenido de tu sitio web, y la posibilidad de estar en la primera página será mucho mayor.
Entonces, ¿ya has revisado el código HTML de tu sitio web? ¿Están completas todas las etiquetas anteriores?
Artículos Relacionados
Escrito por
Wilan
Colaborador permanente de Bali Island Tekno que activamente comparte conocimientos sobre tecnología, programación y el mundo de la ingeniería de software.