Generador de meta tags

Prepara el snippet de búsqueda y la vista social antes de poner la página en línea; luego copia los tags al build.

Datos básicos

18 / 60

Longitud recomendada: 50 a 60 caracteres

38 / 160

Longitud recomendada: 150 a 160 caracteres

Separa valores con comas. No es un factor fuerte para Google, pero ayuda en algunos flujos editoriales.

Vista social

Tamaño recomendado: 1200 x 630

HTML generado

<!-- Primary Meta Tags -->
<title>My Awesome Website</title>
<meta name="title" content="My Awesome Website" />
<meta name="description" content="The best place to find amazing things." />
<meta name="keywords" content="website, generator, tools" />
<meta name="author" content="" />
<meta name="robots" content="index, follow" />
<meta name="theme-color" content="#000000" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com" />
<meta property="og:title" content="My Awesome Website" />
<meta property="og:description" content="The best place to find amazing things." />
<meta property="og:image" content="https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=1200&h=630&fit=crop" />
<meta property="og:site_name" content="My Site" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://example.com" />
<meta property="twitter:title" content="My Awesome Website" />
<meta property="twitter:description" content="The best place to find amazing things." />
<meta property="twitter:image" content="https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=1200&h=630&fit=crop" />

Vista en Google

icon
My Site
https://example.com
My Awesome Website
The best place to find amazing things.

Vista social

Preview
EXAMPLE.COM
My Awesome Website
The best place to find amazing things.

Buenas prácticas de meta tags

Title

Escribe el título según la intención real de la página. Un título genérico puede encajar en todo, pero no hace que nada parezca digno de clic.

Description

La descripción no es un atajo de ranking, pero suele ser la línea que alguien lee antes de elegir un resultado. Explica la promesa de la página sin repetir el título.

Open Graph

Los tags Open Graph controlan título, descripción, URL e imagen que muchas plataformas usan cuando alguien comparte el enlace.

Robots

Usa directivas robots con cuidado. noindex puede sacar una página de búsqueda; nofollow cambia cómo los crawlers tratan sus enlaces.

Canonical URL

Apunta URLs duplicadas, con tracking o variantes hacia la página preferida para que los buscadores entiendan cuál versión debe concentrar la señal.

Preguntas frecuentes

¿Todavía importan las meta keywords?

No son un factor importante de ranking en Google, pero pueden servir para flujos internos, otros buscadores o planificación editorial.

¿Cómo verifico que Open Graph funciona?

Usa depuradores de plataformas, como Facebook Sharing Debugger o validadores de tarjetas sociales, para obtener y previsualizar los metadatos renderizados.

¿Por qué viewport importa en una página de SEO?

Viewport no es un tag de ranking por sí mismo, pero es esencial para render móvil y debe estar correcto en cualquier HTML de producción.

¿Google mostrará exactamente mi meta description?

No siempre. Los buscadores pueden reescribir snippets si otra parte de la página responde mejor a la consulta. Una descripción clara sigue ayudando cuando se usa.

¿Qué largo debe tener un title tag?

No hay límite exacto porque los resultados se miden por ancho renderizado, pero 50 a 60 caracteres es un rango útil para la mayoría de páginas.

¿Lista la página para publicarse con mejores metadatos?

Publícala con HTTPS, rutas limpias y entrega global para que los metadatos que ajustaste existan en una URL real y compartible.

Publicar un sitio