SEO
Meta Tags / Open Graph Generator
Genera etiquetas meta HTML para SEO, Open Graph (Facebook) y Twitter Card — junto con una vista previa de la tarjeta.
The meta tags in a page's <head> control how it appears in search results and in the preview card when it's shared on social media or messaging apps. This tool generates a full set of SEO, Open Graph, and Twitter Card tags along with a live preview of the card.
How to use it
- Fill in the page's title, description, URL, and image — the tags generate instantly, and a preview shows how the card will look on Facebook, X (Twitter), and similar services.
- Copy the finished HTML block and paste it into the page's <head>.
- Check the title and description length — values that are too long get truncated by the search engine or social platform.
Common uses
- Setting up Open Graph for a page so the link looks polished when shared on Telegram, Slack, or social media.
- Writing a title and meta description targeting a specific search query for a new page.
- Quickly sanity-checking a page's existing meta tags through the card preview before publishing.
Things to keep in mind
Open Graph and Twitter Card are separate standards; most platforms except X read og: tags directly, so duplicating the main fields under twitter: isn't always required, but it improves compatibility.
The og:image must be reachable at an absolute URL, not a relative path — otherwise the social platform's crawler won't be able to fetch it.
Preguntas frecuentes
¿Por qué necesito etiquetas Open Graph y Twitter Card separadas si hacen lo mismo?
Las etiquetas Open Graph (og:title, og:image, etc.) son leídas por Facebook, LinkedIn y la mayoría de otras plataformas, mientras que Twitter tiene su propio conjunto de etiquetas (twitter:card, twitter:title) — Twitter recurre a las etiquetas Open Graph si faltan las suyas, pero agregar ambas garantiza vistas previas consistentes.
¿Qué tamaño debería tener realmente mi og:image?
1200x630 píxeles es el tamaño ampliamente recomendado — se muestra correctamente como una tarjeta de vista previa grande en la mayoría de las plataformas sin recortarse de forma incómoda, y se mantiene bajo los límites comunes de tamaño de archivo.
¿Generar estas etiquetas envía mi contenido a un servidor?
No. Las etiquetas se generan enteramente a partir de lo que escribes, directamente en tu navegador — nada se sube a ningún sitio.
¿Qué hace la etiqueta canonical URL?
Le indica al buscador qué versión de una página es la principal cuando el mismo contenido está disponible en varias direcciones (con www y sin www, con parámetros, etc.) — esto ayuda a concentrar el ranking en una sola página en lugar de repartirlo entre duplicados.
¿Cuál es la diferencia entre meta robots noindex y un disallow en robots.txt?
noindex en una etiqueta meta impide indexar contenido de página ya rastreado, mientras que Disallow en robots.txt impide que un bot rastree la página en absoluto — por eso noindex no funciona en una página bloqueada en robots.txt: el buscador nunca llega a ver esa etiqueta.