Envías un artículo útil a un cliente, pero el mensaje muestra una imagen genérica del estudio y un título poco claro. Antes de abrir la página, el lector ya tiene que adivinar qué contiene el enlace. Empieza a corregirlo con una pregunta editorial sencilla, en lugar de reescribir todos los campos al azar: ¿qué página presentamos y qué deberían entender los lectores antes de hacer clic?
Separa primero tres contextos
El elemento HTML <title> da nombre al documento en la pestaña del navegador. Referencia de MDN. Puede proporcionarse una descripción de página mediante meta name="description". Referencia de MDN sobre meta.
Google genera automáticamente los títulos de los resultados de búsqueda a partir de varias fuentes. Documentación de Google. Los fragmentos de búsqueda se basan principalmente en el contenido de la página, a veces en la metadescripción, y varían según la consulta. Documentación sobre fragmentos.
Open Graph requiere og:title, og:type, og:image y og:url. Los campos opcionales og:image:width y og:image:height especifican dimensiones; og:image:alt describe la imagen, no su pie. Especificación de Open Graph.
Dedica una fila independiente a cada contexto en tu documento de trabajo: «pestaña», «búsqueda» y «compartir». Registra el texto deseado junto al resultado observado. Así evitas que el equipo confunda una decisión editorial con el comportamiento de una aplicación concreta.
Redacta un pequeño encargo para el enlace
Imagina un artículo sobre cómo preparar fotografías para un portafolio. En lugar de «Información útil», prueba «Cómo seleccionar 12 fotografías para tu portafolio». Una descripción de trabajo podría ser: «Criterios de selección, orden de las imágenes y una comprobación antes de publicar». Es un ejemplo de redacción inventado, no un resultado prometido: el número 12 solo corresponde si el artículo realmente trabaja con esa selección.
Comprueba el planteamiento sin imagen. ¿Se entiende el tema? Después elimina la descripción: ¿sigue siendo específico el título? Pide a un compañero que describa en una frase lo que espera tras hacer clic. Si la respuesta no coincide con el artículo, revisa la redacción en lugar de añadir adjetivos promocionales.
La página de inicio y un artículo necesitan portadas distintas
Una composición de marca reconocible puede servir para la página de inicio. Para un artículo individual, prepara una imagen que explique su tema: una selección de fotografías, un detalle del proceso o una ilustración temática sencilla. Los colores compartidos y una pequeña marca pueden conectar la serie, pero no deberían sustituir su contenido.
Prueba recortes apaisados y cuadrados en el editor como prueba de resistencia, no como especificación universal de las plataformas. Mantén el motivo importante cerca del centro y deja espacio alrededor de los bordes. Mira una versión pequeña en el teléfono. Si el texto solo se lee al ampliarlo, elimínalo o acórtalo considerablemente.
Lista de comprobación antes de compartir
- Registra la dirección. Prueba la URL pública final en el idioma previsto, no un borrador ni la página de inicio.
- Compara el contenido. El título, la descripción y la portada deben representar el mismo artículo. Elimina campos heredados accidentalmente de otra publicación.
- Abre la imagen por separado. Asegúrate de que su URL lleva al archivo previsto sin exigir iniciar sesión.
- Comprueba la página, no solo el formulario. Un campo guardado en el editor no demuestra que los datos previstos aparezcan en el HTML publicado.
- Inspecciona la tarjeta real. En la aplicación de destino, comprueba la imagen, el recorte, el texto y la dirección. Si no lo has probado, indícalo.
- Repite para las versiones de idioma. Ve más allá de traducir el título: comprueba la descripción, las imágenes con texto y la página de destino.
Qué significa «listo»
Mantén un registro breve: dirección, idioma, hora, aplicación, resultado y siguiente paso. Separa «campos guardados», «HTML comprobado» y «tarjeta observada». Si tras un cambio aparece una versión antigua, no prometas una actualización inmediata ni inventes la duración de la caché. Guarda un ejemplo e investiga el método de actualización disponible en ese servicio concreto. El objetivo es sencillo: los lectores entienden el enlace y el equipo sabe exactamente qué se ha confirmado.