Quando você compartilha um artigo de base de conhecimento em redes sociais, Facebook, LinkedIn, X (Twitter) ou plataformas similares, a plataforma usa metadados do Open Graph para gerar uma prévia de links, incluindo uma imagem em miniatura. Se um artigo tiver um conjunto de imagens em destaque, essa imagem é usada. Se nenhuma imagem em destaque for definida, a plataforma escolhe uma imagem aleatória da página do artigo, ou não mostra nenhuma imagem, nenhuma das quais causa uma impressão forte ou consistente.
Definir uma imagem em destaque padrão usando metatags Open Graph garante que qualquer artigo sem sua própria imagem em destaque volte a uma imagem designada de sua escolha, dando às suas redes sociais uma aparência consistente e marcada.
Quando usar isso
Use essa personalização quando quiser:
- Garanta que cada artigo compartilhado nas redes sociais exiba uma miniatura significativa, mesmo que nenhuma imagem em destaque tenha sido definida no nível do artigo.
- Aplique uma imagem de marca consistente como recurso para prévias nas redes sociais em toda a sua base de conhecimento.
- Evite que as redes sociais selecionem uma imagem aleatória ou irrelevante de uma página de artigo.
Antes de começar
- Você precisa de acesso às Conexões > Integrações > HTML Personalizado no portal da Base de Conhecimento.
- A imagem em destaque padrão deve estar disponível em uma URL pública. Se a imagem estiver no seu dispositivo local, faça o upload para o Drive no Document360 primeiro e copie a URL dela a partir daí.
- Essa configuração se aplica ao nível do projeto, fornecendo uma imagem de reserva para todos os artigos do projeto que não possuem uma imagem em destaque definida individualmente.
- Artigos que já possuem um conjunto de imagens em destaque continuarão a usar sua própria imagem. O padrão só se aplica quando não existe uma imagem em destaque no nível do artigo.
Como definir uma imagem em destaque padrão para compartilhamento social
-
Navegue até Conexões > Integrações na barra de navegação à esquerda do portal da Base de Conhecimento.
-
Vá em HTML Personalizado e clique em Adicionar.
O painel Adicionar nova integração aparece.
-
Insira uma descrição para a integração e certifique-se de que No Cabeçalho (acima
</head>) esteja selecionado. -
Cole o seguinte trecho no editor de código:
<meta property="og:image" content="Image_URL" />
<meta property="og:image:secure_url" content="Image_URL" />
- Substitua ambas as instâncias de
Image_URLpela URL da sua imagem em destaque padrão.
URL de exemplo do Document360 Drive:
https://cdn.document360.io/8*****dd1/Images/Documentation/default_fi.png
-
Clique em Adicionar.
Melhores práticas
- Faça upload da sua imagem padrão para Drive primeiro. O link para URLs de imagens externas pode quebrar se a fonte se mover ou ficar offline. Hospedar a imagem no Document360 Drive mantém a imagem estável e sob seu controle.
- Use uma imagem em tamanho para compartilhamento nas redes sociais. O tamanho recomendado para a imagem do Open Graph é de 1200 × 630 pixels. Imagens menores que isso podem parecer cortadas, borradas ou com letterbox em prévias sociais.
- Substitua ambas
Image_URLas instâncias. O snippet contém duas metatags —og:imagepara HTTP padrão eog:image:secure_urlpara HTTPS. Ambos devem apontar para a mesma URL da imagem. Deixar qualquer um deles comoImage_URLfará com que o fallback para o tipo de conexão correspondente falhe. - Coloque imagens em destaque em nível de artigo onde realmente importa. A imagem padrão é um plano B — ela se aplica a todos os artigos sem sua própria imagem em destaque. Para artigos de alta visibilidade ou páginas de destino, defina uma imagem em destaque específica no nível do artigo para uma prévia social mais personalizada.
- Teste sua prévia social depois de adicionar. Use o Depurador de Compartilhamento do Facebook ou o Inspetor de Publicações do LinkedIn para verificar se a imagem padrão aparece corretamente em uma prévia antes de compartilhar artigos publicamente. As plataformas sociais costumam armazenar em cache dados do Open Graph, então pode levar um momento para atualizar.