Categoría: Desarrollo

Generador de meta etiquetas

Idea propia¿Falta una herramienta?

Crea etiquetas de título, descripción, Open Graph y Twitter

Completa un título, una descripción y algunos campos sociales para generar el <title>, la meta descripción, el enlace canónico y las etiquetas Open Graph y de tarjeta de Twitter para el <head> de una página. Las indicaciones de longitud avisan cuando un título o una descripción son propensos a que Google los trunque. Se ejecuta por completo en tu navegador.

Longitud del título44 (correcto)Longitud de la descripción107 (correcto)
Etiquetas HTML
<title>LocalTools — Free Privacy-First Online Tools</title>
<meta name="description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device.">
<link rel="canonical" href="https://uselocaltools.com/">
<meta property="og:title" content="LocalTools — Free Privacy-First Online Tools">
<meta property="og:description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://uselocaltools.com/">
<meta property="og:site_name" content="LocalTools">
<meta property="og:image" content="https://uselocaltools.com/og-image.png">
<meta property="og:locale" content="en_US">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@uselocaltools">
<meta name="twitter:title" content="LocalTools — Free Privacy-First Online Tools">
<meta name="twitter:description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device.">
<meta name="twitter:image" content="https://uselocaltools.com/og-image.png">

Todo lo de esta página se procesa en tu navegador. No se sube nada.

Para qué sirve

Los buscadores y las redes sociales leen un conjunto fijo de etiquetas del <head> de una página: el título y la descripción para los resultados de búsqueda, la canónica para declarar la URL preferida, y las etiquetas Open Graph y de tarjeta de Twitter para determinar cómo se muestra un enlace al compartirlo. Acertar con la longitud del título y la descripción importa porque Google reescribe títulos y trunca descripciones demasiado largas, y la ausencia de una imagen Open Graph hace que un enlace compartido se muestre como texto plano en lugar de como una tarjeta.

Cómo se usa

  1. Introduce el título de la página, la descripción y la URL canónica.
  2. Añade el nombre del sitio, la imagen de Open Graph y los datos de la tarjeta de Twitter.
  3. Revisa las indicaciones de longitud debajo de los campos de título y descripción.
  4. Copia las etiquetas generadas en el <head> de la página.

Privacidad

Esta herramienta funciona íntegramente en tu navegador. Lo que introduces nunca se sube, se guarda ni se comparte: al cerrar la pestaña desaparece.

Preguntas frecuentes

¿Por qué el título necesita una comprobación de longitud?
Google suele mostrar entre 50 y 60 caracteres de un título antes de truncarlo, y a menudo reescribe los títulos que considera poco adecuados para la página o la consulta de búsqueda. Mantener el título dentro de ese rango te da más control sobre cómo se muestra.
¿Qué ocurre si no incluyo la imagen de Open Graph?
La mayoría de las plataformas seguirán generando una tarjeta, pero sin imagen normalmente se muestra como una vista previa de enlace pequeña, solo de texto, en lugar de la tarjeta grande con imagen.
¿Se envía algo a algún sitio?
No. Las etiquetas se generan a partir de tus datos directamente en el navegador; no se sube ni se registra nada.