Qué hace el Generador de Meta Etiquetas
Esta herramienta convierte unos pocos datos de tu página en un bloque de etiquetas meta HTML listo para pegar. Le das un título y, opcionalmente, una descripción, la URL de la página y una imagen para compartir, y te devuelve una etiqueta <title>, una meta descripción, etiquetas Open Graph y etiquetas Twitter Card. Esas son las piezas que leen los buscadores y que Facebook, LinkedIn y X usan para crear las tarjetas de vista previa del enlace.
Es muy útil para desarrolladores, blogueros, especialistas en marketing y cualquiera que publique una landing page y quiera vistas previas sociales correctas sin memorizar la sintaxis exacta de cada etiqueta.
Cómo usarlo
- Escribe o pega el título de tu página en el cuadro de entrada principal, arriba.
- Rellena el campo Descripción con un resumen breve de la página (sirve a la vez como meta descripción y como descripción social).
- Añade tu URL de la página para que la etiqueta og:url apunte a la dirección real.
- Añade una URL de imagen para compartir y así fijar la miniatura de vista previa que verá la gente al compartir el enlace.
- Haz clic en Generar etiquetas y el código completo aparece en el cuadro de salida.
- Copia el resultado y colócalo dentro del
<head>de tu HTML.
Solo el título es obligatorio. Omite cualquier campo opcional y el generador deja fuera esa etiqueta sin más, de modo que el resultado se mantiene limpio.
Por qué usarlo aquí
Funciona por completo en tu navegador, así que no hay subida, ni cuenta, ni esperas. Los datos de tu página nunca salen de tu dispositivo. El resultado es instantáneo y coherente: og:type y twitter:card se fijan con valores sensatos (website y summary_large_image), y las comillas se colocan bien para que las etiquetas validen.
Consejo: tras publicar las etiquetas, prueba el resultado con un depurador social para que cada plataforma recupere tu nueva imagen y descripción. Usa una imagen de unos 1200 por 630 píxeles para la tarjeta más nítida. Encuentra más utilidades en la categoría de generadores.
Preguntas frecuentes
- ¿Qué meta etiquetas crea este generador?
- Genera una etiqueta de título, una meta descripción, etiquetas Open Graph (og:title, og:description, og:url, og:image, og:type) y etiquetas Twitter Card (twitter:card, twitter:title, twitter:description). Pega el bloque dentro del head de tu página.
- ¿Qué campos necesito rellenar realmente?
- Solo el título de la página es obligatorio. La descripción, la URL de la página y la URL de la imagen para compartir son opcionales. Si dejas un campo en blanco, su etiqueta correspondiente simplemente se omite, así que nunca obtienes atributos vacíos en el resultado.
- ¿Por qué debería añadir etiquetas Open Graph y Twitter Card?
- Controlan cómo se ve tu enlace al compartirlo en Facebook, LinkedIn, X y apps de mensajería. Con una og:image y un título y una descripción claros, tu enlace muestra una tarjeta de vista previa adecuada en vez de una URL pelada.
- ¿Se envía a algún sitio la información de mi página?
- No. Las etiquetas se construyen en tu navegador con JavaScript. Tu título, descripción, URL e imagen permanecen en tu dispositivo, y nada se sube ni se almacena.