Caso de uso · Times de SPA
Dê a cada rota SPA sua própria miniatura do WhatsApp
Todas as URLs da sua SPA compartilham o mesmo título e imagem. Com a Visualink, você pode servir dados Open Graph específicos de cada rota aos crawlers sociais.
A app tem muitas rotas, mas os crawlers só veem um shell HTML
O WhatsApp e outras plataformas de partilha costumam ler o documento inicial em vez de esperar pelo JavaScript do lado do cliente.
Isto deixa cada rota com a mesma pré-visualização genérica.
External OG resolve o URL pedido em edge e devolve os metadados configurados apenas aos crawlers relevantes.
Mantenha o SPA. Corrija a camada de compartilhamento.
Mapear rotas públicas
Configura na Visualink cada rota que precisa da sua própria pré-visualização oficial.
Definir cada prévia
Define a imagem, o título e a descrição da rota.
Servir na borda (Edge)
Permita que os crawlers recebam os metadados enquanto o tráfego humano continua normalmente para a aplicação.
Veja o fluxo de rota para prévia
Este espaço pode conter um vídeo de configuração real ou um exemplo de compartilhamento antes e depois de uma rota renderizada pelo cliente.
Dúvidas sobre prévia social em SPA
Como posso corrigir social previews numa SPA sem migrar para SSR ou SSG?
O External OG da Visualink foi desenhado para adicionar uma camada de metadados visível para crawlers sem forçar uma migração de arquitetura: podes manter a tua stack e gerir os social previews da tua SPA CSR.
Isso atrasa os visitantes normais?
A integração foca nos crawlers sociais e de chat suportados na borda (edge). Os visitantes humanos seguem o fluxo original da aplicação sem impacto.
Cada rota pode usar metadados diferentes?
Sim. Cada URL público configurado pode ter a sua própria imagem, título e descrição.
Torne cada rota SPA compartilhável.
Adicione prévias em nível de rota sem transformar uma mudança de marketing em uma migração frontend.