HERRAMIENTA GRATUITA DE META TAGS SEO & OG
Las meta tags son fragmentos de código HTML colocados en la sección <head> de una página web. No aparecen en la página en sí, pero le indican a los buscadores, navegadores y plataformas de redes sociales información esencial sobre tu contenido: de qué trata la página, cómo debería indexarse y cómo debería verse al compartirse. Piensa en las meta tags como las instrucciones entre bastidores que determinan cómo el mundo descubre y percibe tu sitio.
Unas meta tags bien elaboradas influyen directamente en tu tasa de clics (CTR) en los resultados de búsqueda. Cuando alguien busca en Google, la title tag y la meta description suelen ser la primera impresión que tiene de tu página. Un título atractivo y preciso junto con una descripción clara puede marcar la diferencia entre un clic y que sigan de largo. Los estudios muestran sistemáticamente que páginas en la misma posición de ranking pueden tener variaciones de CTR de 2x o más según qué tan bien estén escritas sus meta tags.
Este generador de meta tags gratuito te ayuda a crear todas las etiquetas esenciales en segundos: etiquetas básicas de SEO, etiquetas Open Graph para Facebook y LinkedIn, etiquetas Twitter Card e incluso datos estructurados en JSON-LD. Obtienes una vista previa en tiempo real de cómo se verá tu página en los resultados de Google y en redes sociales, para que puedas ajustarlo todo antes de añadir el código a tu sitio.
<head> de tu HTML.Title Tag: El elemento de SEO on-page más importante que existe. Aparece como el titular clicable en los resultados de búsqueda y en las pestañas del navegador. Cada página debe tener un título único que describa con precisión su contenido. Google normalmente muestra los primeros 50-60 caracteres, así que coloca tus palabras clave más importantes al principio.
Meta Description: Aunque no es un factor de ranking directo, la meta description influye enormemente en el CTR. Google muestra hasta unos 155-160 caracteres en escritorio. Escríbela como si fuera un anuncio: explica qué obtendrá el usuario y por qué debería hacer clic. Si no defines una, Google generará automáticamente un fragmento a partir del contenido de la página, que puede no representar bien tu página.
Robots Meta Tag: Controla cómo los buscadores rastrean e indexan una página. Los valores más comunes incluyen index, follow (comportamiento por defecto), noindex (impide la indexación), nofollow (no sigue los enlaces) y noarchive (no muestra una versión en caché). Úsala estratégicamente para páginas como pantallas de inicio de sesión, resultados de búsqueda interna o contenido duplicado.
Etiquetas Open Graph: Creadas por Facebook, las etiquetas Open Graph (OG) controlan cómo aparece tu contenido al compartirse en Facebook, LinkedIn, WhatsApp y muchas otras plataformas. Las etiquetas clave son og:title, og:description, og:image y og:url. La imagen OG es especialmente importante: usa una imagen de alta calidad de 1200x630 píxeles para obtener los mejores resultados en todas las plataformas.
Etiquetas Twitter Card: Similares a las etiquetas OG, pero específicas de Twitter/X. La etiqueta twitter:card define el tipo de tarjeta (normalmente summary_large_image para el mayor impacto visual). Twitter recurrirá a las etiquetas OG si no están presentes las específicas de Twitter, pero definir ambas garantiza el máximo control sobre cómo aparece tu contenido en cada plataforma.
Etiqueta Canonical: Técnicamente no es una meta tag, pero es igual de importante. La etiqueta <link rel="canonical"> indica a los buscadores qué versión de una URL es la copia "maestra". Esto evita problemas de contenido duplicado cuando la misma página es accesible a través de varias URLs (con/sin www, HTTP/HTTPS, parámetros de consulta, etc.).
noindex olvidada del desarrollo puede eliminar toda una página de Google. Audita siempre tus etiquetas de robots antes del lanzamiento.<meta name="viewport">, los navegadores móviles renderizan tu página con un ancho de escritorio y luego reducen el zoom, creando una experiencia de usuario terrible y perjudicando el posicionamiento móvil.Las meta tags son elementos HTML colocados en la sección <head> de una página web que proporcionan metadatos sobre la página a buscadores, navegadores y plataformas de redes sociales. Incluyen la title tag, la meta description, la declaración de charset, la configuración de viewport, las directivas de robots, las etiquetas Open Graph y más. Las meta tags son invisibles para los visitantes, pero juegan un papel crucial en cómo se descubre, indexa y muestra tu página en la web.
Las meta tags afectan al SEO de forma directa e indirecta. La title tag es un factor de ranking confirmado -- Google la usa para entender la relevancia de la página. La meta description no es un factor de ranking directo, pero influye enormemente en la tasa de clics, lo que puede impactar indirectamente en el posicionamiento. La robots meta tag controla si una página se indexa o no. Las etiquetas canonical evitan penalizaciones por contenido duplicado. Aunque cada etiqueta varía en su impacto directo en el ranking, en conjunto forman la base del SEO técnico on-page.
Google normalmente muestra los primeros 50-60 caracteres de una title tag (o alrededor de 600 píxeles de ancho). Apunta a menos de 60 caracteres para asegurarte de que tu título completo sea visible en los resultados de búsqueda. Si tu título se trunca, Google puede reemplazarlo con algo que genera a partir del contenido de tu página, algo que no puedes controlar. Coloca tus palabras clave más importantes y tu propuesta de valor única dentro de los primeros 50 caracteres.
Google muestra hasta unos 155-160 caracteres de una meta description en escritorio y alrededor de 120 caracteres en móvil. Escribe tu información más importante dentro de los primeros 120 caracteres para asegurarte de que se muestre en todos los dispositivos. No rellenes las descripciones para alcanzar el máximo -- si puedes decirlo con claridad en 100 caracteres, está bien. La calidad y la relevancia importan más que la longitud.
No. Google ha confirmado oficialmente que ignora por completo la etiqueta meta keywords desde al menos 2009. Bing también ha declarado que no es un factor de ranking. La etiqueta meta keywords fue ampliamente abusada por los spammers y ya no la usa ningún buscador importante. Dedicar tiempo a las meta keywords es un esfuerzo desperdiciado -- concéntrate en tu title tag, tu meta description y contenido de página de alta calidad.
Las etiquetas Open Graph (OG) son un protocolo creado por Facebook que permite a las páginas web controlar cómo aparecen al compartirse en redes sociales. Cuando alguien comparte tu URL en Facebook, LinkedIn, WhatsApp, Slack, Discord y muchas otras plataformas, estos servicios leen tus etiquetas OG para determinar el título, la descripción y la imagen que se mostrarán. Las cuatro etiquetas OG esenciales son og:title, og:description, og:image y og:url. Sin ellas, las plataformas adivinan qué mostrar, a menudo con malos resultados.
Las etiquetas Twitter Card son meta tags específicas de Twitter/X que controlan cómo aparece tu contenido al compartirse en la plataforma. Los tipos principales son summary (imagen cuadrada pequeña con título y descripción) y summary_large_image (imagen grande tipo banner encima del título). Twitter recurrirá a las etiquetas Open Graph si no están definidas las específicas de Twitter, pero definir ambas te da un control preciso. Usa twitter:card, twitter:title, twitter:description, twitter:image y twitter:site para obtener los mejores resultados.
Hay varias formas de revisar tus meta tags actuales. La más sencilla es hacer clic derecho en tu página, seleccionar "Ver código fuente de la página" y mirar la sección <head>. También puedes usar las herramientas de desarrollador del navegador (F12) para inspeccionar el elemento head. Para las etiquetas sociales específicamente, usa el Sharing Debugger de Facebook (developers.facebook.com/tools/debug/) para ver exactamente lo que lee Facebook, y el Card Validator de Twitter para revisar tus tarjetas de Twitter. Google Search Console también muestra cómo interpreta Google los títulos y descripciones de tu página.
Las meta tags en sí tienen prácticamente cero impacto en la velocidad de la página. Son pequeñas cadenas de texto en tu HTML, que normalmente añaden menos de 1KB a tu página. Sin embargo, hay una conexión indirecta: la meta tag viewport es necesaria para una renderización móvil adecuada, y sin ella los navegadores pueden hacer cálculos de diseño adicionales. Algunas etiquetas como <link rel="preconnect"> y <link rel="preload"> (técnicamente elementos link, no meta tags) pueden en realidad mejorar el rendimiento de carga al indicarle a los navegadores que inicien conexiones antes.
La robots meta tag le indica a los rastreadores de los buscadores cómo manejar una página específica. Las directivas comunes incluyen: index (permite la indexación), noindex (impide la indexación), follow (sigue los enlaces de la página), nofollow (no sigue los enlaces), noarchive (no muestra la versión en caché) y nosnippet (no muestra un fragmento de texto en los resultados). Puedes combinar directivas: <meta name="robots" content="noindex, follow"> significa "no indexes esta página, pero sí sigue sus enlaces." Si no hay ninguna etiqueta robots presente, el valor por defecto es index, follow.
Actualiza tus meta tags cuando el contenido de la página cambie significativamente, cuando estés apuntando a nuevas palabras clave, o cuando notes un CTR bajo en Google Search Console. No es necesario actualizarlas en un calendario fijo si tu contenido no ha cambiado. Aun así, es buena práctica auditar tus meta tags cada trimestre -- revisa descripciones desactualizadas, títulos que ya no coinciden con el contenido de la página, imágenes OG rotas y etiquetas noindex puestas por accidente. Las páginas con contenido estacional (rebajas, eventos) deberían tener sus meta tags actualizadas para reflejar las ofertas actuales.
Sí, las meta tags duplicadas pueden causar problemas. Tener dos title tags o dos meta descriptions en la misma página puede confundir a los buscadores sobre cuál usar. Pueden elegir la equivocada o generar la suya propia. Los títulos y descripciones duplicados entre distintas páginas son un problema aún mayor -- indica a los buscadores que tus páginas no están diferenciadas, lo que puede diluir tu potencial de posicionamiento. Usa herramientas como Screaming Frog o Google Search Console para identificar páginas con meta tags duplicadas o ausentes en todo tu sitio.
La etiqueta canonical (<link rel="canonical" href="...">) indica a los buscadores qué URL es la versión preferida de una página. Esto es fundamental cuando el mismo contenido es accesible en varias URLs -- por ejemplo, ejemplo.com/pagina y ejemplo.com/pagina?ref=twitter muestran contenido idéntico, pero son URLs técnicamente distintas. Sin una etiqueta canonical, los buscadores pueden dividir las señales de posicionamiento entre varias URLs. La canonical debe apuntar siempre a la URL limpia y preferida, y debe autorreferenciarse en páginas que no tienen duplicados.
Las meta tags de SEO estándar (título, descripción) no se usan de forma fiable para las vistas previas de contenido compartido en redes sociales. En su lugar, las plataformas sociales usan etiquetas Open Graph y etiquetas Twitter Card. Cuando compartes una URL en Facebook, LinkedIn o WhatsApp, la plataforma obtiene la página y lee las etiquetas og:title, og:description y og:image. Twitter/X lee primero las etiquetas twitter:card y luego recurre a las etiquetas OG. Si ninguna está presente, la plataforma intenta adivinar a partir del contenido de la página, generalmente con malos resultados. Define siempre las etiquetas OG si quieres compartidos en redes sociales con un aspecto profesional.
Escribe las meta descriptions como si fueran textos publicitarios. Comienza con el beneficio principal o la respuesta a la búsqueda del usuario. Incluye tu palabra clave principal de forma natural -- Google resalta en negrita los términos de búsqueda coincidentes en la descripción, haciendo que tu resultado destaque visualmente. Añade una llamada a la acción ("Aprende cómo", "Pruébalo gratis", "Compara opciones"). Sé específico en lugar de genérico: "Redimensiona imágenes a dimensiones exactas en píxeles en 3 segundos" es mejor que "Una gran herramienta para editar imágenes". Evita el clickbait -- si los usuarios hacen clic y se van de inmediato, esto perjudica tu posicionamiento. Mantenla entre 120-155 caracteres.
La meta tag de viewport (<meta name="viewport" content="width=device-width, initial-scale=1.0">) le indica a los navegadores móviles cómo controlar las dimensiones y el escalado de la página. Sin ella, los navegadores móviles renderizan tu página con un ancho de escritorio por defecto (normalmente 980px) y luego reducen todo, dejando el texto diminuto y obligando a los usuarios a hacer zoom con dos dedos. Esta etiqueta es esencial para el diseño web responsivo y es requerida por la indexación mobile-first de Google. Toda página web moderna debería incluirla.
No hay un límite estricto, pero una página bien optimizada suele tener entre 10 y 20 etiquetas relacionadas con meta. Las esenciales son: title tag, meta description, viewport, charset, enlace canonical, de 4 a 6 etiquetas Open Graph, de 4 a 5 etiquetas Twitter Card y, opcionalmente, una etiqueta robots. También se recomienda añadir datos estructurados en JSON-LD. No añadas etiquetas innecesarias -- por ejemplo, evita meta keywords (ignorada por todos los buscadores importantes) y meta author (sin valor de SEO). Cada etiqueta debe tener un propósito claro.
Sí, las meta tags deben colocarse dentro de la sección <head> de tu documento HTML para ser reconocidas correctamente. Las meta tags colocadas en el <body> son técnicamente HTML no válido y pueden ser ignoradas por los buscadores y las plataformas sociales. La etiqueta <title>, los elementos <meta>, el <link rel="canonical"> y las etiquetas Open Graph/Twitter pertenecen todos al head. Algunos rastreadores todavía pueden encontrar etiquetas colocadas en el body, pero no es fiable. Coloca siempre tus meta tags antes de cualquier contenido o elemento de script dentro del head.
La meta tag de charset (<meta charset="UTF-8">) declara la codificación de caracteres de tu documento HTML. UTF-8 es el estándar universal que admite prácticamente todos los caracteres de todos los sistemas de escritura -- letras latinas, caracteres acentuados, chino, árabe, emoji y más. Sin esta etiqueta, los navegadores pueden adivinar la codificación de forma incorrecta, causando texto ilegible (mojibake). Usa siempre UTF-8 y coloca la declaración de charset como el primer elemento dentro de <head>, antes de la title tag, para garantizar una interpretación correcta desde el principio.
Esta herramienta requiere una conexión a internet y solo está disponible en el sitio web oficial de KlipTools. Se ejecuta completamente en tu navegador (no se envían datos a ningún servidor), pero necesita cargarse desde kliptools.com para funcionar. Si necesitas una solución sin conexión, puedes guardar las meta tags generadas como un archivo de plantilla y reutilizarlas localmente. La herramienta es completamente gratuita y no requiere registro -- solo visita la página, completa tus datos y copia el código generado.