{"id":263391,"date":"2023-10-17T08:46:00","date_gmt":"2023-10-17T05:46:00","guid":{"rendered":"https:\/\/inform.click\/como-aprovechar-la-pagina-404\/"},"modified":"2023-10-17T09:28:00","modified_gmt":"2023-10-17T06:28:00","slug":"como-aprovechar-la-pagina-404","status":"publish","type":"post","link":"https:\/\/inform.click\/es\/como-aprovechar-la-pagina-404\/","title":{"rendered":"\u00bfC\u00f3mo aprovechar la p\u00e1gina 404?"},"content":{"rendered":"

\n \u00bfAlguna vez te has encontrado con el error No encontrado (404) en alg\u00fan sitio web? \u00bfSabe que tiene la oportunidad de convertir a los visitantes que aterrizan en p\u00e1ginas no encontradas? Este art\u00edculo lo ayudar\u00e1 a aprovechar la p\u00e1gina 404.\n<\/p>\n

\n En caso de que no haya configurado Google Analytics para rastrear la p\u00e1gina 404. Aqu\u00ed hay un blog oficial que<\/a> configura uno para su sitio web.\n<\/p>\n

\n Si sabes bien la web funciona con protocolo HTTP. El servidor web devolver\u00e1 un c\u00f3digo de estado HTTP apropiado para cada una de sus solicitudes de recursos.\n<\/p>\n

\n Hay cuatro c\u00f3digos de estado HTTP b\u00e1sicos que puede necesitar saber y son 200 \u2013 Encontrado<\/strong>, 301 \u2013 Movido permanentemente<\/strong>, 404 \u2013 No encontrado<\/strong>, 500 \u2013 Error interno del servidor<\/strong>. El 404 (no encontrado) y el 500 (error interno del servidor) son dos de los c\u00f3digos de estado m\u00e1s mostrados.\n<\/p>\n

\n La \u00fanica diferencia entre 404 y 500 es que un servidor web mostrar\u00e1 la p\u00e1gina de error asignada en caso de que no se encuentre el error 404, mientras que no se mostrar\u00e1 ning\u00fan resultado generado por el servidor en el caso de 500, ya que el servidor web est\u00e1 experimentando alg\u00fan error de configuraci\u00f3n.\n<\/p>\n

\n Un 404 puede ocurrir por una variedad de razones, como que el visitante solicita un recurso que nunca existi\u00f3 en su sitio web, solicita una p\u00e1gina\/recurso que ha eliminado o solicita un recurso con error o error tipogr\u00e1fico en URI.\n<\/p>\n

\n Hay algunos casos en los que desea eliminar esas p\u00e1ginas, publicaciones y recursos multimedia obsoletos. Y tener errores 404 en este caso es un proceso natural. No tiene nada de malo.\n<\/p>\n

\n Si investiga un poco, encontrar\u00e1 que la mayor\u00eda de los sitios web tienen una p\u00e1gina 404 est\u00e1tica. En cualquier caso de error no encontrado se mostrar\u00e1 la misma p\u00e1gina. Si el dise\u00f1ador tiene la experiencia suficiente, es posible que haya colocado un peque\u00f1o enlace\/bot\u00f3n de navegaci\u00f3n a la p\u00e1gina de inicio.\n<\/p>\n

\n \u00bfQu\u00e9 tal correr una milla extra con tus 404 p\u00e1ginas? \u00bfQu\u00e9 tal si hace que su p\u00e1gina 404 sea un poco interactiva? Exploremos las posibilidades.\n<\/p>\n

\n Estas son las cuatro formas en que puede convertir su p\u00e1gina 404 est\u00e1tica en una m\u00e1s interactiva:\n<\/p>\n

    \n
  1. P\u00e1gina 404 con el enlace m\u00e1s relevante buscado por el usuario\n <\/li>\n
  2. P\u00e1gina 404 con tus mejores ofertas gratis\n <\/li>\n
  3. P\u00e1gina 404 con asistentes de enlace\n <\/li>\n
  4. P\u00e1gina 404 con enlaces que desea promocionar\n <\/li>\n<\/ol>\n
    \n 01 404 p\u00e1gina con el enlace m\u00e1s relevante que el usuario busc\u00f3:
    \n<\/h5>\n

    \n Saber lo que sus visitantes buscaban en su sitio web es la clave. Servir al usuario con los enlaces correctos a los mejores recursos coincidentes probablemente sea la mejor experiencia de usuario que puede brindar a su visitante.\n<\/p>\n

    \n Puede surgir la pregunta: \u00bfc\u00f3mo sabr\u00eda qu\u00e9 usuario estaba buscando y c\u00f3mo sugerir\u00eda los enlaces en funci\u00f3n de su b\u00fasqueda?\n<\/p>\n

    \n Bueno, la soluci\u00f3n puede parecer compleja al principio, pero no es tan compleja de desarrollar. Si es un desarrollador, sabr\u00e1 que puede extraer la cadena de recursos solicitada y hacer una verificaci\u00f3n de expresiones regulares con los recursos que tiene en su sitio web.\n<\/p>\n

    \n Por ejemplo, ofrece un servicio de reparaci\u00f3n de altavoces para la mayor\u00eda de las marcas de fabricaci\u00f3n de audio. Los altavoces Bose X1, por ejemplo, est\u00e1n en su lista. Pero un visitante llega a su sitio con Bose X10 como recurso solicitado. No hay ning\u00fan altavoz llamado Bose X10, por lo que, naturalmente, no debe estar en su lista.\n<\/p>\n

    \n Lo que puede mostrar en su p\u00e1gina 404 es una lista de todos los altavoces BOSE que repara. Y, si es posible, haga que los altavoces de la serie BOSE X aparezcan en primer lugar.\n<\/p>\n

    \n Esta podr\u00eda ser la mejor manera para que un usuario navegue a una p\u00e1gina adecuada a pesar de haber aterrizado en una p\u00e1gina 404. Las posibilidades de convertir esa p\u00e1gina 404 son muy altas. Lo ayudaste a navegar a la p\u00e1gina real.\n<\/p>\n

    \n Adem\u00e1s, esto tambi\u00e9n lo ayudar\u00e1 a reducir la tasa de rebote de su sitio web. Si no muestra los enlaces sugeridos a la mejor p\u00e1gina coincidente, hay muchas posibilidades de que el visitante navegue hacia atr\u00e1s o se vaya de su sitio web.\n<\/p>\n

    \n 02 404 pagina con tus mejores ofertas gratis:
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n Consideremos que mostrar el enlace m\u00e1s relevante no es del todo posible para su sitio web. O no quiere entrar en muchas cosas de codificaci\u00f3n. Esta podr\u00eda ser la mejor opci\u00f3n para empezar.\n<\/p>\n

    \n Cuando un visitante llegue a la p\u00e1gina 404 de su sitio web, mu\u00e9strele un mensaje que lamenta que el recurso que est\u00e1 buscando no est\u00e9 disponible.\n<\/p>\n

    \n Justo despu\u00e9s del texto de disculpa, mu\u00e9streles la mejor oferta que se est\u00e1 ejecutando en su sitio web. Podr\u00eda ser como ofrecer un 5 % o un 10 % de descuento en su producto m\u00e1s popular, u ofrecerles algo valioso gratis a cambio de un correo electr\u00f3nico.\n<\/p>\n

    \n \u00a1Esta podr\u00eda ser la mejor manera de mantener a todos los visitantes comprometidos con otros productos u ofertas que aterrizaron en la p\u00e1gina 404!\n<\/p>\n

    \n 03 404 p\u00e1gina con enlace de asistencia:
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n Si bien siempre puede mostrar la navegaci\u00f3n en las p\u00e1ginas 404. \u00a1Pero hay muchas posibilidades de que un visitante vaya a su panel de navegaci\u00f3n, identifique la p\u00e1gina que le gustar\u00eda visitar y aterrice en esa p\u00e1gina! La mayor\u00eda de ellos simplemente se van.\n<\/p>\n

    \n Puede tener un dise\u00f1o de p\u00e1gina 404 de tal manera que contenga todos los enlaces importantes a varios recursos de su sitio web junto con un claro mensaje de error 404.\n<\/p>\n

    \n Esto podr\u00eda ayudar a un usuario a comprender que lleg\u00f3 a la p\u00e1gina incorrecta. Es 404 pero tiene una lista de enlaces que muestran todos los recursos importantes en el sitio web que puede visitar.\n<\/p>\n

    \n 04 404 p\u00e1gina con enlaces que desea promocionar:
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n Es muy simple, solo tenga los enlaces que desea que sus visitantes visiten en las p\u00e1ginas 404. No sugerir\u00eda ir solo por este camino. Puede ser una mezcla de la sugerencia 03 y 04 puede funcionar.\n<\/p>\n

    \n Mantener los enlaces de las p\u00e1ginas que realmente desea promocionar en la p\u00e1gina 404 definitivamente lo ayudar\u00e1 a aumentar el n\u00famero de visitas en esas p\u00e1ginas. La desventaja es que est\u00e1 generando m\u00e1s visitas despreocupadas que podr\u00edan contribuir a una alta tasa de rebote.\n<\/p>\n

    \n La \u00fanica sugerencia que har\u00eda aqu\u00ed es que, si sigue este camino, tenga al menos una oferta que sea gratuita o de naturaleza muy gen\u00e9rica. Lo que significa que cualquiera podr\u00eda relacionarse con la oferta que est\u00e1 haciendo. Es muy asequible o gratuito, lo que lo ayudar\u00e1 a mejorar los compromisos.\n<\/p>\n

    \n Ejemplos populares de p\u00e1ginas creativas 404\n<\/p>\n

    \n Si est\u00e1 buscando algo de inspiraci\u00f3n mientras crea una p\u00e1gina 404 para su sitio web, estos son algunos de mis ejemplos de p\u00e1ginas 404 favoritos.\n<\/p>\n

    \n Wufoo
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n Wufoo<\/a> es uno de los populares servicios de integraci\u00f3n de formularios de contacto en Internet. \u00a1Observe el tema general de la p\u00e1gina y el bot\u00f3n verde que se diferencia del resto de la p\u00e1gina!\n<\/p>\n

    \n El dinosaurio representa el mensaje de no encontrado, y mire el bot\u00f3n de llamada a la acci\u00f3n CREAR UN FORMULARIO GRATIS. Dirige claramente al usuario a presionar el bot\u00f3n y tomar alguna acci\u00f3n en la p\u00e1gina no encontrada tambi\u00e9n.\n<\/p>\n

    \n En lugar de mantener la navegaci\u00f3n en la parte superior, usaron los elementos de navegaci\u00f3n seleccionados debajo del bot\u00f3n CTA.\n<\/p>\n

    \n AirBnB
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n \u00a1 Vea c\u00f3mo AirBnB<\/a> representa todo correctamente desde un mensaje 404 claro, una ilustraci\u00f3n no encontrada y el enlace de navegaci\u00f3n debajo del \u00e1rea peque\u00f1a!\n<\/p>\n

    \n Un usuario que se perdi\u00f3 en el sitio web de AirBnB llegar\u00eda a esta p\u00e1gina, esta p\u00e1gina tiene todas las direcciones necesarias (enlaces) para enviar al usuario de regreso a p\u00e1ginas importantes y mantenerlo comprometido en el sitio web.\n<\/p>\n

    \n Chimpanc\u00e9 de correo
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n La plataforma de marketing por correo electr\u00f3nico muy popular de Mailchimp<\/a> tiene una hermosa p\u00e1gina 404 en su lugar. Usaron el mono con estilo de Hulk aplicado a quienes parecen perderse en un bosque.\n<\/p>\n

    \n Un usuario que llega a este 404 recibe un mensaje claro con una ilustraci\u00f3n, un mensaje claro seguido de la ilustraci\u00f3n.\n<\/p>\n

    \n La mejor parte es que saben que el usuario se ha perdido, por lo que puede encontrar una barra de b\u00fasqueda justo despu\u00e9s del mensaje de no encontrado. Es posible que el usuario pueda buscar cualquier recurso que haya estado buscando anteriormente mediante la b\u00fasqueda.\n<\/p>\n

    \n Si la b\u00fasqueda no es algo que prefiera encontrar o ubicar un recurso, \u00a1incluyeron una hermosa navegaci\u00f3n justo debajo de la barra de b\u00fasqueda!\n<\/p>\n

    \n poco
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n Bitly<\/a> es uno de los servicios de acortamiento de URL m\u00e1s populares con algunas caracter\u00edsticas geniales como marca personalizada y an\u00e1lisis de clics.\n<\/p>\n

    \n \u00a1Aparentemente tienen una hermosa y significativa p\u00e1gina 404 en su lugar! Si pasa un par de segundos, notar\u00e1 que el dise\u00f1ador ha mantenido el oc\u00e9ano vac\u00edo. Lo que significa que no hay nada dentro del agua, lo que da una clara ilustraci\u00f3n de que no se encontr\u00f3 nada para el recurso solicitado.\n<\/p>\n

    \n No se mantiene el panel de navegaci\u00f3n en el encabezado. La p\u00e1gina muestra el mensaje de error, seguido de los tres enlaces de navegaci\u00f3n m\u00e1s simples y b\u00e1sicos en la parte inferior.\n<\/p>\n

    \n Para hacer las cosas m\u00e1s interactivas, el equipo de dise\u00f1o ha creado el efecto de onda en caso de movimiento del mouse. Visita la p\u00e1gina para experimentarlo.\n<\/p>\n

    \n Galleta
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n La hermosa ilustraci\u00f3n de un plato vac\u00edo en Cooklet<\/a> deja claro que lo que est\u00e1s buscando no existe.\n<\/p>\n

    \n El \u00a1Ay no! Junto con un plato vac\u00edo transmite el mensaje de no encontrado. Lo interesante es que hicieron que el enlace de acci\u00f3n Get Back (regresar al historial de JavaScript) y vaya al enlace de la p\u00e1gina de inicio est\u00e9 disponible en el mensaje de no encontrado.\n<\/p>\n

    \n Adem\u00e1s, mantienen intacta la cabecera con la barra de b\u00fasqueda. Lo que significa que un usuario que quiera navegar en una p\u00e1gina diferente a la anterior o la de inicio, podr\u00e1 localizar los recursos f\u00e1cilmente.\n<\/p>\n

    \n \u00bfHe probado alguno de estos?
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n Arriba est\u00e1 la imagen de la p\u00e1gina 404 de mi propio sitio web. Inicialmente no ten\u00eda botones ni enlaces en mi p\u00e1gina 404. Era una p\u00e1gina 404 simple que mostraba el mensaje de error, \u00a1eso!\n<\/p>\n

    \n Agregu\u00e9 un bot\u00f3n que diferencia del resto de elementos de la p\u00e1gina y motiva al visitante a presionarlo. Al presionarlo, el usuario regresa a la p\u00e1gina de inicio. El simple bot\u00f3n me ayud\u00f3 a atraer visitantes a la p\u00e1gina de inicio de mi sitio web y a mantenerlos interesados \u200b\u200ben el sitio web.\n<\/p>\n

    \n Estoy planeando agregar m\u00e1s cosas din\u00e1micas pronto a mi p\u00e1gina que he discutido en el punto #1.\n<\/p>\n

    \n Conclusi\u00f3n
    \n<\/h4>\n

    \n Tener 404 es algo natural para cualquier sitio web. Pero aprovechar adecuadamente la p\u00e1gina 404 y convertir esos visitantes 404 en clientes es la verdadera inteligencia. Las t\u00e9cnicas discutidas lo ayudar\u00e1n a reducir su tasa de rebote y mejorar el compromiso.\n<\/p>\n<\/p>\n

    \n Fuente de grabaci\u00f3n: instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    \u00bfAlguna vez te has encontrado con el error No encontrado (404) en alg\u00fan sitio web? \u00bfSabe que tiene la oportunidad de convertir a los visitantes que aterrizan en p\u00e1ginas no encontradas? Este art\u00edculo lo ayudar\u00e1 a aprovechar la p\u00e1gina 404. En caso de que no haya configurado Google Analytics para rastrear la p\u00e1gina 404. Aqu\u00ed hay un blog oficial que configura uno para su sitio web. Si sabes bien la web funciona con protocolo HTTP. El servidor web devolver\u00e1 un c\u00f3digo de estado HTTP apropiado para cada una de sus solicitudes de recursos. Hay cuatro c\u00f3digos de estado HTTP b\u00e1sicos que puede necesitar para…<\/p>\n","protected":false},"author":1,"featured_media":187867,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[203,99,60],"tags":[],"class_list":["post-263391","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-posicionamiento-web-y-marketing","category-web-y-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263391","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/comments?post=263391"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263391\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media\/187867"}],"wp:attachment":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media?parent=263391"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/categories?post=263391"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/tags?post=263391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}