Empowering 11,000+ WordPress Creators • Est. 2020
Free · Instant · No Account Needed

Generador gratuito de metaetiquetas para cualquier sitio web

El más rápido y gratuito generador de metaetiquetas online. Build SEO title tags, meta descriptions, Open Graph tags, Twitter Cards, and technical meta tags — then copy the finished HTML directly into your website's head section. Live SERP preview updates as you type.

SEO Title & Meta Description Open Graph / Etiquetas OG Etiquetas de Twitter Card Metaetiquetas Técnicas Vista previa en vivo de SERP de Google Importar desde URL Copia de HTML con un clic
Import from URL:
Quick Template:
0/60
Pixel width — Google truncates at ~600px 0px
0/160

Google ignores this tag. Bing uses it lightly. Comma-separated, max 10 terms.

Prevents duplicate content by defining the "master" URL for this page.

generated-meta-tags.html — paste inside your head section
seo

        
og

        
twitter

        
technical

        
0 lines 0 tags 0 bytes

Google SERP Preview

Meta Tag Health Score

0 /100

¿Qué son las Metaetiquetas?

Metaetiquetas SEO: Qué son y por qué cada página las necesita

Metaetiquetas SEO are lines of HTML placed inside your page's head section. They're invisible to visitors but essential for search engines and social platforms — they tell Google what your page is about, how to index it, and exactly how to display it in search results and social shares.

Las dos más importantes son la etiqueta de título y meta descripción. Together they form your "organic ad" in Google — the snippet that determines whether someone clicks your result or the one above or below it. Our free generador de metaetiquetas te permite crear, previsualizar y copiar todas ellas en un solo lugar.

Más allá de las etiquetas SEO básicas, una implementación completa incluye metaetiquetas Open Graph para tarjetas sociales, metaetiquetas de Twitter Card, y etiquetas técnicas como charset, viewport, y canonical — all generated by this tool with one click.

example — copy yours above ↑
<!-- Basic SEO Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport"
      content="width=device-width, initial-scale=1">
<title>Meta Generator — Build SEO Tags Free</title>
<meta name="description"
      content="Generate perfect SEO meta tags…">
<link rel="canonical" href="https://yoursite.com/">

<!-- Open Graph Tags --> <meta property="og:title" content="Your Title for Social Sharing"> <meta property="og:image" content="https://yoursite.com/og.jpg">
<!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image">
Guía de etiquetas de título

Cómo generar un metatítulo perfecto con nuestro generador de metatítulos

Tu etiqueta de título es el elemento SEO más importante en la página. Usa nuestro generador de etiquetas de título preview above to see exactly how yours looks in Google — and follow these rules to maximise clicks.

Encabeza con tu palabra clave

Coloca tu palabra clave principal al principio o cerca del principio del título. Google y los usuarios ponderan más las palabras que aparecen al principio del título.

Mantente por debajo de 600 píxeles

Our pixel-width bar shows your title's true width. Google truncates at ~600px — a pixel-accurate limit our meta title generator tracks in real time.

Añade la marca al final

Separate your brand name from the main title with | or — at the end. This builds recognition without wasting keyword space at the front.

Escribe primero para humanos

Google rewrites titles it considers keyword-stuffed or inaccurate. Write naturally — include the keyword, make it click-worthy, and let our SERP preview confirm it looks right.

Guía de metadescripciones

Cómo escribir metadescripciones que generen clics

Nuestro generador gratuito de metadescripciones previews your description exactly as Google shows it — complete with keyword highlighting when your target phrase matches the search query. A great description doesn't improve rankings directly, but it aumenta drásticamente la tasa de clics, lo que significa más tráfico desde la misma posición.

Usa este creador de metadescripciones to craft unique descriptions for every page. Google may rewrite generic or duplicate descriptions — so always write something specific, compelling, and within 120–160 characters.

Incluye tu palabra clave principal de forma natural

Google bolds matching keywords in the SERP — this draws the user's eye to your listing over competitors.

Termina con una llamada a la acción clara

"Try it free today", "Get your free report", "Start in 60 seconds" — action phrases convert readers into visitors.

Stay between 120–160 characters

Nuestro contador de caracteres señala las descripciones demasiado cortas (espacio desperdiciado) o demasiado largas (truncadas a mitad de frase).

Nunca dupliques descripciones entre páginas

Google may override duplicate descriptions with auto-generated snippets. Every page needs a unique description — use SkySEOManager Pro to bulk-generate them.

Generador de etiquetas OG + Generador de metatags de Twitter

Más allá de Google, cada enlace que compartes en Facebook, LinkedIn, WhatsApp y Twitter/X está controlado por etiquetas Open Graph (OG). Nuestro generador de etiquetas OG y generador de metatags de Twitter — built into the tabs above — let you craft perfect social cards for all platforms in one session.

Facebook / LinkedIn (etiquetas og:)

Requires og:title, og:description, og:image (1200×630px), og:url, og:type. Missing og:image = no image preview on Facebook — the single biggest mistake most sites make.

𝐏

Twitter / X (etiquetas twitter:)

Establece twitter:card="summary_large_image" para obtener una vista previa de imagen de ancho completo. Sin esta etiqueta, Twitter muestra un enlace de texto sin imagen independientemente de tu og:image.

💬

WhatsApp + Slack

Both use og:title, og:description, and og:image automatically — no separate tags needed. Make sure your og:image works at small sizes (WhatsApp shows a thumbnail).

¿Ya tienes etiquetas OG?

Use nuestro verificador gratuito de Open Graph para validar lo que está activo en tu sitio.

Check OG Tags →
Guía Paso a Paso

How to Generate Meta Tags for Your Website — Free

Usa nuestro generador de meta tags gratuito herramienta anterior y sigue estos cuatro pasos para obtener meta tags HTML perfectamente formateados en tu sitio en menos de cinco minutos.

1

Rellena la pestaña SEO

Enter your page title (45–60 chars), meta description (120–160 chars), keywords, and canonical URL. Watch the live SERP preview update instantly.

2

Configura las pestañas OG + Twitter

Add your og:image URL (1200×630px) and set twitter:card="summary_large_image". Leave other fields blank to auto-inherit from your SEO tab.

3

Ajusta la configuración técnica

Confirma el charset (UTF-8), viewport e idioma. Agrega theme-color para soporte PWA. Habilita etiquetas opcionales si es necesario.

4

Copy & paste into your site

Click "Copy All" and paste the HTML inside your page's head section — before the closing head tag. Done.

WPCode (Recomendado)

The safest way to add global meta tags without editing PHP files. WPCode → Add Snippet → HTML Snippet → Insert in Head. Works with any theme and survives all theme updates.

WPCode → Add Snippet → HTML → Site Wide Header

SkySEOManager

Ambos plugins tienen una meta caja por página donde pegas tu título y descripción. Manejan el HTML automáticamente. Usa nuestra vista previa de SERP para crear el texto, luego pégalo en el campo del plugin.

Post editor → SEO plugin panel → Title & Meta

functions.php (Desarrolladores)

Añade meta tags programáticamente usando la acción wp_head en el functions.php de tu tema hijo. Ideal para etiquetas dinámicas que necesitan lógica PHP por tipo de publicación.

add_action('wp_head', function(){ ... })
Referencia Completa

Every Meta Tag Our Generator Creates — Full Reference

Desde generador de meta keywords hasta el generador de meta tag robots — every tag our tool builds, explained in plain English.

Etiqueta Prioridad
Meta Title Tag Crítico
meta description Crítico
meta robots Crítico
meta viewport Crítico
meta charset Crítico
link canonical Importante
og:title Importante
og:description Importante
og:image Importante
og:url Importante
twitter:card Importante
og:type Recomendado
og:site_name Recomendado
og:locale Recomendado
meta keywords Opcional
meta author Opcional
meta theme-color Opcional
og:image:width / height Opcional

Para sitios WordPress con más de 10 páginas

Deja de generar metaetiquetas una página a la vez

Este gratuito generador de código meta es perfecto para páginas individuales. SkySEOManager Pro soluciona eso.

  • Edita en bloque títulos y metadescripciones para cada publicación desde una sola pantalla
  • Generación automática con IA (Gemini) de descripciones optimizadas
  • Works with SkySEOManager — no plugin conflicts
  • Escáner y corrector automático de textos alternativos de imágenes en bloque
11,000+
Instalaciones activas
Gemini AI
Impulsado
Edición masiva
500+ páginas a la vez
14 Días
Reembolso

Preguntas frecuentes

¿Cómo genero metaetiquetas para mi sitio web de forma gratuita?
Simply fill in the fields in the free meta tag generator above — Page Title, Meta Description, and the Open Graph/Twitter tabs — and the tool instantly generates the complete HTML code. Click "Copy All" and paste it inside the head section of your page. No account, no sign-up, no limit on how many pages you can generate tags for.
¿Puedo generar metaetiquetas desde una URL?
Yes. Click the "Import from URL" bar at the top of the tool, paste any public URL, and click "Import Tags." Our tool fetches the page and auto-fills all fields with the existing meta tags — title, description, OG tags, Twitter tags, and technical attributes. This is the fastest way to audit and update an existing page's meta tags without copying and pasting manually.
¿Aún vale la pena incluir las meta keywords?
No — Google officially ignores the meta keywords tag and has done so since 2009. Bing uses it very lightly as a minor ranking signal. Our meta keywords generator includes the field for completeness, but we recommend spending your time on title tags and meta descriptions instead. If you use it, keep keywords to 5–10 comma-separated terms that genuinely describe the page.
¿Cuál es la diferencia entre og:title y la etiqueta de título?
The title tag is used by Google in search results and in browser tabs. The og:title is used by Facebook, LinkedIn, and WhatsApp when someone shares the link as a card. They serve different audiences and can have different text. For example, your title tag might be "Free Meta Tag Generator | SiteSkyline" (optimised for search) while your og:title is "Generate Perfect HTML Meta Tags in 60 Seconds — Free" (more click-worthy on social media).
¿Cómo agrego meta tags a un sitio de WordPress sin un plugin?
Use WPCode (a free WordPress plugin) to add custom HTML to your site's head section without editing theme files. Go to WPCode → Add Snippet → HTML Snippet, paste the HTML code generated by our tool, set the location to "Site Wide Header," and activate the snippet. This method is safe, survives theme updates, and works with any WordPress setup.
¿Cuál es el mejor generador de meta descripciones gratuito en línea?
Our tool is a free meta description generator online that creates, previews, and scores your meta description in real time — no sign-up needed. Enter your description in the SEO tab, watch the SERP preview update, and use the character counter to stay in the 120–160 character sweet spot. For bulk meta description generation across an entire WordPress site, use SkySEOManager Pro with Gemini AI.
¿Cómo genero meta tags para un sitio de Blogger?
Our meta tag generator works for any website — WordPress, Blogger, Shopify, Webflow, or plain HTML. For Blogger specifically, go to Theme → Edit HTML and paste the generated tags between the head tags in your theme code. Note that Blogger already outputs some basic meta tags — check for duplicates before adding. For the og:image, make sure you use an absolute URL accessible over HTTPS.
¿Esta herramienta también genera meta tags de Open Graph?
Yes — our OG tag generator is built into the "OG" tab of the tool. Enter your og:title, og:description, og:image (1200×630px JPG/PNG), og:url, og:type, og:site_name, og:locale, and image dimensions. The tool also generates og:image:width, og:image:height, and og:image:alt. After adding your OG tags, use our free Open Graph Checker para validarlas en las 6 plataformas sociales.
¿Qué es una meta tag robots y cuándo debo usar noindex?
The robots meta tag controls whether search engines can index and follow links on a specific page. The most important values are "index, follow" (default — allow everything), "noindex, follow" (exclude from search results but follow links), and "noindex, nofollow" (exclude completely). Only use noindex on pages you genuinely don't want in Google — admin pages, thank-you pages, staging URLs, and duplicate content. Accidentally leaving noindex on a public page is one of the most common and damaging WordPress SEO mistakes.

Generate Your Meta Tags Free — Right Now

Completa los campos anteriores y copia tus meta tags HTML completas en menos de 60 segundos. Sin cuenta, sin marca de agua, sin límite de páginas.

Run Full SEO Audit →