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:
| Etiqueta | Para qué sirve | Estado en 2026 |
|---|---|---|
| title | Título del resultado en Google y de la pestaña del navegador | Imprescindible |
| meta description | Texto descriptivo bajo el título en los resultados | Imprescindible |
| link canonical | Señala la versión oficial de la URL entre duplicados | Imprescindible |
| meta robots | Controla indexación y seguimiento de enlaces | Imprescindible |
| meta viewport | Adapta la página a pantallas de celular | Imprescindible |
| Etiquetas og (Open Graph) | Vista previa al compartir en WhatsApp, Facebook y LinkedIn | Imprescindible |
| twitter:card | Formato de la tarjeta al compartir en X | Recomendada |
| meta keywords | Google la ignora desde 2009 | Obsoleta |
| revisit-after | Ningún buscador la respeta | Obsoleta |
| meta author y generator | Sin efecto en posicionamiento | Prescindible |
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:
- og:title: la línea en negritas de la tarjeta. Puede ser distinta a tu title de Google, más emocional y menos cargada de keyword.
- og:description: el texto gris debajo del título. WhatsApp muestra una o dos líneas, así que los primeros 80 caracteres cargan todo el mensaje.
- og:image: la imagen grande de la tarjeta. Es la etiqueta que más conversaciones abre y también la que más seguido se configura mal.
- og:url: la URL oficial de la página, sin parámetros. Facebook agrupa likes y shares con base en ella.
- og:type: website para páginas normales, article para posts de blog.
- og:site_name: el nombre de tu marca que aparece en letra pequeña.
- og:locale: es_MX para México, para que las plataformas traten bien acentos y formato.
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:
- twitter:card: define el formato de la tarjeta. El valor summary_large_image muestra la imagen en grande, que es el que casi siempre quieres; summary muestra un cuadrito chico junto al texto.
- twitter:title y twitter:description: solo son necesarias si quieres textos distintos a los de Open Graph. Si van a decir lo mismo, puedes omitirlas.
- twitter:site: el arroba de tu marca, útil para que X atribuya el contenido a tu cuenta.
¿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:
| Plataforma | Medida recomendada | Proporción | Detalle práctico |
|---|---|---|---|
| 1200 x 630 px | 1.91:1 | Mínimo 200 x 200 px; acepta hasta 8 MB, pero lo sano es no pasar de 300 KB | |
| 1200 x 630 px | 1.91:1 | Con imágenes muy chicas muestra solo un cuadrito; mantente debajo de 600 KB o puede no cargar nada | |
| 1200 x 627 px | 1.91:1 | Lee Open Graph, no necesita etiquetas propias | |
| X (summary_large_image) | 1200 x 628 px | 2:1 | Mínimo 300 x 157 px |
| X (summary) | 800 x 800 px | 1:1 | Mínimo 144 x 144 px |
| Telegram | 1200 x 630 px | 1.91:1 | Lee 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:
- www contra sin www (y http contra https): para Google, tutaqueria.mx y www.tutaqueria.mx son direcciones distintas. Si ambas responden, tienes todo tu sitio duplicado. El canonical apunta a una sola versión y concentra ahí la autoridad, además de la redirección 301 correspondiente.
- Parámetros: una boutique con filtros como ?talla=m o ?orden=precio genera URLs infinitas con las mismas prendas. El canonical de todas las variantes debe apuntar a la categoría limpia. Lo mismo con campañas: si inviertes $5,000 al mes en anuncios y etiquetas tus links con el generador de UTMs, cada URL con utm_source es un duplicado potencial que el canonical hacia la URL limpia mantiene fuera del índice.
- Paginación: en un blog con /blog?pagina=2, cada página debe apuntar su canonical a sí misma, no a la página 1. Google retiró el soporte de rel prev y next en 2019; poner canonical de todas las páginas hacia la primera le esconde a Google el contenido de las siguientes.
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:
| Directiva | Qué le dice a Google | Cuándo usarla |
|---|---|---|
| index, follow | Indexa la página y sigue sus enlaces | Es el comportamiento por defecto; no necesitas declararla |
| noindex, follow | No muestres la página, pero sí sigue sus enlaces | Páginas de gracias, resultados de búsqueda interna, filtros |
| noindex, nofollow | No muestres la página ni sigas nada | Áreas privadas, páginas de prueba, entornos de desarrollo |
| index, nofollow | Indexa, pero no sigas los enlaces | Casi 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:
- 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.
- 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é.
- Post Inspector de LinkedIn: mismo concepto, pero para las vistas previas de LinkedIn.
- 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.
- 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:
- og:image con ruta relativa: una ruta como /img/portada.jpg funciona dentro de tu sitio, pero WhatsApp necesita la dirección completa con https y dominio. Es la causa número uno de previews sin imagen.
- El mismo title en todas las páginas: si tus 15 páginas dicen Inicio y el nombre del negocio, Google reescribe los títulos a su criterio y tus páginas compiten entre sí por las mismas búsquedas.
- Canonical apuntando a otra página: un canonical hacia la home copiado en todas las secciones le dice a Google que solo tu portada merece indexarse. Es una herencia típica de plantillas mal adaptadas.
- noindex heredado del sitio en desarrollo: el sitio pasó de pruebas a producción y nadie quitó la etiqueta. Revísalo el mismo día del lanzamiento, no a la semana.
- Imagen og demasiado pesada: un PNG de 4 MB puede hacer que WhatsApp no muestre nada. Comprime a JPG debajo de 300 KB y listo.
- Description vacía o repetida: Google inventa una con fragmentos sueltos de la página, casi siempre peor que la que tú escribirías con calma.
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 →