Generador de meta tags SEO y Open Graph

Llena los campos y copia el bloque HTML completo para el head de tu página: título, description, canonical, Open Graph y Twitter Cards.

<!-- Llena los campos de arriba -->

✓ Copiado

Qué son los meta tags y por qué te traen clientes

Los meta tags son etiquetas HTML que viven en la sección head de tu página, el bloque de código que el visitante nunca ve. Aunque sean invisibles, deciden dos cosas que valen dinero: cómo aparece tu sitio en los resultados de Google y qué vista previa se muestra cuando alguien comparte tu link por WhatsApp o Facebook. Un generador de meta tags te arma ese bloque completo y sin errores de dedo, que son los que más vistas previas rompen.

El impacto es medible. Imagina una clínica dental en Guadalajara cuya página de limpieza dental recibe 2,000 impresiones al mes en Google. Con un title genérico, un CTR del 2% es un rango típico: 40 clics. Con un title y una meta description bien escritos, alcanzar 3.5% es realista: 70 clics. Si 1 de cada 10 visitas agenda cita y la limpieza cuesta $1,200, pasaste de $4,800 a $8,400 mensuales sin gastar un peso en publicidad.

La regla de oro: cada página necesita un title único de 50 a 60 caracteres y una description de 140 a 158. Antes de publicar, valida las longitudes con el contador de caracteres SEO para que Google no te recorte el mensaje a la mitad.

Meta tags SEO vigentes en 2026 (y las que ya son ruido)

El HTML permite decenas de meta tags, pero los buscadores solo toman en cuenta un puñado. Esta tabla separa lo que sí mueve la aguja de lo que nada más estorba en tu código:

EtiquetaPara qué sirveEstado en 2026
titleTítulo del resultado en Google y de la pestaña del navegadorImprescindible
meta descriptionTexto descriptivo bajo el título en los resultadosImprescindible
link canonicalSeñala la versión oficial de la URL entre duplicadosImprescindible
meta robotsControla indexación y seguimiento de enlacesImprescindible
meta viewportAdapta la página a pantallas de celularImprescindible
Etiquetas og (Open Graph)Vista previa al compartir en WhatsApp, Facebook y LinkedInImprescindible
twitter:cardFormato de la tarjeta al compartir en XRecomendada
meta keywordsGoogle la ignora desde 2009Obsoleta
revisit-afterNingún buscador la respetaObsoleta
meta author y generatorSin efecto en posicionamientoPrescindible

La meta keywords merece mención aparte porque sigue apareciendo en sitios nuevos: Google confirmó desde 2009 que la ignora por completo y, peor todavía, le regala a tu competencia la lista exacta de palabras que quieres posicionar. Lo mismo aplica para revisit-after: la frecuencia de rastreo se gana con contenido actualizado y buena estructura, no con una etiqueta.

Nota técnica: canonical es en realidad una etiqueta link, no una meta, pero vive en el mismo head y se configura junto con las demás, por eso se genera en el mismo paquete.

Open Graph explicado: qué controla cada etiqueta en WhatsApp y Facebook

Open Graph es el protocolo que Facebook creó en 2010 y que hoy leen WhatsApp, Messenger, LinkedIn, Telegram y hasta Slack o Discord. Cualquier open graph generator serio produce estas etiquetas, y cada una controla una parte visible de la tarjeta de vista previa:

Piensa en una taquería que manda su menú por WhatsApp a 200 clientes frecuentes. Sin Open Graph, el link se ve como texto azul pelón. Con una og:image mostrando el trompo de pastor recién cortado, la misma lista genera muchos más clics con el mismo esfuerzo. Si además creas botones de contacto con el generador de links de WhatsApp, cierras el círculo: el cliente ve el platillo, entra y te escribe directo.

Twitter Cards: la versión de X del Open Graph

X (antes Twitter) usa su propio juego de etiquetas, las Twitter Cards. La buena noticia: cuando faltan, X cae de respaldo en tus etiquetas Open Graph, así que con un par de líneas extra queda cubierto todo:

¿Vale la pena si tu negocio no publica en X? Sí, por dos razones. Primero, cuesta dos líneas de código. Segundo, tus clientes pueden compartir tu página aunque tú no tengas cuenta, y esa tarjeta se ve profesional o amateur según tus etiquetas. Este generador de meta tags y las demás herramientas gratuitas del hub de recursos de Baitana existen para que esos detalles no se te escapen aunque no tengas equipo técnico.

Medidas ideales de og:image por plataforma

La misma imagen no se ve igual en todas las plataformas. Estas son las medidas recomendadas y los detalles prácticos que evitan sorpresas:

PlataformaMedida recomendadaProporciónDetalle práctico
Facebook1200 x 630 px1.91:1Mínimo 200 x 200 px; acepta hasta 8 MB, pero lo sano es no pasar de 300 KB
WhatsApp1200 x 630 px1.91:1Con imágenes muy chicas muestra solo un cuadrito; mantente debajo de 600 KB o puede no cargar nada
LinkedIn1200 x 627 px1.91:1Lee Open Graph, no necesita etiquetas propias
X (summary_large_image)1200 x 628 px2:1Mínimo 300 x 157 px
X (summary)800 x 800 px1:1Mínimo 144 x 144 px
Telegram1200 x 630 px1.91:1Lee Open Graph directo, sin etiquetas extra

¿Con cuál te quedas si solo vas a preparar una? 1200 x 630 píxeles, en JPG, debajo de 300 KB y con URL absoluta. Esa combinación se ve bien en todas las plataformas que importan en México. Coloca el texto y el logo al centro de la imagen: algunas tarjetas recortan las orillas y un teléfono en la esquina puede desaparecer.

Para una boutique de ropa, la aplicación práctica es simple: una fotografía horizontal de producto con fondo limpio como imagen genérica del sitio, y una imagen distinta por categoría si compartes colecciones. Es una hora de trabajo que mejora cada link que tus clientas reenvían.

Canonical sin misterios: www, parámetros y paginación

La etiqueta canonical le dice a Google cuál es la versión oficial de una página cuando existen varias URLs con el mismo contenido. Sin ella, Google reparte la autoridad entre duplicados y tú pierdes posiciones. Los tres casos donde salva el día:

Regla simple para cerrar: toda página puede llevar canonical hacia sí misma (self-canonical). Es la práctica por defecto de los CMS serios y previene duplicados accidentales cuando alguien comparte tu URL con parámetros pegados.

Meta robots: index, noindex, follow y nofollow bien usados

La meta robots controla dos cosas: si Google puede mostrar tu página en resultados y si debe seguir los enlaces que contiene. Estas son las combinaciones y cuándo usar cada una:

DirectivaQué le dice a GoogleCuándo usarla
index, followIndexa la página y sigue sus enlacesEs el comportamiento por defecto; no necesitas declararla
noindex, followNo muestres la página, pero sí sigue sus enlacesPáginas de gracias, resultados de búsqueda interna, filtros
noindex, nofollowNo muestres la página ni sigas nadaÁreas privadas, páginas de prueba, entornos de desarrollo
index, nofollowIndexa, pero no sigas los enlacesCasi nunca; casos muy puntuales de enlaces no confiables

Dos advertencias que cuestan dinero. Primera: un noindex olvidado en producción borra la página de Google en cuestión de días. Si la página de implantes de una clínica dental generaba 30 solicitudes de cita al mes y cada tratamiento promedia $25,000, un noindex accidental que dura un mes es un hoyo enorme en el pipeline, aun cerrando solo una fracción.

Segunda: para que Google vea el noindex tiene que poder rastrear la página. Si la bloqueas en robots.txt, nunca leerá la etiqueta y la URL puede seguir apareciendo en resultados, justo lo contrario de lo que buscabas.

Cómo verificar que tus meta tags funcionan

Publicar las etiquetas es la mitad del trabajo; comprobar que las plataformas las leen es la otra mitad. El checklist en orden:

  1. Ver el código fuente: en tu navegador presiona Ctrl+U (Cmd+Option+U en Mac) y busca og: con Ctrl+F. Confirma que las etiquetas estén dentro del head y que cada una aparezca una sola vez.
  2. Sharing Debugger de Meta: pega tu URL en el depurador de compartir de Meta para ver la tarjeta exacta que Facebook y WhatsApp mostrarán. Si cambiaste la imagen y sigue saliendo la vieja, usa la opción de volver a raspar para limpiar la caché.
  3. Post Inspector de LinkedIn: mismo concepto, pero para las vistas previas de LinkedIn.
  4. Prueba real en WhatsApp: mándate el link a ti mismo. Ojo: WhatsApp guarda en caché la vista previa por días; si acabas de corregir algo, agrega un parámetro como ?v=2 al final del link para forzar una vista fresca.
  5. Search Console: usa la inspección de URL para confirmar qué canonical eligió Google y si la página está indexada. A veces Google ignora tu canonical si las señales se contradicen.

Si al revisar descubres titles duplicados, canonicals cruzados o páginas con noindex que nadie pidió, es momento de una revisión completa: la auditoría SEO gratuita detecta este tipo de fugas antes de que se coman meses de posicionamiento.

Errores comunes que rompen la vista previa y tiran posiciones

Estos son los errores que más se repiten al revisar sitios de negocios mexicanos, y los más baratos de corregir:

Corregir todo esto por tu cuenta es totalmente viable con esta herramienta y una tarde libre. Y si prefieres que alguien lo haga mientras atiendes tu negocio, en Baitana es el pan de cada día: con SEO local llevamos a una clínica de medicina estética a crecer 420% sus consultas. Escríbenos por WhatsApp al 998 386 5902 y platicamos tu caso sin compromiso.

Preguntas frecuentes

¿Cuántos caracteres debe tener el meta title en 2026?

Entre 50 y 60 caracteres es el rango seguro. Google en realidad mide en píxeles (unos 580 en escritorio), así que letras anchas como M o W ocupan más espacio. Si te pasas, Google corta el título con puntos suspensivos o lo reescribe por completo. Coloca la palabra clave al inicio y el nombre de tu marca al final, separados por una barra vertical.

¿La meta description afecta el posicionamiento en Google?

No de forma directa: Google ha confirmado que no es un factor de ranking. Pero sí afecta el CTR, y una página que gana más clics recibe más tráfico y más señales positivas. Escríbela como un mini anuncio de 140 a 158 caracteres, con la palabra clave y una razón concreta para dar clic. Si la dejas vacía, Google genera una automática que rara vez vende bien.

¿Para qué sirve la meta keywords? ¿Todavía debo ponerla?

Ya no sirve. Google anunció desde 2009 que la ignora por completo, y algunos buscadores llegaron a tratarla como señal de spam. Además, le muestra a tu competencia exactamente qué palabras quieres posicionar. Quitarla no te perjudica en nada y dejarla tampoco te ayuda. Invierte ese tiempo en un buen title y una buena description, que sí se leen y sí influyen.

¿Qué medida debe tener la imagen de Open Graph para WhatsApp?

Usa 1200 por 630 píxeles, proporción 1.91:1, en formato JPG y de preferencia debajo de 300 KB. Con imágenes muy pequeñas WhatsApp muestra apenas un cuadrito minúsculo o ninguna imagen, y con archivos muy pesados a veces no carga la vista previa. Usa siempre una URL absoluta con https y coloca el texto importante al centro, porque las orillas pueden recortarse.

¿Por qué WhatsApp no muestra la vista previa de mi link?

Las causas más comunes: la og:image usa ruta relativa en vez de URL completa, la imagen pesa demasiado, el sitio no carga con https o el servidor bloquea al bot que genera la vista previa. También puede ser caché: WhatsApp guarda la preview anterior por días. Corrige la etiqueta, verifica con el Sharing Debugger de Meta y agrega un parámetro como ?v=2 para forzar una vista fresca.

¿Qué diferencia hay entre noindex y nofollow?

Noindex le pide a Google que no muestre esa página en los resultados de búsqueda. Nofollow le pide que no siga los enlaces que contiene. Son independientes: lo más común es combinar noindex con follow en páginas que no quieres en Google pero cuyos enlaces sí transmiten autoridad, como una página de gracias. Y ojo: si bloqueas la página en robots.txt, Google nunca leerá el noindex.

¿Cuándo debo usar la etiqueta canonical?

Siempre que exista más de una URL con el mismo contenido: versiones con y sin www, URLs con parámetros de filtros o campañas, y direcciones con o sin diagonal final. El canonical señala la versión oficial para que Google concentre ahí toda la autoridad. La práctica recomendada es que cada página lleve un canonical hacia sí misma: así previenes duplicados accidentales cuando alguien comparte tu URL con parámetros.

¿Google usa las etiquetas Open Graph para posicionar?

No como factor de ranking directo: Open Graph controla las vistas previas en redes sociales y apps de mensajería, no los resultados de búsqueda. Su efecto en SEO es indirecto: un link que se ve bien al compartirse genera más clics, más visitas y más menciones, señales que sí alimentan tu posicionamiento. Por eso conviene configurar ambas capas: meta tags SEO para Google y Open Graph para todo lo demás.

¿Todo esto te suena a chino?

Nuestros sitios salen con el SEO técnico completo configurado desde el día uno.

Ver diseño web →