«La web la tengo, pero por ahí no entra nadie.» Con alguna variante, así arranca buena parte de las conversaciones que tenemos sobre diseño de páginas web profesionales. La web existe, se ve razonablemente bien y no hace nada.

Lo que sigue no es un inventario de lo que debe tener una página web profesional, sino lo que decidimos en proyectos concretos y por qué. En más de veinte años con pymes de Extremadura hemos sacado webs de Flash, de Joomla 3 y de WordPress. Casi ninguna fallaba por el diseño.

Antes de entrar en materia, esto es lo que conviene mirar y lo que desarrollan los apartados siguientes:

  • Que la estructura se decida antes que el aspecto.
  • Textos escritos para responder preguntas, no para describir la empresa por dentro.
  • Velocidad y seguridad, que dependen más de lo que se quita que de lo que se añade.
  • Una navegación que aguante el móvil, el teclado y una vista cansada.
  • Un plan para lo que venga después de publicar y una forma de saber si funciona.

Qué es una página web profesional: se nota en la estructura, no en el efecto

Carpintería Valor, en Badajoz, tuvo su primera web en 2006 con Flash y HTML, y la segunda en 2014 sobre Joomla. Al renovarla en 2026 a HTML, CSS y JavaScript, la pregunta no era qué añadir sino qué conservar: mantuvimos el verde y el naranja corporativos y montamos una página por cada una de sus cinco especialidades, porque cada una responde a una búsqueda distinta.

Eso es un diseño web a medida: no una plantilla más cara, sino un reparto de contenidos que se corresponde con cómo trabaja la empresa y con cómo la busca su cliente. La imagen corporativa es la parte visible; la estructura decide si el visitante encuentra lo que venía a buscar.

El diseño responsive no se negocia: una web donde hay que ampliar con dos dedos para leer un teléfono pierde la llamada antes de que exista. Con los efectos pasa igual: si esconden el botón de contacto, dejan de ser una ventaja.

Y de ahí sale la parte que casi nadie pide y todo el mundo agradece: que la web se pueda usar. Texto que se lee sin ampliar, contraste suficiente entre la letra y el fondo, enlaces que se distinguen del párrafo sin tener que pasar el ratón por encima, botones lo bastante grandes para el pulgar y un orden de tabulación que no salte de un sitio a otro. Nada de eso se aprecia en una captura de pantalla y todo se nota cuando alguien intenta pedir presupuesto de pie, con una mano ocupada y el sol dando en la pantalla.

Contenido y SEO: una página por cada cosa que la gente busca

El SEO no se añade al final. Se decide al dibujar el mapa de páginas, porque el mapa de páginas es el SEO.

Automoción Remeca es un taller multimarca de Puebla de la Calzada, activo desde 1996; su web anterior la hicimos nosotros en 2018 sobre Joomla. En la nueva, sus nueve áreas de trabajo ocupan nueve páginas, más un área de consejos con dieciséis artículos. Quien busca «cambio de embrague» y quien busca «aire acondicionado» no llegan a la misma pantalla.

Con Toldos Cele, en Talavera la Real, el mismo criterio aplicado a un catálogo. La colaboración pasa de los veinticinco años y la web había hecho el recorrido completo: primero estática, después Joomla hasta la rama 3.x. En la renovación integral de 2026 el catálogo quedó ordenado en trece sistemas de protección solar, con 101 fotografías de trabajos reales y 21 localidades en las zonas de servicio. Un banco de imágenes habría quedado más limpio y no demostraría nada.

Ahí está lo que más se malinterpreta del SEO local: no consiste en repetir nombres de ciudades sin sentido, sino en decir con precisión qué se hace, dónde y con qué prueba, y en que eso coincida con la ficha de Google Business Profile.

Velocidad, seguridad y lo que carga sin que nadie lo haya pedido

Cuando una web tarda demasiado en cargar, casi nunca es por las fotos del cliente, sino por lo que el sitio le pide a servidores ajenos: tipografías, mapas, vídeos, chats.

En el ecosistema de cinco webs de un grupo agrícola de Almendralejo, activo desde 1968, ninguna hace una sola petición a un dominio de terceros. Eso resuelve a la vez el rendimiento y buena parte de la privacidad: no hay nada que consentir si no se envía nada a ninguna parte.

En la Finca Charco la Olla no se podía prescindir de ninguno de los dos: el mapa de Google no se carga hasta que el usuario lo pide y los vídeos usan el modo de privacidad mejorada de YouTube.

HTTPS con certificado SSL se da por hecho desde hace años. El gestor no: Idiomas Momo, en Mérida, tenía una web instalada en 2020 sobre Joomla 3 y el soporte de esa rama terminó en agosto de 2023. Una web sin actualizaciones no será insegura algún día: lo es desde esa fecha. Con el aviso legal, la privacidad y la política de cookies pasa algo parecido: el trabajo empieza por reducir lo que hay que declarar.

Funcionalidades: solo las que alguien va a usar

La carta de un café-bar cambia más que su web. En la renovación del Café-Bar Agustín, en Gévora, la pieza central no fue el diseño sino una carta digital que el negocio actualiza y a la que se llega por QR desde la mesa. Es la única funcionalidad que necesitaba y se usa a diario.

Con una tienda online el listón es más alto. La Cooperativa Olivarera de Cabeza del Buey, con más de 800 socios y 2.100 hectáreas de olivar, tiene su tienda PrestaShop desde 2015 y seis formatos en catálogo: hay volumen y hay logística detrás. Si vendes solo en el pueblo, probablemente no necesitas una tienda online, y decirlo es más honesto que montarla.

Donde más se pierde, en cambio, es en el formulario de contacto, que suele ser la única función que tienen todas las webs. Pedir doce datos cuando bastan tres, marcar el error solo con un borde rojo o avisar de un campo obligatorio después de enviar son formas discretas de perder una consulta. Cada campo con su etiqueta visible, el error explicado con palabras y una confirmación al terminar: cuesta poco y evita la llamada de «os escribí y no sé si os llegó».

El criterio es incorporar solo lo que aporta valor real: cada función añadida hay que mantenerla y cargarla en cada visita.

Lo que pasa después de publicar

Una web no termina el día que se sube. Cambian los servicios, los precios y la normativa; y sobre todo caduca la tecnología de debajo. Las seis webs que sacamos de Joomla 3 a HTML5 —entre ellas Autocares Canito, que transporta viajeros desde 1950— llegaron a la renovación por ese camino.

Por eso el mantenimiento se contrata al principio y no cuando aparece el problema.

Nuestro Programa Web son 240 € el primer año —web a medida de hasta cinco secciones, con dominio, hosting, SSL, correo corporativo, SEO básico y mantenimiento— y 180 € al año desde el segundo, con seis actualizaciones incluidas y sin permanencia. Para un despacho con más recorrido, el punto de partida habitual está entre 1.500 y 3.500 €.

Medir es la otra mitad. Google Analytics, Tag Manager y Search Console dicen por qué búsquedas aparece la web y dónde se abandona. Y obligan a ser honesto: en la renovación de Energía y Calor Extremadura, que pasó de WordPress a HTML, CSS y JavaScript, la comparativa de Search Console todavía no está cerrada, y lo decimos en el artículo en vez de tapar el hueco con un porcentaje.

Antes de empezar, cinco decisiones ahorran muchas discusiones:

  • Qué tiene que conseguir la web: contactos, presupuestos o ventas.
  • Qué servicios merecen página propia porque se buscan por separado.
  • Hasta dónde se desplaza realmente la empresa.
  • Qué fotografías propias existen y cuáles hay que hacer.
  • Quién va a actualizarla y cada cuánto.

Si al terminar un proyecto la web podría ser la de cualquier competidor cambiándole el logotipo, el problema no era el diseño: era que nadie decidió nada.

Si tienes una web que lleva años funcionando y no sabes si renovarla o rehacerla, podemos mirarla y decirte qué merece la pena conservar. Alguna vez la respuesta ha sido «bastante».

Cómo planteamos un proyecto de diseño web —qué se decide al principio, qué entra y qué no— está contado aparte, con más detalle del que cabe aquí.

Cuéntanos tu proyecto y te damos una orientación honesta →

Preguntas frecuentes sobre diseño de páginas web profesionales

¿Qué diferencia hay entre una web básica y una web profesional?

Una web básica muestra información. Una web profesional está construida sobre decisiones: qué se conserva de la anterior, qué contenido va en qué página y qué se hace cuando la tecnología pierde soporte.

¿Conviene tener un blog en una página web profesional?

Solo si va a alimentarse. El área de consejos de Automoción Remeca tiene dieciséis artículos que responden dudas reales de sus clientes; un blog con tres entradas de hace dos años resta más de lo que suma.

¿Qué es una web optimizada para SEO y para buscadores con IA?

Una web cuyo contenido se puede citar: respuestas concretas, encabezados que dicen de qué va cada sección y datos verificables. Los buscadores tradicionales y los sistemas de búsqueda con inteligencia artificial premian aquí lo mismo.

¿Cada cuánto tiempo conviene actualizar una web?

El contenido, cuando cambie algo en el negocio: seis actualizaciones al año bastan para la mayoría de las pymes. La renovación completa la marca la tecnología: cuando el gestor deja de recibir soporte, la fecha la pone él.