Cómo se usa
- Completa el formulario con el título, la descripción y la URL canónica de tu página.
- Deja marcadas Incluir Open Graph e Incluir Twitter Card si necesitas etiquetas para compartir la página en redes sociales.
- Elige el tipo de página en og:type y el formato de tarjeta en Twitter Card.
- Revisa las vistas previas y los contadores de longitud.
- Copia el código generado y pégalo en la sección head de tu página.
Ejemplos
Página de una panadería
Entrada
Título: Pan artesanal en Madrid | Panadería La Espiga Descripción: Descubre nuestros panes de masa madre, bollería y hogazas artesanales. Consulta el horario de la panadería y encarga tu pan para recoger en Madrid. URL canónica: panaderialaespiga.es Imagen: https://panaderialaespiga.es/img/obrador.jpg
Salida
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Pan artesanal en Madrid | Panadería La Espiga</title> <meta name="description" content="Descubre nuestros panes de masa madre, bollería y hogazas artesanales. Consulta el horario de la panadería y encarga tu pan para recoger en Madrid."> <link rel="canonical" href="https://panaderialaespiga.es"> <!-- Open Graph --> <meta property="og:type" content="website"> <meta property="og:url" content="https://panaderialaespiga.es"> <meta property="og:title" content="Pan artesanal en Madrid | Panadería La Espiga"> <meta property="og:description" content="Descubre nuestros panes de masa madre, bollería y hogazas artesanales. Consulta el horario de la panadería y encarga tu pan para recoger en Madrid."> <meta property="og:image" content="https://panaderialaespiga.es/img/obrador.jpg"> <meta property="og:image:alt" content="Hogazas de masa madre recién horneadas"> <meta property="og:site_name" content="Panadería La Espiga"> <meta property="og:locale" content="es_ES"> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image:alt" content="Hogazas de masa madre recién horneadas">
Artículo con texto distinto para redes
Entrada
Título: Ruta de tres días por Oaxaca: mercados y barrios Descripción: Organiza una visita de tres días a Oaxaca con una ruta por sus mercados, barrios y talleres artesanales, además de consejos para moverte por la ciudad. URL canónica: https://rutasdelocal.mx/blog/tres-dias-oaxaca Título para redes: Oaxaca en tres días: nuestra ruta a pie Descripción para redes: Mercados, talleres y barrios para conocer Oaxaca paso a paso.
Salida
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Ruta de tres días por Oaxaca: mercados y barrios</title> <meta name="description" content="Organiza una visita de tres días a Oaxaca con una ruta por sus mercados, barrios y talleres artesanales, además de consejos para moverte por la ciudad."> <meta name="robots" content="index, follow, max-image-preview:large"> <meta name="author" content="Lucía Hernández"> <link rel="canonical" href="https://rutasdelocal.mx/blog/tres-dias-oaxaca"> <!-- Open Graph --> <meta property="og:type" content="article"> <meta property="og:url" content="https://rutasdelocal.mx/blog/tres-dias-oaxaca"> <meta property="og:title" content="Oaxaca en tres días: nuestra ruta a pie"> <meta property="og:description" content="Mercados, talleres y barrios para conocer Oaxaca paso a paso."> <meta property="og:image" content="https://rutasdelocal.mx/img/oaxaca.jpg"> <meta property="og:image:alt" content="Puestos de artesanía en un mercado de Oaxaca"> <meta property="og:site_name" content="Rutas de Local"> <meta property="og:locale" content="es_MX"> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@rutasdelocal"> <meta name="twitter:image:alt" content="Puestos de artesanía en un mercado de Oaxaca">
Página de pruebas con noindex
Entrada
Título: Catálogo de pruebas | Muebles Roble Descripción: Página de pruebas del catálogo de mesas y estanterías de Muebles Roble, preparada para revisar el contenido antes de publicar la nueva web. URL canónica: https://pruebas.mueblesroble.es/catalogo
Salida
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Catálogo de pruebas | Muebles Roble</title> <meta name="description" content="Página de pruebas del catálogo de mesas y estanterías de Muebles Roble, preparada para revisar el contenido antes de publicar la nueva web."> <meta name="robots" content="noindex, follow"> <link rel="canonical" href="https://pruebas.mueblesroble.es/catalogo">
Preguntas frecuentes
¿Cuántos caracteres deben tener el título y la meta descripción?
El contador considera adecuada una longitud de 30 a 60 caracteres para el título, siempre que no supere 580 px, y de 70 a 160 para la descripción. Son referencias de la herramienta, no garantías de que el texto se muestre completo.
¿La vista previa muestra exactamente cómo aparecerá mi página en Google?
Es orientativa. Google puede reescribir el título y la descripción, por lo que el resultado real puede ser distinto.
¿Este generador de meta tags incluye meta keywords?
No genera meta keywords, revisit-after, language ni copyright. Tampoco genera enlaces hreflang ni datos estructurados JSON-LD.
¿Se envían o guardan los datos que escribo?
Las etiquetas se generan en tu navegador y los valores introducidos no se envían al servidor del sitio. Al abrir la vista previa de Facebook o X, el navegador carga la imagen directamente desde su URL. Solo se guardan localmente las opciones; los campos de texto no se conservan entre visitas.