Renderize links citados e URLs de fonte como cartões de pré-visualização compactos para que os usuários possam entender o destino antes de clicar.
Uma URL bruta ou um título de fonte simples muitas vezes não é contexto suficiente. Os cartões de pré-visualização da web dão aos usuários uma noção mais rica do que uma página citada contém, mostrando metadados como título, domínio, trecho e imagens opcionais diretamente na experiência de chat.
Os usuários têm muito mais probabilidade de confiar e clicar em uma fonte quando podem rapidamente entender o que é. Um cartão de pré-visualização reduz a ambiguidade e faz com que a lista de fontes pareça deliberada em vez de decorativa.
Isso é importante para:
Links simples criam fricção porque os usuários devem decidir se clicam sem contexto. Os cartões de pré-visualização melhoram a confiança no clique ao tornar o destino legível à primeira vista. Eles também melhoram a qualidade visual geral do chat, fazendo-o parecer mais moderno e intencional.
Os cartões devem ser compactos, responsivos e secundários à resposta principal. Eles devem suportar uma queda graciosa quando os metadados de pré-visualização não estão disponíveis e evitar expandir a mensagem tanto que ela se torne visualmente pesada em telas menores.
A geração de pré-visualizações precisa equilibrar riqueza com desempenho e privacidade. Alguns metadados podem ser fornecidos por pipelines de backend, alguns podem ser armazenados em cache e alguns links podem intencionalmente voltar a texto simples quando a geração de pré-visualização não é apropriada.
Os cartões de pré-visualização melhoram a taxa de cliques em fontes, fazem as respostas parecerem mais polidas e fortalecem o caso de uso de conhecimento e documentação do widget. Para compradores empresariais, eles também sinalizam que a fundamentação da fonte é uma parte de primeira classe da experiência, em vez de um pensamento posterior.
Os usuários podem reconhecer fontes relevantes mais rapidamente, as interações com fontes se tornam mais intencionais e o widget ganha uma apresentação mais forte e premium para respostas respaldadas por conhecimento.