# Generador de meta tags para SEO y redes sociales > Generador de meta tags gratis: crea title, description, robots, canonical, Open Graph, Twitter Card y hreflang con vista previa SERP en vivo y copia el HTML. 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. - Úsalo gratis (sin registro): https://yes-seo.com/es/generador-meta-tags - Qué hace: Meta tag generator: fill a form and copy ready HTML for title, description, robots, canonical, viewport, Open Graph, Twitter Card and hreflang tags, with a live SERP preview. 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 1. **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. 2. **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. 3. **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 ``` Botas de senderismo impermeables para mujer – Probadas en ruta | Ejemplo - ``` **Title y description** dan forma a tu resultado de búsqueda; consulta [etiqueta title](https://yes-seo.com/es/glosario/etiqueta-title) y [meta descripción](https://yes-seo.com/es/glosario/meta-descripcion). - **Robots** es opcional, porque `index, follow` es el valor por defecto. Úsala para `noindex` en las páginas de agradecimiento o para ajustes de vista previa como `max-image-preview:large`; la [referencia de Google sobre la meta tag robots](https://developers.google.com/search/docs/crawling-indexing/robots-meta-tag?hl=es) enumera todos los valores. - **Canonical** indica la URL preferida; usa siempre una dirección absoluta. Consulta [etiqueta canonical](https://yes-seo.com/es/glosario/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](https://yes-seo.com/es/probador-robots-txt) antes de confiar en ello. ## Dónde pegar el código - **Sitios programados a mano:** dentro de ``, después de ``, 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](https://yes-seo.com/es/comprobador-open-graph). ## Cómo acertar con el bloque hreflang [Hreflang](https://yes-seo.com/es/glosario/hreflang) es donde el código generado ahorra más tiempo, porque las reglas son estrictas. La [guía de Google sobre versiones localizadas](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=es) 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: `uk` es el código de idioma del ucraniano, mientras que el código de región del Reino Unido es `GB`, así que el inglés británico es `en-GB`, nunca `en-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-default` para 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](https://yes-seo.com/es/comprobador-meta-tags) y valida las versiones de idioma con el [comprobador de hreflang](https://yes-seo.com/es/comprobador-hreflang). ## 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.