sitechecker.pro logo mobile

¿Cómo crear una página de error 404 personalizada con su propio diseño?

¿Cómo crear una página de error 404 personalizada con su propio diseño?

Auditoría gratuita

Acceda a una auditoría completa de su sitio web con más de 300 datos técnicos.

Something went wrong. Please, try again later.
De confianza
Sitechecker trusted company

Herramienta gratuita de comprobación y auditoría SEO de sitios web

  • Escanee el sitio en busca de más de 300 problemas técnicos
  • Supervise la salud de su sitio 24/7
  • Rastree las posiciones de su sitio web en cualquier geografía

Una página de error 404 personalizado es la página web que se muestra cuando alguien ingresa una dirección web incorrecta en su navegador. Es importante tener una página de error 404 personalizado porque ayuda a mejorar la experiencia del usuario y evita la activación de sanciones de Google. Este artículo proporcionará instrucciones paso a paso sobre cómo crear su propia página de error 404 personalizado con su propio diseño, ya sea que use WordPress o no.

¿Qué es un error 404?

El código de estado HTTP 404 (o “Página no encontrada”) indica que el servidor no pudo localizar el contenido solicitado por el usuario. Básicamente, se trata de una página inexistente o rota. Este es el texto que normalmente verá en la página:

  • 404
  • Error 404
  • 404 No encontrado
  • 404 Página no encontrada
  • Error 404 no encontrado
  • HTTP 404 no encontrado

Hay muchas razones por las que puede aparecer un error 404 en su página web; por ejemplo, el sitio web ha eliminado su página. Ocurre cuando un enlace interno lleva a una página que no existe. Dichos actos tienen el potencial de degradar la experiencia del usuario, así como de interrumpir la interconexión de los sitios web.

Otra razón puede ser que el usuario haya escrito incorrectamente la dirección URL. Tal vez intentaron insertar manualmente un enlace directo y cometieron un error tipográfico. También puede ser una falla técnica; por ejemplo, la página se movió y la redirección se configuró incorrectamente. El hecho de que la página haya sido eliminada del servidor del sitio no garantiza que nadie intente acceder a ella. Se encontrará en los motores de búsqueda durante algún tiempo. Además, las pestañas del navegador del usuario pueden tener un enlace a una página específica del sitio.

Por último, también es posible que el servidor no funcione correctamente, aunque sucede muy raramente. En ocasiones, el servidor puede proporcionar un error 404 como resultado de un mal funcionamiento. La caché de DNS guarda las ubicaciones (direcciones IP) de los servidores web que le han servido páginas web recientemente. Para asegurarse de que solo se utilizan las direcciones IP actuales, puede borrarlo. Una vez que haya completado los procedimientos apropiados, reinicie su navegador y abra la página para ver si puede volver a entrar.

¿Por qué es importante una página 404?

Cuanto más antiguo sea su sitio web, más probable es que aparezcan páginas 404. La mayoría del tráfico del sitio web proviene de personas que escriben URL directamente en la ventana de su navegador. Por lo tanto, es lógico que esos visitantes esperen ciertas cosas cuando lleguen allí:

  • Para ver lo que estaban buscando
  • Para no encontrarse con una página de acceso denegado o cualquier otra cosa que parezca que no debería estar allí

Así que piense en las páginas 404 como servicio al cliente. No importa qué tan fuerte sea su línea de productos; un mal servicio al cliente puede dañar las ventas exponencialmente más que ningún servicio al cliente. ¡No dé por sentada la lealtad de su visitante (y, potencialmente, su dinero)!

Una página de error 404 simplemente les informa a las personas que han ingresado una dirección incorrecta en su navegador web. La mayoría de los sitios en estos días agregan enlaces de redireccionamiento a algunas de sus páginas más populares (como Inicio o Acerca de nosotros) en su página de error 404, ¡ya que nadie quiere examinar docenas de páginas antes de encontrar lo que está buscando!

Motores de búsqueda recomendados: Google, Yahoo, Bing

Una página 404 personalizada es una solución profesional que le servirá como una buena experiencia de usuario y como marca para usted. Además, las personas que visiten su sitio no se perderán en el ciberespacio cuando hagan clic en algo que no existe. Simplemente mencione en su propia página dónde se equivocaron.

Google ya no requiere una página 404 personalizada, pero Google recompensa los sitios web que realizan esfuerzos adicionales para ayudar a los usuarios a encontrar lo que necesitan. ¿Qué te diferencia de otros negocios? ¿Cómo es que ser diferente genera tráfico a su sitio web? Esto es cierto tanto si posee una cafetería local como si tiene un negocio de comercio electrónico que vende artículos en todo el mundo. La mejor manera de responder a las dos preguntas anteriores es crear una página 404 personalizada que represente bien su marca y les brinde a todos los que visitan su sitio confianza en usted como su proveedor de servicio al cliente.

Configuración técnica SEO de una página 404

En primer lugar, cuando alguien llega a una URL antigua o incorrecta, espera ver algo relevante para lo que está buscando. Es mejor redirigir a los visitantes de inmediato que decepcionarlos más tarde con contenido irrelevante. Su página perdida podría traer tráfico de los motores de búsqueda si no hay otros resultados de alta calidad en su sitio; el tráfico directo siempre es mejor que el tráfico de los robots de los motores de búsqueda. Y finalmente, es bueno tener una página de error 404 personalizada y atractiva que complemente el diseño de su sitio web en lugar de mezclarlo. ¡Esto mejorará su experiencia de usuario y el ranking de Google al mismo tiempo!

Si ha desarrollado su sitio web usted mismo, ya debería saber cómo se ven estos errores. Sin embargo, la creación de una nueva página de error personalizada depende del tipo de CMS que se utilice en su sitio y de si proporciona complementos especiales para ese propósito (se analiza en detalle a continuación).

Esto nos lleva a la pregunta, ¿las páginas de error 404 son buenas o malas para el SEO? En resumen, son buenos y malos. En primer lugar, pueden evitar la clasificación de palabras clave si no se corrigen. Cuando las páginas web que anteriormente estaban activas se convierten en 404 no encontradas, todas las palabras clave que solían clasificar para esa página web comienzan a desaparecer de los SERP. La pérdida de tráfico orgánico ocurre cuando las palabras clave comienzan a perder relevancia para el sitio web. Si la página 404 no se corrige, el sitio web eventualmente ya no se clasificará para ese término, y se perderá cualquier tráfico orgánico que generaron esas palabras clave. Esto se conoce como sangrado de palabras clave; Afecta principalmente a sitios web más grandes, pero puede afectar a cualquier sitio web que se descuide.

Además, muchas personas creen que la indexación del sitio y su posición en los resultados de búsqueda se ven gravemente afectadas por los errores 404; sin embargo, esta suposición es incorrecta en la gran mayoría de las circunstancias. Para una mejor optimización del sitio web, es crucial comprender los elementos SERP. ¿Qué le sucede a una página como esta cuando un robot la encuentra? Si está en el índice, se eliminará; si no es así, el bot no lo escaneará. Esto es comprensible dado que ya no es informativo ni útil. Sin embargo, debe ser consciente de la posibilidad de errores SUAVES. SOFT 404 no es una respuesta real del servidor, sino una etiqueta que los motores de búsqueda adjuntan a las páginas después de un rastreo.

Las siguientes son las razones por las que los motores de búsqueda toman tales decisiones:

  • En la página, hay poco o ningún contenido;
  • Hay una redirección a una página que no satisface las necesidades de los usuarios;
  • No hay respuesta del servidor 404 o 410 para la página inexistente.

Por otro lado, las páginas 404 pueden conducir a un SEO deficiente. Cuando no se encuentra una página web, las palabras clave en esa página web no se detectan, por lo que las redirecciones 301 pueden ayudar. Los robots de búsqueda buscan en el sitio web para identificar palabras clave para clasificar el sitio web. Si se implementa una redirección 301, los robots de búsqueda identificarán las palabras clave para clasificar la nueva URL de la página web y el sitio web conservará sus clasificaciones de palabras clave. Hay algunas variables más a considerar, pero esto resume el procedimiento.

Las páginas de error 404 también pueden impedir la indexación de páginas web (solo en algunos casos). Pueden impedir que los robots de búsqueda rastreen el resto de las páginas vitales de un sitio web. Según el problema, los motores de búsqueda pueden desindexar fragmentos completos (suponiendo que las páginas web ya no sean necesarias) y páginas web 410 verdaderas, lo que significa FUERA. Si el SEO de una página web aún no se ha ajustado, incluso si ya se ha optimizado correctamente, los motores de búsqueda no verán las nuevas modificaciones hasta que los robots de búsqueda vuelvan a rastrear el sitio web.

Cualquier enlace interno en esas páginas web se perderá si no se encuentra la página web o, peor aún, la carpeta URL completa. Esto perjudicará una mayor indexación y clasificación de palabras clave. Si no tiene cuidado, el SEO puede tener un efecto dominó. Cuando el rastreo del robot de búsqueda está deshabilitado, todo el SEO de un sitio web sufre; hasta que las páginas se vuelvan a escanear, RankBrain utilizará el último caché de la página web para realizar sus comprobaciones y balances.

Por otro lado, cuando las URL de las páginas no funcionan o nunca existieron, los motores de búsqueda, los visitantes del sitio web y los webmasters reciben un error 404.

Esto permite a los desarrolladores solucionar el problema para los futuros visitantes del sitio web si pueden determinar dónde aparecen estos códigos de error, conservando el poder de la página que alguna vez existió. Esto se conoce como creación de vínculos de retroceso rotos. No sabrá que la página (y, por lo tanto, el usuario) está encontrando un error a menos que envíe un código de respuesta 404.

Corregir todos los errores 404 en el sitio web

Rastrear su sitio web, detectar todos los enlaces rotos y corregirlos inmediatamente

Something went wrong. Please, try again later.

¿Cómo crear una página 404 personalizada?

Crear una página 404 personalizada requiere conocimientos básicos de código y diseño. Si tiene algo de experiencia con eso, puede crearlo usted mismo, pero si no, es mejor contratar a un diseñador web.

El método comienza con la creación de una página web típica con todos los elementos que necesitará para su página 404. Recuerde incluir una declaración alegre que explique por qué un visitante ha llegado a esta página, un cuadro de búsqueda para que pueda descubrir lo que está buscando y posiblemente un mapa del sitio para que pueda optar por ir a otro lugar.

Es crucial proporcionar a su página 404 un nombre único. Luego, en el directorio raíz de su servidor/espacio web, cargue su página. Sin embargo, muchas personas ahora usan complementos como WordPress, lo que facilita que cualquier persona cree una página 404 personalizada sin necesidad de codificación.

Tenga en cuenta los siguientes objetivos cuando aprenda a desarrollar una excelente página 404:

  • Atraer la atención de los usuarios;
  • Explicar lo que ha ocurrido;
  • Sugiera una solución al problema.

Cuando se trata de hacer su propia página 404, los motores de búsqueda le aconsejan que haga lo siguiente.

Google

  • La página debe diseñarse con el mismo estilo que el sitio web principal (incluida la navegación);
  • Proporcionar enlaces a los artículos más populares, así como un cuadro de comentarios;
  • Haga posible que sus usuarios informen sobre enlaces rotos.

Yandex

Su diseño debe ser distinto del resto del sitio; por ejemplo, al crear una página, debe usar diferentes colores o tal vez evitar usar imágenes en absoluto.

Sugerencias generales

Debe incluir un enlace a la página de inicio, así como un mensaje cortés que informe al usuario que la página que solicitó no está disponible.

Las sugerencias anteriores no son pautas absolutas para las páginas 404. Todo se basa en el tema del sitio web y la audiencia prevista. Una línea de búsqueda es importante para una tienda web, y la información de contacto es importante para un sitio que ofrece servicios.

¿Qué debe incluir una página 404?

Los diseñadores web siempre deben considerar las páginas 404 como una oportunidad para crear una marca y mejorar la experiencia del usuario. Considere incorporar elementos creativos e informativos en el diseño de su página de error para reducir la tasa de rebote de su sitio. La tasa de rebote se refiere a cuántas personas abandonan su sitio después de ver solo una página.

Aunque hay varios factores que influyen en la tasa de rebote, como la optimización del motor de búsqueda, la mayoría de los rebotes ocurren porque los usuarios creen que encontraron lo que estaban buscando y no ven ninguna razón para permanecer en su sitio. En otras palabras, si las personas no se quedan el tiempo suficiente para obtener algo de su contenido o publicidad, la tasa de rebote aumentará. Hay tres causas principales de las altas tasas de rebote:

  • No dar una llamada a la acción clara
  • No proporcionar a los lectores lo que buscan en las páginas de destino
  • Hacer que los visitantes trabajen demasiado para encontrar información

Consulte estas formas prácticas de reducir la tasa de rebote de su sitio y ganar más dinero con cada cliente que tenga:

1. Identifique claramente el propósito de cada página y el CTA: el propósito de cada página de su sitio debe ser muy claro en todo momento, incluso cuando alguien llega a ella a través de un resultado de búsqueda u otro enlace. Si no es inmediatamente obvio para los lectores dónde terminaron y qué lograrán al permanecer en su sitio web, los visitantes no se molestarán en quedarse. Puede lograr la claridad de varias maneras; elige CTA apropiados para cada situación única.

2. Describa lo que falta: proporcionar contexto puede animar a los visitantes a quedarse incluso si no aterrizaron en un destino específico. Por ejemplo, suponga que desea crear un perfil de LinkedIn, pero de alguna manera termina en una página de inicio de Yahoo. Cuando Yahoo muestra su famoso mensaje de error 404 Archivo no encontrado, ¿sabe qué salió mal? Lo más probable es que hayas escrito mal una URL. Al indicar a dónde esperaban ir los visitantes (y tal vez incluso al sugerir URL alternativas), las páginas 404 personalizadas permiten a los visitantes recuperarse de los errores rápidamente.

3. Elimine los pasos innecesarios: cuando diseñe su página 404 personalizada, pregúntese si confundiría o frustraría a los nuevos lectores que aterrizan allí accidentalmente. Por ejemplo, imagina que tienes una joyería y usas Facebook para promocionar tus productos. Digamos que alguien hace clic en un enlace a su página de Facebook y llega a su página 404. Este individuo probablemente espera ver enlaces de productos relacionados o alguna indicación de lo que los llevó allí. En cambio, no ven nada relevante en absoluto. Es probable que una falta de explicación tan discordante haga que el usuario se sienta frustrado, confundido y no deseado: exactamente lo que espera evitar en su estado mental actual.

4. Explique a los usuarios lo que están viendo: brinde a sus visitantes una pista sobre qué tipo de error los llevó a esa página, por ejemplo, “Vaya, no podemos encontrar lo que estaba buscando”. !” o “¡Lo sentimos, no tenemos una versión en inglés de esta página!” Use verbos de acción y POV en primera persona (No puedo encontrar… y No ofrecemos… en lugar de Usted no puede… y No ofrecemos…) para mantener a los lectores interesados ​​mientras buscan exactamente lo que necesitan.

Mientras crea su página de error 404 personalizada, tenga en cuenta estos cuatro consejos para ayudar a que sea tanto informativa como atractiva. Evite que las situaciones frustrantes desalienten a los futuros lectores a realizar acciones en su sitio. Una de las principales razones de la mala usabilidad del sitio es un sistema de navegación mal organizado. Los visitantes deben poder encontrar su camino fácilmente si van a permanecer comprometidos y productivos, por lo que es importante que planifique con anticipación antes de lanzar su sitio.

¿Cómo crear una página 404 en WordPress?

Comience mirando su tablero de WordPress; verá una serie de opciones para elegir en el lado izquierdo de su pantalla. Haga clic en “Apariencias” en Productos y luego elija “Página 404”.

cómo crear una página 404 en WordPress

Puede ingresar cierta información sobre el tipo de publicación (por ejemplo, mensaje de error), pero todo lo que realmente necesita es algo de texto, por ejemplo, “Página no encontrada”. Asegúrese de agregar todos los elementos mencionados anteriormente y luego haga clic en Publicar cuando haya terminado. También puede usar complementos para crear formularios de contacto, mejorar el SEO, agregar widgets, etc.

[url de la imagen=”https://sitechecker.pro/wp-content/uploads/2022/02/WP_plugins.png” alt=”Complementos de WordPress”]

Aquí está el tutorial súper rápido y simple sobre cómo hacerlo con el complemento Elementor.

Cómo crear creadores en el sitio: Wix, Shopify y otros

La mayoría de los sitios web utilizan código JavaScript personalizado o software de terceros para crear sus páginas 404 personalizadas. Wix, por ejemplo, incluye una herramienta que te permite crear tu propia página 404 no encontrada que se ajuste a tu marca. Esta herramienta genera un código web que puede copiar y pegar en la página de inicio de su sitio web, lo que significa que aparecerá cada vez que alguien intente visitar un enlace roto en su sitio.

Cómo crear una página 404 en Wix

Si prefiere Shopify como su plataforma de elección, puede elegir entre sus plantillas predeterminadas o crear su propio diseño de página 404 personalizado:

[imagen url=”https://sitechecker.pro/wp-content/uploads/2022/02/shopify_404.png” alt=”Diseño de página 404 personalizado de Shopify”]

También puede agregar un fondo personalizado y elementos como una barra de búsqueda para mejorar la experiencia del usuario.

Error 404 Mejores prácticas de diseño de página

Si bien existen muchas plantillas de diseño de página de error 404 excelentes, el contenido y el estilo únicos de su sitio web pueden brindarle una ventaja para brindar una experiencia de usuario pulida. Estas son algunas de las mejores prácticas para el diseño de páginas de error 404 que puede usar como inspiración. Téngalos en cuenta al seleccionar o crear cualquier tipo de plantilla de diseño web; lo ayudarán a crear una página de error 404 receptiva que se sienta como en casa en su sitio.

  • No haga que los usuarios busquen lo que estaban buscando: una página de error 404 personalizada debe guiar a los usuarios que han hecho clic en un enlace roto de regreso a donde quieren estar, en lugar de obligarlos a hacerlo. varios pasos para volver a la normalidad.
  • Incluya una breve descripción de su empresa en cada página de error 404 y enlace a ella desde cada URL potencialmente rota, para que los visitantes nunca se sientan perdidos mientras buscan.
  • Agregue información útil sobre un enlace roto: incluso si no proporciona un reemplazo para el contenido que falta, considere agregar otra información relevante sobre por qué una parte específica del contenido no está disponible actualmente ( es decir, los artículos en oferta solo están disponibles en línea hasta el 20 de enero). Esto agrega contexto y utilidad sin hacer que los visitantes hagan clic en más enlaces.
  • Incluya una llamada a la acción obvia: si tiene un objetivo de conversión fuerte asociado con cada visita a la página de error 404, agregue un botón CTA “haga clic aquí” para animar a los visitantes a explorar más su sitio. .
  • Cuanto más limpia esté su página de error 404 y menos errores molestos aparezcan, ¡más fácil será para alguien actuar inmediatamente después de ver la suya!
  • Use herramientas de redirección siempre que sea posible: la redirección del tráfico a través de secuencias de comandos suele ser mucho más rápido que obligar a cada visitante a abandonar su sitio web actual antes de ser redirigido a otro lugar.
  • Si está tratando de recopilar información de contacto de los visitantes que ingresaron una URL de página de destino faltante manualmente, usar secuencias de comandos de redirección Y un formulario rápido que permita a las personas ingresar su dirección de correo electrónico podría ser ideal .
  • Se honesto en tu explicación: la honestidad vende, incluso cuando se trata de explicar por qué algo ya no existe. Diga lo menos posible, pero no más de lo necesario; informe a los clientes de inmediato por qué llegaron a una página de error 404.

Guíe a los clientes con el ejemplo: implemente páginas de error 404 personalizadas en todos sus sitios, incluso en los que no sean de su propiedad. Sus mensajes consistentes les brindan a los clientes la tranquilidad de saber que no han encontrado accidentalmente un enlace incorrecto en algún lugar de su viaje de navegación, y les deja en claro a todos exactamente qué tan en serio se toma sus esfuerzos comerciales. Odiaría perder a un cliente potencial porque se frustró por error y abandonó el barco, por lo que es una práctica inteligente para evitar posibles problemas. Echa un vistazo a las siguientes ideas de diseño para inspirarte:

Comprobador de sitios

Página 404 personalizada de Sitechecker

Formularios WP

Página 404 personalizada de WPForm

Disney

Página 404 personalizada de Disney

Netflix

Página 404 personalizada de Netflix

Tripadvisor

Página 404 personalizada de Tripadvisor

GitHub

Página 404 personalizada de Github

Ahrefs

Página 404 personalizada de Ahref

YouTube

Página 404 personalizada de Youtube

Amazonas

Página 404 personalizada de Amazon

Linkedin

Página 404 personalizada de Linkedin

Cuando se trata de diseñar su propia página 404, puede contratar a un profesional independiente, trabajar con una agencia de diseño o hacerlo usted mismo. Su decisión debe depender del presupuesto que tenga y de las habilidades requeridas para completar la tarea.

Conclusión

Si bien debe asegurarse de que sus páginas 404 sean de primera categoría, es mejor minimizar su existencia. Afortunadamente, existen algunas soluciones simples para las páginas de error 404. En primer lugar, recarga la página si es necesario. Debido a una mala conexión a Internet, es posible que, en ocasiones, una página web no se cargue correctamente. Simplemente use el botón “actualizar” en su navegador.

También puede intentar borrar el caché y las cookies en su computadora. Simplemente abra un sitio web o una página web en un navegador diferente. Si el error HTTP 404 solo aparece en una máquina, el problema podría estar relacionado con su navegador. Si el sitio es funcional, debe borrar el caché y las cookies de su navegador. Siga esta guía completa sobre el caché de Google para obtener información adicional sobre el caché del navegador y cómo eliminar el caché en su navegador.

Además, recorra el sitio web. Use una búsqueda en el sitio web para encontrar una página web necesaria; simplemente escriba los términos precisos para encontrar la página que está buscando. Puede ponerse en contacto con el webmaster directamente si esto no funciona.

Se deben resolver otras dificultades con las páginas 4xx, como cuando no se detecta la URL de la página AMP (4XX), las páginas 4xx obtienen tráfico orgánico o las páginas 4xx se encuentran en el mapa del sitio.

Enlaces Rápidos

También te puede interesar

Ver más mensajes
Explora Qué Es Una Página 404, Porqué Aparece Y Cómo Rastrear En El Sitio Web Un Error 404
SEO técnico
Explora Qué Es Una Página 404, Porqué Aparece Y Cómo Rastrear En El Sitio Web Un Error 404
Iryna Krutko
Jan 31, 2024
Conozca qué son las etiquetas de Hreflang y cómo usarlas adecuadamente
SEO técnico
Conozca qué son las etiquetas de Hreflang y cómo usarlas adecuadamente
Roman Rohoza
Nov 26, 2024
Explore qué es la paginación y cómo implementarla correctamente
SEO técnico
Explore qué es la paginación y cómo implementarla correctamente
Roman Rohoza
Jan 30, 2024

So, soon? Well, before you go…

Get instant on-page SEO analysis of your home page

  • Detect broken links
  • Detect issues with content optimization
  • Check PageSpeed for mobile and desktop
Something went wrong. Please, try again later.
You’ll get the report in 2 seconds without required signup
exit-popup-image
close