Antes de rehacer tu sitio web: lo que revisamos primero

Antes de pagar un rediseño, revisa tu sitio en el celular, sin JavaScript, velocidad, contraste, botones, cifras, datos de contacto, SEO básico y WhatsApp.

Por Guillermo Sánchez6 min de lectura

Muchos sitios no necesitan rehacerse. Necesitan que el botón principal lleve a donde dice, que se lean bien en el celular y que el teléfono sea el mismo en todas las páginas. Antes de pagar un rediseño, revisa lo que sigue. Es lo primero que revisamos en cada sitio que nos llega, incluido el nuestro, y te sirve aunque al final no trabajes con nosotros.

Cómo se ve en el celular y en la tableta

Empieza por aquí. Google usa la versión móvil de tu sitio para indexarlo y posicionarlo, y es muy probable que ahí te vean tus clientes.

Nosotros probamos cada sitio en cinco anchos de pantalla, del celular a la computadora. Fíjate en esto:

  • Que el texto se lea sin hacer zoom.
  • Que los botones se alcancen con el pulgar y no queden encimados.
  • Que no haya scroll hacia los lados.
  • Que el menú quepa. En nuestro propio sitio, a ancho de tableta, el menú empujaba el botón «Comenzar» fuera de la pantalla. En la computadora y en el celular se veía bien; por eso se revisan los cinco anchos.
  • Que los formularios se puedan llenar cómodamente desde el teléfono.

Qué pasa sin JavaScript

Suena técnico, pero es una prueba de dos minutos que dice mucho. Muchos sitios esconden el contenido hasta que una animación lo «revela»; si el código de la animación no corre, el texto se queda invisible. Nos pasó: sin JavaScript, nuestro propio sitio casi no enseñaba nada. Lo arreglamos para que el texto se vea siempre y la animación sea un extra.

Google lo dice claro: generar el contenido desde el servidor sigue siendo buena idea, porque hace el sitio más rápido y no todos los bots ejecutan JavaScript. Para probarlo en Chrome, abre las herramientas para desarrolladores, presiona Ctrl+Shift+P y elige «Disable JavaScript».

Velocidad: mídela, no la adivines

Pon tu dirección en PageSpeed Insights. Google tiene umbrales concretos para las tres métricas que llama Core Web Vitals: que el contenido principal aparezca en 2.5 segundos o menos, que la página responda a una interacción en 200 milisegundos o menos y que el diseño no brinque más de 0.1. Casi siempre el culpable es el mismo: imágenes enormes, tipografías de más o scripts que nadie usa.

Contraste y movimiento

El texto gris claro sobre fondo blanco se ve elegante y no se lee. Las pautas de accesibilidad WCAG piden un contraste de al menos 4.5:1 para texto normal y 3:1 para texto grande. En nuestro sitio, un gris que usábamos en etiquetas no llegaba ni a 3:1; lo cambiamos, y ahora una prueba automática calcula el contraste cada vez que se toca el diseño. En el sitio del consultorio de ortodoncia que tenemos en preview, el contraste AA también se verifica en las pruebas.

Lo mismo con el movimiento: hay personas que configuran su teléfono para reducir las animaciones, por mareo o por gusto. Tu sitio debería respetarlo.

Que el botón principal lleve a donde dice

Parece obvio y es de lo que más falla. El botón principal de nuestro propio sitio decía «Explorar servicios» y llevaba a la página de contacto. Ahora dice «Cotizar mi proyecto», que es a donde lleva. Haz clic en cada botón importante de tu sitio, también en el celular, y fíjate si llegas a donde esperabas.

Cifras que no puedes respaldar

Tenemos una regla para todos los textos: cifra sin respaldo, cifra que se quita. «Más de 500 clientes satisfechos», «el mejor servicio de la ciudad», contadores que suben solos: si no puedes enseñar de dónde sale el número, mejor describe lo que haces. Un cliente que descubre una cifra inflada deja de creer todo lo demás.

Revisa también lo que se vence solo: el año del pie de página que nadie actualizó, el «disponible a partir del segundo trimestre» que ya pasó, o tres páginas que dan tres números distintos de lo mismo. A nosotros nos pasó lo último con el conteo de proyectos; ahora el número sale de una sola lista.

Un buen ejemplo del otro lado es Papá Presente Michoacán, una guía legal de nuestro portafolio en la que cada afirmación lleva el artículo exacto del Código Familiar que la respalda.

Datos de contacto en un solo lugar

En nuestro sitio, el teléfono estaba escrito en ocho archivos distintos y un correo viejo seguía apareciendo en un rincón. Ahora el teléfono, el correo y el dominio viven en un solo archivo, y una prueba vigila que no se vuelvan a duplicar.

Revisa que teléfono, correo, dirección y horario sean idénticos en tu sitio, en tu Perfil de Negocio de Google, en WhatsApp y en tus redes. Google dice que los negocios con información completa y correcta tienen más probabilidades de aparecer en los resultados locales.

SEO básico que sí importa

  • Un título distinto en cada página. Google pide que cada página tenga su título, descriptivo y conciso, sin texto repetido. «Inicio» no le dice nada a nadie.
  • Una sola dirección oficial. Si tu sitio abre con y sin «www», o en dos dominios, indícale a Google cuál es la buena con la etiqueta canonical, para que junte las señales en una sola URL.
  • Tu Perfil de Negocio de Google completo. Google ordena los resultados locales por relevancia, distancia y prominencia; la categoría correcta, el horario y las reseñas cuentan.
  • Una página por servicio importante, si la gente busca cada servicio por separado. Así está hecho el sitio de Grupo Coprinci, con páginas para naves industriales, pisos epóxicos y mantenimiento, pensado para búsquedas locales en Morelia.

WhatsApp, desde cualquier página

Si tus clientes prefieren escribirte por WhatsApp, que el botón funcione en todas las páginas, en la computadora también. Usa un enlace wa.me con tu número en formato internacional y un mensaje prellenado que diga desde qué página escriben. Y comprueba que el botón aparezca: en nuestro sitio, el botón flotante de WhatsApp estaba programado pero no se mostraba en ninguna página.

Si puedes, que el mensaje llegue ya ordenado. En el sitio de LANT Audio, una calculadora de seis pasos arma la solicitud de renta de audio e iluminación y la manda por WhatsApp, sin precios públicos.

Cuándo sí conviene rehacerlo

  • No puedes cambiar tu propio contenido sin pagarle a alguien cada vez.
  • La plataforma está abandonada o ya no recibe actualizaciones de seguridad.
  • Tu negocio cambió y la estructura del sitio ya no lo refleja.
  • Arreglar lo de arriba cuesta más que empezar de nuevo.

Si no es tu caso, corrige lo de arriba y vuelve a medir. A veces el sitio nuevo que querías era el mismo, con cinco cosas arregladas.

Y si lo que en realidad necesitas no es un sitio sino un sistema, como un portal para clientes o un cotizador conectado a tu inventario, la conversación es otra: la contamos en ERP a la medida o Excel.

Si quieres que lo revisemos

Si quieres, revisamos tu sitio con esta misma lista y te decimos qué arreglaríamos primero, aunque al final lo arregle alguien más. Puedes ver cómo hacemos sitios en Desarrollo web o escribirnos desde contacto. Y si lo que más te llega por el sitio son mensajes de WhatsApp, quizá te sirva saber cuándo conviene un agente de IA.

  • Sitio web
  • SEO
  • Accesibilidad
// NEXT_STEP

¿Quieres algo así en tu operación?

Cuéntanos qué necesitas y te decimos cómo lo haríamos. En español o en inglés.

Más del blog

Antes de rehacer tu sitio web: lo que revisamos primero