Generador de meta tags / Open Graph

Una etiqueta '<title>', una meta descripción, un enlace canónico autorreferencial, una etiqueta robots, el conjunto principal de Open Graph (og:type, og:title, og:description, og:url, og:site_name, og:image, og:image:alt, og:locale), el conjunto de Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image, twitter:site), y una etiqueta theme-color si proporcionaste una. Cada campo que dejes vacío simplemente se omite del resultado en vez de generar una etiqueta vacía o rota.

La meta descripción es lo que los motores de búsqueda pueden mostrar como fragmento bajo tu página en los resultados de búsqueda; la descripción de Open Graph (og:description) es lo que se muestra cuando la página se comparte en Facebook, LinkedIn o similares. En la práctica, la misma frase o dos bien escritas suelen funcionar para ambas, por eso esta herramienta reutiliza tu único campo de descripción para las dos etiquetas - pero nada te impide editar el fragmento pegado después si quieres que digan algo ligeramente distinto.

La guía de aproximadamente 60 caracteres refleja más o menos cuánto texto suelen mostrar los motores de búsqueda antes de truncar un título en los resultados de búsqueda con puntos suspensivos - no es un límite técnico estricto, y un título más largo seguirá funcionando en todo lo demás. Si te importa el texto exacto que aparece en los resultados de búsqueda, mantener la parte importante del título dentro de ese límite aproximado evita que se corte.

1200×630 píxeles (aproximadamente una proporción de 1,91:1) es el tamaño más comúnmente recomendado, ya que es el que están diseñados los diseños de tarjeta con imagen grande de Facebook, LinkedIn y X. Las imágenes más pequeñas o con otra forma generalmente igual se muestran, pero la plataforma puede recortarlas de formas que no controlas, así que una imagen cercana a esa proporción suele mostrarse como pretendías.

No - esto es solo un generador de texto. Construye el fragmento en tu navegador y nada se publica ni se cambia automáticamente en ningún lado. Igual tienes que pegar el resultado tú mismo en el '<head>' HTML real de tu página, o en los campos de SEO/meta que ofrezca tu CMS o constructor de sitios para esa página.

twitter:card se establece en summary_large_image siempre que se proporciona una URL de imagen, y en summary en caso contrario - de acuerdo con cómo están pensados los tipos de tarjeta propios de Twitter/X: summary_large_image muestra una imagen de vista previa grande y prominente, mientras que summary es una miniatura más pequeña pensada para tarjetas sin una imagen fuerte que mostrar.

No. Cada campo que escribes y el fragmento generado en sí permanecen enteramente en tu navegador - nada se sube nunca a un servidor.

El fragmento igual sale limpio y válido - cualquier campo que dejes vacío (una imagen, un usuario de Twitter, un color de tema, etc.) simplemente se omite del resultado en vez de producir una etiqueta vacía o mal formada. Completa tanto o tan poco como corresponda a tu página.

Sí - el selector de tipo de contenido cubre website, article, product y profile, lo que define el valor og:type que las plataformas usan como indicio de categorización cuando analizan la página (los rastreadores de Facebook y LinkedIn lo leen; no forma parte de la especificación de Twitter Card en sí, que se apoya en su propia etiqueta twitter:card independiente). Elegir el tipo que realmente corresponde a tu página es una señal pequeña pero genuina sobre qué tipo de contenido es.

Sí, si quieres - esta herramienta cubre meta tags, etiquetas Open Graph y Twitter Card, pero los datos estructurados JSON-LD son un mecanismo distinto que Google lee para cosas como resultados enriquecidos y paneles de conocimiento, algo que las etiquetas Open Graph no proporcionan. Las herramientas Generador de Marcado Schema y Generador de Schema con IA de este sitio cubren eso por separado; una página suele llevar tanto este fragmento como un script JSON-LD juntos en su '<head>', cada uno haciendo un trabajo distinto.

Le indica a las plataformas en qué idioma y región está el contenido de la página - un código como en_US o fr_FR - que Facebook en particular usa para decidir qué cadenas de interfaz localizadas (como el idioma de un botón «Ver más») mostrar alrededor del enlace compartido. Esta herramienta lo establece en en_US por defecto; cámbialo si tu página está realmente en otro idioma, y déjalo coincidiendo con el idioma real de tu contenido para el resultado más preciso.

Para la mayoría de las páginas, reutilizar el mismo título y descripción bien escritos para ambas cosas es más simple y más fácil de mantener consistente - una sola fuente de verdad en vez de dos textos que pueden desalinearse con el tiempo. Algunos sitios sí escriben deliberadamente leyendas más llamativas o casuales específicamente para compartir en redes, lo cual es una elección legítima - esta herramienta usa por defecto el enfoque más simple de campo compartido, pero nada te impide editar después las líneas específicas de Open Graph en el resultado generado si quieres que difieran.

Sí - nada de una visita anterior se guarda, así que no hay estado desactualizado que gestionar. Simplemente completa de nuevo el formulario con los valores actualizados y copia el fragmento nuevo cada vez que cambien el título, la descripción o la imagen de tu página.