¿Algo va mal con esta herramienta?

Sobre «Generador De Etiquetas Meta En Línea»

Qué hace la herramienta

Generador de etiquetas meta convierte un formulario breve en el HTML exacto que pegas en tu página. Crea etiquetas SEO, etiquetas Open Graph (og:) y etiquetas Twitter Card (twitter:) de una vez, y muestra una vista previa en vivo de la tarjeta social para que veas cómo luce el enlace antes de publicar. Todo se ejecuta al instante en tu navegador y no se guarda nada.

Qué etiquetas genera

Obtienes las etiquetas SEO principales — <title>, <meta name="description"> y un <link rel="canonical"> — más el conjunto Open Graph og:title, og:description, og:image, og:url, og:type y og:site_name. Para X añade twitter:card, twitter:title, twitter:description y twitter:image. También rellena las etiquetas básicas que toda página necesita: <meta charset="utf-8">, la etiqueta viewport adaptable y <meta name="theme-color">.

Por qué importa

Los buscadores leen tu título y descripción para armar el fragmento que muestran en los resultados, así que unas etiquetas claras ganan más clics. Cuando alguien pega tu enlace en X, Facebook, LinkedIn, Slack o WhatsApp, esas apps leen las etiquetas og: y twitter: para dibujar una tarjeta de vista previa enriquecida con tu titular, resumen e imagen. Sin ellas aparece una URL desnuda; con ellas, una tarjeta que atrae atención.

Privado e instantáneo

El generador no descarga tu página, no inicia sesión ni guarda nada. Tú escribes los valores, la herramienta arma las etiquetas en tu navegador y tú copias el resultado. Como es solo texto, puedes ajustar un campo y regenerar cuantas veces quieras.

Cómo usar esta herramienta

Pasos

  1. Introduce tus datos. Escribe el título de la página, la descripción, la URL canónica y una URL de imagen; luego fija el nombre del sitio, el tipo de contenido, el tipo de tarjeta de Twitter y el color del tema.

  2. Revisa la vista previa. Observa cómo se actualiza la tarjeta social en vivo para que el titular, el resumen y la imagen se vean bien.

  3. Copia las etiquetas. Pulsa copiar para llevarte todo el bloque de etiquetas <meta> generadas.

  4. Pégalas en tu página. Coloca las etiquetas dentro del <head> de tu HTML y publica.

Consejos

  • Mantén el título en unos 60 caracteres y la descripción en unos 155 caracteres para que los buscadores los muestren sin recortarlos.
  • Usa una URL de imagen absoluta con HTTPS de unos 1200×630 píxeles — las apps sociales ignoran las rutas relativas y rechazan las imágenes pequeñas.
  • Pon las etiquetas en el <head> de la página, no en el cuerpo, o los rastreadores podrían no verlas nunca.
  • Haz que og:url coincida con tu URL canónica para que las veces compartidas y la búsqueda apunten a la misma dirección.

Herramientas parecidas