Revisa la imagen y el título antes de compartir una página

Antes de compartir una página, revisa el título, la descripción y la imagen que proporciona su URL pública. Después comprueba la vista previa en el servicio que vayas a utilizar. Son dos comprobaciones distintas: unos metadatos correctos aportan información útil al servicio; su vista previa real muestra lo que otras personas podrían ver.

Terminas una guía de producto, la abres en tu web y ves el encabezado y la ilustración correctos. Alguien pega la dirección en una publicación social y la vista previa describe tu página de inicio. El artículo puede estar bien. Lo que necesita atención es esa breve presentación que acompaña al enlace.

Para un fundador o un equipo pequeño, esta comprobación merece tener una persona responsable antes del lanzamiento. Empieza por la dirección pública exacta. Una vista previa atractiva en el CMS, una pestaña del navegador o una respuesta correcta de la página no demuestran que la vista previa al compartir esté lista.

Revisa lo que proporciona la página pública

El encabezado visible y los metadatos para compartir aparecen en lugares distintos. El encabezado presenta el contenido a quien ya ha llegado; los metadatos informan a otro servicio antes de la visita. Muchos sitios utilizan campos de Open Graph para ello.

El protocolo Open Graph define cuatro propiedades básicas: un título, un tipo de objeto, una URL de imagen y la URL canónica del objeto. También contempla información opcional, como una descripción breve. Considéralas campos de entrada con nombre, no una captura de tu página.

El 14 de octubre de 2026 inspeccionamos el HTML público devuelto por nuestra guía sobre títulos de página. Su título de Open Graph era «Write a Title That Matches the Page | FounderOmni». El encabezado principal visible era «Write a Page Title That Matches the Answer Inside». Aunque la redacción era distinta, ambos describían la misma tarea editorial.

La respuesta también incluía el tipo artículo, la URL de la propia guía, una descripción sobre cómo contrastar un título con la respuesta del contenido y una dirección de imagen terminada en page-title-label-cover-v1.jpg. Descargamos esa imagen pública y confirmamos que era un JPEG de 1536 por 1024 píxeles. Las dimensiones coincidían con los campos de anchura y altura del HTML devuelto.

Es una observación de una página y un archivo reales, no una prueba de la vista previa de Facebook, LinkedIn o una aplicación de mensajería. Establece qué devolvió nuestro servidor y qué imagen comprobamos. No determina el recorte elegido por una plataforma, la información almacenada en su caché ni el texto que mostró.

Puedes pedir a un desarrollador algo igual de concreto: inspeccionar el HTML devuelto por esa página y anotar su título, descripción, URL e imagen para compartir. Después, abrir directamente la dirección de la imagen. Cuando una vista previa se refiere a otra página, registrar estos campos juntos facilita la investigación.

Busca duplicados accidentales, además de información ausente. Un tema, una extensión de SEO y una plantilla pueden aportar metadatos por separado. La documentación del protocolo sobre matrices da preferencia al primer valor cuando hay valores repetidos en conflicto. No toda imagen adicional es un error: puede haber alternativas intencionadas. Investiga si una imagen antigua de la página de inicio aparece antes de la imagen prevista para el artículo.

Si la respuesta pública sigue conteniendo los campos antiguos, corrige el proceso de publicación antes de modificar repetidamente la publicación social. Puede que el CMS haya guardado una revisión sin actualizar la página pública. Nuestra comprobación del despliegue explica cómo distinguir una respuesta correcta del contenido que realmente se pretendía publicar.

Revisa la imagen como presentación de esta página

Abre la imagen real, no solo la imagen principal de la web. Algunos sitios utilizan archivos distintos para la cabecera del artículo y los metadatos para compartir. Puede ser razonable si la imagen elegida presenta el mismo tema y no sugiere un producto o un resultado ajenos.

En nuestro ejemplo, la ilustración muestra unas manos colocando una etiqueta en una caja de documentos. Acompaña una guía sobre cómo hacer que una etiqueta corresponda con su contenido. Es una ilustración editorial, no una prueba de una mejora verificada en los resultados de búsqueda. El título y la descripción transmiten el sentido práctico; la imagen lo refuerza.

Al preparar tu imagen, decide qué debe seguir siendo reconocible en una vista pequeña. Sitúa el elemento principal de forma que los recortes previsibles permitan entenderlo y deja las explicaciones esenciales en el texto que lo acompaña. Un titular largo incrustado en la imagen puede resultar ilegible cuando la vista previa se reduce o se recorta.

Puedes hacer recortes locales para detectar problemas evidentes de composición, pero considéralos ejercicios de diseño. Crear un recorte cuadrado no demuestra que una plataforma concreta vaya a utilizarlo. La observación pertinente para la publicación sigue siendo la vista previa real del servicio.

Para anunciar un producto, una captura fiel puede ser más útil que una imagen decorativa. Utiliza una vista pública o de demostración autorizada, muestra claramente la función pertinente y elimina los datos privados del espacio de trabajo. Si la interfaz es solo un concepto, indícalo. Un diseño pulido no debe dar a entender que ya se puede utilizar una función que aún no está disponible.

El texto alternativo también debe ser útil. Las propiedades de imagen de Open Graph incluyen dimensiones y una descripción. Describe lo que contiene la imagen en vez de repetir un eslogan comercial. En nuestro ejemplo comprobamos tanto el archivo como el texto que lo describe; una descripción por sí sola no demuestra que el archivo sea accesible.

Comprueba juntos la vista previa y el destino

Cuando los campos públicos y la imagen sean correctos, abre el editor o la vista previa admitidos por el servicio e introduce la dirección exacta que compartirás. Si hay una vista previa de borrador, revísala sin publicar. Anota el servicio, la URL y la hora para que otra persona pueda reproducir la observación.

Comprueba tanto la tarea como el aspecto. ¿El título describe esta página? ¿La descripción aporta contexto útil? ¿La imagen sigue siendo reconocible? Después, sigue el enlace de la vista previa y confirma que lleva a la respuesta prevista. Una tarjeta atractiva que conduce a una página de inicio genérica no ha completado la transición.

Si la información mostrada difiere de la respuesta actual, conserva ambas observaciones. La diferencia no demuestra automáticamente que el cambio en el CMS haya fallado. El servicio puede haber conservado información anterior o elegido otros datos. Consulta su documentación actual o una herramienta de diagnóstico disponible, sin dar por hecho que existe un botón de actualización o un tiempo de espera universal.

No añadas parámetros de consulta al azar una y otra vez para forzar una vista previa diferente. Primero entiende qué URL estás compartiendo y si mantiene la identidad de la página. Si asignas deliberadamente una versión al archivo de imagen, actualiza su referencia en la página y comprueba el archivo nuevo. Cambiar únicamente el nombre no demuestra que el servicio lo haya obtenido.

Utiliza este breve registro de entrega:

• Página: dirección pública exacta y respuesta útil que se espera encontrar al abrirla.
• Datos de entrada: título, descripción, dirección de la imagen y valores en conflicto encontrados en el HTML devuelto.
• Archivo: formato real de la imagen, dimensiones y comprobación de accesibilidad.
• Vista previa: servicio previsto, hora de observación y contenido que mostró realmente su borrador o diagnóstico.
• Destino: resultado al seguir el enlace y siguiente corrección si no coincide con lo que promete la página.

Guarda el registro junto al borrador del lanzamiento. La inspección de campos, la revisión de la imagen y la vista previa de la plataforma responden a preguntas distintas. Al combinarlas, la siguiente persona recibe un problema concreto que resolver, no otra petición de «mejorar la imagen para redes».