Generador de Meta Tags

<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.

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.