# 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

| Onde | O que aparece |
|---|---|
| Topo da comunidade | O **logo** |
| Separador 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** |
| Google | O **título SEO** e a **descrição SEO** |

## Como funciona

### Imagens da Comunidade

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

| Imagem | Onde aparece | Recomendado | Máximo |
|---|---|---|---|
| **Logo** | No topo e na navegação | 200×200 px | 20 MB |
| **Favicon** | No separador 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 (o ecrã 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.*

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](/screens/cores.png "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çã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](/api/referencia/uploads).

## Relacionados

- [Definições gerais](/configuracoes/configuracoes-gerais)
- [Cores](/configuracoes/cores)