Hay sitios que se nota que están hechos con cariño, aunque no tengas idea de quién los lleva.
Abres la página y en unos segundos piensas:
“Aquí alguien se ha fijado en todo.”
Y luego están los que lo tienen todo: vídeo de fondo, degradados, tarjetas, sombras y animaciones por todas partes. Aun así parecen una plantilla con todas las opciones activadas.
La diferencia no es solo el dinero.
Un sitio se ve profesional cuando el diseño, los textos, el código, la confianza y el mantenimiento diario van en la misma dirección y no se ve ninguna costura mal cerrada.
Si llevas un sitio tú solo, no hace falta que finjas ser una empresa. No inventes una redacción, no pongas expertos que no existen y no infles las cifras de visitas.
Puedes aspirar a algo más sencillo y más honesto:
un equipo pequeño con un sistema de calidad grande.
1. No intentes “parecer una gran empresa”. Intenta que nada se vea descuidado
Cuando se rediseña un sitio, lo primero que apetece es cambiar el logo, poner un vídeo grande en la portada y añadir efectos.
Pero los estudios sobre la credibilidad de las webs señalan que un aspecto cuidado no basta. La gente también se fija en si puede comprobar lo que se dice, si el sitio es fácil de usar, si hay forma de contactar, si quien escribe sabe del tema, si está al día y si tiene pocos errores a la vista.[1]
Puedes ponerle un traje caro al sitio y que se le vean los calcetines enseguida:
- enlaces rotos,
- fechas desfasadas,
- notas internas que aparecen como descripción del artículo,
- un menú distinto en cada página,
- texto que se sale de la pantalla en el móvil,
- anuncios que empujan el artículo hacia abajo mientras lees,
- afirmaciones sin una fuente a la que ir.
La idea no es jugar a disfrazarse de empresa.
La idea es que las mismas normas de calidad funcionen en cualquier sitio donde pulse el lector.
No pasa nada por decir con claridad que el sitio lo lleva una persona. Google también recomienda dejar claro quién ha creado el contenido, cómo se hizo y por qué existe.[2]
2. Un sitio bonito necesita orden y algo de personalidad
Lavie y Tractinsky estudiaron cómo valora la gente el aspecto de las webs y vieron dos cosas distintas: una tiene que ver con el orden y la claridad, y otra con la creatividad y la originalidad.[3]
Si te quedas solo con el orden, el sitio queda limpio pero sin gracia.
Si te quedas solo con la originalidad, la gente lo recuerda pero no sabe cómo usarlo.
Por eso conviene trabajar en dos capas.
La primera capa tiene que resultar conocida:
- el nombre y el logo del sitio,
- el buscador,
- la lista de artículos,
- los temas,
- dónde estás ahora,
- el camino de vuelta,
- el texto que has venido a leer.
No conviertas el menú básico en un acertijo.
Tuch y su equipo comprobaron que la gente se forma una primera impresión de una web muy rápido. Las páginas menos recargadas y con una estructura parecida a la de otras webs tendían a recibir mejores notas.[4]
La segunda capa es donde pones tu sello:
- portadas especiales para reportajes,
- una tipografía y una maquetación con carácter,
- esquemas que de verdad explican algo,
- conexiones entre temas relacionados,
- tarjetas con un diseño propio,
- explicaciones en las que el lector puede tocar y probar.
La regla es sencilla:
botones y menús que todo el mundo reconoce, y una experiencia que nadie ha visto antes.
3. No hay un estilo que guste a todo el mundo, pero sí un mínimo de calidad que sirve en todas partes
En cada país y cada grupo gustan cosas distintas. Un estudio internacional reunió unos 2,4 millones de valoraciones de casi 40.000 personas y encontró diferencias entre grupos y países en los colores favoritos y en cuánto detalle visual preferían.[5]
Así que no existe un “degradado de lujo” que a todo el planeta le parezca elegante.
Lo que funciona en todas partes es más humilde y más firme:
- se entiende para qué sirve la página,
- se ve qué se puede pulsar,
- el texto se lee bien,
- al ampliar, el diseño no se rompe,
- el contenido se entiende en el idioma de quien lo lee,
- si te equivocas, puedes volver atrás,
- se distingue un anuncio de un artículo,
- no va desesperantemente lento.
Después ya puedes ajustar la tipografía, los espacios, las fotos y el tono de color a cada idioma y cada mercado.
Hacer un sitio internacional no es ponerle el mismo uniforme a todos. Es confeccionar un traje distinto para cada mercado con el mismo patrón de calidad.
4. Las páginas no tienen que ser iguales, pero sí hablar el mismo lenguaje de diseño
Cada página tiene un trabajo distinto.
| Página | Para qué sirve | Qué debe lograr el diseño |
|---|---|---|
| Inicio | Mostrar qué ofrece el sitio y animar a explorar | Dejar claro qué es el sitio y dar buenas puertas de entrada |
| Lista de artículos | Comparar y curiosear | Mucha información sin que cause confusión |
| Búsqueda | Entender las palabras del propio lector | Mostrar lo buscado, los filtros, los resultados y qué hacer si no sale nada |
| Página de tema | Dar la visión general de un asunto | Indicar por dónde empezar, en qué orden leer y qué temas hay cerca |
| Artículo | Entregar el contenido | Que el texto y las pruebas sean los protagonistas |
| Quiénes somos / política editorial | Ganar confianza | Explicar quién, cómo y por qué |
| Contacto | Conseguir que algo se haga | Campos, errores y confirmaciones bien claros |
| 404 / página vacía | Volver a orientar | Ofrecer búsqueda, temas y un camino de regreso |
Lo que debe repetirse por debajo es el significado de los colores, los espacios, la jerarquía, los enlaces, los botones, el foco, la carga, los errores y los avisos de éxito.
Trabajos distintos, una sola gramática.
5. El artículo debería ser el lugar más tranquilo del sitio
Cuando un rediseño se pone elaborado, la decoración se va colando hasta el artículo.
Una tarjeta para el título. Otra tarjeta para el texto. Cada subtítulo con su fondo, luego una línea al lado, luego una sombra, luego esquinas redondeadas.
Al final, leer un párrafo se parece a pasear por una tienda de muebles.
En un texto largo, la sensación de calidad viene de contenerse:
una buena tipografía, líneas ni muy largas ni muy cortas, buen interlineado, subtítulos claros, espacio en blanco, fuentes comprobables y tablas ordenadas.
Usa cajas y marcos solo cuando algo de verdad sea un elemento aparte.
Las WCAG 2.2 recogen requisitos de accesibilidad que se pueden comprobar, como el contraste, el cambio de tamaño del texto, la adaptación de la maquetación y el uso con teclado.[6]
El texto diminuto en gris clarito no es elegante. Es una revisión de la vista con los colores de la marca.
El resto del sitio puede lucirse. El artículo tiene que saber cuándo bajarse del escenario.
6. Pon el “¿cómo han hecho esto?” en funciones que sirvan
Si quieres presumir de oficio, hazlo donde tocar y probar ayude a entender más.
Un mapa de conocimiento
Que el lector pueda empezar por un tema grande y pasar a preguntas relacionadas y a ideas cercanas.
Que las líneas se muevan no es lo importante.
Lo importante es saber qué leer después.
Navegación según lo que busca cada persona
Deja que elijan si quieren una visión general, una solución rápida u otro punto de vista, y reordena y adapta las explicaciones.
Es más honesto que adivinar en silencio un perfil detallado de cada visitante.
Explicaciones interactivas hechas para un solo artículo
Úsalas cuando el movimiento enseñe algo que el texto no muestra tan bien: una línea de tiempo, una comparación, una cadena de causas, cómo están colocadas las cosas en el espacio, qué se gana y qué se pierde.
El artículo debe entenderse igual sin ellas.
Lo ideal es esto:
si lo lees, lo entiendes; si lo tocas, lo entiendes mejor.
7. La animación se paga con atención
Lo que se mueve llama la atención. Por eso funciona.
Y por eso cansa cuando no para.
Hay estudios sobre los llamados “detalles seductores” en el aprendizaje: material interesante pero que no tiene que ver con la tarea y que le roba atención. Un experimento de 2026 vio que la gente recordaba menos a medida que aumentaba ese material ajeno al tema.[7]
Eso no significa que sea una ley para toda la decoración web.
Pero tampoco apoya la idea de que más espectáculo sin relación siempre ayuda a entender.
Un buen orden de prioridades para el movimiento:
- respuestas que confirman que una acción ha funcionado,
- movimiento que explica un cambio de estado,
- efectos vistosos reservados para unos pocos momentos importantes.
No pongas por defecto fondos que nunca paran, desplazamientos secuestrados, reproducción automática, párrafos que entran uno a uno ni saltos inesperados en la pantalla.
web.dev también cita las imágenes, los anuncios, los contenidos incrustados y las fuentes web como causas habituales de saltos inesperados cuando no se les reserva el espacio.[8]
Un buen sitio cobra vida cuando el lector actúa y se queda tranquilo mientras lee.
8. El diseño y Google son cosas distintas, pero no deben pelearse
Un sitio precioso no sube de posición por arte de magia.
La guía de Google insiste en contenido útil, fiable y hecho para las personas, con información o análisis originales, un autor claro y una visita satisfactoria.[2]
Su guía sobre la experiencia de página también pide pensar en el uso en el móvil, en Core Web Vitals, en las ventanas emergentes molestas, en los anuncios que distraen y en si se distingue el contenido principal del resto.[9]
Así que evita los falsos atajos:
- llenar los subtítulos de palabras clave,
- esconder la respuesta para conseguir más páginas vistas,
- hacer que el menú te persiga a propósito,
- trocear el artículo con anuncios,
- añadir texto nuevo solo para parecer “actualizado”.
Google también dice que AI Overviews y AI Mode no necesitan un tipo de optimización secreta aparte. Siguen valiendo lo básico de la Búsqueda y el contenido útil pensado para las personas.[10]
La calidad profesional es sorprendentemente corriente:
hacer algo útil, que se encuentre fácil, que se entienda bien, que cargue lo bastante rápido y con pruebas al alcance.
Lo raro es hacerlo todo, siempre.
9. La confianza viene de que se pueda comprobar, no de aparentar autoridad
Un sitio independiente no necesita actuar como una gran institución.
Puede ganarse la confianza con cosas que el lector ve:
- una persona real que escribe o gestiona el sitio,
- una explicación de cómo se editan los artículos,
- enlaces a las fuentes,
- fechas de actualización que signifiquen algo,
- una forma de corregir los errores,
- un modo de contactar,
- anuncios bien señalados,
- avisos sinceros sobre lo que el sitio no puede hacer.
Las pautas de credibilidad de Stanford van en la misma línea: poder comprobar lo que se dice, conocimiento del tema, forma de contactar, un diseño profesional adecuado al propósito, facilidad de uso, actualizaciones, moderación con la publicidad y pocos errores.[1]
Un sitio de una sola persona tiene una ventaja:
se ve enseguida quién responde.
No hay nada poco profesional en decir que lo lleva una persona.
Lo que sí da más imagen de profesional es que esa persona aplique unas normas de calidad firmes en cientos de páginas, en vez de imitar a una empresa que no existe.
10. Lo que de verdad hace el trabajo: un sistema de diseño y comprobaciones automáticas
Nadie recuerda todas las reglas de todas las páginas para siempre.
Así que saca la calidad de tu cabeza y mételo en el sistema.
Guarda en un solo sitio los colores, los espacios, los tamaños de letra, los anchos, las esquinas redondeadas, las sombras y los colores de estado.
Reutiliza la misma cabecera, las mismas tarjetas, el buscador, el índice, los formularios y los mensajes de error.
Separa el contenido de su aspecto: guarda los títulos, las descripciones, los temas, las fechas, las fuentes y los motivos de cada recomendación como datos públicos ordenados, y que las tarjetas de inicio, las listas, los resultados de búsqueda y los artículos relacionados usen todos esos mismos datos. Así es mucho menos probable que una nota interna acabe en la portada presentándose sola.
Y revisa de forma automática los enlaces rotos, el orden de los títulos, el texto que se desborda, las pantallas estrechas, el texto ampliado, el uso con teclado, el contraste, los idiomas mezclados, los saltos de pantalla y cualquier diferencia entre los datos de origen y lo que está publicado.
“Ya tendré cuidado” no es control de calidad.
Control de calidad es un sistema que sigue funcionando aunque se te olvide algo.
11. No midas el diseño con una sola pregunta: “¿Mola?”
El gusto es personal, así que no lo reduzcas a una sola nota.
Divídelo.
El marco HEART explica cómo unir la satisfacción, la participación, la adopción, la retención y el éxito en las tareas con lo que el producto quiere conseguir.[11]
En un sitio lleno de artículos, puedes comprobar cada cosa por separado:
- si parece profesional,
- si tiene personalidad,
- si queda claro para qué sirve el sitio,
- si se encuentra el artículo que se busca,
- si el artículo se lee bien,
- si lleva al siguiente artículo adecuado,
- si es fácil volver más tarde,
- si aguanta bien en el móvil,
- si el texto está bien en cada idioma,
- si es rápido y la pantalla no salta.
Hoy Core Web Vitals considera “bueno” un resultado, medido en el percentil 75, si el LCP es de 2,5 segundos o menos, el INP de 200 milisegundos o menos y el CLS de 0,1 o menos.[8]
Los números no diseñan el sitio por ti.
Pero evitan que celebres un rediseño de película mientras el párrafo que alguien está leyendo salta media pantalla hacia abajo.
12. Conclusión: “parece que costó una fortuna” suele querer decir “no encuentro ninguna costura descuidada”
Un sitio que lleva una sola persona puede dar sensación de profesional.
Pero no a base de acumular adornos de aire corporativo.
Hay que cuidar toda la cadena:
- una buena puerta de entrada,
- menús fáciles de seguir,
- listas que se leen rápido,
- páginas de tema que tienen sentido,
- artículos tranquilos,
- fuentes a las que se pueda llegar,
- publicidad con medida,
- movimiento con sentido,
- un diseño que aguante la traducción,
- errores de los que se pueda volver,
- componentes compartidos,
- medir y arreglar.
Entonces el visitante no necesita saber cuánta gente trabaja ahí.
Simplemente siente:
“Esto está hecho con mimo.”
El lujo que más convence no es un vídeo de fondo en bucle.
Es no encontrar ninguna costura descuidada.
Y el mejor momento de “¿cómo han hecho esto?” no es un objeto 3D dando vueltas porque sí.
Es cuando el lector toca el sitio y piensa:
“Anda, me acaba de decir adónde ir ahora.”
Así es como una sola persona puede llevar un sitio pequeño con un gran sistema de calidad.
- Stanford Persuasive Technology Lab. “Stanford Guidelines for Web Credibility.” 2002 credibility.stanford.edu
- Google Search Central. “Creating Helpful, Reliable, People-First Content.” checked 2026-09-25 developers.google.com
- Lavie T, Tractinsky N. “Assessing dimensions of perceived visual aesthetics of web sites.” International Journal of Human-Computer Studies. 2004;60(3):269-298. doi:10.1016/j.ijhcs.2003.09.002 doi.org
- Tuch AN, Presslaber EE, Stöcklin M, Opwis K, Bargas-Avila JA. “The role of visual complexity and prototypicality regarding first impression of websites.” International Journal of Human-Computer Studies. 2012;70(11):794-811 research.google
- Reinecke K, Gajos KZ. “Quantifying Visual Preferences Around the World.” CHI 2014 eecs.harvard.edu
- W3C. “Web Content Accessibility Guidelines (WCAG) 2.2. w3.org
- Wesenberg L, Jansen S, Krieglstein F, et al. “The more, the worse? The influence of the seductive detail amount on learning.” Instructional Science. 2026;54:29 link.springer.com
- web.dev. “How the Core Web Vitals thresholds were defined” and “Optimize Cumulative Layout Shift.” checked 2026-09-25. ; https://web.dev/articles/optimize-cls web.dev
- Google Search Central. “Understanding page experience in Google Search results.” checked 2026-09-25 developers.google.com
- Google Search Central. “AI features and your website.” checked 2026-09-25 developers.google.com
- Rodden K, Hutchinson H, Fu X. “Measuring the User Experience on a Large Scale: User-Centered Metrics for Web Applications.” CHI 2010 research.google
