Su página 404 es una segunda oportunidad: convierta los enlaces rotos en navegación, confianza y ventas

Alguien hace clic en un enlace a su sitio web.

Están interesados.

Es posible que provengan de Google, una publicación social antigua, un marcador guardado, una campaña de correo electrónico, otro sitio web o la página de un producto que existió hace dos años.

Luego ven:

404 Not Found

Y nada más.

Sin navegación.

Sin explicación.

Sin búsqueda.

No hay camino a seguir.

Ese visitante ya estaba intentando comunicarse con usted. Perderlos porque se cambió una URL es uno de los fallos más evitables en un sitio web.

Una página 404 no puede hacer que una URL faltante vuelva a existir.

Pero puede decidir qué sucederá a continuación.

En SoxDomains, consideramos una página 404 personalizada como una página de recuperación. Su trabajo es decir la verdad, preservar la respuesta técnica correcta y brindar al visitante un próximo paso útil.

Bien hecho, un 404 puede convertir un callejón sin salida en otra vista de página, una búsqueda de producto, una solicitud de soporte o incluso una venta.

Primero, comprenda lo que realmente significa 404

Un servidor web devuelve el código de estado HTTP 404 cuando no puede encontrar el recurso solicitado.

Es posible que el navegador haya solicitado:

https://example.com/old-product

pero esa página ya no existe en esa ruta.

La causa puede ser:

• una URL mal escrita;
• una página eliminada;
• una página renombrada;
• un enlace interno roto;
• un enlace externo antiguo;
• una migración fallida del sitio web;
• un cambio de enlace permanente de CMS;
• un producto que fue eliminado;
• una URL de campaña con formato incorrecto.

El estado en sí es normal.

Cada sitio web establecido eventualmente acumula URL que ya no existen.

El problema es no tener un 404.

El problema es que el visitante no tiene forma de recuperarse.

Un 404 personalizado aún debería regresar HTTP 404

Esta es la regla técnica más importante del artículo.

Puede crear una hermosa página de error personalizada con su logotipo, navegación, cuadro de búsqueda, productos y enlaces de soporte.

Pero el servidor aún debería devolver un valor real:

404 Not Found

cuando el contenido solicitado no existe.

No cree una página de error que diga visualmente "Página no encontrada" al devolver:

200 OK

Eso puede crear lo que los motores de búsqueda llaman un 404 suave.

El usuario ve un error, pero el servidor les dice a los rastreadores que la página es válida.

Eso envía información contradictoria.

Un buen 404 personalizado mejora la experiencia del visitante sin mentir sobre el estado del HTTP.

Cuándo usar un 301 en su lugar

No todas las páginas que faltan deben seguir siendo 404.

Supongamos que esta página solía existir:

/example-old-service

y la reemplazó permanentemente con:

/example-new-service

En ese caso, una redirección permanente 301 suele ser más apropiada que mostrar un 404.

El visitante solicitó contenido antiguo y usted conoce el Nueva ubicación exacta.

Redirigirlos.

Utilice un 404 cuando:

• el contenido ya no esté;
• no existe un reemplazo claro;
• la URL simplemente no es válida;
• el visitante cometió un error tipográfico; La redirección de
• los enviaría a algún lugar no relacionado.

No redirija todas las URL que faltan a la página de inicio.

Esto puede parecer útil, pero puede confundir a los usuarios y ocultar enlaces rotos en lugar de arreglarlos.

Si una persona solicita un producto descontinuado, enviarla silenciosamente a una página de inicio genérica no da ninguna explicación.

Una página 404 útil puede funcionar mejor.

Su página 404 tiene una función: mantener al visitante en movimiento

Un visitante que llega a un 404 ha perdido el contexto.

Tu página debería restaurarse rápidamente.

Las mejores páginas 404 responden a tres preguntas:

¿Qué pasó?

Dígale al visitante que no se pudo encontrar la página.

¿El sitio web sigue funcionando?

Mantenga su marca y navegación normales para que el visitante sepa que todavía está en el lugar correcto.

¿Qué debo hacer a continuación?

Ofrezca opciones útiles.

Eso es suficiente.

Un 404 no necesita una disculpa de 500 palabras.

Necesita dirección.

Comience con un lenguaje claro

Evite lenguaje técnico como:

El URI solicitado no se pudo asignar a un recurso del lado del servidor.

Los clientes no necesitan una lección de servidor web.

Utilice algo más simple:

No pudimos encontrar esa página.

Entonces ayuda:

El enlace puede ser antiguo o la página puede haberse movido. Busque en nuestro sitio o elija una de las opciones a continuación.

Eso dice la verdad sin que el sitio web parezca roto.

Mantenga su navegación normal

Un 404 simple generado por un servidor a menudo se ve completamente diferente al sitio web.

Eso genera dudas.

Los visitantes pueden preguntarse:

• ¿Salí del sitio?
• ¿Este dominio está roto?
• ¿Me redirigieron a algún lugar no seguro?
• ¿Debo cerrar la pestaña?

Un 404 personalizado normalmente debería conservar su: logotipo

• ; encabezado
• ; Navegación principal
• ; Pie de página
• ; tipografía de marca
• ;
• identidad visual básica.

La página está en un estado de error, pero sigue siendo parte del recorrido del cliente.

La coherencia garantiza al visitante que el sitio web permanece disponible.

Ofrezca al visitante un cuadro de búsqueda

Search es una de las herramientas de recuperación más potentes para sitios web con mucho contenido.

Imagine que alguien hace clic en un artículo antiguo llamado:

/how-to-choose-hosting-2024

. El artículo se movió, pero el visitante claramente quiere información de alojamiento.

Un cuadro de búsqueda del sitio les brinda una forma directa de recuperar esa intención.

Para el comercio electrónico, la búsqueda puede ser aún más valiosa.

La URL de un producto descontinuado aún puede revelar exactamente qué categoría desea el visitante.

En lugar de perder la sesión, ayúdalos a buscar una alternativa.

Enlace a las páginas que la gente necesita con mayor frecuencia

No complete el formulario 404 con cada enlace de su sitio web.

Elija un pequeño conjunto de destinos útiles.

Para un sitio comercial, podría ser:

• Inicio; Productos
• ; Servicios
• ; Precios
• ; Contacto
• ; Soporte
• ; Blog
• .

Para SoxDomains, una página de recuperación lógicamente podría dirigir a los visitantes hacia:

• domain search;
• domain tools;
• hosting;
• WHOIS Privacy;
• domain promotions;
• FAQ.

El objetivo no es mostrarlo todo.

Es para darle al visitante la siguiente acción útil más probable.

Haga que la CTA coincida con el sitio web

Una página 404 puede incluir un llamado a la acción, pero no debe parecer una emboscada.

Si un cliente ya está frustrado porque un enlace falló, este no es el momento ideal para una ventana emergente agresiva que diga:

¡COMPRA AHORA ANTES DE QUE SEA DEMASIADO TARDE!

Utilice una CTA útil en su lugar.

Para un registrador de dominio:

Buscar un dominio

Para una empresa de hosting:

Comparar planes de hosting

Para una tienda de comercio electrónico:

Explorar productos actuales

Para una empresa de software:

Ir al panel

Para una empresa de servicios local:

Contactar con nuestro equipo

El CTA debe resolver el siguiente problema del visitante problema.

Utilice la página 404 para saber qué está roto

Un 404 no es solo un evento de experiencia del usuario.

Son datos.

Si 100 personas solicitan la misma URL que falta cada semana, algo les dirige allí.

Las posibles fuentes incluyen:

• un enlace interno antiguo; Resultados de Google
• ;
• otro sitio web;
• anuncios antiguos;
• una campaña de correo electrónico; redes sociales
• ;
• un PDF; Marcadores
• ; Códigos QR
• ;
• un mapa del sitio incorrecto.

Supervise las solicitudes 404 a través de las herramientas disponibles en su entorno de alojamiento, aplicación, pila de análisis o registros del servidor.

Luego clasifícalos.

URL faltante de alto valor con un reemplazo directo

Cree una redirección 301.

Error tipográfico o URL aleatoria

Mantenga un 404 adecuado.

Enlace interno roto

Corrija el enlace en su origen.

Enlace externo a una página antigua

Redirigir al reemplazo relevante más cercano cuando exista.

Escaneos de ataques o ruido automatizado

No cree redirecciones para rutas de explotación aleatorias sólo porque los bots las solicitaron.

No todos los 404 merecen acción.

Los valiosos revelan la intención perdida del cliente.

Las eliminaciones de productos necesitan un mejor plan

Los sitios de comercio electrónico generan muchos problemas 404 porque los productos cambian con frecuencia.

Supongamos que vendió:

/red-running-shoe-v1

y ahora el producto ya no existe.

¿Qué debería pasar?

Depende.

Si existe un reemplazo directo:

/red-running-shoe-v2

considere una redirección permanente.

Si el producto ya no está pero la categoría sigue siendo útil, es posible que prefieras una página útil de producto descontinuado durante un período antes de eliminarlo, dependiendo de tu plataforma y estrategia de SEO.

Si no hay un reemplazo relevante, un 404 real puede ser la respuesta técnica correcta.

No redirija productos descontinuados a artículos no relacionados simplemente para evitar códigos de estado 404.

La relevancia del cliente es más importante que hacer que un informe de errores parezca vacío.

Las migraciones de sitios web son el lugar donde se multiplican los problemas 404

Una migración puede crear cientos o miles de URL rotas en una tarde.

Esto sucede cuando: Las estructuras de enlaces permanentes de

• cambian; Las extensiones de archivo
• cambian; Se reorganizan las categorías
• ; Las carpetas de idioma
• cambian; Los productos
• reciben nuevas identificaciones;
• el CMS genera diferentes slugs;
• Las reglas de redireccionamiento se olvidan.

SoxDomains ya tiene un website hosting migration guide detallado que explica por qué las redirecciones deben asignarse antes de una migración.

Su página 404 personalizada es la red de seguridad.

No es el plan de migración.

Si una URL antigua tiene un equivalente nuevo y claro, cree la redirección.

Utilice el 404 para contenido que realmente falta.

Un 404 de marca puede mostrar personalidad sin convertirse en una broma

Muchos sitios web famosos utilizan el humor en sus páginas 404.

Eso puede funcionar.

Pero el humor no debería sustituir la usabilidad.

Una ilustración inteligente sin navegación sigue siendo un callejón sin salida.

Un mensaje divertido que hace que el usuario busque manualmente en el navegador sigue siendo fricción.

Utilice la personalidad después de lo esencial:

1. explique lo que pasó;
2. preserva la navegación;
3. proporciona opciones de recuperación;
4. luego agrega personalidad.

Por ejemplo:

Esta página hizo las maletas y abandonó el servidor.

puede ser divertido si va seguido inmediatamente de:

Buscar en el sitio, regresar a casa o explorar nuestros servicios más populares.

El visitante nunca debería necesitar decodificar el chiste para entender la página.

Las páginas 404 móviles necesitan atención especial

Un 404 que funciona en el escritorio puede resultar irritante en el móvil.

Verifique:

• si la navegación colapsa correctamente;
• si el cuadro de búsqueda se ajusta a la pantalla;
• si los botones son fáciles de tocar;
• si la página se carga rápidamente;
• si el CTA más útil aparece antes de que pase mucho tiempo con el contenido decorativo;
• si las opciones de contacto funcionan desde un teléfono.

Recuerde por qué el visitante está allí.

Ya experimentaron una falla.

No les hagas luchar también contra la página de recuperación.

No coloque un embudo de ventas completo en la página de error

Un 404 debería recuperar la intención, no crear una sobrecarga.

Evite:

• cinco ventanas emergentes; Vídeo de reproducción automática
• ;
• enormes formularios de boletines;
• cada categoría de producto;
• promociones no relacionadas; Temporizadores de cuenta regresiva agresivos
• ;
• múltiples CTA en competencia.

Un visitante de una página de error tiene paciencia limitada.

Deles de tres a cinco caminos fuertes en lugar de veinte débiles.

Pruebe el estado del HTTP después de personalizar

Este paso es fácil de olvidar.

Después de diseñar la página, verifique que una URL inexistente aún devuelva el estado 404.

Por ejemplo, solicite algo que sabe que no existe:

https://yourdomain.com/this-page-definitely-does-not-exist-12345

Luego inspeccione la respuesta HTTP usando las herramientas de desarrollo de su navegador o un comando como:

curl -I https://yourdomain.com/this-page-definitely-does-not-exist-12345

Quiere ver una respuesta que contenga:

404

no:

200

Deben coexistir un diseño personalizado y un estado correcto del servidor.

Personalización de páginas 404 en cPanel

Si su entorno de alojamiento proporciona cPanel y habilita la función relevante, cPanel incluye una interfaz Páginas de error que puede personalizar las respuestas de error de HTTP, incluidas las páginas 404.

La implementación exacta puede variar según la configuración del alojamiento y la plataforma del sitio web.

WordPress, Laravel, otros marcos y aplicaciones personalizadas pueden manejar plantillas 404 dentro de la aplicación en lugar de depender directamente de la página de error genérica del servidor web.

El lugar correcto para personalizar la página depende de dónde su sitio web genera la respuesta.

Con el alojamiento compartido SoxDomains, los clientes utilizan herramientas de administración basadas en cPanel para tareas de alojamiento comunes. Si no está seguro de si el 404 pertenece a cPanel, su tema CMS o su aplicación, identifique qué capa genera actualmente el error antes de editar archivos.

La página 404 debe coincidir con su objetivo comercial

Diferentes sitios necesitan diferentes rutas de recuperación.

Registrador de dominios

Prioridad: búsqueda de dominios

• ; Precios
• ; herramientas de dominio
• ; Soporte para
• .

Tienda de comercio electrónico

Prioridad: búsqueda de productos

• ;
• categorías populares;
• productos vistos recientemente; Soporte para
• . Blog

Prioridad: búsqueda de artículos

• ; Publicaciones populares
• ; categorías
• ; Página de inicio de
• .

Producto SaaS

Prioridad: panel

• ; Documentación
• ;
• página de estado; Soporte para
• .

Empresa local

Prioridad: servicios

• ; Ubicación
• ; Contacto
• ; Reserva
• .

Su 404 debe reflejar lo que es más probable que necesite a continuación un visitante perdido.

Cómo ayuda SoxDomains a reducir la fricción de URL rotas

Una buena página 404 es parte de la configuración saludable de un sitio web.

SoxDomains proporciona los componentes básicos que lo rodean:

• domain registration para una dirección de marca estable;
• web hosting con gestión basada en cPanel;
• domain tools para DNS y comprobaciones de registro;
• SSL certificates para HTTPS; Gestión de DNS
• a través de su cuenta SoxDomains; Soporte
• cuando necesites ayuda para conectar tu dominio y hosting.

El objetivo no es eliminar cada 404 para siempre.

Esto no es realista para un sitio web en crecimiento.

El objetivo es evitar enlaces rotos evitables, redirigir páginas que realmente se movieron y hacer que los inevitables errores 404 sean útiles para los visitantes.

Una página 404 mejor en diez pasos

Utilice esta lista de verificación:

1. Devuelva un HTTP 404 real

No cree un 404 suave.

2. Utilice el diseño normal del sitio web

Mantenga el logotipo, la tipografía y la navegación coherentes.

3. Explique el problema claramente

Diga que no se puede encontrar la página.

4. Enlace a la página de inicio

Proporcione siempre un punto de partida seguro.

5. Agregar búsqueda cuando sea útil

Especialmente para tiendas, documentación y blogs.

6. Agregue algunos enlaces de alto valor

No descargue todo el mapa del sitio sobre el visitante.

7. Incluya una CTA relevante

Ayude al visitante a continuar hacia su objetivo original.

8. Supervise las URL faltantes solicitadas con frecuencia

Pueden revelar enlaces rotos o pérdida de tráfico de búsqueda.

9. Redirigir sólo cuando exista un verdadero reemplazo

Utilice 301 para movimientos permanentes.

10. Pruebe la recuperación

móvil y de escritorio debería funcionar en todas partes.

Un enlace roto no tiene por qué finalizar la visita

Un visitante que llega a su página 404 ya ha mostrado su intención.

Hicieron clic.

Buscaron.

Teclearon tu dominio.

Siguieron una recomendación.

Eso no es tráfico que debas desechar con una página de error en blanco.

Cuéntales lo que pasó.

Bríndeles opciones útiles.

Devuelve el estado correcto de HTTP.

Entonces deja que el sitio web siga haciendo su trabajo.

Si su configuración de alojamiento actual ofrece a los visitantes un callejón sin salida genérico, utilice las herramientas SoxDomains hosting y cPanel para crear una experiencia de recuperación más profesional en torno a su dominio.