Generador de meta tags para SEO y redes sociales
Rellena un breve formulario y copia HTML limpio y válido para cada meta tag que necesita tu página, con una vista previa de Google en vivo mientras escribes.
Indexación (robots)
Versiones de idioma (hreflang)
Incluye todas las versiones de idioma, también esta página. Cada versión debe incluir a todas las demás.
Compartir en redes sociales (Open Graph y X)
Otras etiquetas
Se ejecuta por completo en tu navegador: nada de lo que escribes se envía a nuestros servidores.
Pega las etiquetas dentro del <head> de tu página.
Las meta tags escritas a mano es fácil que salgan con algún fallo: una comilla que falta, una canonical relativa, etiquetas Open Graph escritas con name en lugar de property o un código hreflang como en-UK que no existe. Este generador de meta tags convierte un formulario sencillo en HTML correcto para las etiquetas title, meta description, robots, canonical, viewport, Open Graph, Twitter Card y hreflang.
Una vista previa SERP en vivo muestra cómo se verán el título y la descripción en Google mientras escribes, para que ajustes la redacción antes de copiar el código. Funciona en tu navegador, es gratis y no requiere registro.
Cómo generar meta tags
Rellena el formulario
Introduce el título, la descripción y la URL de la página, elige los ajustes de robots y añade los datos sociales y de idioma si los necesitas.
Mira la vista previa
La vista previa SERP se actualiza mientras escribes, para que veas dónde cortaría Google el título y la descripción.
Copia y pega
Copia el HTML en la sección head de la plantilla de tu página, o introduce los mismos valores en tu CMS o plugin SEO.
Qué hace cada etiqueta generada
<title>Botas de senderismo impermeables para mujer – Probadas en ruta | Ejemplo</title>
<meta name="description" content="Botas impermeables probadas en senderos mojados, con opciones para pies anchos, sujeción de tobillo y presupuestos ajustados, además de notas de talla y devolución gratis en 60 días.">
<meta name="robots" content="max-image-preview:large">
<link rel="canonical" href="https://example.com/womens-waterproof-hiking-boots">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="Las mejores botas de senderismo impermeables para mujer">
<meta property="og:image" content="https://example.com/img/boots-1200x630.jpg">
<meta name="twitter:card" content="summary_large_image">
<link rel="alternate" hreflang="en" href="https://example.com/womens-waterproof-hiking-boots">
<link rel="alternate" hreflang="fr" href="https://example.com/fr/chaussures-randonnee-impermeables-femme">
<link rel="alternate" hreflang="x-default" href="https://example.com/womens-waterproof-hiking-boots">
- Title y description dan forma a tu resultado de búsqueda; consulta etiqueta title y meta descripción.
- Robots es opcional, porque
index, followes el valor por defecto. Úsala paranoindexen las páginas de agradecimiento o para ajustes de vista previa comomax-image-preview:large; la referencia de Google sobre la meta tag robots enumera todos los valores. - Canonical indica la URL preferida; usa siempre una dirección absoluta. Consulta etiqueta canonical.
- Hreflang enlaza las versiones de idioma de una misma página; las reglas están más abajo.
Cómo elegir los valores de robots sin riesgos
| Objetivo | Valor de robots |
|---|---|
| Página normal que quieres que se encuentre | No hace falta etiqueta robots |
| Mantenerla fuera de los resultados pero dejar que se sigan sus enlaces | noindex |
| Ocultar el fragmento de texto (también deja la página fuera de las AI Overviews) | nosnippet |
| Limitar la longitud del fragmento | max-snippet:50 |
| Permitir vistas previas de imagen grandes | max-image-preview:large |
| Retirarla de los resultados a partir de una fecha | unavailable_after: 2026-12-31 |
Un noindex solo funciona si los rastreadores pueden descargar la página. Si esa misma URL está bloqueada en robots.txt, Google nunca ve la etiqueta y puede mantener la URL indexada por los enlaces que apuntan a ella. Compruébalo con el probador de robots.txt antes de confiar en ello.
Dónde pegar el código
- Sitios programados a mano: dentro de
<head>, después de<meta charset="utf-8">, una vez por página. - WordPress, Shopify y otros CMS: usa los campos SEO integrados o los ajustes de tu plugin en lugar de pegar HTML en bruto; de lo contrario, el tema y el plugin pueden generar ambos un título y una descripción.
- Frameworks de JavaScript: renderiza las etiquetas en el servidor, mediante renderizado en servidor o generación estática. Muchos rastreadores y apps sociales leen solo el HTML inicial.
Después de publicar, prueba la tarjeta social con el comprobador de Open Graph.
Cómo acertar con el bloque hreflang
Hreflang es donde el código generado ahorra más tiempo, porque las reglas son estrictas. La guía de Google sobre versiones localizadas las expone:
- Usa un código de idioma ISO 639-1, seguido opcionalmente de un código de región ISO 3166-1:
fr,fr-CA,en-GB. Una región no puede ir sola, y cuidado con la trampa clásica:ukes el código de idioma del ucraniano, mientras que el código de región del Reino Unido esGB, así que el inglés británico esen-GB, nuncaen-UK. - Cada versión enumera todas las demás versiones y a sí misma, con URL absolutas.
- Los enlaces deben ser recíprocos: si la página en inglés apunta a la francesa, la francesa debe apuntar de vuelta, o Google puede ignorar el par.
- Añade
x-defaultpara la página que se muestra cuando ningún idioma coincide, como un selector de idioma o tu versión principal.
Consejos para meta tags que funcionen
- Escribe un title y una description únicos para cada página importante; es menos probable que se muestren tal cual los duplicados generados por plantilla.
- Usa la misma URL canónica en la etiqueta canonical, en og:url y en la autorreferencia de hreflang para que las tres coincidan.
- No añadas una etiqueta robots “por si acaso”: un noindex innecesario es uno de los errores SEO más costosos.
- Integra las etiquetas en la plantilla de tu página para que las páginas nuevas hereden la estructura.
- Vuelve a generar el bloque hreflang cada vez que añadas un idioma y actualízalo en todas las versiones de idioma.
Límites a tener en cuenta
El generador escribe código a partir de lo que introduces. No inspecciona tu página publicada, no puede saber si tus URL devuelven 200 o redirigen y no puede instalar nada en tu sitio. Después de publicar, verifica las etiquetas en la URL real con el comprobador de meta tags y valida las versiones de idioma con el comprobador de hreflang.
Última actualización: 30 oct 2026 por el equipo de Yes SEO.
Generador de meta tags: preguntas frecuentes
¿Qué meta tags necesita toda página?
Como mínimo un charset, un viewport, un title único y una meta description. Añade un enlace canonical, etiquetas Open Graph y Twitter Card para compartir, y hreflang si la página tiene otras versiones de idioma.
¿Dónde pongo las meta tags generadas?
En la sección head del HTML de la página, una vez por página. En un CMS, introduce los valores en sus campos SEO en lugar de pegar código, para que las etiquetas no se dupliquen.
¿Necesito una meta tag robots?
Solo cuando quieras algo distinto del valor por defecto. Las páginas son indexables y sus enlaces seguibles sin ella; añade una etiqueta robots para noindex, nosnippet o ajustes de vista previa.
¿Sigue haciendo falta la etiqueta meta keywords?
No. Google no la usa, así que el generador se centra en las etiquetas que realmente leen los buscadores y las plataformas sociales.
¿El generador guarda lo que escribo?
No. Funciona en tu navegador y construye el código en la propia página, por lo que no hay cuenta ni nada que guardar por nuestra parte.