Cómo corregir el error 404 para sitios web de WordPress

Uno de los peores sentimientos como usuario de un sitio web es hacer clic en un enlace y ser llevado a una página de error 404. El 404 es uno de los códigos de error más inofensivos de Internet, ya que simplemente indica que falta la página solicitada. Sin embargo, también puede ser uno de los más frustrantes e impactantes para los usuarios porque cuando el contenido que buscan desaparece en una nube de humo. Google y otros motores de búsqueda también lo odian. Afortunadamente, corregir el error 404 de WordPress y hacer que la experiencia de usuario de su sitio sea de primera categoría tanto para los rastreadores de motores de búsqueda como para los usuarios normales es bastante sencillo.

Suscríbete a nuestro canal de Youtube

¿Qué es exactamente un código de error 404?

El temido 404 es un código de estado de respuesta HTTP. Es similar al 503, 500, 301, etc. que puede ver ocasionalmente. No son del todo malos. Por ejemplo, un código de respuesta 301 solo significa que una página se ha redirigido permanentemente a otra. Sin embargo, el 404 es uno de los malos: los bloques 400 y 500 son los que más se deben tener en cuenta, ya que son los errores del cliente y del servidor, respectivamente.

Mozilla Developer Network MDN define el 404 así:

El servidor no puede encontrar el recurso solicitado. En el navegador, esto significa que no se reconoce la URL. En una API, esto también puede significar que el punto final es válido pero el recurso en sí no existe. Los servidores también pueden enviar esta respuesta en lugar de 403 para ocultar la existencia de un recurso a un cliente no autorizado. Este código de respuesta es probablemente el más famoso debido a su frecuente aparición en la web.

Los puntos importantes a recordar son que la URL no se reconoce y que el punto final es válido, pero el recurso en sí no existe . Le mostraremos cómo lidiar con este tipo de problemas para que pueda limitar los 404 en su sitio solo a aquellos (con suerte) sobre los que no tiene control.

¿Cuándo un 404 no es realmente un 404?

Bueno, técnicamente un 404 es siempre un 404. Pero a veces, aparece un 404 cuando no hay nada que puedas hacer al respecto. De eso es de lo que habla MDN arriba.

Por ejemplo, no hay nada que pueda hacer si alguien escribe incorrectamente la URL de su sitio web . Si están intentando acceder a elegantthemes.com/blog y escriben elegantthemes.com/blag , obtendrán un error 404. No porque nuestro sitio esté configurado incorrectamente o porque algo esté mal, solo tienen un error tipográfico. Eso es lo que MDN quiere decir con la URL no reconocida .

Y cuando el punto final es válido pero el recurso en sí no existe , lo que sucede es que la URL en sí está bien. Se ha escrito perfectamente, el enlace es / era correcto, pero lo que sea que apunta se ha movido. Tal vez estaba enlazando a elegantthemes.com/divi-changelog.pdf , pero cambiamos el nombre del archivo a simplemente changelog.pdf . El usuario obtendría un 404, pero no habría hecho nada malo. Eso estaría de nuestro lado, por lo que podríamos solucionarlo con una simple redirección 301.

O si la persona va a elegantthemes.com/blackfriday un día antes de que comience la venta. ¿Qué los saluda? Un 404. No porque estuvieran haciendo algo mal, sino porque la página aún no se ha publicado. La URL es correcta y el contenido existe. Pero porque el navegador no puede devolverlo porque técnicamente aún no está en Internet. Nuevamente, es un 404, pero no realmente.

Sin embargo, con todo eso en mente, vayamos a los que están fuera de su control y que sus visitantes no pueden solucionar con solo presionar la tecla Retroceso. También recuerde que este tipo de errores 404 no afectarán al SEO, en general. Porque los motores de búsqueda encontrarán el contenido que está allí y, por lo general, no ingresarán la URL incorrecta.

Cómo encontrar errores 404 de WordPress

Cuando trabaje en WordPress e intente encontrar todos los errores 404 que pueda tener su sitio, puede comenzar en cualquier número de lugares o utilizar cualquier número de métodos. Sin embargo, existen algunas formas bastante fáciles y sencillas de localizarlos.

Consola de búsqueda de Google

Una de las mejores herramientas para cualquiera que tenga un sitio web es Google Search Console. Si no está familiarizado con él, este es el momento de profundizar y ser amigable. Desde este panel de control, obtiene tanta información sobre su sitio web como podría desear. Si está familiarizado con la forma en que Google Analytics desglosa sus métricas, Search Console lo hace de manera similar.

Por ejemplo, para verificar sus errores 404 de WordPress, solo necesita ir a la pestaña Cobertura a la izquierda del tablero para ver cuáles son los errores particulares.

Verá la cantidad de errores y problemas en general a lo largo del tiempo, así como también podrá obtener un análisis detallado de los errores haciendo clic en ellos. La Consola de búsqueda de Google también proporciona documentación sobre cómo lidiar con diferentes problemas y códigos de error. Por ejemplo, este es el documento para corregir los errores suaves 404 que se encuentran en la imagen de arriba.

Ver enlaces externos

En WordPress (y también en otras plataformas CMS), puede cambiar sus enlaces permanentes muy fácilmente. En WP, solo necesita ir a Configuración - Enlaces permanentes , y puede hacer que las URL de su sitio aparezcan en la estructura que desee. En cualquier momento que desee. Pero no querrás cambiarlos. Porque otros sitios (probablemente) ya se han vinculado a su sitio. Cualquiera que luego haga clic en su enlace será llevado a una página 404.

Darles a las personas un enlace de redireccionamiento o un cuadro de búsqueda ayuda a aliviar parte del dolor para que puedan encontrar la página que están buscando, pero querrá asegurarse de que se mantenga al mínimo. Para hacerlo, querrá verificar sus enlaces externos en Google Search Console. Lo encontrará en Vínculos - Vínculos externos - Principales páginas vinculadas .

Puede expandir para ver todos los vínculos de retroceso a su sitio haciendo clic en Más . Sin embargo, el resto de este proceso es manual. Dependiendo de cómo haya cambiado la estructura de su URL con el tiempo, querrá tomar cualquier enlace individual que haya sido alterado. Como los que van de example.com/post-name a example.com/author/post-name . Luego, querrá tomar la URL anterior y redirigirla 301 usando un complemento como Redirección o algo similar pegando la URL anterior en la que se hace clic y luego pegando la nueva para apuntar.

Ahora, independientemente de los enlaces externos en los que alguien haga clic, deberían ser dirigidos a la página correcta de su sitio, evitando por completo el error 404 Página no encontrada.

Cómo crear su propia página de error 404 no encontrado

Arreglar la página Error 404 es una cosa. Pero no importa qué pasos tome para evitar que suceda, alguien eventualmente aterrizará en la página de error. Y quieres estar preparado para eso. Afortunadamente, crear una página 404 es bastante simple.

En algunos casos, su tema puede tener una página de error 404 de WordPress ya creada. Puede verificar esto en la carpeta wp-content - themes - theme-name . Busca un archivo llamado 404.php . Esto permite que WordPress dirija el navegador a una página específica en lugar de simplemente mostrar una página predeterminada sin contenido.

Como puede ver en la imagen de arriba, el archivo 404.php es un archivo básico que simplemente muestra cualquier HTML que desee que vean los visitantes (junto con los hooks de PHP y demás). Si es un codificador manual, todo lo que tiene que hacer es escribir el código que desea mostrar y guardar el archivo a través de FTP o su administrador de archivos. Ahora, cualquier visitante que reciba el error será dirigido aquí.

Recuerde que cualquier personalización que realice en el 404.php de su tema se sobrescribirá con actualizaciones, así que asegúrese de realizar las ediciones en un tema secundario. Puede encontrar detalles adicionales sobre la creación de una página 404 en el Codex de WordPress o en nuestra propia guía detallada.

Creación de una página 404 personalizada en Divi

Si es un usuario de Divi, también lo tenemos cubierto. Divi Theme Builder le brinda mucha flexibilidad a la hora de crear páginas 404 personalizadas.

Asegúrese de consultar nuestra guía detallada y nuestro tutorial con una plantilla descargable que lo guiará a lo largo de todo el proceso.

Complementos para crear una página de error 404

Si no eres usuario de Divi o no quieres preocuparte por editar archivos PHP, no temas. El repositorio de complementos de WordPress.org tiene muchas opciones entre las que puede elegir para crear su propia página de error 404 personalizada y redirigirla a donde necesita que esté. Hemos recopilado una lista de algunas de las opciones más populares y mejor calificadas.

• Todos los 404 redireccionan a la página de inicio
• 404 Pro personalizado
• 404page: su página de error 404 personalizada inteligente
• Solución 404
• 404 a 301 - Redirigir, registrar y notificar
• WP 404 Redireccionamiento automático a publicación similar

Terminando

Si su sitio web devuelve algún error, el 404 es uno de los más dóciles y fáciles de arreglar. Algunos temas vienen integrados con páginas 404, mientras que otros le brindan las herramientas para crear sus propias páginas personalizadas. Si usa Google Search Console, puede encontrar cualquier cantidad de errores 404 suaves y duros en su sitio y usar los complementos que hemos enumerado anteriormente para asegurarse de que su SEO, rango de página y experiencia de usuario no se vean afectados. . Y recuerde, una de las cosas más importantes que puede hacer en una página 404 es proporcionar un cuadro de búsqueda y una redirección a la página de inicio (o una serie de publicaciones sugeridas) para que el usuario no rebote de su sitio, sino que continúe. para usarlo. Buena suerte y que todos tus 404 sean suaves.

¿Qué hace para administrar sus errores HTTP 404?

Imagen destacada del artículo por Zhitkov Boris / shutterstock.com