Crea una página de error 404 con WordPress

Su sitio web está en mantenimiento y las páginas individuales son inaccesibles o contienen enlaces incorrectos. Por lo general, esto da como resultado un sitio 404, que siempre es posible. No es bonito, pero con una página de error bien diseñada, puede mantener alejados a los visitantes. Le mostramos cómo utilizar WordPress y Visual Composer.

El propósito de la página de error 404 es informar a los visitantes de los errores. Y redirigirlos a la parte donde todavía está disponible o trabajando. Esto reduce la tasa de rebote.

Los sitios 404 personalizados también son excelentes para promocionar e insertar elementos de llamado a la acción. Esto significa que básicamente puede realizar las mismas funciones que la página de destino del trabajo y la página de destino.

Observamos los siguientes puntos:

• ¿Qué es una página de error 404?
• Variante de error 404
• Cuando ocurre un error 404
• Cómo corregir errores 404
• Ejemplos de grandes ideas para páginas 404
• Crea una página de error 404 personalizada con WordPress
• Página de error 404 creada con Visual Composer

¿Qué es un sitio 404?

En resumen, un error 404 es un código de respuesta del Protocolo de transferencia de hipertexto (HTTP). Esto significa que el servidor no puede encontrar la fuente solicitada. O la parte de la ruta del sitio web después de "/". Básicamente, esto significa que el sitio específico que se mostrará no está disponible.

En la mayoría de los casos, se mostrará un mensaje de error 404 como el siguiente:

• HTTP 404
• 404 no encontrado / no encontrado
• 404
• Error 404 / error
• 404 Esta página no existe (el sitio no existe)
• Página web no encontrada
• archivo no encontrado
• No puedo encontrar el directorio
• No se encontró la URL solicitada
• … Y cambios similares

Posibles razones del error 404:

• Un sitio web o una publicación de WordPress se elimina o se mueve a otro sitio web sin redirigir el enlace.
• El visitante ingresó el nombre de dominio incorrecto (faltan letras, errores ortográficos, etc.)
• El enlace antiguo (modificado) sigue apareciendo en recursos externos
• El servidor / sitio web se ha bloqueado, está en mantenimiento o hay un problema técnico que impide que el sitio web se muestre correctamente (por ejemplo, la conexión se interrumpe).

Además del error 404, existen los siguientes códigos de estado HTTP:

• Respuesta 100-199: solicite al destinatario y continúe el proceso
• 200-299 Éxito: la solicitud se realizó correctamente y se aceptó
• Redirección 300-399: requiere operaciones adicionales para completar la solicitud.
• 400-499 Error de cliente: solicitud no válida o no se pudo completar la solicitud.
• Error de servidor 500-599: el servidor no puede aceptar la solicitud

Cómo solucionar los errores 404

Por un lado, al redirigir, puede dirigir a los visitantes a una página de inicio de sesión que coincida lo más posible con el contenido de la solicitud original. En RAIDBOXES, no necesita complementos de WordPress adicionales para configurar la redirección y las reglas de redirección. Consulte las instrucciones para redireccionamientos 301 y 302.

Otra posibilidad es buscar y reparar enlaces rotos, es decir, reemplazarlos por nuevas fuentes internas válidas. Asegúrese de que todos los enlaces internos apunten a la página deseada. El propietario de la fuente de enlace externo también debe cambiar todos los enlaces rotos.

Otro truco es usar URL fáciles de usar y enlaces permanentes: manténgalos cortos, use letras minúsculas y describa la ubicación del enlace. Esto le ayudará a controlar los enlaces rotos y optimizar su motor de búsqueda. Ver artículo enlaces internos y SEO y WordPress.

Finalmente, debe crear un sitio 404 personalizado. Esto hará que los visitantes "perdidos" vuelvan a la página de inicio o al contenido relacionado. Al mismo tiempo, no confundirán el error con la falla de todo el sitio web.

¿Qué son las páginas 404 seleccionables?

Por eso es importante tener una página de error 404 personalizada que pueda dirigir a los visitantes a la parte existente del sitio. Ahora veamos qué opciones tiene. Las prácticas recomendadas y comunes para crear una página 404 personalizada son:

• Botón Atrás o Inicio: permite que los espectadores elijan regresar a la página disponible o a cualquier lugar.
• Barra de búsqueda: generalmente, se producen estos tipos de errores: cuando los usuarios internos intentan encontrar contenido o sitios específicos. Por lo tanto, bríndeles opciones de búsqueda o sugiérales páginas de destino específicas.
• Formulario de contacto: si los usuarios no pueden encontrar lo que buscan, pueden utilizar el formulario de contacto o el chat en vivo para obtener ayuda. O si necesitan ayuda con otras cosas en su sitio web.
• Iconos de redes sociales: siempre es bueno enlazar a diferentes plataformas de redes sociales, donde puede encontrar y acceder a su contenido.
• Imagen humorística: esta es una de las prácticas más subestimadas y obviamente subutilizadas. Por supuesto, el humor puede eliminar (posiblemente) el resultado de opiniones negativas. Aquí hay unos ejemplos.

Crear un 404 personalizado sitio con WordPress

Puede utilizar las siguientes opciones para crear un sitio 404. Use WordPress, use un creador de sitios web o un creador de páginas y código personalizado, como HTML. Así es como funciona con WordPress:

• Vaya a su panel de control de WordPress
• Seleccione el área "Diseño" a la izquierda
• Hay un subelemento "Editor
• Compruebe si su tema de WordPress contiene "plantilla 404" (Ctrl + F y luego ingrese "404.php");
• Haga clic en el enlace de la plantilla 404 en el lado derecho de la página. Sitio

El contenido es así:

get_header();
?>
	<header class="page-header alignwide">
		<h1 class="page-title"><?php esc_html_e( 'Nothing here', 'twentytwentyone' ); ?></h1>
	</header><!-- .page-header -->
	<div class="error-404 not-found default-max-width">
		<div class="page-content">
			<p><?php esc_html_e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentytwentyone' ); ?></p>
			<?php get_search_form(); ?>
		</div><!-- .page-content -->
	</div><!-- .error-404 -->
<?php
get_footer();

Ahora cámbielo según sus necesidades. Sin embargo, se requieren conocimientos de HTML para hacerlo. También debe usarse con temas secundarios; de lo contrario, sus cambios se pueden eliminar nuevamente después de que se actualice el tema de WordPress.

Las mejores cosas del mundo de WordPress son los complementos. Los complementos tienen más de 50,000 páginas web gratuitas, que se pueden usar para casi cualquier propósito que se te ocurra: 404 páginas, 301 páginas, redirecciones, SEO y más. Consulte el directorio oficial de complementos de WordPress.

404 WordPress Plugins

Ejemplos páginas 404

Hemos recopilado algunas de las páginas de error 404 más creativas, ya sea WordPress, para brindarle inspiración. El sitio 404 de GOG.com es uno de los mejores ejemplos de cómo pensar fuera de la caja. En el sentido más estricto:

Dado que este es un sitio web con valor de entretenimiento, Blizzard debe cumplir con altos estándares para su sitio web 404. El diseño genial en sí se ha convertido en un clásico:

Conclusión sobre las páginas 404 con WordPress

Ahora sabe cómo crear una página de error 404 para atraer visitantes a la subpágina activa de su sitio web. Y cómo convertir una mala situación en una forma de minimizar o incluso resolver problemas. Además, existe una forma muy sencilla de diseñar un 404 para este tipo de sitio web, siempre que tengas creatividad y un poco de habilidad gráfica.

Al utilizar el creador de sitios web como herramienta, no necesitas conocimientos de programación para convertir un aburrido sitio 404 en algo que te haga feliz. Y / o ayude a sus visitantes a comprender su situación. ¿Existe un buen ejemplo de una página de error 404 exitosa? Entonces siéntete libre de compartir los comentarios.