Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukreveladorDesarrollamos herramientas de IA para empresas. De alta calidad. A precios asequibles.Escribir por Telegram

Generador de metaetiquetas en línea: Cómo escribir el título, la descripción y el código Open Graph e insertarlo.

Generador de metaetiquetas en línea: título, descripción y Open Graph con vista previa y código HTML listo para usar.

Lo que obtendrás

  • Un bloque HTML prediseñado con título, descripción, atributo canónico, atributos robots, Open Graph y tarjeta de Twitter (gratis).
  • Fórmulas de título y descripción para el título principal, la categoría, el producto y el artículo.
  • Comprender dónde insertar código en WordPress, un creador de sitios web o un sitio web personalizado.
Aplicar: en 15 minutosGuardado: tiempo dedicado a escribir y depurar código manualmente en la cabeza

En resumen: para crear metaetiquetas en línea, abre el generador gratuito de metaetiquetas PromoPilot y completa los campos de título, descripción, canonical, robots, Open Graph y Twitter Card. Verás una vista previa del contenido Google y Facebook a la derecha, junto con el código HTML final. Simplemente cópialo con un clic y pégalo en <head> de la página. Puedes empezar desde cero o descargar las etiquetas de una página existente mediante un enlace y editarlas. A continuación, te mostramos cómo completar cada campo y evitar errores comunes.

Llevo 12 años creando sitios web, y las metaetiquetas son lo primero que se pierde al modificar una plantilla. El generador es una salvación cuando necesito crear rápidamente el bloque adecuado para una página de destino o página de inicio sin tener que recordar la sintaxis de og: y twitter::.

¿Qué crea el generador de metaetiquetas?

El generador es un formulario con sugerencias que convierte tu texto en código válido. Aquí te mostramos los campos que rellena y su función.

Campo ¿Qué introduces? ¿Por qué necesita esto el sitio?
Título Título de la página, se recomiendan entre 30 y 60 caracteres. Enlace azul en los resultados de búsqueda Google y en la pestaña del navegador.
Meta descripción Descripción (se recomienda entre 120 y 160 caracteres) Candidato para fragmento de texto bajo el encabezado
URL canónica Dirección de la página principal Combina duplicados con parámetros y etiquetas UTM
robots index/noindex, follow/nofollow Permite o desactiva la indexación de una página.
Grafa abierta og:título, og:descripción, og:imagen (1200×630), og:tipo, og:locale Vista previa del enlace en Facebook, LinkedIn y mensajería instantánea.
Tarjeta de Twitter twitter:card (summary_large_image o summary), título, descripción Tarjeta de enlace en X (Twitter)

Debajo de los campos se encuentran los contadores de caracteres con los rangos recomendados, a la derecha hay una vista previa en directo del fragmento Google y la publicación Facebook, y en la parte inferior se muestra el código HTML generado.

¿Cómo crear metaetiquetas en línea?

Metaetiquetas en 4 pasos: descargar las etiquetas actuales, completar el título y la descripción, agregar etiquetas canónicas y Open Graph, copiar el HTML al encabezado.

  1. Abre el Generador de Metaetiquetas. Si la página ya existe, pega su dirección en el campo superior y haz clic en "Subir"; las etiquetas actuales se insertarán en el formulario.
  2. Escribe el título y la descripción, prestando atención a los contadores. Una barra roja indica que el texto es más corto o más largo de lo normal.
  3. Especifique la dirección canónica: la dirección completa de la página con https://, sin parámetros.
  4. Seleccione robots. Para una página normal, index, follow. noindex solo se aplica a las páginas de servicio: carrito de compras, cuenta personal y resultados de búsqueda del sitio.
  5. Rellena la tarjeta Open Graph y Twitter: una imagen de 1200×630, el tipo ( website para la página principal, article para el artículo, product para el producto) y la configuración regional, por ejemplo ru_RU o en_US.
  6. Revisa la vista previa y copia el código HTML usando el botón de copiar.

La salida será algo parecido a este bloque, que se inserta en <head>:

<title>Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord</title> <meta name="description" content="120 кожаных рюкзаков в наличии, доставка по Европе за 2–4 дня, возврат 30 дней."> <link rel="canonical" href=" https://example.com/ryukzaki/"> <meta name="robots" content="index, follow"> <meta property="og:title" content="Кожаные рюкзаки Nord — 120 моделей"> <meta property="og:image" content=" https://example.com/img/og-ryukzaki.jpg"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">

Nota: el título no tiene por qué ser una copia exacta del título original. En redes sociales, las palabras "marca" y "comprar" suenan intrusivas, por lo que es más apropiado un encabezado más relevante, y el título debe reflejar la consulta de búsqueda.

Así es como se ve el espacio de trabajo: una línea para cargar etiquetas a través de un enlace, un formulario a la izquierda y una vista previa Google y Facebook a la derecha.

Página de la herramienta gratuita Generador de Metaetiquetas de PromoPilot: Carga de etiquetas URL, campos de título y descripción, previsualizaciones de Google y Facebook.

¿Cómo escribir un título y una descripción que inviten a hacer clic?

El generador registra la longitud, pero no el contenido. Estas son las fórmulas que utilizo para diferentes tipos de página:

  • Inicio: Что продаёте + для кого / где | Бренд — por ejemplo, Мебель из массива дуба на заказ | Woodline.
  • Categoría: Категория + выбор/цена/доставка | Бренд — Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord.
  • Producto: Название + ключевое свойство + действие - Рюкзак Nord 20 л из кожи — купить с гарантией 2 года.
  • Artículo: Вопрос или польза + уточнение - Как выбрать матрас для спины: 7 критериев и ошибки.

Escribe tu descripción como una breve promesa: qué encontrará el usuario en la página y por qué debería hacer clic. Mal: "¡Bienvenido a nuestra web! Ofrecemos una amplia gama de..." Bien: "120 mochilas de piel en stock, envío a toda Europa en 2-4 días, devoluciones gratuitas durante 30 días. Elige un modelo por talla y color."

Errores de código comunes que el generador ayuda a evitar:

  1. La página contiene dos etiquetas de título: una de la plantilla y otra del plugin. Tras pegar el código, comprueba que se haya eliminado la etiqueta anterior.
  2. Dirección relativa en og:image ( /img/cover.jpg) — las redes sociales esperan la dirección completa con https://.
  3. El uso de la etiqueta `canonical` en la página de inicio de todas las páginas es un error común en las plantillas que provoca que las páginas queden fuera del índice.
  4. noindex, olvidado después del desarrollo: el sitio se lanza, pero el motor de búsqueda no lo encuentra.

¿Dónde debo pegar el código generado?

El código se inserta en <head>, pero el método depende del motor de búsqueda. En un sitio web personalizado, se inserta directamente en la plantilla HTML de la página. En WordPress, es más sencillo evitar pegar el código manualmente e importar el texto del generador a los campos de un plugin de SEO (Yoast SEO o Rank Math): el plugin generará automáticamente las etiquetas y evitará crear duplicados. En los creadores de sitios web, busca la sección "SEO" en la configuración de la página.

Tras la publicación, compruebe los resultados: nuestro artículo sobre el análisis de metaetiquetas le indicará cómo asegurarse de que las etiquetas de la página publicada coinciden con las previstas, y nuestro artículo sobre las previsualizaciones de SERP le explicará cómo ver el fragmento en los resultados de búsqueda en un teléfono móvil.

Comparación: Generador de metaetiquetas y alternativas

Herramienta ¿Qué es gratis? Restricciones ¿Para quién es adecuado?
PromoPilot — Generador de metaetiquetas Título, descripción, canónico, robots, OG y Twitter Card, vistas previas Google y Facebook, HTML listo para usar Escribe tú mismo los textos página por página. Página de destino, página de inicio, sitio web personalizado, prueba de ideas
Yoast SEO / Rank Math Título, descripción y campos OG directamente en el editor WordPress Solo WordPress, se requiere la instalación del plugin. Para propietarios de sitios web WordPress
Configuración SEO en el constructor Campos de título y descripción para una página El conjunto de campos está limitado por las capacidades de la plataforma. Sitios web sobre constructores
Codificación manual Control total Es fácil cometer errores de sintaxis y duplicar texto. Para desarrolladores

Conclusión: si tu sitio web está en WordPress, completa los campos del plugin SEO y usa el generador como borrador con vista previa. Para un sitio web personalizado o una página de destino independiente, el generador produce código listo para usar con mayor rapidez.

Además del generador, PromoPilot ofrece otras 87 herramientas SEO gratuitas, desde un depurador de Open Graph hasta un generador de marcado Schema.

¿Cuáles son las limitaciones del generador de metaetiquetas?

El generador desconoce las consultas de búsqueda que se utilizan; usted elige las palabras clave en el título. No verifica la unicidad: si inserta la misma descripción en 50 páginas, la herramienta no lo detectará. Además, funciona con una sola página: para una tienda con cientos de productos, las etiquetas se compilan mediante una plantilla en el código del sitio, no manualmente.

¿Cuándo una herramienta gratuita no es suficiente?

Generador de metaetiquetas frente a plantillas de etiquetas preconfiguradas: Generación manual de reglas para una sola página frente a reglas para todo el sitio web.

El generador es ideal para cinco páginas. Para quinientas, se necesita un enfoque diferente. Se necesita un especialista si:

  • Dispones de un catálogo y las etiquetas deben asignarse automáticamente a cada nuevo producto;
  • El sitio es multilingüe y se necesitan etiquetas en cada idioma con la configuración regional correcta;
  • No sabes qué consultas atraen a los compradores, y los títulos se escriben "a ojo";
  • Tras cambiar el CMS, se perdieron o duplicaron etiquetas.

¿Qué puedo hacer por su sitio web?

Soy Valeriy Danyuk, desarrollador y especialista en SEO con 12 años de experiencia y más de 200 clientes. Incluyo metaetiquetas en las plantillas desde el primer día para que los propietarios de sitios web no tengan que preocuparse por ellas cada vez que publiquen.

SEO y promoción

Sitios web y tiendas en línea

CRM y automatización

Envíame la dirección de tu sitio web por Telegram y te sugeriré una fórmula para los títulos de tus páginas principales.

Resultado

  1. El generador de metaetiquetas en línea ensambla un bloque de encabezado predefinido: título, descripción, etiqueta canónica, robots, Open Graph y tarjeta de Twitter con una vista previa.
  2. Mantén el título entre 30 y 60 caracteres, la descripción entre 120 y 160 caracteres, y coloca la palabra clave y el beneficio en primer lugar.
  3. Después de pegar el código, compruebe que las etiquetas no estén duplicadas y que og:image esté especificado como la dirección completa.
  4. Para un catálogo y un sitio web multilingüe, las etiquetas se recopilan utilizando una plantilla o una plataforma donde esto ya se haya hecho, como 1001site.

Recopila etiquetas para tu página de inicio usando un generador de metaetiquetas gratuito; te llevará menos tiempo que leer este artículo.

Fuentes

  • Página de la herramienta Generador de metaetiquetas de PromoPilot: campos, rangos recomendados y preguntas frecuentes.
  • Protocolo Open Graph (ogp.me): descripción de las etiquetas og:title, og:image, og:type, og:locale.
  • Documentación de los plugins Yoast SEO y Rank Math para WordPress.

Referencias y fuentes

Preguntas y respuestas

¿Cuál es la longitud óptima para el título y la descripción?

Pautas del generador: título: 30-60 caracteres, descripción: 120-160 caracteres. Los contadores debajo de los campos resaltan si el texto excede el rango especificado. Coloque la palabra clave y el beneficio al principio; Google truncará el final de los textos largos.

¿Por qué son necesarias las etiquetas Open Graph?

Open Graph controla las vistas previas de los enlaces en Facebook, LinkedIn, Telegram, WhatsApp y otras aplicaciones: el título, la descripción y la imagen. Sin ellas, la aplicación de mensajería mostrará texto e imágenes aleatorios de la página, o incluso solo el enlace.

¿Dónde pegar el código generado?

En la sección de la página, antes de la etiqueta de cierre. En WordPress es más fácil completar estos mismos campos con un plugin de SEO (Yoast o Rank Math) o, en los constructores de páginas, en la configuración de SEO. Asegúrate de que no haya etiquetas duplicadas: tener dos etiquetas de título en una página es un error.

¿En qué se diferencia un generador del análisis de metaetiquetas?

El generador te ayuda a escribir etiquetas y produce código listo para usar. El análisis de metaetiquetas revisa el contenido de la página y detecta errores. Una combinación práctica: revisa la página, reescribe las etiquetas problemáticas en el generador, insértalas y vuelve a revisar.

Hemos revisado la página web, pero ¿no hay nadie que lo arregle?

Esta herramienta gratuita detecta problemas. Analizaré el informe, los priorizaré y los solucionaré: auditoría SEO, optimización de velocidad, marcado y migración a un nuevo sitio web sin perder posicionamiento.