Generador de Meta Tags Online Gratis — Title, Description y Open Graph
El generador de meta tags es una herramienta SEO imprescindible para cualquier persona que quiera optimizar su página web para los motores de búsqueda. Las etiquetas meta —especialmente el meta title y la meta description— son los primeros elementos que Google y otros buscadores leen para entender de qué trata tu página y cómo mostrarla en los resultados de búsqueda. Un meta title bien escrito y una meta description atractiva pueden marcar la diferencia entre que el usuario haga clic en tu resultado o en el de tu competencia.
Nuestro generador de meta tags online te permite crear en segundos el
código HTML completo de tus etiquetas meta: title tag, meta
description, meta robots, charset, viewport y las etiquetas Open Graph
para redes sociales (og:title, og:description, og:image, og:url). Solo
tienes que rellenar los campos con la información de tu página y la
herramienta generará automáticamente el snippet de código listo para
copiar y pegar en el <head> de tu HTML.
Generar correctamente los meta tags es uno de los pasos básicos del SEO on-page que no deberías ignorar. Un title tag debe tener entre 50 y 60 caracteres para mostrarse completo en Google, y la meta description entre 140 y 160 caracteres para captar la atención sin ser cortada. Con esta herramienta gratuita de generación de etiquetas meta podrás crear código optimizado al instante, sin necesidad de conocimientos técnicos ni acceso al servidor.
¿Cómo usar el Generador de Meta Tags?
- Introduce el título de tu página en el campo "Title Tag" (máximo 60 caracteres recomendado).
- Escribe una descripción atractiva en el campo "Meta Description" (entre 140 y 160 caracteres).
- Rellena los campos opcionales de Open Graph si quieres optimizar cómo se comparte tu página en redes sociales.
- Haz clic en "Generar Meta Tags" para obtener el código HTML listo para usar.
-
Copia el código generado y pégalo dentro de la etiqueta
<head>de tu página web.
Ejemplo de meta tags generados para una página real
Imaginemos que tienes una página de una tienda online de zapatillas deportivas llamada "SneakerPro" con URL https://www.sneakerpro.es/zapatillas-running.
<!-- Title Tag: describe la página con la keyword principal al inicio -->
<title>Zapatillas Running para Hombre y Mujer | SneakerPro</title>
<!-- Meta Description: resumen atractivo que aparece en los resultados de Google -->
<meta name="description" content="Descubre nuestra colección de zapatillas running para hombre y mujer. Envío gratis en 24h, más de 200 modelos y los mejores precios. ¡Compra online en SneakerPro!">
<!-- Meta Robots: indica a Google que indexe y siga los enlaces -->
<meta name="robots" content="index, follow">
<!-- Viewport: imprescindible para diseño responsive -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Open Graph: controla cómo se ve la página al compartirla en redes sociales -->
<meta property="og:title" content="Zapatillas Running para Hombre y Mujer | SneakerPro">
<meta property="og:description" content="Más de 200 modelos de zapatillas running con envío gratis en 24h. Los mejores precios en SneakerPro.">
<meta property="og:url" content="https://www.sneakerpro.es/zapatillas-running">
<meta property="og:type" content="website">Como ves en el ejemplo, el title tag incluye la keyword principal al principio ("Zapatillas Running") seguida del nombre de la marca. La meta description añade argumentos de venta claros (envío gratis, variedad, precios) con un call to action al final. Las etiquetas Open Graph replican esta información para que el contenido se vea bien cuando alguien comparte la URL en Facebook, LinkedIn o WhatsApp.