← Tu web en una tarde
Lección 3 de 8 · 15 min

Que parezca tuya, no hecha con IA

Textos con tu voz, fotos que pesan poco y tienes derecho a usar, colores con buen contraste y las señales que delatan una web genérica.

Textos con tu voz

Los textos de IA se reconocen enseguida: frases redondas que no dicen nada, tres adjetivos seguidos, «en un mundo cada vez más…». La solución no es esconderlo, es meter lo que solo tú sabes.

  • Datos concretos en lugar de adjetivos: no «atención personalizada», sino «la primera sesión dura una hora y salimos con un plan escrito».
  • Tu forma de hablar: si tuteas a tus clientes, tutea en la web.
  • Frases cortas. En móvil, un párrafo de cinco líneas parece un muro.
Prompt para que suene a tiTe paso tres mensajes reales que he escrito a clientes. Analiza cómo escribo: tono, longitud de frases, palabras que uso y las que no. Después reescribe los textos de mi web con ese estilo. Reglas: nada de frases hechas de marketing, sustituye adjetivos por datos concretos de mi encargo, frases de menos de 20 palabras. Si para concretar te falta un dato, pregúntamelo en vez de inventarlo. <mis_mensajes>...</mis_mensajes>

Fotos: las tuyas, y con permiso

  • Fotos propias siempre que puedas. Un móvil actual y luz de ventana son suficientes.
  • Personas que aparecen: necesitas su consentimiento para publicar su imagen, y por escrito si es un cliente. Con menores, evítalo salvo autorización expresa de sus padres o tutores.
  • Fotos de internet: que estén en Google no significa que puedas usarlas. Si necesitas fotos de banco, usa sitios con licencia clara (Unsplash, Pexels) y guarda de dónde sale cada una.
  • Imágenes generadas con IA: sirven para fondos o ilustraciones. No las uses para fingir tu local, tus trabajos o tu equipo: es engañar al cliente.

Que pesen poco: el 80 % de la velocidad

Una foto de móvil pesa entre 3 y 8 MB. En una web debería pesar menos de 300 KB. La diferencia se nota muchísimo en móvil con datos.

  1. Abre squoosh.app en el navegador (las fotos no salen de tu ordenador).
  2. Arrastra la foto. Abajo a la derecha elige WebP con calidad 75-80.
  3. En «Resize», ancho máximo 1600 px para fotos grandes y 800 px para fotos pequeñas.
  4. Descarga y guárdala en mi-web/img/ con un nombre sin espacios ni tildes: foto-1.webp, local-entrada.webp.

Después dile a la IA cómo se llaman tus archivos para que use esos nombres.

El texto alternativo

Cada imagen lleva un texto alternativo (alt): lo que lee en voz alta el lector de pantalla de una persona ciega y lo que entiende Google. Describe lo que se ve y por qué importa: no «foto1», sino «Ana tratando la rodilla de un corredor en la camilla». Si la imagen es decoración pura, el alt va vacío.

Colores y letra

  • Un color principal (el de tu marca) para botones y detalles, y grises para el resto. Más colores restan, no suman.
  • Contraste: el texto normal necesita una relación mínima de 4,5 a 1 con el fondo. Texto gris clarito sobre blanco queda elegante en la pantalla del diseñador y no se lee al sol. Pide a la IA que lo compruebe.
  • Como mucho dos tipografías. Con la del sistema es suficiente y carga al instante.

Señales de web genérica, para quitar

  • «Bienvenidos a nuestra web» como título.
  • «Soluciones innovadoras», «pasión por la excelencia», «tu socio de confianza».
  • Emojis en cada título.
  • Fotos de banco de gente sonriendo en una oficina que no es la tuya.
  • Contadores animados con cifras que nadie ha medido.
  • Opiniones sin nombre real o con nombre y sin permiso.
Practica · unos 9 min

Ahora tú

Hazlo sobre tu propia web y marca cada paso. Se guarda solo.

0 de 5 tareas hechas
@esclusa.ia