Generador de Meta Tags
Genera etiquetas meta HTML para SEO, Open Graph y Twitter Cards.
<title>My Amazing Website — Best Tools Online</title> <meta name="description" content="Free online tools for developers, designers, and everyone. Convert, calculate, and create with our fast browser-based utilities." /> <meta name="keywords" content="online tools, converter, calculator, free tools" /> <meta name="robots" content="index, follow" /> <link rel="canonical" href="https://example.com" /> <!-- Open Graph --> <meta property="og:title" content="My Amazing Website — Best Tools Online" /> <meta property="og:description" content="Free online tools for developers, designers, and everyone. Convert, calculate, and create with our fast browser-based utilities." /> <meta property="og:url" content="https://example.com" /> <meta property="og:type" content="website" /> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="My Amazing Website — Best Tools Online" /> <meta name="twitter:description" content="Free online tools for developers, designers, and everyone. Convert, calculate, and create with our fast browser-based utilities." />
¿Qué es un generador de meta etiquetas?
Las meta etiquetas son elementos HTML colocados en la sección head de una página web que proporcionan metadatos sobre la página a buscadores y plataformas sociales. Aunque invisibles para los visitantes, las meta etiquetas influyen en cómo aparece tu página en resultados de búsqueda, compartidos en redes sociales y pestañas del navegador. Esta herramienta genera las meta etiquetas esenciales para cualquier página, asegurando que no se omita nada.
Las meta etiquetas más importantes para SEO son la etiqueta title (técnicamente no es meta, pero suele agruparse con ellas), meta description, URL canónica y directivas robots. Para compartir en redes sociales, las etiquetas Open Graph y Twitter Card controlan la apariencia del previsualizador. Otras meta etiquetas como viewport, charset e idioma ayudan a los navegadores a renderizar la página correctamente.
Meta etiquetas esenciales
- Etiqueta title — el título de la página mostrado en resultados de búsqueda y pestañas. Lo más crítico para SEO.
- Meta description — resumen mostrado en resultados de búsqueda. Influye en la tasa de clics.
- URL canónica — indica a los buscadores qué URL es la original cuando existen páginas duplicadas.
- Viewport — necesario para diseño responsivo: meta name viewport content width=device-width, initial-scale=1.
- Robots — controla la indexación: meta name robots content index, follow (o noindex, nofollow).
Cómo usar esta herramienta
Rellena el título de tu página, descripción, URL y otros detalles. La herramienta genera todas las meta etiquetas necesarias incluyendo SEO, Open Graph, Twitter Cards y técnicas. Copia el HTML generado y pégalo en la sección head de tu página. La herramienta valida la longitud de los caracteres y avisa de etiquetas recomendadas faltantes.
Datos estructurados y JSON-LD
Más allá de las meta etiquetas tradicionales, el marcado de datos estructurados (con formato JSON-LD) ayuda a los buscadores a entender el contexto del contenido. Añadir marcado Schema.org puede generar rich snippets en los resultados: estrellas, acordeones FAQ, detalles de recetas, fechas de eventos y precios de productos. Esta herramienta puede generar JSON-LD básico junto a tus meta etiquetas.
Ejemplo práctico
Un encabezado de página bien formado fija el título en unos 55 caracteres, una meta descripción en torno a 155 caracteres y un enlace canónico a la URL preferida. Añade una etiqueta viewport (width=device-width, initial-scale=1) para el renderizado móvil, además de etiquetas Open Graph para compartir en redes. El generador las reúne en un bloque que pegas dentro del head; el título y la descripción son los dos que más influyen en cómo se lee tu fragmento en los resultados.
Errores comunes
Un error frecuente es rellenar una etiqueta meta keywords con palabras clave: Google la ignora desde 2009, así que solo sirve para que la competencia lea tu estrategia. Los títulos y descripciones duplicados entre páginas son otro problema: cada uno debe ser único. Además, no superes los límites de visualización; los títulos de más de unos 60 caracteres y las descripciones de más de unos 160 se recortan con puntos suspensivos en los resultados.
Preguntas frecuentes
¿Sirven todavía las meta keywords para SEO?
No. Google confirmó en 2009 que ignora completamente la etiqueta meta keywords. Bing la usa solo como señal de spam (demasiadas palabras clave pueden perjudicar). Ningún buscador importante la usa para ranking. Puedes omitir esta etiqueta sin problemas. Concentra tu esfuerzo en títulos, descripciones y datos estructurados de calidad.
¿Cuántas meta etiquetas debe tener una página?
No hay límite, pero céntrate en calidad sobre cantidad. El conjunto esencial es: title, description, canonical, viewport, charset, robots y etiquetas Open Graph (title, description, image, url). Eso son unas 10-15 etiquetas en total. Añadir etiquetas innecesarias no ayuda y puede dificultar el mantenimiento del HTML.
¿La meta descripción afecta al posicionamiento?
No directamente. Google suele reescribirla de todos modos. Pero una descripción clara y atractiva mejora la tasa de clics, y una mayor interacción puede apoyar el posicionamiento de forma indirecta. Trátala como el texto publicitario de tu resultado, no como una palanca de ranking.