WikiPlus

Generador de Meta Tags

Genera meta tags optimizados para mejor SEO y compartir en redes sociales. 100% gratis, funciona en tu navegador.

Procesamiento local
1.4s promedio
4.8 de 5 — basado en 1,247 usos

Por Sergio Robles — Fundador

0/60
0/160
<meta name="robots" content="index, follow">
Tus archivos se procesan localmente en tu navegador. Nunca subimos ni almacenamos tus datos.

¿Qué es Generador de Meta Tags?

El Meta Tag Generator de WikiPlus construye el set completo de etiquetas head que todo sitio moderno necesita. Cubre title, description, canonical, robots, viewport, Open Graph para Facebook y LinkedIn, Twitter Card, theme-color y schema JSON-LD WebPage. Los desarrolladores pegan la salida en un layout de Next.js. Los marketers verifican que una landing de campana esta lista para compartir antes del lanzamiento. Los consultores SEO auditan sitios de clientes en busca de etiquetas faltantes. Una vista previa en vivo muestra lo que Google, X, Facebook y Slack mostraran cuando se comparta la URL. Todo pasa en tu navegador. Tus URLs sin publicar, nombres de campana y copy OG se mantienen privados. La salida incluye title y description canonicos. Agrega etiquetas robots, canonical y viewport. El stack completo de Open Graph cubre og:title, og:description, og:image con dimensiones, og:type y og:url. Las etiquetas Twitter Card usan la variante summary_large_image. Theme-color configura el chrome del navegador. Un bloque de schema JSON-LD WebPage lo completa.

¿Cuándo debo usar esta herramienta?

  • Configura las meta etiquetas SEO para un blog recién lanzado en WordPress
  • Genera etiquetas Open Graph para controlar las imágenes de vista previa en Facebook
  • Crea etiquetas de tarjeta de Twitter para que las URL compartidas muestren imágenes grandes
  • Construye un set completo de meta etiquetas para una landing page estática

¿Cómo generar meta etiquetas SEO?

  1. 1Llena el título de tu página, descripción, URL canónica y autor.
  2. 2Sube o pega una URL para la imagen de vista previa Open Graph.
  3. 3Activa las secciones de Twitter, Facebook y favicon que quieras.
  4. 4Previsualiza cómo Google y las redes sociales mostrarán tu listado.
  5. 5Copia las etiquetas generadas y pégalas dentro del head de tu HTML.

Preguntas frecuentes

¿Qué meta tags realmente importan para SEO en 2025?

Five tags do the real work in 2025, and everything else is either cosmetic or obsolete. The title element is the single strongest on-page ranking signal Google and Bing use for a given URL. It appears as the blue headline in organic search results and is weighted heavily in query-to-page relevance scoring. The meta description element does not directly influence rankings, but it controls the two-line snippet shown below the title. A well-written description with a clear benefit statement measurably improves click-through rate from search results pages, which is an indirect ranking factor. The canonical link element tells all crawlers which URL is the authoritative version when the same content is accessible at multiple addresses — with and without trailing slash, HTTP versus HTTPS, www versus non-www, or paginated variants. Without it, duplicate content dilutes ranking signals across versions. Open Graph tags — primarily og:title, og:description, og:image, og:url, and og:type — control how links render as rich cards on Facebook, LinkedIn, WhatsApp, Discord, Slack, and iMessage. Twitter Card tags handle the same function on X and Threads. These do not influence organic search rank but substantially affect social referral traffic and brand perception. The robots meta tag with noindex is essential for pages you want crawled but excluded from search results, such as thank-you pages, internal tools, and staging previews. Legacy tags like meta keywords, meta revisit-after, meta author, meta copyright, and meta language have been ignored by every major search engine since 2009. The WikiPlus generator outputs all five high-impact tags and omits the dead ones by default.

¿Qué largo deben tener mi título y meta description?

Google measures title length in pixels rather than characters because proportional fonts make different characters different widths. The rendered pixel limit is approximately 580 px on desktop and 520 px on mobile. In practice, 50–60 characters including the brand name is a reliable safe zone for Latin-alphabet titles. Wider characters like W and M shorten the effective limit; narrow characters like i and l extend it. When a title exceeds the pixel threshold, Google replaces the overflow with an ellipsis — the truncated text is never displayed to users and provides no SEO benefit. More importantly, Google rewrites titles it considers over-optimized, poorly punctuated, or not representative of the page content. This has been standard behavior since August 2021. Natural, benefit-oriented phrasing that a human would write performs more consistently than keyword-stuffed strings. For meta descriptions, the safe visible zone is 120–160 characters. Google occasionally shows up to 300 characters on very specific long-tail queries where the extra context is relevant to the search intent, but writing beyond 160 characters does not reliably gain more visibility. The WikiPlus generator displays a live character counter for both fields and renders a pixel-accurate preview of how the title and description will appear in Google's desktop and mobile search result layouts. You can see truncation before you publish, eliminating the cycle of pushing a page live, checking Search Console, and editing the tag again. A practical tip: write the title for the human first, then verify it clears the pixel limit in the preview.

¿Necesito etiquetas Open Graph y Twitter Card por separado?

Yes, in most cases you need both sets, even though they overlap. Here is the specific behavior of each platform. Facebook, LinkedIn, WhatsApp, Discord, Slack, and iMessage all read only the og: namespace tags. They look for og:title, og:description, og:image, og:url, og:type, og:image:width, and og:image:height. They do not read twitter: tags at all. X (formerly Twitter) does fall back to og:title, og:description, and og:image when twitter: tags are absent, but it will default to the compact summary card format — a small square thumbnail alongside two lines of text — unless you explicitly set twitter:card to summary_large_image. Without that tag, even a perfectly sized 1200×630 image will display as a small square, dramatically reducing visual impact. Threads follows X's behavior on card type. Pinterest reads both og: and its own pin-specific tags. The byte cost of including both sets in your HTML head is approximately 400–600 bytes before gzip. That is negligible. The click-through uplift from large-image previews on X is not. The WikiPlus generator outputs both og: and twitter: tag sets by default, pre-populated with the values you enter once. The twitter:card type is set to summary_large_image automatically when an og:image URL is provided. You do not need to configure the two sets separately — enter your content once and both sets are generated in sync. A practical tip: always include og:image:width and og:image:height as explicit numeric attributes. Without them, some crawlers fetch and measure the image before generating a preview, adding latency to your first-share experience.

¿Qué tamaño de imagen debo usar para og:image y twitter:image?

The universal production standard is 1200 by 630 pixels at a 1.91:1 aspect ratio. This exact size renders correctly on Facebook, LinkedIn, Discord, iMessage, Slack, WhatsApp, and X summary_large_image cards across both desktop and mobile without cropping, letterboxing, or upscaling. All major platforms document this as their recommended size. File format matters in predictable ways. JPEG provides the smallest file sizes for photographic images and has the broadest support across all crawlers and legacy messenger clients. PNG handles graphics, screenshots, and text-heavy images without compression artifacts but produces larger files. WebP is supported by all modern platforms when accessed through browser-based clients but sometimes fails to preview in older Android messenger apps and email clients that inline link previews. For maximum compatibility, JPEG is the safest choice. File size should stay under 1 MB to avoid slow preview rendering on slow mobile connections. The optimal range is 200–400 KB — achievable with JPEG at 80–85 % quality on a 1200×630 canvas. Always use an absolute HTTPS URL in the og:image attribute. Root-relative paths like /images/og.jpg break when the URL is fetched by a social crawler that has no base URL context. Paths starting with // are also unreliable across crawlers. A practical tip: set og:image:width and og:image:height as explicit integer attributes in the tag. This allows crawlers to skip the HEAD request they would otherwise make to determine image dimensions, which means your preview generates faster on the first share of any given URL.

El contenido de esta pagina esta disponible bajo CC BY 4.0.