Cómo diseñar la página de equipo de tu empresa

MH
Matthieu van HaperenFundador y CEO, TeamShotsPro · Actualizado Ago 2026

TL;DR: Respuesta rápida

Diseño en cuadrícula (3-4 columnas en escritorio, 2 en tablet, 1 en móvil) que funciona para la mayoría de empresas: mantenlo limpio y coherente

Especificaciones de las fotos de perfil: cuadradas de 600x600px a 1000x1000px, menos de 300KB y preferiblemente en formato WebP

Longitud de la biografía: de 40 a 80 palabras en las tarjetas de la cuadrícula, de 150 a 300 palabras en las páginas de perfil individuales: la coherencia es más importante que la extensión

Orden: basado en la jerarquía para servicios profesionales, alfabético para empresas con cultura plana y por departamentos para organizaciones medianas o grandes

Frecuencia de actualización: en el plazo de 1 semana tras cualquier cambio de personal, y renueva las fotos de perfil cada 12-18 meses

El error más común: estilos de fotos de perfil incoherentes: la iluminación, los fondos y el encuadre desiguales destruyen la confianza que tu página de equipo debería generar

Man in suit and watch assembling a glowing blue grid structure, with text "TO TRUSTED TEAM PAGE" and "FROM MESSY FILES"

Ya tienes los retratos. Una página de equipo solo funciona cuando esas fotos combinan, las bios se leen de un vistazo y el visitante entiende quién hace qué sin buscar.

Un fotógrafo suele cobrar entre $200 y $500 por persona en una sesión presencial. TeamShotsPro cuesta desde $29,99 por plaza por 8 fotos, con un mínimo de 2 plazas, pago único y garantía de devolución. Cada persona sube una selfie. Las fotos coordinadas llegan en unos 60 segundos.

Esta guía es para fundadores, equipos de marketing y RR. HH. que están montando o rediseñando la página de personas. Si solo necesitas tu propio retrato, empieza por Portreya. Para un despliegue en toda la empresa, consulta fotos de empresa.

Por qué tu página de equipo es más importante de lo que crees

Dejemos a un lado los motivos comerciales por un momento.

Tu página de equipo no es un capricho. Es una señal de confianza. Cuando alguien entra en tu web por primera vez, ya sea un posible cliente, un candidato o un socio potencial, uno de sus primeros movimientos es hacer clic en "Sobre nosotros" o "Equipo". Quieren saber con quién están tratando.

La psicología detrás de esto es sencilla. La gente confía en las personas, no en los logotipos. Una página de equipo bien diseñada, con retratos profesionales coherentes, demuestra competencia, atención al detalle y madurez organizativa. Una página descuidada proyecta justo lo contrario.

Sabemos lo que dicen los datos. Los perfiles de LinkedIn con retratos profesionales reciben 21 veces más visitas y hasta 9 veces más solicitudes de conexión. Ese mismo principio se aplica a la página de tu empresa. La calidad y la coherencia en la presentación de tu equipo determinan directamente cómo perciben los visitantes la credibilidad de tu organización.

Además, esto influye en el E-E-A-T. El énfasis de Google en la experiencia, pericia, autoridad y confianza significa que una página de equipo bien estructurada, con el marcado de esquema de persona adecuado, ayuda activamente a mejorar el posicionamiento en buscadores. Las personas detrás de tu empresa son, probablemente, una señal de clasificación real.

Elegir el diseño adecuado para tu equipo

Cada página de equipo empieza con una decisión sobre el formato. El diseño que elijas debería encajar con el tamaño de tu empresa, tu sector y lo que buscan los visitantes al hacer clic en "Equipo".

El diseño en cuadrícula (la opción más común)

Una cuadrícula de tarjetas adaptable (tres o cuatro columnas en escritorio, dos en tablet y una en teléfono) es el estándar por una buena razón. Es limpia, escalable y crea un ritmo visual que refuerza la coherencia en la presentación de tus fotos de equipo.

Cada tarjeta incluye lo básico: un retrato profesional, nombre, cargo y, si quieres, una biografía breve de entre 40 y 80 palabras junto a un enlace a LinkedIn. Nada más. No te compliques.

La cuadrícula funciona porque trata a todos los miembros del equipo por igual dentro del espacio visual. Al combinarla con retratos profesionales consistentes (la misma iluminación, el mismo fondo y el mismo encuadre), el efecto es inmediato y potente. Los visitantes perciben una organización cohesionada.

Cuándo usarlo: Servicios profesionales, empresas SaaS, sector financiero, salud o despachos de abogados. Básicamente, en cualquier empresa donde la credibilidad importe más que el toque creativo.

El diseño escalonado o asimétrico

Las agencias creativas y estudios de diseño a veces usan diseños escalonados, con columnas desplazadas, tamaños de tarjeta variables o cuadrículas irregulares. Pueden quedar muy bien, pero tienen sus riesgos. Si los retratos profesionales no son perfectamente consistentes, este tipo de diseño amplifica el desorden en lugar de ocultarlo.

Empresas como Pitch, la herramienta SaaS para presentaciones, logran este efecto mediante un cuidado tratamiento del color y efectos al pasar el ratón que revelan información adicional. Sin embargo, por cada Pitch, existen cincuenta páginas de equipos en agencias donde el diseño escalonado resulta caótico.

Cuándo usarlo: Agencias creativas, estudios de diseño o empresas donde la experimentación visual encaje con tu posicionamiento de marca. Úsalo solo si tus fotos corporativas son ya perfectamente coherentes entre sí.

Destacado ejecutivo y equipo completo

Para empresas de más de 50 personas, un enfoque híbrido suele funcionar bastante bien. Muestra a los líderes en una sección destacada con tarjetas más grandes y biografías más largas, y deja el resto del equipo en una cuadrícula compacta justo debajo. Esto sirve tanto para los visitantes que quieren saber quién manda como para los que buscan ver la dimensión de la organización.

GitLab tiene una versión especialmente elegante. Listan a sus más de 2500 empleados permitiendo filtrar por departamento y área de especialidad, incluyendo fotos corporativas y enlaces a LinkedIn opcionales. Funciona porque los datos subyacentes están estructurados de forma coherente.

Cuándo usarlo: Empresas medianas y grandes, de 50 a más de 500 empleados, donde mostrar tanto el liderazgo como la profundidad de la plantilla sea importante. Es una opción muy potente si estás contratando, ya que los candidatos quieren ver al equipo al completo.

Especificaciones de los retratos profesionales para web

Acertar con las especificaciones técnicas evita los problemas más habituales en las páginas de equipo: cargas lentas, imágenes borrosas en pantallas retina y tamaños desiguales que descuadran el diseño.

Dimensiones y formato

Usa retratos profesionales cuadrados (relación de aspecto 1:1) para disfrutar de la máxima flexibilidad en cualquier diseño. Aquí tienes las especificaciones que mejor funcionan:

Resolución de origen: 1000 × 1000 px. Esto te da calidad suficiente para pantallas retina manteniendo un peso de archivo manejable. Nunca bajes de 600 × 600 px.

Prioridad de formato: WebP en primer lugar, ya que tiene la mejor relación entre compresión y calidad. Usa JPEG como alternativa y recurre a PNG solo si necesitas transparencia para fondos personalizados. Evita usar PNG sin comprimir para las fotos de equipo, ya que el peso del archivo aumenta innecesariamente.

Tamaño de archivo objetivo: Menos de 300 KB por retrato. 500 KB es el límite máximo absoluto. Una página con 30 miembros, cada uno con 500 KB, sumaría 15 MB de imágenes, lo que resulta extremadamente lento en dispositivos móviles.

Entrega adaptativa: Usa el atributo HTML srcset para servir imágenes con el tamaño adecuado:

  • teléfono: 400px de ancho
  • Tablet: 600px de ancho
  • Escritorio: 800-1000px de ancho
Así te aseguras de que los teléfonos descarguen archivos más ligeros mientras que los equipos de escritorio reciben imágenes a resolución completa.

Optimización del rendimiento

Para páginas de equipo con más de 8-10 retratos profesionales, implementa la carga diferida (lazy loading). El atributo HTML5 loading="lazy" en las imágenes que quedan fuera de la pantalla inicial evita que el navegador descargue los 30 retratos profesionales de golpe, algo que reduce drásticamente el tiempo de carga para los usuarios móviles.

Combina la carga diferida con una animación suave de fundido al entrar las imágenes en el campo de visión. Esto convierte una técnica de rendimiento en un detalle de diseño, haciendo que la página se sienta cuidada en lugar de irregular.

Para los retratos con IA de TeamShotsPro o plataformas similares, las imágenes llegan en alta resolución. Te recomiendo que las pases por un optimizador de imágenes (Squoosh, ShortPixel o la compresión integrada de tu gestor de contenidos) antes de subirlas a tu página de equipo.

La prueba de coherencia: lo que hace o deshace tu página de equipo

Te lo digo claramente: la coherencia importa más que cualquier otra decisión de diseño. Una página de equipo con retratos profesionales mediocres que encajen entre sí siempre funcionará mejor que una que mezcle fotos espectaculares con otras terribles.

Qué significa "coherente" en realidad

Cada retrato profesional de tu página de equipo debería coincidir en estos aspectos:

Fondo: El mismo color o tratamiento para cada miembro del equipo. Un tono neutro sólido (gris claro, blanco o el color de tu marca con baja opacidad) es la opción más segura. Los fondos de "oficina" con librerías desenfocadas son más difíciles de mantener uniformes y suelen quedar anticuados.

Iluminación: Misma dirección, misma calidez, mismo contraste. Aquí es donde las plataformas de retratos con IA llevan una ventaja enorme, ya que aplican los mismos parámetros de iluminación a cada foto automáticamente. Con la fotografía tradicional, lograr esto en varias sesiones y lugares es casi imposible sin una hoja de especificaciones que el fotógrafo siga al pie de la letra.

Encuadre: Mismo recorte, misma proporción entre la cabeza y el encuadre (la cara debería ocupar el 60-70 % de la imagen), misma cantidad de hombros visible. El error más común es que el retrato de una persona esté muy cerrado sobre su cara mientras que el de otra muestre el torso hasta la cintura.

Tratamiento de color: Misma saturación, mismo perfil de color. No mezcles retratos profesionales vívidos y saturados con otros desaturados o apagados en la misma página. Si aplicas una superposición de color de marca o un filtro, aplícalo exactamente igual en todas las imágenes.

Empresas como Monzo lo hacen de maravilla: encuadres limpios y coherentes con fondos desenfocados y el mismo corte en cada foto. No necesita ser llamativo. Necesita ser uniforme.

Por esto mismo, hemos diseñado TeamShotsPro con la coherencia como pilar fundamental para los equipos. Cuando cada retrato profesional se genera con los mismos ajustes de IA (fondo, iluminación, composición), obtienes esa uniformidad que hace que las páginas de equipo se vean impecables. Para más detalles sobre cómo funciona, consulta nuestra guía completa sobre retratos con IA para equipos.

Las señales de alarma de la falta de coherencia

Aquí tienes mi lista de comprobación informal para detectar cuándo una página de equipo necesita mejoras:

  • Una persona tiene una selfie de vacaciones y otra un retrato de estudio: parece poco profesional al instante.
  • Tres colores de fondo diferentes en diez retratos: es señal de desorganización.
  • La mitad del equipo está encuadrada solo desde la cabeza y la otra mitad muestra el torso completo: falta de uniformidad en el encuadre.
  • Algunas fotos tienen alta resolución y otras están pixeladas: hay una clara variación de calidad.
  • Dos miembros del equipo no tienen foto: da una sensación de trabajo incompleto.
Si alguno de estos puntos describe tu página de equipo actual, empieza por los retratos profesionales antes de tocar el diseño. ni el mejor diseño del mundo puede salvar unas fotos que no combinan entre sí. Nuestros resultados de antes y después muestran la diferencia radical que aporta un material coherente.

Escribir biografías de equipo que funcionan

Tus retratos profesionales captan la atención, pero son las biografías las que cierran el trato. Aquí te cuento lo que realmente funciona.

La estructura

Mantén la sencillez y la coherencia. Todas las biografías de una misma página deberían seguir la misma estructura.

Para tarjetas de cuadrícula (40-80 palabras):

  1. Puesto actual y principales responsabilidades (una frase).
  2. Trayectoria profesional o área de especialización (una o dos frases).
  3. Un detalle personal que los haga más cercanos (una frase).
Para páginas de perfil dedicadas (150-300 palabras):
  1. Puesto actual y alcance de sus funciones (una o dos frases).
  2. Trayectoria profesional y experiencia relevante (dos o tres frases).
  3. Áreas de especialización o conocimientos clave (una o dos frases).
  4. Formación académica o credenciales importantes si procede (una frase).
  5. Detalle personal, como una afición, su ubicación o algo memorable (una o dos frases).

La regla de oro: coherencia en la extensión

No hay nada peor que ver a tres miembros del equipo con biografías cuidadas de 80 palabras al lado de alguien cuyo texto dice simplemente "Juan se encarga de ventas". Eso sugiere que unos miembros del equipo importan más que otros, que es justo lo contrario a la cohesión que intentas proyectar con tu fotografía de equipos.

Antes de publicar, establece un límite de palabras. Si buscas que tengan entre 50 y 70 palabras, cada biografía debe ajustarse a ese rango. Sin excepciones. Si alguien envía un texto de 200 palabras, redúcelo. Si alguien no envía nada, escribe algo breve basándote en su perfil de LinkedIn y pide su visto bueno.

Qué incluir (y qué evitar)

Incluye: puesto actual, experiencia relevante y un detalle personal único, como una afición, dónde reside o un dato curioso. También el enlace a su perfil de LinkedIn, para obtener consejos sobre cómo optimizar esos perfiles, consulta nuestra guía de retratos profesionales para LinkedIn.

Evita: el historial profesional completo, eso mejor dejarlo para LinkedIn. También los rellenos genéricos, como "apasionado del trabajo en equipo", los cargos cargados de tecnicismos que nadie entiende y, por favor, nada de "gurús", "ninjas" o "estrellas" en los puestos.

Para obtener consejos sobre el vestuario que se apliquen tanto a los retratos profesionales como a la estética general de tu página de equipo, consulta nuestra guía sobre qué ponerse para una sesión de fotos profesional.

Cómo ordenar tu equipo: ¿jerarquía, orden alfabético o departamentos?

La forma en que ordenas a los miembros de tu equipo envía un mensaje sobre tu cultura. Elige con intención.

Basado en la jerarquía (de arriba a abajo)

Primero el liderazgo, es decir, el CEO, los directivos y los vicepresidentes, seguido por directores, responsables y el resto del equipo. Esta es la norma en empresas de servicios profesionales como despachos de abogados, consultoras o entidades financieras, donde el visitante quiere identificar rápido quién manda.

A favor: encaja con lo que se espera en sectores formales. Define claramente la estructura. En contra: puede parecer demasiado jerárquico o excluyente en empresas con una cultura horizontal.

Orden alfabético

Todos al mismo nivel, clasificados por apellido. Es habitual en startups, agencias creativas y empresas que quieren demostrar una cultura colaborativa y sin jerarquías marcadas.

A favor: no hay rangos implícitos. Es muy fácil de mantener a medida que el equipo crece. En contra: los visitantes tienen que buscar a personas concretas. Los líderes no se ven nada más entrar.

Basado en departamentos

Agrupa por funciones: ingeniería, ventas, marketing, operaciones. Cada grupo tiene su propia sección o filtro. Funciona muy bien en empresas medianas o grandes donde los usuarios suelen buscar a alguien de un área específica.

A favor: permite encontrar al equipo adecuado rápidamente. Muestra la profundidad de la organización. En contra: exige más trabajo de diseño. Además, los roles transversales a veces quedan en un limbo.

El modelo híbrido (recomendado para equipos en crecimiento)

Destaca a los líderes en una sección superior (unas 3 a 6 personas con tarjetas más grandes y biografías algo más largas) y muestra al resto del equipo debajo, en una cuadrícula alfabética o por departamentos con tarjetas más pequeñas. esta opción resuelve de un plumazo tanto la duda de "quién manda aquí" como la de "qué tamaño tiene este equipo" en una sola página.

Que funcione en el teléfono

Más del 50 % del El tráfico web móvil. Si la página de tu equipo se ve genial en el escritorio pero se descuadra en un teléfono, estás perdiendo a más de la mitad de tu audiencia.

La cuadrícula móvil

Una cuadrícula de 3 o 4 columnas para escritorio debería reducirse a una sola columna en el teléfono. Cada tarjeta debe apilarse verticalmente: el retrato profesional arriba, el nombre y el cargo debajo, y la biografía, si la muestras, justo después. Haz pruebas en dispositivos reales, ya que los simuladores no suelen mostrar los fallos de renderizado.

Áreas de interacción

Si usas efectos de "hover" o ratón para mostrar biografías o enlaces a LinkedIn en el escritorio, necesitas una alternativa para teléfonos. El efecto de pasar el ratón no existe en las pantallas táctiles. Quizás te convenga mostrar las biografías por defecto en el teléfono, usar un desplegable al tocar o enlazar la tarjeta completa a una vista detallada.

Carga de imágenes

Los usuarios móviles suelen tener conexiones más lentas. Aquí es donde la carga diferida (lazy loading) y la entrega de imágenes adaptables (srcset) marcan la diferencia. Carga solo lo que sea visible en la pantalla. Para una página de un equipo de 30 personas, esto puede reducir el tiempo de carga inicial de más de 8 segundos a menos de 2.

Mira tu headshot antes de pagar

Sube una selfie y obtén un resultado profesional en unos 60 segundos. Sin tarjeta de crédito.

Pruébalo gratis

Elementos interactivos: efectos al pasar el cursor y más

Las mejores páginas web de equipos actuales incluyen una interactividad sutil que muestra información adicional sin saturar la vista inicial. Aquí tienes lo que mejor funciona.

Biografías al pasar el cursor: la cuadrícula del equipo muestra retratos profesionales, nombres y cargos de forma predeterminada. Al colocar el cursor sobre una tarjeta, aparece una breve biografía y un enlace a LinkedIn. IDEO tiene una versión de esto donde el retrato cambia ligeramente al pasar el cursor, lo que aporta un toque de personalidad tras la imagen profesional.

Tarjetas giratorias: al pasar el cursor, la tarjeta rota para mostrar el reverso con una biografía, enlaces a redes sociales y una foto o ilustración personal. Snyk emplea este recurso con un icono de biografía que gira para revelar más información.

Cambios sutiles en la imagen: algunas empresas, como Crowd, sustituyen el retrato profesional por una foto informal o divertida al pasar el cursor. Así muestran al miembro del equipo en un evento de la empresa, con su mascota o practicando algún hobby. esto ayuda a humanizar al equipo sin perder esa primera impresión profesional.

Qué evitar: los vídeos que se reproducen solos, las animaciones complejas que ralentizan la carga y los efectos al pasar el cursor que ocultan el nombre o el cargo. Cualquier elemento interactivo debe mejorar la experiencia, no competir por captar la atención.

Mantén tu página de equipo al día

La calidad de una página de equipo depende de lo reciente que sea su última actualización. La forma más rápida de perder credibilidad es seguir mostrando a alguien que dejó la empresa hace medio año.

El protocolo de actualización

Nuevas contrataciones: Intégralos en la página de equipo durante su primera semana. Gracias a las plataformas de retratos con IA, los nuevos miembros pueden tener su foto profesional lista desde el primer día, sin esperas para sesiones fotográficas. Echa un vistazo a nuestra guía de implementación corporativa para saber cómo incluir la generación de retratos en tu lista de tareas de incorporación.

Salidas: Elimina sus perfiles en las 24-48 horas posteriores a su último día. No dejes huecos vacíos, si al quitar a alguien se descuadra tu diseño, quizás necesites una estructura más flexible.

Cambios de cargo y promociones: Hazlo al momento. Esto es vital tanto para la credibilidad externa como para la moral interna.

Renovación de fotos: Cada 12-18 meses, o cuando el aspecto de alguien cambie mucho, ya sea por un nuevo corte de pelo, cambios físicos significativos o nuevas gafas. Como los retratos con IA cuestan desde $10,49 por persona, las renovaciones anuales son muy baratas si las comparas con la fotografía tradicional.

Asigna un responsable

Esta es la parte que la mayoría de empresas pasan por alto: asignar a una sola persona como dueña de la página de equipo. Sin un responsable claro, las actualizaciones se olvidan. Alguien de Marketing o de Recursos Humanos debería encargarse de mantener la página al día, puedes añadirlo incluso a sus objetivos trimestrales o a su descripción del puesto.

Datos estructurados (Schema Markup) para páginas de equipo

Los datos estructurados ayudan a los motores de búsqueda a entender tu página de equipo y pueden activar resultados mejorados, como paneles de conocimiento para los miembros de tu plantilla.

Schema de organización

Añade el schema de Organization a la propia página de equipo. Esto ayuda a Google a comprender la estructura de tu empresa y hace que tu equipo aparezca en búsquedas relevantes. Incluye el nombre, la URL, el logotipo, la descripción y los enlaces sameAs a tus perfiles sociales.

Schema de persona (Person) para miembros clave

Para el equipo directivo y los miembros más destacados (especialmente los que escriben artículos en tu blog), añade el schema de Person con estas propiedades:

  • name y jobTitle (obligatorios)
  • image: enlace al retrato profesional en tu sitio web
  • worksFor: enlace de vuelta a tu schema de Organization
  • sameAs: su perfil de LinkedIn y otros enlaces profesionales
  • knowsAbout: áreas de especialización (ayuda con la autoridad temática)
  • description: una breve biografía profesional
Esto cumple una doble función. Refuerza el SEO de tu página de equipo y mejora las señales E-E-A-T para cualquier contenido que redacten estos empleados. Si tu CEO escribe posts en el blog, su schema de persona en la página de equipo refuerza su credibilidad como autor en toda la web.

Para saber más sobre cómo funciona el marcado schema en tu sitio, descubre cómo hemos estructurado el marcado de autor en nuestra guía de retratos profesionales.

Errores frecuentes (y cómo solucionarlos)

Tras revisar cientos de páginas de equipo, estos son los fallos que observo con más frecuencia:

1. El problema del mosaico. Mezclar fotos de estudio profesional, selfies de LinkedIn y fotos hechas con el teléfono. La solución es sencilla, usa una plataforma como TeamShotsPro para generar todos los retratos con los mismos ajustes. Aunque algunos miembros ya tengan fotos que parecen "suficientemente buenas" la coherencia en todas las imágenes importa mucho más que la calidad individual.

2. La silla vacía. Tres miembros del equipo tienen su retrato, pero los otros dos tienen una silueta gris de marcador de posición. La solución es no publicar a nadie sin su foto. Si no puedes conseguir un retrato profesional inmediatamente, quizás prefieras esperar a incluirlos o usar una solución temporal coherente, como un gráfico con sus iniciales. Con retratos con IA en 60 segundos, realmente no hay excusa.

3. El desequilibrio en las biografías. Una persona tiene una biografía de 200 palabras, mientras que otra solo aparece con su nombre y cargo. La solución es crear una plantilla de biografía con campos específicos y un objetivo de extensión. Recopila todas las biografías antes de publicar y edítalas para que mantengan un estilo uniforme.

4. La página fantasma. Una página de equipo que no se ha actualizado en 18 meses. Dos personas se han marchado, tres han sido ascendidas y cuatro nuevas contrataciones no aparecen. La solución es asignar a alguien responsable de esto y añadir la actualización de la página del equipo a tus listas de verificación de incorporación y salida.

5. El diseño exclusivo para escritorio. Queda muy elegante en un monitor de 27 pulgadas, pero se rompe completamente en el teléfono. La solución es empezar diseñando para teléfonos y luego escalar el formato. Pruébalo al menos en dos dispositivos móviles reales.

6. El enlace perdido. No hay forma de que los visitantes conecten con los miembros del equipo. No hay enlaces a LinkedIn, ni correo, ni manera de contactar con la persona concreta con la que quieren trabajar. La solución es añadir, como mínimo, los iconos de LinkedIn. Para los puestos de cara al cliente, me parece que deberías añadir el correo directo o un formulario de contacto.

Accesibilidad: haz que tu página de equipo funcione para todos

Tu página de equipo debe ser accesible para todos los visitantes, incluyendo a aquellos que usan lectores de pantalla o tienen discapacidad visual. No es algo opcional, ya que es un requisito legal bajo la ADA en EE. UU. y el Acta Europea de Accesibilidad (que entra en vigor en junio de 2025). Además, Google tiene cada vez más en cuenta la accesibilidad dentro de sus Core Web Vitals.

Requisitos clave:

  • Texto alternativo para cada retrato profesional: Usa el formato "[Nombre], [Cargo] en [Empresa]". No pongas simplemente "retrato" o "foto".
  • Contraste de color: Asegúrate de que el texto del nombre y el cargo cumpla con los estándares WCAG AA, con una relación de contraste mínima de 4.5:1.
  • Navegación por teclado: Si los retratos se pueden pulsar o tienen efectos al pasar el ratón, comprueba que sean accesibles mediante la tecla Tab y que tengan indicadores de enfoque visibles.
  • Texto adaptable: El texto de la biografía debería escalarse correctamente hasta un 200 % de zoom en el navegador sin romper el diseño ni solaparse con otros elementos.
No se trata solo de cumplir con la normativa. Una página de equipo accesible posiciona mejor en las búsquedas y llega a una audiencia más amplia. Aproximadamente el 16 % de la población mundial vive con algún tipo de discapacidad, así que merece la pena esforzarse en este aspecto.

Tu lista de control para la página del equipo

Antes de publicar o rediseñar tu página de equipo, revisa cada punto de esta lista:

Retratos profesionales:

  • [ ] Todos los miembros del equipo tienen su retrato (nada de marcadores de posición)
  • [ ] Todos los retratos usan el mismo fondo, iluminación y encuadre
  • [ ] Las imágenes tienen entre 600 y 1000 píxeles, con un peso inferior a 300 KB
  • [ ] Formato WebP con alternativa JPEG
  • [ ] Uso de srcset adaptativo para teléfono, tableta y escritorio
  • [ ] Carga diferida (lazy loading) para las imágenes que no aparecen al principio
  • [ ] El texto alternativo incluye nombre y cargo para mejorar la accesibilidad
Biografías:
  • [ ] Todas siguen la misma estructura y una extensión similar
  • [ ] Cada una incluye: cargo, experiencia relevante y algún detalle personal
  • [ ] Nada de cargos llenos de jerga técnica que los clientes no entiendan
  • [ ] Enlaces al perfil de LinkedIn para todo el equipo
Diseño:
  • [ ] Cuadrícula adaptable para teléfonos, tabletas y computadoras
  • [ ] Tarjetas con un tamaño consistente, sin mezclar formatos grandes y pequeños en la misma sección
  • [ ] Lógica de orden clara (jerarquía, orden alfabético o por departamento)
  • [ ] Elementos interactivos con alternativas funcionales en teléfonos
Aspectos técnicos:
  • [ ] La página carga en menos de 3 segundos en dispositivos móviles
  • [ ] Marcado de esquema (schema) de organización en la página
  • [ ] Esquema de persona para líderes o miembros clave del equipo
  • [ ] Cumplimiento de WCAG (texto alternativo, navegación por teclado, contraste de color)
Proceso:
  • [ ] Hay un responsable único para mantener la página del equipo
  • [ ] La actualización de la página forma parte del proceso de incorporación
  • [ ] La actualización de la página forma parte del proceso de baja
  • [ ] Planificación para renovar los retratos profesionales cada 12-18 meses
Si necesitas ayuda para conseguir los retratos antes de diseñar la página te vendrán bien nuestra guía de consejos para retratos profesionales y nuestra guía sobre cómo hacer retratos profesionales en casa.

Lecturas relacionadas

Preguntas Frecuentes

¿Qué tamaño deberían tener los retratos profesionales en la web de mi empresa?

Los retratos profesionales para tu página web deberían tener entre 600x600px y 1000x1000px si usas formatos cuadrados. Mantén el peso de los archivos por debajo de los 300KB (500KB como máximo) para asegurar una carga rápida. Usa el formato WebP siempre que sea posible para conseguir la mejor relación entre compresión y calidad. Sirve versiones adaptables usando srcset (500px para móviles, 800px para tablets y 1000px o más para equipos de escritorio) para que las imágenes se ajusten perfectamente a cualquier dispositivo.

¿A cuántos miembros del equipo deberíamos mostrar en nuestra página web?

Depende del tamaño de tu empresa y de tus objetivos. Las startups y pequeñas empresas (menos de 20 personas) deberían mostrar a todo el equipo, ya que genera confianza y demuestra solidez. Las empresas medianas (de 20 a 100 personas) suelen destacar a la directiva y a los roles que tratan directamente con el cliente, con la opción de ampliarlo a todos los departamentos. Las grandes empresas pueden mostrar a la directiva en la página principal y crear páginas específicas para cada departamento o filtros. La clave es la integridad, independientemente del enfoque que elijas: evita espacios en blanco o fotos que falten.

¿Deberíamos organizar a los miembros del equipo por jerarquía o alfabéticamente?

Utiliza un orden jerárquico para empresas que trabajan cara al cliente (consultoría, despachos de abogados, servicios financieros), donde los visitantes buscan identificar rápidamente a los líderes. Usa el orden alfabético para empresas con jerarquías horizontales (startups, agencias creativas) donde quieras transmitir una cultura igualitaria. La agrupación por departamentos funciona bien para empresas medianas y grandes, donde los visitantes suelen buscar una función específica. Sea cual sea el enfoque que elijas, sé coherente: no mezcles estrategias de ordenación en la misma página.

¿Qué longitud deberían tener las biografías del equipo en la web?

Mantén las biografías entre 40 y 80 palabras (de 3 a 5 frases) en diseños de rejilla donde la biografía aparece junto al retrato profesional. Para páginas dedicadas al perfil individual, entre 150 y 300 palabras ofrecen espacio suficiente para incluir trayectoria profesional, áreas de especialización y algún detalle personal. La regla más importante es la coherencia: todas las biografías de una misma página deben tener una longitud similar y seguir la misma estructura. Si las longitudes varían demasiado, la página parecerá descuidada y restará profesionalidad a tu imagen.

¿Cuál es el mejor diseño para la página de equipo de una empresa?

Un diseño de rejilla adaptativo (3 o 4 columnas en escritorio, 2 en tablet y 1 en móvil) es el formato más eficaz para la mayoría de las empresas. Cada ficha debe incluir un retrato profesional coherente, nombre, cargo y, opcionalmente, una breve biografía y enlace a LinkedIn. Los diseños de rejilla escalan bien, funcionan en cualquier dispositivo y crean una uniformidad visual que genera confianza. Los diseños escalonados o asimétricos pueden funcionar en agencias creativas, pero corren el riesgo de parecer desorganizados si no se ejecutan con mucha precisión.

¿Con qué frecuencia deberíamos actualizar la página de equipo?

Actualiza tu página de equipo en el plazo de una semana tras cualquier cambio de personal, como nuevas incorporaciones, bajas, cambios de cargo o transiciones de puesto. En cuanto a la frescura de los retratos profesionales, actualiza las fotos cada 12-18 meses o siempre que la apariencia de un miembro del equipo cambie de forma significativa. Con plataformas de retratos con IA como TeamShotsPro, la actualización es rápida y económica: los nuevos empleados pueden tener sus retratos profesionales listos desde el primer día, eliminando el periodo entre su incorporación y su aparición en la web.

¿Impactan realmente las páginas de equipo en los resultados del negocio?

Sí. [La investigación de HubSpot](https://www.hubspot.com/marketing-statistics) muestra que las páginas «Sobre nosotros» y de equipo han experimentado aumentos de tráfico de entre el 10% y el 52% desde 2020, y el 31% de los visitantes afirma que una página detallada sobre el equipo es fundamental para confiar en una marca. En entornos B2B, donde [el 74% de los compradores investigan a los proveedores online](https://www.forrester.com/blogs/15-05-25-myth_busting_101_insights_intothe_b2b_buyer_journey/) antes de hablar con un representante (Forrester), tu página de equipo es a menudo un punto de contacto decisivo. Las empresas con páginas de equipo profesionales y coherentes reportan una mayor interacción, más clientes potenciales cualificados y mejores resultados en sus procesos de selección.

¿Deberíamos añadir marcado Schema.org a nuestra página de equipo?

Sí. Añade el esquema «Organization» a la propia página de equipo y el esquema «Person» para los miembros clave (especialmente directivos y expertos en la materia). El esquema «Person» con propiedades como nombre, cargo (jobTitle), organización para la que trabaja (worksFor) y enlaces a perfiles (sameAs) ayuda a Google a entender la estructura de tu equipo y puede activar paneles de conocimiento para cada persona. Además, refuerza las señales E-E-A-T para cualquier contenido que esos miembros del equipo escriban en tu blog o en cualquier otra parte del sitio.

60 segundospromedio para primeros resultados

¿Listo para comenzar con TeamShotsPro?

Genera headshots profesionales con IA en 60 segundos.

Pruébalo gratis
Matthieu van Haperen

Sobre el autor

Fundador y CEO, TeamShotsPro

Matthieu van Haperen dirige TeamShotsPro y escribe sobre fotografía profesional, imagen de marca para equipos y formas prácticas de mantener coherentes las fotos de empleados en equipos distribuidos.

Conecta en LinkedIn