Saltar para o conteúdo

Imagens e SEO

Logo, favicon e a imagem que aparece quando alguém compartilha o link da comunidade, os tamanhos recomendados, o título e a descrição para buscadores, e por que a prévia do link às vezes demora a mudar.

As imagens e as meta tags são o que a comunidade mostra fora dela: no separador do navegador, nos resultados do Google e no cartão que aparece quando alguém cola o link no WhatsApp.

Para que serve

OndeO que aparece
Topo da comunidadeO logo
Separador do navegadorO favicon e o nome
WhatsApp, LinkedIn, Slack, FacebookO cartão com o título, a descrição e a imagem para redes sociais
GoogleO título SEO e a descrição SEO

Como funciona

Imagens da Comunidade

Em Definições › Geral › Imagens da Comunidade:

ImagemOnde apareceRecomendadoMáximo
LogoNo topo e na navegação200×200 px20 MB
FaviconNo separador do navegador32×32 px, ou um PNG quadrado maior2 MB
Imagem para Redes SociaisNo cartão do link no Facebook, LinkedIn, WhatsApp1200×630 px20 MB

Meta Tags SEO

CampoRecomendado
Título SEO50 a 60 caracteres (o ecrã conta)
Descrição SEO150 a 160 caracteres
Palavras-chaveSeparadas por vírgula

Quando alguém cola o endereço da comunidade numa conversa, o cartão mostra o título, a descrição e a imagem da sua comunidade, e não os da Memberfy. A página já é servida com essas informações, que os aplicativos de mensagem leem sem executar nada.

Os aplicativos guardam a prévia por um tempo: depois de trocar a imagem, o cartão antigo pode continuar aparecendo por algumas horas.

Quem pode

Proprietário e administrador.

Passo a passo

Papel: proprietário ou administrador.

  1. Definições › Geral, bloco Imagens da Comunidade.
  2. Selecionar Logo, escolha o ficheiro.
  3. Selecionar Favicon.
  4. Selecionar Imagem para Redes Sociais.
  5. No bloco Meta Tags SEO, escreva o Título SEO, a Descrição SEO e as Palavras-chave, e Guardar Alterações.
  6. Teste: cole o endereço da comunidade numa conversa com você mesmo.

Cores e imagens nas definições
As Imagens da Comunidade ficam ao lado das cores, no separador Geral.

Exemplos

Escola Excel. Título SEO "Escola Excel — Excel do zero ao avançado, com aulas e turma" (56 caracteres). Descrição "Aulas gravadas, lives semanais e uma turma para tirar dúvidas. Comece de graça e assine quando quiser.". Imagem 1200×630 com o logo e a frase principal.

Dicas

  • Na imagem para redes sociais, deixe o texto no centro: alguns aplicativos cortam as bordas.
  • O favicon precisa ser legível em 16 px: use o símbolo, não o logo inteiro.
  • Escreva a descrição SEO como um convite, não como uma lista de palavras.

Erros comuns e como resolver

SituaçãoO que fazer
A imagem não sobeConfira o tamanho máximo e o formato (PNG, JPG)
O cartão do WhatsApp mostra a imagem antigaEspere algumas horas; os aplicativos guardam a prévia
O favicon aparece borradoUse um PNG quadrado, com desenho simples

Perguntas frequentes

A prévia funciona também para os links de espaços e posts? O cartão usa as informações da comunidade.

As palavras-chave ajudam no Google? Pouco. O título e a descrição importam mais.

Na API

POST /api/upload/community/logo, .../favicon, .../ogimage e .../banner (multipart). Ver Uploads.

Relacionados