Omnikit
DesarrolloArchivosDineroTodas las herramientas
Ctrl K
Herramientas de desarrolloHerramientas de archivosCalculadoras financierasTodas las herramientas
InicioHerramientas para desarrolladoresGenerador de metaetiquetas
EnglishالعربيةবাংলাDeutschEspañolFrançaisPolskiPortuguêsРусский

Generador de metaetiquetas

desarrollo

Escriba las etiquetas title, description, canonical, Open Graph y Twitter con vista previa en directo

Se ejecuta en su navegador. Nada de lo que escribe se envía a ningún sitio.

Las metaetiquetas deciden cómo se ve una página en un resultado de búsqueda y cuando alguien la comparte. Escriba el título y la descripción con los límites de 60 y 155 caracteres contados mientras escribe, y llévese las etiquetas canonical, Open Graph y Twitter para pegarlas en su elemento head.

Esta página se ha traducido automáticamente del original en inglés. Ninguna persona ha revisado todavía la traducción, así que la versión en inglés es la que debe consultar. Leer el original en inglés

Siguiente:
  • Open Graph Checker Check the live Open Graph and Twitter card tags of any URL and see what is missing

Cómo escribir las metaetiquetas de un sitio web

1

Escriba el Título de la página y la Meta descripción, mirando el contador de caracteres bajo cada uno.

2

Rellene la URL canónica y la Imagen para compartir (og:image) como direcciones https:// completas.

3

Elija el Tipo de tarjeta de X y el Tipo de contenido (og:type), y ajuste los interruptores Permitir la indexación y Seguir los enlaces.

4

Revise el Resultado de Google y la Tarjeta del enlace compartido en el panel Vista previa.

5

Pulse Copiar y pegue las etiquetas dentro del head de su página.

Acerca del generador de metaetiquetas

Este generador de metaetiquetas escribe el bloque de HTML que va en el head de una página: las etiquetas title, description, canonical, robots, Open Graph y Twitter card. Usted rellena campos sencillos, y el marcado terminado aparece junto a una vista previa del resultado de Google y de la tarjeta que cada red dibujaría a partir de él.

La mayoría lo usa en dos situaciones. La primera es una página nueva en un sitio hecho a mano o con un generador de sitios estáticos, donde el head hay que escribirlo una vez y bien. La segunda es una página que se comparte mal: el enlace aparece como una URL desnuda en WhatsApp, o Google muestra una frase que nadie escribió. Ver la vista previa suele revelar la causa en pocos segundos, que normalmente es una ruta og:image relativa o la falta de una canonical.

Las comprobaciones son las que importan, no una larga hoja de puntuación. La herramienta cuenta los caracteres frente a las longitudes que muestran de verdad los resultados de búsqueda y las tarjetas, exige que la canonical y la og:image sean direcciones absolutas y avisa cuando summary_large_image no tiene imagen que mostrar. Todo se ejecuta en su navegador, así que el título de una página aún no publicada nunca sale de su portátil.

Copie el bloque con un clic o descárguelo como fragmento .html. Si ya tiene una página y quiere comprobar lo que publica, use la herramienta Open Graph Preview, y Sitemap Generator cuando la página esté publicada.

Preguntas frecuentes

¿Qué longitud deben tener el meta title y la description?

Apunte a unos 60 caracteres de título y de 140 a 155 caracteres de descripción. Google mide píxeles, no caracteres, así que esas cifras son orientativas. Ponga primero las palabras útiles; lo que quede tras el corte lo sigue leyendo el rastreador, pero el lector nunca lo ve.

¿Siguen importando las meta keywords?

No. Google dejó de usar la metaetiqueta keywords en 2009 y Bing la trata como señal de spam. Este generador no la escribe. Ponga sus palabras clave en el título, la descripción y el texto de la página, donde realmente se leen.

¿Para qué sirve la etiqueta canonical?

La etiqueta canonical indica a los buscadores cuál es la dirección real cuando la misma página es accesible en varias URL, por ejemplo con parámetros de seguimiento o con y sin barra final. El valor debe ser una URL absoluta que empiece por https://, o se ignora.

¿Por qué mi enlace no tiene imagen al compartirlo?

Casi siempre por una og:image ausente o relativa. Las redes descargan la imagen desde sus propios servidores, así que la dirección debe ser absoluta y accesible públicamente. Facebook y LinkedIn además guardan en caché las tarjetas antiguas, así que actualícelas en su depurador tras corregir la etiqueta.

¿Necesito tanto Open Graph como Twitter card?

X recurre a las etiquetas og: cuando faltan las twitter:, así que el bloque og basta por sí solo. Añada twitter:card si quiere la imagen ancha, y twitter:site o twitter:creator si quiere que la cuenta aparezca en la tarjeta.

¿Se suben a algún sitio los datos de mi página?

No. Las etiquetas se generan en su navegador con JavaScript. No se envía nada a ningún servidor, así que puede preparar el head de una página no publicada o de un sitio interno sin que salga de su dispositivo.

¿Sigue sin resolverlo? Pregunte sobre Generador de metaetiquetas y cualquiera que lo sepa puede responder. No se necesita cuenta.

Herramientas relacionadas

Todas las herramientas para desarrolladores
Generador de licenciasCree un archivo LICENSE: MIT, Apache 2.0, GPL 3.0 y 20 más, con su nombre y añoGenerador de datos de pruebaFilas de datos de prueba realistas en JSON, CSV, SQL o XML, siempre las mismas a partir de una semillaGenerador de UUIDUUID v4 aleatorios y v7 ordenados por tiempo, hasta 1.000 a la vez, con validadorGenerador de hashMD5, SHA-1, SHA-256, SHA-384 y SHA-512 de texto o archivos, con comparación de checksumsGenerador de expresiones cronCree una programación cron con menús, léala en lenguaje claro y vea las próximas ejecucionesGenerador de slugsSlugs de URL limpios a partir de títulos, también con acentos o en hindi, de uno en uno o cientos a la vezGenerador de robots.txtCree un robots.txt con plantillas y compruebe qué hace realmente cada líneaGlassmorphism CSS GeneratorFrosted glass CSS with backdrop-filter, the Safari prefix, a fallback and a contrast check
¿Le ha resultado útil esta herramienta?
Omnikit

Tareas pequeñas, hechas en su navegador. Gratis, rápido y privado. Los archivos nunca se suben.

Archivos

  • Compress Image
  • Image to PDF
  • Merge PDF
  • Compress PDF
  • PDF to Word
  • Word to PDF

Desarrollo

  • JSON Formatter & Validator
  • Base64 Encode & Decode
  • JWT Decoder, Verifier & Encoder
  • Password Generator
  • UUID Generator
  • Unix Timestamp Converter

Dinero

  • SIP Calculator
  • EMI Calculator
  • GST Calculator
  • FD Calculator
  • PPF Calculator
  • Lumpsum Calculator
EnglishالعربيةবাংলাDeutschEspañolFrançaisPolskiPortuguêsРусский
GuíasPreguntasAcerca deCómo verificamosBiblioteca de leyes (beta)PrivacidadCondicionesDivulgaciónContactoMore: Exam practice (UGC NET Paper 1)Se ejecuta en su navegador. No se sube nada. © 2026 Omnikit (theomnikit.com)