Como hacer páginas de errores de forma realmente simple
Cuando navegamos por internet, todo parece fluir con naturalidad. Hacemos clic, cargan los contenidos y pasamos de una página a otra casi sin pensarlo. Sin embargo, ese viaje digital también tiene sus tropiezos. En algún momento todos nos hemos encontrado con una página de error. Como hacer páginas de errores de forma realmente simple.
Quizá la más conocida sea la 404 que aparece cuando una dirección no existe o ya no está disponible. Lejos está de ser un simple mensaje técnico. Las páginas de error en HTML forman parte importante de la experiencia de usuario. También influyen en cómo los buscadores interpretan un sitio web.
Qué son realmente las páginas de error
En esencia, una página de error es una respuesta que el servidor envía cuando algo no funciona como se esperaba. Puede ocurrir porque una URL ya no existe. O porque el usuario no tiene permisos para acceder. Quizás porque el servidor está experimentando algún problema.
El navegador podría mostrar simplemente un mensaje genérico. Pero muchos sitios web crean sus propias páginas de error en HTML. Esto se hace para mantener coherencia visual y orientar al visitante. Hoy veremos, entre otras cosas…, como hacer páginas de errores de forma realmente simple.
Esto significa que, en lugar de encontrarse con una pantalla fría y confusa, el usuario ve una página diseñada por el propio sitio. Puede incluir explicaciones claras o enlaces para volver a la página principal. Incluso puede haber elementos de navegación que ayuden a continuar la visita. Desde el punto de vista del desarrollo web, estas páginas funcionan como un mecanismo de control, evitando que el visitante se pierda cuando algo falla.
Pero antes de ver como hacer paginas de errores de forma simple… veamos un poco la relación que tienen con el SEO.
La relación entre las páginas de error y el SEO
Desde la perspectiva del posicionamiento en buscadores, las páginas de error tienen un papel más relevante de lo que parece. Los motores de búsqueda analizan continuamente las páginas de un sitio web para indexarlas correctamente. Cuando encuentran enlaces que conducen a errores, interpretan esa información como una señal sobre la calidad y el mantenimiento del sitio.
Una página de error bien configurada puede ayudar a los buscadores a entender qué ha sucedido. Por ejemplo, cuando una página ya no existe, el servidor debe devolver el código adecuado para indicar que ese contenido ha desaparecido.
Esto permite a los buscadores eliminarla de sus resultados con el tiempo y evita confusiones en la indexación. En cambio, si el sitio responde con códigos incorrectos o muestra contenido aparentemente válido… donde en realidad hay un error, los motores de búsqueda pueden interpretar mal la situación.
Esto penaliza a la larga en el posicionamiento SEO.
Ventajas para el posicionamiento y la experiencia de usuario
Cuando están correctamente implementadas, las páginas de error aportan varios beneficios indirectos al SEO. En primer lugar, ayudan a mantener una estructura clara para los buscadores. Indican con precisión qué páginas existen y cuáles no.
Esto mejora la eficiencia del rastreo y evita que los robots pierdan tiempo intentando indexar contenidos inexistentes. Además, una página de error personalizada puede reducir la tasa de abandono. Si el visitante encuentra enlaces útiles o una explicación clara… es más probable que continúe navegando en lugar de cerrar el sitio.
Este tipo de comportamiento positivo puede influir en métricas de experiencia de usuario que, cada vez más, forman parte del ecosistema del posicionamiento.A pesar de sus ventajas, las páginas de error también pueden convertirse en un problema si se gestionan mal.
Un número elevado de enlaces que conducen a errores puede dar la impresión de que el sitio está descuidado o desactualizado. Los buscadores pueden interpretarlo como una señal de baja calidad, especialmente si esos errores afectan a muchas páginas internas.
Otro inconveniente aparece cuando las páginas de error están mal configuradas desde el punto de vista técnico. Si el servidor devuelve un código incorrecto o muestra contenido sin indicar claramente el error, los buscadores pueden seguir intentando indexar esas páginas. Esto genera lo que se conoce como errores “blandos”, que dificultan la correcta interpretación del sitio por parte de los motores de búsqueda.
Un pequeño detalle con gran impacto
Aunque a menudo pasan desapercibidas, las páginas de error forman parte del engranaje que mantiene funcionando la web. Son el equivalente digital a una señal de desvío en una carretera.
Indican que algo ha cambiado, pero también muestran el camino para seguir avanzando. Cuando se diseñan con cuidado y se configuran correctamente, no solo mejoran la experiencia de los usuarios. También ayudan a los buscadores a entender mejor la estructura de un sitio web. Y en el complejo mundo del SEO, incluso los pequeños detalles pueden marcar una gran diferencia.
Lo prometido es deuda… vamos a por nuestras páginas de errores de forma simple y sencilla.
Como hacer páginas de errores de forma realmente simple
La primera pregunta que nos invade es… cuántas páginas de errores debo tener en mi web?. Bueno, la respuesta rápida es 4 o 5. La segunda pregunta es… cuales son?.
Vamos a empezar por el número. Si bien hay una gran cantidad de estas páginas, realmente solo necesitaremos las 4 o 5 más habituales. Las que más se utilizan, o dicho de otra forma, las más visibles.
En primer lugar tenemos la archiconocida 404, si esa famosa página que todo hemos visto alguna vez. En segundo lugar tendremos la 500, que es más técnica que otra cosa. Y por último la 400, 403 y 503 que no son tan habituales pero si muy importantes. En esta web ☚ podéis ver algunas páginas 404 un tanto divertidas
Pero como hemos dicho antes, eso solo es un punto, a favor, pero una parte de su importancia. En Mac Disenys Studio hemos utilizado la pantalla de inicio. Por que?, por coherencia, mantenemos la estética visual y creamos un entorno amigable con el usuario. El diseño como no, es personalizado… cada cual que utilice el editor que más le guste.
Os dejo otro enlace ☚ para que os inpireis y podáis crear vuestra página. Una vez creada, y con un mensaje claro, conciso y que sirva para el usuario… debemos implementarla en nuestra web y hacer que sea esta y no la genérica la que aparezca.
Dirígete a tu hosting, en la raíz, donde esta el index.html, busca el archivo (de texto) .htaccess. Abrelo y pincha en la parte final y escribe ErrorDocument /404.html, tal cual lo ves aquí escrito. La contra barra nos indica que esta en raíz junto al index.
Si tuviéramos el archivo en una carpeta deberíamos escribir algo como… ErrorDocument /carpeta/404.html
Ya esta, si, si asi de simple. Para el resto de páginas deberás cambiar el 404 por el número de la página que quieras implementar.
Conclusión
No he querido extenderme en cuanto al diseño, porque eso es cosa de cada cual. Quizás más adelante haga un tutorial de como crear una. Diseño puro y duro, sin tecnicismos. También estoy pensando en hacer un post más detallado de las páginas en sí mismo. Ya que mucha gente no conoce que significa cada codigo de error que aparece en las webs.
De momento me despido aqui, esperando que os haya aclarado la importancia de estas páginas respecto al SEO. Solo me queda agradeceros vuestro tiempo y haceros un regalo. En esta web ☚, tienen una página 404 realmente entretenida. Pasar a verla y echaos una partidita… o dos jejeje.
