Generador de Etiquetas Meta HTML Genera etiquetas meta HTML completas, incluyendo etiquetas Open Graph y Twitter Card.

🔍

Generador de Etiquetas Meta

Genera etiquetas meta HTML completas, incluyendo etiquetas Open Graph y Twitter Card.

Introduzca la información de la página

Rellene el título de su página, descripción, palabras clave, autor, URL canónica y directiva de robots.

Configure las etiquetas sociales

Agregue título de Open Graph, descripción, imagen y tipo de tarjeta de Twitter para compartir en redes sociales.

Copie el HTML generado

Haga clic en "Copiar HTML" para obtener el bloque completo de etiquetas meta listo para pegar en la sección <head> de su HTML.

Loading tool...

What Is Generador de Etiquetas Meta?

El Generador de Etiquetas Meta crea un conjunto completo de etiquetas meta HTML para tus páginas web, cubriendo todos los elementos esenciales de SEO en un solo formulario. Genera la declaración de conjunto de caracteres, la etiqueta de viewport, la etiqueta de título, la descripción meta, las palabras clave, el autor, la directiva de robots y la URL canónica. Más allá de las etiquetas básicas de SEO, también produce etiquetas Open Graph para compartir en Facebook/LinkedIn y etiquetas Twitter Card para vistas previas de Twitter. Cada etiqueta generada sigue las mejores prácticas actuales y los estándares HTML5. La herramienta rellena automáticamente las etiquetas OG y Twitter con tu título y descripción base cuando se dejan vacíos los campos sociales dedicados, ahorrándote tiempo mientras garantiza que cada canal de compartición tenga metadatos optimizados.

Why Use Generador de Etiquetas Meta?

Genera todas las etiquetas meta esenciales en un solo formulario, sin necesidad de escribir manualmente HTML
Incluye etiquetas Open Graph y Twitter Card para optimización en redes sociales
Rellena automáticamente las etiquetas sociales con el título y la descripción base como valor predeterminado
Directiva de robots configurable (index/noindex, follow/nofollow)
Salida de HTML lista para copiar con formato y comentarios adecuados
Se ejecuta completamente en su navegador, sin enviar datos a servidores

Common Use Cases

Creación de páginas nuevas

Genere el bloque completo de etiquetas meta para cada página nueva que cree.

Auditorías de SEO

Cree rápidamente etiquetas meta con formato adecuado cuando corrija páginas con metadatos faltantes o incorrectos.

Optimización para redes sociales

Asegúrese de que cada página tenga etiquetas Open Graph y Twitter Card adecuadas para una compartición hermosa en redes sociales.

Creación de plantillas

Genere plantillas de etiquetas meta para su CMS o generador de sitios estáticos.

Technical Guide

Las etiquetas meta residen en la sección <head> de tu documento HTML y proporcionan metadatos sobre la página a los motores de búsqueda y plataformas sociales. Las etiquetas más críticas para el SEO son: título (mostrado en los resultados de búsqueda y pestañas del navegador), descripción meta (influye en la tasa de clics desde los SERPs) y canónica (evita problemas de contenido duplicado). La etiqueta meta de robots controla el comportamiento del rastreador - "index, follow" es el valor predeterminado, mientras que "noindex" evita que la página aparezca en los resultados de búsqueda. Las etiquetas Open Graph (og:title, og:description, og:image, og:url) controlan cómo se muestra tu página cuando se comparte en Facebook, LinkedIn y otras plataformas. Twitter utiliza sus propias etiquetas twitter:card, twitter:title, twitter:description y twitter:image, que recurren a las etiquetas OG cuando faltan las etiquetas específicas de Twitter. Siempre incluye og:image (recomendado 1200x630px) para un compartición social visualmente rico.

Tips & Best Practices

1
Establezca siempre un título y una descripción únicos, ya que los metadatos duplicados en páginas perjudican el SEO
2
Incluya una imagen og: para cada página, las comparticiones sociales con imágenes obtienen mucho más compromiso
3
Utilice "noindex, follow" para páginas que desee que se indexen pero no se muestren (contenido delgado, páginas de agradecimiento)
4
Establezca URLs canónicas en la versión preferida de cada página para consolidar las señales de clasificación
5
Mantenga las descripciones meta con acciones, incluya un verbo y una propuesta de valor

Related Tools

Vista previa de Google SERP

Previsualiza cómo se muestran el título de tu página, la URL y la descripción meta en los resultados de búsqueda de Google.

🔍 SEO Tools

Generador de Etiquetas Open Graph

Genera etiquetas meta de Open Graph para compartir en redes sociales de manera óptima en Facebook y LinkedIn.

🔍 SEO Tools

Generador de etiquetas de tarjeta de Twitter

Genera etiquetas meta de tarjetas de Twitter para vistas previas de tweets ricos con imágenes y descripciones.

🔍 SEO Tools

Analizador de Títulos de Página

Analiza títulos de página para seguir las mejores prácticas de SEO, incluyendo longitud, colocación de palabras clave y palabras poderosas.

🔍 SEO Tools

Frequently Asked Questions

Q ¿Las palabras clave meta siguen siendo importantes para el SEO?

No. Google ha declarado oficialmente que no utiliza la etiqueta de palabras clave meta como señal de clasificación. Sin embargo, algunos otros motores de búsqueda pueden considerarlas todavía. Son opcionales.

Q ¿Qué es una etiqueta canónica?

Una etiqueta canónica (rel="canonical") le indica a los motores de búsqueda cuál es la versión "original" de una página cuando existe contenido duplicado o similar en varias URLs. Consolida las señales de clasificación en la URL preferida.

Q ¿Necesito tanto etiquetas Open Graph como Twitter Card?

Twitter utiliza las etiquetas Open Graph cuando faltan etiquetas específicas de Twitter. Sin embargo, tener ambas le da más control sobre cómo se muestra su contenido en cada plataforma.

Q ¿Qué directiva de robots debo utilizar?

Utilice "index, follow" (predeterminado) para páginas que desee que aparezcan en los resultados de búsqueda. Utilice "noindex, follow" para páginas como las de agradecimiento que no deben clasificarse pero contienen enlaces para indexar.

Q ¿Dónde van las etiquetas meta en HTML?

Todas las etiquetas meta deben colocarse dentro de la sección <head> del documento HTML, antes de la etiqueta de cierre </head>.

About This Tool

Generador de Etiquetas Meta is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.