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: na aba do navegador, nos resultados do Google e no cartão que aparece quando alguém cola o link no WhatsApp.
Para que serve
| Onde | O que aparece |
|---|---|
| Topo da comunidade | O logo |
| Aba do navegador | O favicon e o nome |
| WhatsApp, LinkedIn, Slack, Facebook | O cartão com o título, a descrição e a imagem para redes sociais |
| O título SEO e a descrição SEO |
Como funciona
Imagens da Comunidade
Em Configurações › Geral › Imagens da Comunidade:
| Imagem | Onde aparece | Recomendado | Máximo |
|---|---|---|---|
| Logo | No topo e na navegação | 200×200 px | 20 MB |
| Favicon | Na aba do navegador | 32×32 px, ou um PNG quadrado maior | 2 MB |
| Imagem para Redes Sociais | No cartão do link no Facebook, LinkedIn, WhatsApp | 1200×630 px | 20 MB |
Meta Tags SEO
| Campo | Recomendado |
|---|---|
| Título SEO | 50 a 60 caracteres (a tela conta) |
| Descrição SEO | 150 a 160 caracteres |
| Palavras-chave | Separadas por vírgula |
A prévia do link é da sua comunidade
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.
- Configurações › Geral, bloco Imagens da Comunidade.
- Selecionar Logo, escolha o arquivo.
- Selecionar Favicon.
- Selecionar Imagem para Redes Sociais.
- No bloco Meta Tags SEO, escreva o Título SEO, a Descrição SEO e as Palavras-chave, e Salvar Alterações.
- Teste: cole o endereço da comunidade numa conversa com você mesmo.
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ção | O que fazer |
|---|---|
| A imagem não sobe | Confira o tamanho máximo e o formato (PNG, JPG) |
| O cartão do WhatsApp mostra a imagem antiga | Espere algumas horas; os aplicativos guardam a prévia |
| O favicon aparece borrado | Use 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.