Personalizar la pagina de Error 404 en WordPress

Personalizar la pagina de Error 404 en WordPress

Los errores de este tipo son más comunes de lo que te imaginas ya sea porque un usuario ha tenido un error de escritura cambiando, aunque sea una letra de la URL a buscar, porque se han cambiado las estructuras de las URLs o se ha eliminado una página. Sea cual sea el caso se tendrá como resultado una página de Error 404.

Esta página puede generar una experiencia de usuario negativa sobre todo teniendo en cuenta que casi nunca se personaliza y se usa la que viene por defecto con WordPress.

Sigue aprendiendo con los cursos de la Zona Premium. Puedes darte de alta por 10€ al més aquí. Incluye acceso a los cursos, descargas de temas, plugins premium y soporte directo conmigo para dudas.

Pero vamos por partes primero definamos con exactitud que es el error 404.

Error 404 WordPress
Error 404 en WordPress

¿Qué es el error 404?

El error HTTP 404 Not Found o HTTP 404 No encontrado es el error de estado HTTP más conocido y es un código que indica que el cliente o navegador web se ha conectado correctamente con el servidor pero que el servidor no ha podido responderle con lo que el cliente o navegador web pide, ya que por alguna razón técnica no lo ha encontrado.

La página 404.php, es la página de error 404 de WordPress se puede encontrar dentro del directorio de la plantilla que estés utilizando. Es decir, en “wp-content/themes/nombre-plantilla”

Por ultimo, hay que señalar que tener estos errores en tu sitio web no son nada buenos para SEO de tu web. La mejor forma de solucionarlos es crear una redirección 301 desde las páginas que ya no existen hacia páginas relacionadas. Las redirecciones 301 son las que Google recomienda para no perder el SEO de la página antigua.

Con estas redirecciones aparte de redirigir una página que no existe hacia otra que si existe también se redirige el flujo de SEO desde la antigua a la nueva.

Elementos que debe tener una buena página de Error 404

Para crear páginas de Error 404 amigables es recomendable que tenga los siguientes elementos:

1. Buen diseño

Es indispensable tener un buen diseño que contraste con la apariencia plana que regularmente tienen estas páginas es un aspecto elemental para mejorar la experiencia de usuario. Cabe recalcar que la apariencia que tenga tu página de error dependerá del tema que tenga en uso.

2. Una disculpa

Es necesario un mensaje claro que indique al usuario que la página que ha solicitado no existe o ha sido eliminada

3. Alternativas

No basta con una disculpa debemos ofrecer alternativas al usuario para encontrar lo que estaba buscando o algo similar para que no abandone nuestra web. Dentro de las más comunes están:

  • Un buscador
  • Enlace a la página de inicio
  • Barra de navegación con categorías del sitio o blog
  • Si el sitio es una tienda en línea se pueden mostrar los productos destacados
  • Formulario o email de soporte, para que el usuario pueda comunicarse y reportar el error

Vamos ahora con Plugin 404page

plugin404page WordPress

Este plugin completamente gratuito nos permite redireccionar el tráfico que va al error 404 directo a una página que nosotros hayamos diseñado, además nos permite ocultar la página que definimos como 404 para los usuarios no administradores y definir varios métodos para la redirección al error 404 personalizado.

instalar plugin 404page

Para instalarlo solo vamos a WordPress  damos en Plugins > Añadir nuevo y lo buscamos

Lo instalamos y después lo activamos. En el siguiente vídeo veremos cómo usarlo para personalizar nuestra pagina de error

Pues hasta aquí esta clase de cómo personalizar el error 404 en WordPress. Espero que te haya gustado.

No dudes en enviarme un correo si tienes cualquier duda o quieres proponer algún tema que te gustaría que tratara en próximos tutoriales.

Sigue aprendiendo con los cursos de la Zona Premium. Puedes darte de alta por 10€ al més aquí.
Incluye acceso a los cursos, descargas de temas, plugins premium y soporte directo conmigo para dudas.

Prueba 12 clases gratis

 

1. Cómo contratar un hosting, instalar WordPress y acceder a tu web

2. Cómo buscar y elegir un theme para tu web

3. Cómo crear menús personalizados

4 Cómo personalizar páginas en WordPress con Gutenberg

5. Cómo instalar Divi y cargar diseño web en un par de clics. 

6. Qué es el email marketing y porqué debes usarlo

7. Cómo funciona el editor visual de MailerLite para crear tus campañas de email marketing

8. Cómo crear una tienda online profesional con Flatsome

9. Cómo crear una página web para inmobiliarias

10. Estrategias linkbuilding para mejorar el SEO

11. Cómo crear metadescripciones para atraer más clics a nuestra web.

12. Cómo conseguir suscriptores y contactos

Muchas gracias por suscribirte. Tendrás noticias mías por correo en breveRevisa, por favor, tu bandeja de spam o correo no deseado si en unos minutos no has recibido mi email.¡Seguimos!​David