Cómo crear una página 404 personalizada en WordPress
Nunca es bueno que un enlace lleve a un visitante a una página que ya no existe. Puede haber decepción, confusión y un giro en U con el visitante abandonando su sitio después de la prisa. Afortunadamente, hay algo que puedes hacer al respecto para que la situación sea menos discordante, incluso humorística si ese es tu estilo. Todo lo que se necesita es reemplazar la página de error no encontrada de la página predeterminada, estéril y genérica (también conocida como página 404) por una que sea realmente útil. En este post, explicaré cómo crear una página 404 personalizada en WordPress.
Convierta los callejones sin salida digitales en señales para sus usuarios, e incluso agregue un poco de humor, creando una página 404 personalizada.
Una página 404 genérica se verá algo como esto:
Si bien este es un callejón sin salida, puede convertirlo en una señal que guíe el camino en su lugar. Agregue un poco de humor y el gemido de su visitante se convertirá en una risa.
Aquí hay uno de Airbnb que hace ambas cosas: los visitantes obtienen un gráfico divertido para sus problemas y enlaces fáciles a lo que podrían haber estado buscando:
Algunos creadores de temas incluyen una página personalizada de 404 y otros no. Para tener una idea de cómo su tema está manejando los errores, escriba una URL sin sentido como http://mysite.com/nosuchpage y vea lo que aparece. Si no te gusta, hay mucho que puedes hacer para cambiarlo.
¿Cómo crear una página 404 personalizada en WordPress?
Cuando se trata de crear una página 404 personalizada en WordPress, tiene varias opciones:
- Edita la página 404 existente de tu tema.
- Agrega una página 404 personalizada si tu tema no tiene una.
- Use un complemento 404.
Cubriremos cada uno de estos en detalle a continuación.
Nota: Al editar un tema de WordPress, es mejor trabajar con un tema hijo. De lo contrario, las actualizaciones del tema podrían sobrescribir su trabajo duro.
Editar la página 404 de tu tema
Primero, comprueba si tu tema incluye una página 404 personalizada. Puede hacerlo abriendo el editor de temas (Editor de apariencia >) desde el panel de administración.
En la lista de archivos en el lado derecho de la página, busque uno llamado 404.php.
Si no hay un 404.php, entonces tu tema no incluye una plantilla 404 personalizada y si quieres una, tendrás que agregarla (como se describe más adelante en este artículo). De lo contrario, simplemente puede hacer clic en el archivo existente y editarlo directamente en el panel de WordPress.
La carne del 404.php que viene con el tema Twenty Seventeen se parece a esto:
Para cambiar la página, edite el texto resaltado. También puede agregar párrafos adicionales debajo de él (por encima del final del div de contenido de la página), incluidas las imágenes y los enlaces útiles que desee agregar.
Crear una página de WordPress 404
Si tu tema no incluye un 404.archivo php, hay dos formas fáciles de crear uno:
1. Copiado el 404.php de otro tema, como el tema de WordPress Twenty Seventeen (/wp-content / themes / twentyseventeen / 404.php) en el directorio de su tema actual. Edite la página como se describe anteriormente.
2. Copia el índice de tu tema.php a un archivo llamado 404.php en tu tema actual. Elimina las partes relacionadas con el bucle de WordPress. Generalmente, esta es la sección que comienza algo como esto:
<?php if ( have_posts() ) : ?>
y termina con:
<?php endif; ?>
Tenga en cuenta que la sintaxis exacta puede ser ligeramente diferente, pero está buscando have_posts y endif. A continuación, inserte su código personalizado en el espacio que creó.
La ventaja del segundo método es que es probable que obtengas el formato que usa tu tema en todo el sitio, por lo que el estilo coincidirá.
Plugins de WordPress 404
Si no te sientes cómodo editando el código PHP de tu tema, es posible que prefieras trabajar con un plugin. los complementos 404 le ayudarán a crear una página de error 404 y, a menudo, como una ventaja adicional, rastreará y registrará todos los errores de página no encontrados. Estos son algunos de los favoritos:
404page
Este complemento diseñado cuidadosamente le permite crear su página 404 como lo haría con cualquier otra publicación de WordPress. A continuación, vaya a la página de error Apariencia > 404 y designe la nueva página como su página 404. También devuelve el código de error correcto al navegador del visitante. Más de 70,000 sitios de WordPress usan este plugin y está cargado con calificaciones de 5 estrellas, por lo que es una excelente elección.
Custom 404 Pro
El complemento gratuito también le permite designar cualquier página que cree como su página 404. Además, registra todos los errores 404 en un informe que puede revisar, para que pueda rastrear y aplastar tantos como sea posible.
404 Página de SeedProd
Este plugin te ayuda a configurar rápida y fácilmente una página personalizada de 404 en WordPress. Funciona con la mayoría de los temas y te permite personalizar completamente tu nueva página 404. La versión básica es gratuita. Una versión pro, a la que debe suscribirse anualmente, ofrece funciones adicionales, como recopilar la dirección de correo electrónico del visitante.
Terminando
Hay bastantes complementos 404 adicionales en el directorio de complementos de WordPress, pero los anteriores son favoritos probados.
Al elegir un complemento 404, evite aquellos que devuelvan un código de redirección 301 al navegador en lugar del código de error 404 no encontrado correcto. Dado que la página, de hecho, no existe, no debe decirle a los navegadores que se ha reubicado.
La redirección puede ser muy útil para tratar los errores 404, pero solo se aplica cuando puede reenviar a los usuarios a la página a la que originalmente querían llegar. De lo contrario, deberías entregar una bonita página 404.
Consejos para una buena página 404 en WordPress
Si el mensaje 404 predeterminado es suave y no es terriblemente útil, ¿qué debe incluir en su lugar? Un buen diseño incluirá:
- Diseño y marca que coincida con el resto de su sitio web.
- Un mensaje útil que informa a los visitantes que la página no se encontró.
- Enlaces a páginas relevantes de tu sitio, como la página de inicio o páginas populares, para animar al visitante a quedarse.
- Quizás una imagen o tono humorístico, si ese es tu estilo.
Una página 404 efectiva le ayudará a evitar que sus visitantes hagan clic y los alentará a explorar más su sitio. También debe realizar un seguimiento de los errores 404 de su sitio y crear redirecciones cuando pueda reenviar a los usuarios a su destino previsto.
Una buena página 404 personalizada cambia un callejón sin salida en una puerta que anima a los visitantes a entrar y quedarse. Ningún sitio web está completo sin uno.
Relacionado: Cómo configurar redireccionamientos 301 en WordPress