# Imágenes y SEO

> Logo, favicon y la imagen que aparece cuando alguien comparte el enlace de la comunidad, los tamaños recomendados, el título y la descripción para buscadores, y por qué la vista previa del enlace a veces tarda en cambiar.

Las imágenes y las meta tags son lo que la comunidad muestra **fuera** de ella: en la pestaña del navegador, en los resultados de Google y en la tarjeta que aparece cuando alguien pega el enlace en WhatsApp.

## Para qué sirve

| Dónde | Qué aparece |
|---|---|
| Parte superior de la comunidad | El **logo** |
| Pestaña del navegador | El **favicon** y el nombre |
| WhatsApp, LinkedIn, Slack, Facebook | La tarjeta con el **título**, la **descripción** y la **imagen para redes sociales** |
| Google | El **título SEO** y la **descripción SEO** |

## Cómo funciona

### Imágenes de la Comunidad

En **Configuración › General › Imágenes de la Comunidad**:

| Imagen | Dónde aparece | Recomendado | Máximo |
|---|---|---|---|
| **Logo** | Arriba y en la navegación | 200×200 px | 20 MB |
| **Favicon** | En la pestaña del navegador | 32×32 px, o un PNG cuadrado más grande | 2 MB |
| **Imagen para Redes Sociales** | En la tarjeta del enlace en Facebook, LinkedIn, WhatsApp | 1200×630 px | 20 MB |

### Meta Tags SEO

| Campo | Recomendado |
|---|---|
| **Título SEO** | De 50 a 60 caracteres (la pantalla los cuenta) |
| **Descripción SEO** | De 150 a 160 caracteres |
| **Palabras clave** | Separadas por comas |

### La vista previa del enlace es de tu comunidad

Cuando alguien pega la dirección de la comunidad en una conversación, la tarjeta muestra el título, la descripción y la imagen **de tu comunidad**, y no los de Memberfy. La página ya se sirve con esa información, que las aplicaciones de mensajería leen sin ejecutar nada.

Las aplicaciones guardan la vista previa durante un tiempo: después de cambiar la imagen, la tarjeta antigua puede seguir apareciendo unas horas.

### Quién puede

El **propietario** y los **administradores**.

## Paso a paso

*Rol: propietario o administrador.*

1. **Configuración › General**, bloque **Imágenes de la Comunidad**.
2. **Seleccionar Logo** y elige el archivo.
3. **Seleccionar Favicon**.
4. **Seleccionar Imagen para Redes Sociales**.
5. En el bloque **Meta Tags SEO**, escribe el **Título SEO**, la **Descripción SEO** y las **Palabras clave**, y **Guardar Cambios**.
6. Pruébalo: pega la dirección de la comunidad en una conversación contigo mismo.

![Colores e imágenes en la configuración](/screens/cores.png "Las Imágenes de la Comunidad están junto a los colores, en la pestaña General.")

## Ejemplos

**Escuela Excel.** Título SEO *"Escuela Excel — Excel desde cero hasta avanzado, con clases y grupo"* (59 caracteres). Descripción *"Clases grabadas, directos semanales y un grupo para resolver dudas. Empieza gratis y suscríbete cuando quieras."*. Imagen de 1200×630 con el logo y la frase principal.

## Consejos

- En la imagen para redes sociales, deja el texto en el centro: algunas aplicaciones recortan los bordes.
- El favicon tiene que leerse a 16 px: usa el símbolo, no el logo entero.
- Escribe la descripción SEO como una invitación, no como una lista de palabras.

## Errores frecuentes y cómo resolverlos

| Situación | Qué hacer |
|---|---|
| La imagen no se sube | Revisa el tamaño máximo y el formato (PNG, JPG) |
| La tarjeta de WhatsApp muestra la imagen antigua | Espera unas horas; las aplicaciones guardan la vista previa |
| El favicon se ve borroso | Usa un PNG cuadrado, con un dibujo sencillo |

## Preguntas frecuentes

**¿La vista previa funciona también con los enlaces de espacios y publicaciones?**
La tarjeta usa la información de la comunidad.

**¿Las palabras clave ayudan en Google?**
Poco. El título y la descripción importan más.

## En la API

`POST /api/upload/community/logo`, `.../favicon`, `.../ogimage` y `.../banner` (multipart). Consulta [Uploads](/api/referencia/uploads).

## Relacionados

- [Configuración general](/configuracoes/configuracoes-gerais)
- [Colores](/configuracoes/cores)