Generador de meta etiquetas

Llena un formulario y obtén las meta etiquetas de SEO, Open Graph y Twitter cards listas para pegar en el <head> de tu página, con una vista previa de cómo se verá en Google y en redes sociales.

¿Qué son las meta etiquetas?

Las meta etiquetas son información sobre tu página que no se ve en pantalla, pero que leen los buscadores, los navegadores y las redes sociales. Van dentro del <head> del HTML.

• SEO básico: el <title> (el título azul en Google y el texto de la pestaña) y la description (el texto gris debajo). Son lo primero que ve alguien antes de decidir si entra a tu sitio.
• URL canónica (rel="canonical"): le dice a Google cuál es la dirección "oficial" de la página cuando existe con varias URLs.
• Open Graph (og:*): controla la tarjeta que aparece al compartir el enlace en Facebook, WhatsApp, LinkedIn, Slack o Discord.
• Twitter cards (twitter:*): lo mismo para X/Twitter. Si faltan, X usa las de Open Graph.
• robots: indica si la página debe aparecer en buscadores (index) y si deben seguirse sus enlaces (follow).

<head>
  <title>Pastelería Dulce Hogar | Pasteles artesanales en Puebla</title>
  <meta name="description" content="Pasteles personalizados para bodas, XV años y cumpleaños. Pide el tuyo con entrega a domicilio.">
  <meta property="og:image" content="https://www.dulcehogar.mx/compartir.jpg">
</head>

Generador

Escribe los datos de tu página. Los contadores te avisan si el título o la descripción son demasiado largos.

Generador de meta etiquetas

SEO básico

Título 54/60Descripción 133/160Creamos sitios web rápidos, modernos y optimizados para Google que convierten visitas en clientes. Cotiza tu proyecto sin compromiso.URL canónica

Autor Idioma (lang)

Indexar Seguir enlaces

Color del tema (barra del navegador móvil)

Redes sociales

Nombre del sitio URL de la imagen (1200×630) Texto alternativo de la imagen

Tipo websitearticleLocale es_MXes_ESes_ARes_COes_CLes_PEes_LAen_US

Twitter card Imagen grandeResumenUsuario de X

Resultado en Google

EEstudio Creativohttps://www.ejemplo.com › servicios › diseno-web

Diseño web profesional en Monterrey | Estudio Creativo

Creamos sitios web rápidos, modernos y optimizados para Google que convierten visitas en clientes. Cotiza tu proyecto sin compromiso.

Al compartir en

Estudio Creativo

EJEMPLO.COMDiseño web profesional en Monterrey | Estudio CreativoCreamos sitios web rápidos, modernos y optimizados para Google que convierten visitas en clientes. Cotiza tu…

<!-- SEO básico -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Diseño web profesional en Monterrey | Estudio Creativo</title>
<meta name="description" content="Creamos sitios web rápidos, modernos y optimizados para Google que convierten visitas en clientes. Cotiza tu proyecto sin compromiso.">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://www.ejemplo.com/servicios/diseno-web">
<meta name="theme-color" content="#7c3aed">

<!-- Open Graph: Facebook, WhatsApp, LinkedIn... -->
<meta property="og:type" content="website">
<meta property="og:title" content="Diseño web profesional en Monterrey | Estudio Creativo">
<meta property="og:description" content="Creamos sitios web rápidos, modernos y optimizados para Google que convierten visitas en clientes. Cotiza tu proyecto sin compromiso.">
<meta property="og:url" content="https://www.ejemplo.com/servicios/diseno-web">
<meta property="og:site_name" content="Estudio Creativo">
<meta property="og:locale" content="es_MX">
<meta property="og:image" content="https://www.ejemplo.com/imagen-compartir.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Equipo de Estudio Creativo trabajando en un sitio web">

<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@estudiocreativo">
<meta name="twitter:title" content="Diseño web profesional en Monterrey | Estudio Creativo">
<meta name="twitter:description" content="Creamos sitios web rápidos, modernos y optimizados para Google que convierten visitas en clientes. Cotiza tu proyecto sin compromiso.">
<meta name="twitter:image" content="https://www.ejemplo.com/imagen-compartir.jpg">
<meta name="twitter:image:alt" content="Equipo de Estudio Creativo trabajando en un sitio web">

Consejos de uso

• Título: 50–60 caracteres. Pon primero lo más importante (qué ofreces y dónde) y al final el nombre de la marca: Servicio | Marca.
• Descripción: 120–160 caracteres. Escríbela como un anuncio: qué gana el visitante y una invitación a la acción.
• Cada página necesita su propio título y descripción. Repetir los mismos en todo el sitio confunde a Google.
• La imagen para compartir debe medir 1200×630 px, pesar menos de 1 MB y usar una URL absoluta (con https://). Las rutas relativas no funcionan en redes sociales.
• Después de publicar, prueba tus etiquetas con el depurador de compartidos de Facebook o la vista previa de LinkedIn; las redes guardan en caché la tarjeta, y ahí puedes forzar que se actualice.
• Usa noindex en páginas que no deben aparecer en Google: carrito, gracias por tu compra, áreas privadas o versiones de prueba.

Buena práctica

En frameworks como Next.js, Nuxt o Laravel no escribas estas etiquetas a mano en cada página: genera los valores desde los datos de cada producto o artículo para que siempre estén actualizados.

Error común

Dejar noindex activado al pasar el sitio de pruebas a producción. Es muy común y hace que el sitio desaparezca de Google. Revísalo siempre antes del lanzamiento.