---
title: "Diseño y desarrollo de páginas web con SEO, velocidad e IA | Londo"
description: "Páginas web con estructura clara, SEO técnico, carga rápida, accesibilidad y listas para los agentes de IA: catálogos con pedido por WhatsApp, sitios de servicios, directorios y comparadores. Con Andrés Londoño (Londo)."
url: https://londo.info/diseno-de-paginas-web/
language: es
---

# Páginas web que Google y las IA entienden, y que venden

El diseño es lo que se ve. Lo que vende es lo de adentro: estructura clara, SEO técnico, carga rápida y un sitio que los agentes de IA pueden leer y recomendar.

[Agendemos un tinto](https://londo.info/contacto/) [Ver todos los sitios en la vitrina](https://londo.info/vitrina/)

![Andrés Londoño (Londo), consultor de growth marketing, con saco gris y camiseta negra sobre fondo blanco](https://londo.info/fotos/sesion/estudio-manos-2.webp)

Monto páginas web para empresas con todo lo que no se ve resuelto: estructura que se entiende, SEO técnico completo, carga rápida, accesibilidad, seguridad, medición de cada contacto y una versión que leen los agentes de IA. El diseño va a la medida, pero el valor está en esa calidad técnica. En la vitrina hay 13 sitios que ya están funcionando.

## ¿Te suena?

-   Tu sitio se ve viejo y no sabes si alguien llega por Google.
-   Pagas una plataforma cada mes y el sitio igual no vende.
-   Todo se pide por WhatsApp, pero la página no ayuda a llegar al chat.
-   Quieres salir de WordPress, Shopify, Wix o Tiendanube sin perder lo que ya posiciona.

## Lo que no se ve (y es lo que vende)

Cada sitio sale con estas optimizaciones hechas y revisadas antes de publicar.

1.  ### Estructura que se entiende
    
    Una página por cada cosa que busca tu cliente, títulos en orden, migas y enlaces internos que llevan a la acción. Quien llega sabe dónde está y qué hacer.
    
2.  ### SEO técnico completo
    
    Título y descripción por página, canónicas, mapa del sitio, robots, redirecciones cuando cambias de plataforma y datos estructurados de schema.org para tu negocio, servicios, productos y preguntas frecuentes.
    
3.  ### Carga rápida
    
    Sitios estáticos sin plugins, imágenes en WebP al tamaño justo, fuentes servidas desde tu propio sitio y casi nada de JavaScript, pensado para las Core Web Vitals de Google.
    
4.  ### Agéntico: listo para las IA
    
    Versión en Markdown de cada página en la misma dirección, archivo llms.txt, errores que orientan a los agentes y páginas que confirman que el negocio es real, para que ChatGPT, Gemini y Perplexity te entiendan y te puedan recomendar.
    
5.  ### Accesible
    
    Contraste suficiente, navegación con teclado, textos alternativos en las imágenes y animaciones que se apagan para quien pide menos movimiento.
    
6.  ### Seguro
    
    HTTPS y cabeceras de seguridad desde el primer día, sin plugins que actualizar ni bases de datos expuestas.
    
7.  ### [Medición de verdad](https://londo.info/consultoria/atribucion-de-marketing/)
    
    Analítica con Clarity o GA4 y el origen de cada contacto, incluidos los botones de WhatsApp, para saber qué te trae clientes.
    
8.  ### Contenido que trabaja solo
    
    Textos pensados para lo que busca la gente, blog que se publica en su fecha y herramientas gratis que atraen visitas.
    
9.  ### Diseño a la medida
    
    Nada de plantilla: cada marca con su propio mundo visual, revisado para que no parezca hecho en serie, con animaciones que tienen un propósito.
    

## Qué tipo de sitios monto

1.  ### [Catálogos con pedido por WhatsApp](https://londo.info/vitrina/loto-blanco/)
    
    Sin carrito ni pasarela: el cliente ve el producto y escribe con el pedido armado. Como Loto Blanco e Incienso Colombia.
    
2.  ### [Sitios de servicios y de marca](https://londo.info/vitrina/grupo-en-punto/)
    
    Para que te encuentren por lo que haces y te escriban. Como Soult, Grupo En Punto y Club Subak.
    
3.  ### [Directorios y buscadores](https://londo.info/vitrina/miespecialista/)
    
    Miles de fichas, una página por ciudad o categoría y búsqueda por cercanía. Como Mi Especialista, Anchetas.net, MiDon y Pros411.
    
4.  ### [Comparadores y herramientas](https://londo.info/vitrina/prestamos-si/)
    
    Calculadoras, comparadores y respuestas útiles que atraen búsquedas. Como prestamos.si y El Lunes.
    
5.  ### [Migraciones sin perder posicionamiento](https://londo.info/vitrina/siete-azules/)
    
    Salida de WordPress, Shopify o Tiendanube cuidando las direcciones que ya traen visitas. Así salieron Loto Blanco de Shopify, Incienso Colombia de Tiendanube y Siete Azules de WordPress.
    

## Tres que ya están vendiendo

Entra a cualquiera y te muestro qué hace cada parte y cómo se armó. Los 13 están en la vitrina.

1.  [![Primera pantalla de Loto Blanco (lotoblanco.shop) en computador](https://londo.info/vitrina/loto-blanco-escritorio-portada.webp)
    
    ![Primera pantalla de Loto Blanco en celular](https://londo.info/vitrina/loto-blanco-celular-portada.webp)
    
    ### Loto Blanco
    
    Frutas deshidratadas premium para mixología, tablas y regalos, con envíos a toda Colombia.
    
    Ver cómo funciona](https://londo.info/vitrina/loto-blanco/)
2.  [![Primera pantalla de Grupo En Punto (grupoenpunto.com) en computador](https://londo.info/vitrina/grupo-en-punto-escritorio-portada.webp)
    
    ![Primera pantalla de Grupo En Punto en celular](https://londo.info/vitrina/grupo-en-punto-celular-portada.webp)
    
    ### Grupo En Punto
    
    Fabricante de exhibidores, góndolas, stands, unidades móviles y avisos, con planta propia en Bogotá.
    
    Ver cómo funciona](https://londo.info/vitrina/grupo-en-punto/)
3.  [![Primera pantalla de prestamos.si (prestamos.si) en computador](https://londo.info/vitrina/prestamos-si-escritorio-portada.webp)
    
    ![Primera pantalla de prestamos.si en celular](https://londo.info/vitrina/prestamos-si-celular-portada.webp)
    
    ### prestamos.si
    
    Comparador de préstamos en español para latinos en Estados Unidos, y de créditos en Colombia.
    
    Ver cómo funciona](https://londo.info/vitrina/prestamos-si/)

[Ver los 13 sitios en la vitrina](https://londo.info/vitrina/)

## Con qué sales

-   Un sitio en vivo, liviano y hecho para celular.
-   Las búsquedas que vale la pena atacar y una página para cada una.
-   La medición conectada para saber qué te trae contactos.

## Por qué conmigo

-   Trabajo en SEO y e-commerce desde 2002.
-   En la vitrina hay 13 sitios funcionando, propios y de otras empresas.
-   londo.info, Club Subak y Grupo En Punto sacan 100 de 100 en is-agentic.com, la prueba de qué tan listo está un sitio para los agentes de IA.
-   Vengo del growth: lideré performance en Platzi y growth en RD Station. Un sitio se mide por lo que vende, no por lo bonito.

[Conoce el origen completo](https://londo.info/origen/)

## Preguntas frecuentes

¿Cuánto cuesta una página web?

Depende del tipo de sitio y del alcance, por eso no publico precios. En el primer tinto (30 minutos, gratis) te digo qué haría y después te mando una propuesta.

¿Cuánto se demora?

Depende del alcance: no es lo mismo un sitio de servicios que un directorio con miles de fichas. Las fechas van en la propuesta.

¿Trabajas con WordPress o Shopify?

Puedo migrar tu sitio desde WordPress, Shopify, Wix o Tiendanube. Los sitios nuevos los monto con tecnología liviana que carga rápido; si necesitas seguir en tu plataforma, lo hablamos.

¿Qué es un sitio agéntico?

Uno que los agentes de IA (ChatGPT, Gemini, Perplexity y los asistentes que navegan solos) pueden leer, entender y recomendar: con versión en Markdown, llms.txt, datos estructurados y páginas que confirman que el negocio es real.

¿Incluye los textos?

Sí: textos pensados para lo que busca tu cliente, con tu voz y sin inventar datos. Las fotos reales las pones tú; si no tienes, lo hablamos.

¿Me ayudas con el dominio?

Sí. Publico el sitio en Netlify con HTTPS y te acompaño a conectar tu dominio.

## Sigue por aquí

-   [La vitrina: los 13 sitios](https://londo.info/vitrina/)
-   [Consultoría de growth marketing](https://londo.info/consultoria/growth-marketing/)
-   [WhatsApp para ventas](https://londo.info/consultoria/whatsapp-para-ventas/)
-   [Automatización con IA](https://londo.info/consultoria/automatizacion-con-ia/)

---

Más contexto para agentes: https://londo.info/llms.txt · Mapa del sitio: https://londo.info/sitemap-index.xml · Contacto: https://londo.info/contacto/
