![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300329-63831d1ed236e.webp\")
<\/a><\/p>\n\n Sin embargo, cambia a un dise\u00f1o de una sola columna con un men\u00fa oculto tanto en tabletas como en dispositivos m\u00f3viles. El men\u00fa del sitio web en la versi\u00f3n de escritorio tambi\u00e9n viene con etiquetas e \u00edconos, lo que facilita la comprensi\u00f3n de las generaciones anteriores (que es m\u00e1s probable que usen una computadora de escritorio o una computadora port\u00e1til).\n<\/p>\n
\n La navegaci\u00f3n fluida juega un papel fundamental para mantener a los prospectos en su sitio web por m\u00e1s tiempo. Los usuarios est\u00e1n impacientes. No van a esperar eternamente si no encuentran lo que buscan. Como resultado, una navegaci\u00f3n deficiente puede afectar directamente su tasa de conversi\u00f3n y, por lo tanto, sus ganancias. Por lo tanto, los usuarios deber\u00edan poder acceder a su sitio web y navegar sin problemas en todos los dispositivos.\n<\/p>\n \n Cuando se trata de navegar por un sitio web, generalmente menos es m\u00e1s. Por lo tanto, minimice la cantidad de enlaces de navegaci\u00f3n tanto como sea posible. No desea abrumar a los usuarios con demasiadas opciones. Ofrecer muchos enlaces tambi\u00e9n puede afectar negativamente a su SEO porque a los rastreadores web les resulta dif\u00edcil descifrar dicho contenido.\n<\/p>\n \n Por lo tanto, aseg\u00farese de agregar enlaces a palabras clave y frases apropiadas. Arregla los enlaces rotos lo antes posible. Si ha reemplazado una p\u00e1gina web antigua por una nueva, aseg\u00farese de crear un enlace de redirecci\u00f3n adecuado.\n<\/p>\n \n Evita jugar demasiado con tu creatividad. A menudo es mejor seguir con la arquitectura de navegaci\u00f3n est\u00e1ndar. Con la esperanza de sobresalir entre la multitud, las personas a menudo hacen un uso excesivo de animaciones o gr\u00e1ficos y terminan teniendo exactamente el efecto contrario en los usuarios.\n<\/p>\n \n Sin embargo, es deseable incorporar las \u00faltimas tendencias de navegaci\u00f3n en su sitio web. Por ejemplo, en 2017 se produjo un aumento sustancial de las barras de navegaci\u00f3n fijas, los megamen\u00fas y los submen\u00fas de navegaci\u00f3n receptivos, entre otros. Usar cualquiera de estas caracter\u00edsticas en su sitio web es probablemente una buena idea.\n<\/p>\n \n El sitio web del Museo de Arte Moderno de San Francisco es quiz\u00e1s la mejor combinaci\u00f3n de f\u00e1cil navegaci\u00f3n y gr\u00e1ficos impresionantes. El men\u00fa principal simple pero elegante proporciona enlaces a todos los elementos esenciales, incluidas exposiciones, proyectos, obras de arte destacadas, detalles de venta de entradas, horarios de visita y membres\u00eda.\n<\/p>\n \n No tiene que desplazarse hacia abajo en la p\u00e1gina de inicio para ver todos estos enlaces. En lugar de texto e im\u00e1genes, han utilizado videos que te hacen sentir como si estuvieras en un museo.\n<\/p>\n \n Tambi\u00e9n han mantenido intacto el marco de navegaci\u00f3n intuitivo en todo el sitio. Ya sea que est\u00e9 revisando las obras de arte o los proyectos, nunca se sentir\u00e1 perdido. El sitio web comunica la complejidad del arte y las pinturas de una manera relativamente simple, tal como la gente com\u00fan querr\u00eda experimentarlo.\n<\/p>\n \n Todo el mundo sabe que la velocidad del sitio web es importante. Pero, qu\u00e9 tan r\u00e1pido debe ser su sitio web es un tema de debate. Seg\u00fan un estudio reciente publicado por Google, un segundo es el tiempo ideal para cargar una p\u00e1gina web. Sin embargo, si su sitio web tarda hasta tres segundos en cargarse, todav\u00eda lo est\u00e1 haciendo bien, ya que la tasa de rebote no supera el 32%. Pero, si el tiempo de carga aumenta a\u00fan m\u00e1s, digamos hasta cinco segundos, la tasa de rebote ser\u00e1 del 90 %, mientras que un retraso de diez segundos conduce a un aumento del 123 %.\n<\/p>\n \n Google ha estado dando un trato preferencial a los sitios web de carga r\u00e1pida desde hace alg\u00fan tiempo. Sin embargo, estaba limitado solo a computadoras personales. Pero, con el aumento del tr\u00e1fico web en tel\u00e9fonos m\u00f3viles, Google ha decidido convertir la velocidad de p\u00e1gina en un factor de clasificaci\u00f3n para las b\u00fasquedas m\u00f3viles a partir de julio de 2018. Por lo tanto, la velocidad de carga del sitio debe ser lo m\u00e1s alta posible.\n<\/p>\n \n Lo primero que debe hacer es averiguar cu\u00e1nto tiempo lleva cargar diferentes partes de cada p\u00e1gina web en su sitio web. Aunque puede usar herramientas de an\u00e1lisis de velocidad como WebPageTest<\/strong> o Pingdom<\/strong>, no son suficientes.\n<\/p>\n \n Para ver qu\u00e9 tan r\u00e1pido se carga cada elemento en su sitio, puede hacer clic derecho en la p\u00e1gina que desea analizar, hacer clic en \u00abInspeccionar\u00bb y luego hacer clic en la pesta\u00f1a \u00abRed\u00bb. Puede hacer esto en cualquier navegador. Por ejemplo, la carga El tiempo de varios elementos en la p\u00e1gina web http:\/\/www.instantshift.com\/category\/web-design\/<\/a> en el navegador Firefox se muestra a continuaci\u00f3n. Este an\u00e1lisis le proporcionar\u00e1 los datos para identificar el elemento de carga lenta en cada p\u00e1gina web.\n<\/p>\n \n Tambi\u00e9n le mostrar\u00e1 cu\u00e1ntas solicitudes HTTP realiza su sitio. Reducir la cantidad de solicitudes HTTP es una excelente manera de mejorar su velocidad. Identificar y eliminar im\u00e1genes, textos o gr\u00e1ficos innecesarios, si los hubiere.\n<\/p>\n \n Otros pasos para mejorar la velocidad incluyen el uso de una red de entrega de contenido (CDN), el uso de un dominio sin cookies respaldado por una CDN para alojar sus archivos est\u00e1ticos, la minimizaci\u00f3n y combinaci\u00f3n de sus archivos HTML, CSS y JavaScript, la instalaci\u00f3n de Google PageSpeed \u200b\u200ben su servidor y diferir la carga de JavaScript, entre otras cosas.\n<\/p>\n \n Tanto el texto como las im\u00e1genes son factores cr\u00edticos de un sitio web. Sin embargo, su sitio no puede atraer m\u00e1s tr\u00e1fico web sin lograr el equilibrio adecuado entre estos dos elementos. En otras palabras, los gr\u00e1ficos no deben dominar el texto y viceversa.\n<\/p>\n \n El cerebro humano, sin embargo, tiende a recordar las im\u00e1genes mejor y durante m\u00e1s tiempo. De hecho, las personas pueden recordar el 65 % de las im\u00e1genes casi tres d\u00edas despu\u00e9s, en comparaci\u00f3n con el 10 % del contenido de texto en el mismo per\u00edodo. Su contenido puede generar hasta un 94% m\u00e1s de vistas si agrega elementos visuales y gr\u00e1ficos atractivos.\n<\/p>\n \n Adem\u00e1s, el contenido visual viral (videos, GIF e im\u00e1genes) puede generar m\u00e1s enlaces entrantes. Adem\u00e1s, un n\u00famero cada vez mayor de personas accede a la web desde sus m\u00f3viles, especialmente la generaci\u00f3n joven. Usar m\u00e1s elementos visuales tiene sentido porque ver un video es mucho m\u00e1s f\u00e1cil en comparaci\u00f3n con leer un p\u00e1rrafo largo en un dispositivo m\u00f3vil.\n<\/p>\n \n Sin embargo, hay una trampa. M\u00e1s videos, gr\u00e1ficos e im\u00e1genes de alta definici\u00f3n significan que su sitio web se cargar\u00e1 m\u00e1s lentamente. Como se mencion\u00f3 en el punto anterior, los sitios web que cargan m\u00e1s lentamente conducen a tasas de rebote m\u00e1s altas. A los motores de b\u00fasqueda tambi\u00e9n les resulta dif\u00edcil reconocer las im\u00e1genes en comparaci\u00f3n con el texto. Una forma de superar este problema es agregar \u00abTexto alternativo\u00bb apropiado a las im\u00e1genes.\n<\/p>\n \n Al usar \u00abTexto alternativo\u00bb, conc\u00e9ntrese no solo en la orientaci\u00f3n de palabras clave, sino tambi\u00e9n en la intenci\u00f3n del usuario. Por ejemplo, echa un vistazo a la siguiente imagen. Podr\u00eda significar una variedad de cosas. Puedes percibir esta imagen como un signo de felicidad o motivaci\u00f3n o incluso una sensaci\u00f3n de logro.\n<\/p>\n \n Por lo tanto, si su sitio web se ocupa de algo como el \u00e9xito personal o profesional, mencionar \u00abformas de lograr su objetivo\u00bb en su \u00abtexto alternativo\u00bb es mucho mejor que simplemente decir \u00abuna chica saltando en el punto del atardecer\u00bb.\n<\/p>\n \n Por otro lado, un sitio web sobre depresi\u00f3n y consejer\u00eda deber\u00eda usar algo como \u00absuperar la depresi\u00f3n con felicidad inherente\u00bb. Sin embargo, evite exagerar con la descripci\u00f3n. No deber\u00eda parecer poco natural ya que a los motores de b\u00fasqueda no les gusta el relleno de palabras clave. Use una descripci\u00f3n relevante y significativa.\n<\/p>\n \n Sin embargo, el equilibrio visual y de texto no deber\u00eda ser necesariamente sim\u00e9trico. Puedes disponer estos dos elementos de forma asim\u00e9trica, especialmente si pretendes darle un aspecto m\u00e1s informal, moderno o relajado a tu dise\u00f1o web.\n<\/p>\n \n La p\u00e1gina de inicio de Dropbox<\/strong> es un ejemplo de un dise\u00f1o asim\u00e9trico de texto e im\u00e1genes. Trae la atenci\u00f3n del usuario a los puntos focales inmediatamente. Pero, ni las im\u00e1genes ni el texto parecen superarse entre s\u00ed.\n<\/p>\n \n Seedlip<\/strong>, una empresa que vende licores destilados sin alcohol, hace un amplio uso de espacios en blanco, as\u00ed como fuentes en negrita y texto simple siempre que sea posible. Es el equilibrio correcto de texto y visual que est\u00e1 destinado a servir bien a su p\u00fablico objetivo.\n<\/p>\n \n A pesar de tomar todas las precauciones, las cosas pueden salir mal y provocar errores en el sitio web. Si bien no puede evitar por completo estos errores poco propicios, seguramente puede aceptarlos con gracia. Tus clientes potenciales ya se sienten irritados tras encontrarse con una p\u00e1gina web err\u00f3nea. \u00bfPor qu\u00e9 frotar sal en su herida con un mon\u00f3tono (o francamente molesto) mensaje de error? Lamentablemente, este aspecto del dise\u00f1o web se pasa por alto en gran medida.\n<\/p>\n \n Aunque sus usuarios hayan escrito un nombre de usuario o una direcci\u00f3n URL incorrectos, evite culparlos a toda costa. Por el contrario, los mensajes de error deben ser lo m\u00e1s f\u00e1ciles de usar posible. Siempre use un lenguaje cort\u00e9s al se\u00f1alar un error. Por ejemplo, en lugar de usar un mensaje est\u00e1ndar como \u00abLa direcci\u00f3n de correo electr\u00f3nico que ingres\u00f3 es incorrecta\u00bb, Mail Chimp<\/strong> usa la siguiente descripci\u00f3n de manejo de errores.\n<\/p>\n \n Piccsy<\/strong> lleva el manejo de errores a un nivel completamente nuevo con la ayuda del humor alegre. Si encuentra el error \u00ab404 – p\u00e1gina no encontrada\u00bb en su sitio web, esto es lo que ver\u00e1.\n<\/p>\n<\/a><\/p>\n\n 2 F\u00e1cil Navegaci\u00f3n
\n<\/h3>\n\n A. Menos es m\u00e1s
\n<\/h5>\n\n B. Demasiada creatividad puede ser perjudicial
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 3 Sitio web de carga r\u00e1pida
\n<\/h3>\n<\/a><\/p>\n\n A. Identificar el tiempo de carga de cada elemento
\n<\/h5>\n<\/a><\/p>\n\n B. Reducir el n\u00famero de solicitudes HTTP
\n<\/h5>\n\n 4 Uso equilibrado de im\u00e1genes y texto
\n<\/h3>\n\n A. Recordamos im\u00e1genes f\u00e1cilmente
\n<\/h5>\n<\/a><\/p>\n\n B. Las im\u00e1genes vienen con un costo
\n<\/h5>\n<\/a><\/p>\n\n C. El equilibrio asim\u00e9trico entre im\u00e1genes y texto tambi\u00e9n funciona
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 5 Manejo correcto de errores
\n<\/h3>\n\n A. Sea Cort\u00e9s
\n<\/h5>\n<\/a><\/p>\n\n B. Use humor alegre
\n<\/h5>\n