Extractor de Meta Etiquetas Gratis

El Extractor de Metaetiquetas es una herramienta en línea gratuita que recupera y muestra todas las metaetiquetas de cualquier página web, incluidas las etiquetas de título, descripción, Open Graph y Twitter Card.

Sí, es completamente gratis y no requiere registro.

El Extractor de Metaetiquetas muestra las etiquetas de título, las metadescripciones, las etiquetas Open Graph, las etiquetas Twitter Card, la configuración del viewport, las URL canónicas y todos los demás elementos meta.

Por supuesto. El Extractor de Metaetiquetas procesa todo en el lado del cliente, dentro de tu navegador. No se sube ni se almacena ningún dato en ningún servidor. Tu contenido permanece privado en tu dispositivo en todo momento.

Sí, el Extractor de Metaetiquetas es totalmente adaptable y funciona en smartphones y tablets. Puedes usarlo en cualquier dispositivo con un navegador web moderno, sin necesidad de descargar ninguna aplicación.

No se necesita ninguna cuenta ni registro. Simplemente abre el Extractor de Metaetiquetas en tu navegador y empieza a usarlo de inmediato. No hay barreras de registro ni restricciones de uso.

Solo tienes que introducir tu información en el campo correspondiente, ajustar las opciones a tu gusto y la herramienta la procesará al instante. Después puedes copiar el resultado al portapapeles o descargarlo.

El Extractor de Metaetiquetas funciona en todos los navegadores modernos, incluidos Chrome, Firefox, Safari, Edge y Opera. Para una mejor experiencia, usa la última versión de tu navegador preferido.

Ambas controlan el aspecto de un enlace al compartirse, pero sirven a plataformas distintas. Las etiquetas Open Graph (og:title, og:description, og:image, og:url) fueron creadas por Facebook y ahora las leen LinkedIn, WhatsApp, Slack y la mayoría de redes para construir una tarjeta de vista previa. Las etiquetas Twitter Card (twitter:card, twitter:title, twitter:image) son el formato propio de X y te permiten elegir un diseño, como summary_large_image para un banner grande. La buena noticia es que X recurre a tus etiquetas Open Graph cuando faltan las específicas de Twitter, así que las etiquetas og hacen la mayor parte del trabajo. Normalmente solo necesitas añadir twitter:card y sobrescribir imágenes o texto donde quieras que X sea diferente. Este extractor clasifica ambas familias en sus propios grupos y genera vistas previas en vivo de Facebook, LinkedIn y X, así que pega el código fuente de tu página para ver exactamente qué etiquetas específicas de cada plataforma están presentes o faltan.

Una etiqueta title es más saludable entre 30 y 60 caracteres aproximadamente. Menos de 30 desperdicia espacio valioso, y más de 60 corre el riesgo de que Google la trunque con puntos suspensivos en el fragmento de búsqueda. Las meta descripciones funcionan mejor entre unos 150 y 160 caracteres; por debajo de 120 se ven escasas, y por encima de 160 tienden a cortarse a mitad de frase en los resultados. Son pautas orientativas, no límites estrictos, porque Google mide el ancho en píxeles en lugar del número de caracteres en bruto, así que las mayúsculas y los caracteres anchos ocupan más espacio. El objetivo es una línea completa y atractiva que sobreviva al truncamiento. Este extractor cuenta los caracteres de tu título y descripción reales, los marca como correctos o con advertencia, y muestra si cada uno cae dentro del rango recomendado. Pega tu HTML para revisar ambas longitudes a la vez y corregir cualquier cosa que de otro modo quedaría recortada en los resultados de búsqueda.

Una vista previa ausente o rota casi siempre se debe a tus meta tags sociales. La causa más común es un og:image ausente, o un og:image que apunta a una URL que devuelve un 404 o que está detrás de un inicio de sesión. Otros culpables habituales son una imagen demasiado pequeña o con una proporción incorrecta, ya que Facebook y LinkedIn prefieren alrededor de 1200x630 píxeles, y la falta de og:title u og:description, lo que deja la tarjeta sin titular ni texto. Las rutas de imagen relativas también fallan porque las plataformas necesitan una URL absoluta y públicamente accesible. El almacenamiento en caché añade confusión: las redes guardan la primera versión que rastrean, así que las vistas previas antiguas pueden persistir tras una corrección hasta que la caché se actualice. Este extractor lista tus etiquetas og: y twitter:, señala las recomendadas que faltan, y genera una tarjeta de vista previa simulada a partir de las etiquetas reales. Pega el código fuente de tu página para detectar el vacío que causa la vista previa en blanco.

La pestaña Desde URL es una demostración que muestra etiquetas de ejemplo en lugar de obtener tu página en vivo. Esto no es una limitación de la herramienta sino del propio navegador: por razones de seguridad, los navegadores bloquean que JavaScript haga solicitudes directas entre sitios distintos para obtener el HTML de otro sitio web, una restricción conocida como política del mismo origen. Sin un proxy en el servidor, ninguna herramienta que funcione en el navegador puede obtener directamente el código fuente de una página de terceros. La pestaña Pegar HTML es la que realiza el análisis real. Haz clic derecho en la página que quieres inspeccionar, elige Ver código fuente de la página, copia el marcado y pégalo aquí. El análisis ocurre entonces por completo en tu navegador, lo cual es en realidad una ventaja porque funciona en sitios de staging, páginas detrás de un inicio de sesión y borradores no publicados a los que un rastreador remoto jamás podría llegar. Para obtener un informe preciso de cualquier página concreta, usa siempre el modo de pegar.

La puntuación es una calificación de completitud, no una nota de calidad. Compara cuántas etiquetas resultaron correctas frente al total de etiquetas detectadas más cualquier etiqueta recomendada que falte, y expresa eso como un porcentaje. La herramienta revisa un conjunto principal que considera importante: title, description, og:title, og:description, og:image, twitter:card, viewport y canonical. Una página con todas estas presentes y dentro de rangos de longitud saludables obtiene una puntuación alta, mientras que una a la que le faltan varias etiquetas recomendadas puntúa más bajo. Como refleja cobertura en lugar de redacción, una puntuación alta significa que tus etiquetas existen y están bien formadas, no que tu copy sea persuasivo o relevante para tus palabras clave. Trátala como una lista de verificación rápida de si falta o está roto algo importante. Pega el código fuente de tu página para ver tu puntuación junto con una lista de exactamente qué etiquetas recomendadas faltan, así sabes qué añadir.