Generador de meta tags
Rellena el título, la descripción y la URL de tu página y obtén el bloque de meta tags (SEO básico, Open Graph y Twitter Card) listo para pegar en el <head>, con una vista previa de cómo podría verse en los resultados de búsqueda.
Vista previa en el buscador
Cómo usar el generador de meta tags
- Escribe el título que quieres mostrar en Google y en la pestaña del navegador. Pon primero lo que el usuario busca y, si cabe, el nombre del sitio al final.
- Redacta una descripción que resuma la página y dé un motivo para hacer clic: qué encontrará, para quién es, qué la diferencia.
- Indica la URL canónica (la versión preferida de la página) y una imagen de 1200 × 630 px para cuando se comparta en redes.
- Revisa los contadores y la vista previa, y copia el código en el
<head>de tu HTML.
Los contadores se ponen en naranja cuando el texto probablemente se cortará. La vista previa es aproximada: cada buscador cambia su diseño con frecuencia y puede mostrar otro título o descripción.
Qué hace cada etiqueta
| Etiqueta | Función | Recomendación |
|---|---|---|
| <title> | Título del resultado y de la pestaña. Factor de relevancia importante. | 50–60 caracteres, único en cada página |
| meta description | Fragmento bajo el título. No posiciona por sí misma, pero influye en el clic. | 120–160 caracteres |
| link rel="canonical" | Indica la URL principal cuando hay duplicados (parámetros, http/https, con y sin www). | URL absoluta |
| og:title, og:description | Título y texto al compartir en Facebook, LinkedIn, WhatsApp o Telegram. | Pueden ser algo más informales que el title |
| og:image | Imagen de la tarjeta al compartir. | 1200 × 630 px, https, menos de 5 MB |
| twitter:card | Formato de la tarjeta en X (Twitter). summary_large_image muestra la imagen grande. | Si falta twitter:title, X usa og:title |
| meta robots | Permite excluir la página del índice (noindex) o pedir no seguir sus enlaces. | Solo cuando sea necesario |
Ejemplo: de un título flojo a uno eficaz
Antes: «Inicio | Cocina Fácil» (21 caracteres). No dice de qué trata la página y desperdicia espacio.
Después: «Receta de tortilla de patatas jugosa paso a paso» (48 caracteres). Incluye la búsqueda principal, un beneficio («jugosa») y el formato («paso a paso»). El generador añade el nombre del sitio solo en og:site_name, para no alargar el title.
Para la URL, usa un slug corto y legible; el generador de slugs lo crea a partir del título. Si quieres contar caracteres de varios textos a la vez, el contador de caracteres es más cómodo.
Errores comunes
- Títulos duplicados en muchas páginas: dificultan que el buscador sepa cuál mostrar.
- Comillas sin escapar: unas comillas dobles dentro de
content="…"rompen la etiqueta. El generador las convierte en"; si lo haces a mano, consulta las entidades HTML. - Rutas relativas en og:image: las redes sociales necesitan la URL absoluta con dominio.
- Bloquear la página en robots.txt y poner noindex a la vez: si el rastreador no puede acceder, nunca verá el noindex. Revisa tu archivo con el generador de robots.txt.
Preguntas frecuentes
¿Cuántos caracteres debe tener el title?
Como orientación, entre 50 y 60 caracteres. Google no corta por caracteres sino por ancho en píxeles (unos 580–600 px en escritorio), así que un título con muchas letras anchas se corta antes.
¿Y la meta description?
Entre 120 y 160 caracteres suele mostrarse completa en escritorio; en móvil el corte llega antes. Google puede reescribirla si considera que otro fragmento de la página responde mejor a la búsqueda.
¿Qué tamaño debe tener la imagen og:image?
1200 × 630 píxeles (proporción 1,91:1) es el tamaño recomendado para Facebook, LinkedIn y X. Usa una URL absoluta con https y un archivo de menos de 5 MB.
¿La meta keywords sirve para el SEO?
No. Google anunció en 2009 que no la usa para posicionar, y la mayoría de buscadores la ignoran. Por eso este generador no la incluye.