Consejos útiles De Diseño Web Para Su Sitio


Siempre es bueno añadir un favicon a tu sitio Web. El favicon es un archivo de imagen 16×16 en el. Formato ICO. Esta imagen es la que se ve al lado de la barra de URL, junto al título de la página en una ficha abierta y también es visible en la ficha marcadores si elige marcar una página. El favicon ayudará a los usuarios a reconocer rápidamente su página en su navegador sin leer ningún texto o directamente viendo la página.

Quick Tip Siempre es bueno añadir un favicon a tu sitio Web. El favicon es un archivo de imagen 16×16 en el.

Si crees que todos los sitios son similares, deberías pasar unas horas navegando por Internet y comparando sitios populares como Facebook con sitios web más pequeños. Usted debe notar la enorme diferencia entre los dos rápidamente, mostrando lo importante que es el diseño del sitio Web. El Consejo compartido aquí será fundamental para ayudarle a entender el diseño web.

Cuando está diseñando un sitio web, es importante tener la ortografía y la gramática adecuadas. Además de ejecutar la revisión ortográfica de tu contenido, pídele a un amigo o compañero de trabajo que corrija todo. Tener una buena ortografía y gramática en su sitio web le ayudará a darle una sensación profesional y su visitante tendrá más probabilidades de regresar.

Quick Tip Cuando está diseñando un sitio web, es importante tener la ortografía y la gramática adecuadas. Además de ejecutar la revisión ortográfica de tu contenido, pídele a un amigo o compañero de trabajo que corrija todo.

Busque nuevas ideas en los foros dedicados al diseño web si usted quiere una ventaja, o simplemente para aprender más. Usted puede encontrar la respuesta a casi cualquier pregunta de diseño web simplemente buscando con su motor de búsqueda favorito.

Los gráficos son importantes para cualquier diseñador pero los principiantes deben centrarse solamente en los gráficos estándar en sus primeras varias compilaciones. Tenga en cuenta lo grande que es una imagen de mapa de bits, pero el uso de imágenes PNG funciona mejor. Para los botones de texto, capturas de pantallas y otras imágenes que no son fotografías, utilice PNG para imágenes con más de 256 colores y GIF para imágenes con menos. JPEG funciona mejor para imágenes fotográficas.

Quick Tip Los gráficos son importantes para cualquier diseñador pero los principiantes deben centrarse solamente en los gráficos estándar en sus primeras varias compilaciones. Tenga en cuenta lo grande que es una imagen de mapa de bits, pero el uso de imágenes PNG funciona mejor.

Los sitios web funcionales funcionan para todos los visitantes, independientemente de su navegador, por lo que es esencial que su sitio web se prueba en todas las plataformas principales. Lo que puede funcionar genial en Firefox, puede que no funcione bien en Internet Explorer o Chrome. Por lo tanto, debe comprobar cómo se muestran todas las páginas de su sitio web en todos los principales navegadores del mercado, antes de convertir su sitio en vivo.

Cuando está pensando en cómo diseñar un sitio web, debe estar seguro de pensar en la navegación. Desea que su navegación sea fácilmente accesible y fácil de usar. Coloque la barra de navegación en cada página en un lugar notable. Además, asegúrate de que fluya bien con el resto de tu página y no distraiga a los visitantes.

Palabras Clave

No uses los popups de OnExit en tu sitio Web. Esta táctica es utilizada principalmente por los vendedores de Internet que están tratando de un último intento de conseguir una venta. Se habla de este tipo de popups, y matarán tu reputación como comercializador. Mozilla incluso ha tomado medidas para suprimir el texto de estos popups, citando los riesgos de seguridad.

Quick Tip No uses los popups de OnExit en tu sitio Web. Esta táctica es utilizada principalmente por los vendedores de Internet que están tratando de un último intento de conseguir una venta.

Desea investigar minuciosamente las palabras clave para su negocio. Mientras que su objetivo principal es ofrecer a los clientes información actualizada y relevante, el primer orden de negocio es formar una base de clientes. Saber qué palabras clave son las que dibujaran a los visitantes del motor de búsqueda en su sitio es esencial si desea tener éxito.

No fuerce a los usuarios a instalar BHOs extraños. Muchos usuarios conocedores de la tecnología no lo harán. Los delincuentes comunes incluyen reproductores de vídeo inusuales, visores de imágenes y plataformas para juegos interactivos. Para la mayoría de los casos de uso estándar, hay un plugin de confianza, como Windows Media Player o incluso Flash) que hará lo que quieras sin alejar a los usuarios.

Quick Tip No fuerce a los usuarios a instalar BHOs extraños. Muchos usuarios conocedores de la tecnología no lo harán.

Considere un paquete de software gratuito cuando esté configurando su sitio Web. Muchos usuarios piensan que tienen que comprar aplicaciones caras, pero muchos programas gratuitos están ahí fuera para darle una mano. Sin embargo, encontrar un buen software libre requiere un poco más de trabajo.

Utilice las etiquetas ALT siempre que sea posible. Estas etiquetas útiles describen una imagen a un espectador, ayudando a los discapacitados visuales, así como aquellos que prefieren navegar sin imágenes. Como una ventaja añadida, algunos motores de búsqueda incluyen estas etiquetas en sus clasificaciones, por lo que puede obtener un impulso mediante el uso de ellos.

Su Sitio

Asegúrate de que tu sitio web se escanee fácilmente. Varias pruebas de usabilidad demuestran que la mayoría de los lectores en línea no leen realmente todo el contenido; en su lugar, lo escanean por algo que les interese. El uso de texto que se enfatiza para romperlo en secciones que se analizan fácilmente garantiza que los lectores tengan más probabilidades de volver. Además, asegúrese de mantener la información más importante en la parte superior. Todo esto garantiza una experiencia más satisfactoria para sus visitantes, ya que pueden encontrar rápidamente lo que necesitan.

Quick Tip Asegúrate de que tu sitio web se escanee fácilmente. Varias pruebas de usabilidad demuestran que la mayoría de los lectores en línea no leen realmente todo el contenido; en su lugar, lo escanean por algo que les interese.

No importa casi tanto como lo que su sitio web se parece tanto como importa que los archivos enumerados están en el lado más pequeño. Esto se debe a que los tamaños de archivo están directamente relacionados con los tiempos de carga. Desea que el tiempo de carga sea lo más rápido posible. A pesar de que la banda ancha es común en estos días, todavía hay gente atascada en conexiones de 56K. Pruebe su sitio para asegurarse de que se carga rápidamente, incluso cuando se accede a una conexión de acceso telefónico.

Asegúrese de utilizar el texto de anclaje derecho. El texto ancla de un enlace debe describir claramente lo que el visitante debe esperar ver cuando hace clic en el enlace. Por ejemplo, si un enlace lleva a la página de pedidos de widgets, el texto de anclaje podría leer «widget de pedido.» Específicamente evitar el uso de «clic aquí» como texto ancla.

Quick Tip Asegúrese de utilizar el texto de anclaje derecho. El texto ancla de un enlace debe describir claramente lo que el visitante debe esperar ver cuando hace clic en el enlace.

Al diseñar su sitio, utilice etiquetas ALT al agregar imágenes. Estas etiquetas se utilizan para describir las imágenes que acompañan en caso de que la imagen no se muestre, como cuando un usuario deshabilita los gráficos o tiene discapacidades visuales y utiliza software de transcripción para traducir imágenes y leerlas en voz alta. No Mater si utiliza enlaces de imagen o no, el uso de una etiqueta ALT da una mejor explicación. Y lo más importante, los bots de motor de búsqueda necesitan ver las descripciones a través de etiquetas ALT con el fin de ayudar a su ranking de motor de búsqueda.

Utilice un título descriptivo. Muchos propietarios de sitios se olvidan de nombrar sus páginas, o nombrarlas algo genérico, como «página de bienvenida.» Los motores de búsqueda usan descripciones de títulos en sus clasificaciones, así que asegúrate de que eres lo más descriptivo posible, sin pasar por la borda. Asegúrese de que es utilizable para sus espectadores y los motores de búsqueda.

Quick Tip Utilice un título descriptivo. Muchos propietarios de sitios se olvidan de nombrar sus páginas, o nombrarlas algo genérico, como «página de bienvenida.

Asegúrese de que su sitio está optimizado para las ediciones anteriores de Internet Explorer. La mayoría de la gente no le gusta Internet Explorer, pero otros todavía lo utilizan. Estos no representan los elementos Web al estándar Web, por lo que debe haber soluciones alternativas. Usted debe leer sobre el frustrante «bug modelo caja» que ha plagado IE durante mucho tiempo.

No agregue ventanas emergentes a su sitio. Aunque hay algunos usos para los pop-ups, a menudo se consideran una molestia. Como resultado, sus usuarios pueden simplemente alejarse de su sitio, demasiado enojado para volver.

Que Tengas

Una cosa que siempre debe tener en cuenta cuando está pensando en el diseño web es la última tecnología que está fuera hoy. A medida que la tecnología avanza para hacer la web, así que asegúrese de que está siempre al día con lo que está cambiando para que usted es mucho más comprensión de cómo funciona la Web.

Quick Tip Una cosa que siempre debe tener en cuenta cuando está pensando en el diseño web es la última tecnología que está fuera hoy. A medida que la tecnología avanza para hacer la web, así que asegúrese de que está siempre al día con lo que está cambiando para que usted es mucho más comprensión de cómo funciona la Web.

No abarrote tu sitio web usando cada píxel cuadrado del espacio que tengas disponible. Sólo porque tengas todo ese espacio no significa que tengas que usarlo. Sin embargo, al dejar espacio entre el contenido de su sitio, puede proporcionar a sus visitantes una experiencia más cómoda. Hay muchos casos en los que el espacio vacío es realmente más valioso que otro contenido.

Asegúrese de que su sitio web utiliza una fuente consistente en todo. Algunos sitios web cambian las fuentes de forma willy-nilly sin ninguna razón de diseño para hacerlo. Esto hace que el contenido sea difícil de procesar para los visitantes. La mayoría de los sitios web, especialmente los sitios web de negocios, se pegan bien a fuentes básicas como Arial, Veranda o incluso Times New Roman.

Quick Tip Asegúrese de que su sitio web utiliza una fuente consistente en todo. Algunos sitios web cambian las fuentes de forma willy-nilly sin ninguna razón de diseño para hacerlo.

Hay muchos boletines disponibles que distribuyen información de diseño web probada y novedosa. Firma algunos de ellos para mantenerte inspirado y darte un diseño web «red de seguridad» en el que puedes confiar para mantener tu base de conocimiento sobre el tema. Los diseñadores web pueden obtener grandes beneficios de los boletines informativos, ya sean aficionados autodidactas o profesionales experimentados.

Asegúrese de garantizar la prioridad de las necesidades de su usuario. El diseñador web debe centrarse en las necesidades del usuario final en todo momento. Estos incluyen la usabilidad, la experiencia del usuario, la accesibilidad y la interacción del usuario. Estas son consideraciones vitales que debe tener en cuenta. Intenta ver las cosas desde la perspectiva de tu visitante cuando diseñes.

Quick Tip Asegúrese de garantizar la prioridad de las necesidades de su usuario. El diseñador web debe centrarse en las necesidades del usuario final en todo momento.

Revise todo el contenido de su sitio para que no parezca que se apresuró a través de él. Quieres que la gente la brisa. Cuando usted tiene errores en su sitio que realmente parece poco profesional y la gente no te llevará o su sitio en serio que puede dañar su reputación.

Cree un sitio Web escalable y confiable. A medida que avanza la tecnología y los monitores siguen cambiando, no puede probar su sitio en todas las plataformas y tamaños de pantalla. Asegúrese de que el diseño, el hospedaje y el código sean escalables. Hazlo asegurándose de que esté libre de errores y de que la carga sea fluida. Esto le ayuda a crear un buen diseño que funcione para muchas circunstancias.

Quick Tip Cree un sitio Web escalable y confiable. A medida que avanza la tecnología y los monitores siguen cambiando, no puede probar su sitio en todas las plataformas y tamaños de pantalla.

Photoshop es un software que es importante aprender si desea entrar en el diseño web. Curiosamente, el programa complementario de Photoshop, Dreamweaver, es mucho menos conocido, aunque se trata de una herramienta diseñada para el diseño web. Los muchos beneficios potenciales que Dreamweaver puede ofrecerle, hacen que valga la pena investigarlo.

Mientras que la utilización de las herramientas de diseño de un anfitrión para obtener su sitio web es una buena idea, nunca confíe en estas herramientas completamente. Ir más allá de las plantillas significa que tendrás un sitio web que destaca, ofrece a tus visitantes contenido que ellos regresarás y te dará mayores beneficios.

Quick Tip Mientras que la utilización de las herramientas de diseño de un anfitrión para obtener su sitio web es una buena idea, nunca confíe en estas herramientas completamente. Ir más allá de las plantillas significa que tendrás un sitio web que destaca, ofrece a tus visitantes contenido que ellos regresarás y te dará mayores beneficios.

Solo porque haya lanzado su sitio no significa que el proceso de diseño haya finalizado. Prepárese para mantenerse activo con su sitio. No necesitarás actualizarlo constantemente, pero las actualizaciones regulares son una necesidad. Esto es especialmente cierto si estás organizando videos o trabajando con eventos actuales. Actualizar un sitio no es como actualizar un blog. Tendrá que trabajar.

Simplemente no puede equivocarse al crear un sitio web a través de Dreamweaver, un programa popular de Adobe. Incluso los novatos pueden utilizar fácilmente este producto. Hay guías paso a paso sobre cómo hacer diseños y plantillas en el programa. También puede probar el sitio Web antes de ir en vivo.

Quick Tip Simplemente no puede equivocarse al crear un sitio web a través de Dreamweaver, un programa popular de Adobe. Incluso los novatos pueden utilizar fácilmente este producto.

Asegúrese de que su sitio sea seguro. Por ejemplo, si las personas están comprando productos de usted e introduciendo sus números de tarjeta de crédito, desea obtener un certificado SSL. El anfitrión de su sitio web también puede ofrecer funciones de seguridad para su sitio Web.

Sigue practicando cuando comiences a aprender diseño web para que puedas probar pequeñas cosas y recordarla en el futuro. Utilice la práctica para aplicar el conocimiento que lea aquí para facilitar el aprendizaje. Usted no quiere sólo temporalmente aprender algo y luego encontrar que ha olvidado esta información cuando lo necesita.

Del Sitio Visual

Simplemente haga una búsqueda en Google de diseño web y cómo aprender algunos de los conceptos básicos con él que le puede ayudar a lo largo de sus esfuerzos de diseño web. Internet tiene una cantidad interminable de información disponible para usted que puede utilizar para aprender cualquier cosa que pueda necesitar para convertirse en un buen diseñador web.

Quick Tip Simplemente haga una búsqueda en Google de diseño web y cómo aprender algunos de los conceptos básicos con él que le puede ayudar a lo largo de sus esfuerzos de diseño web. Internet tiene una cantidad interminable de información disponible para usted que puede utilizar para aprender cualquier cosa que pueda necesitar para convertirse en un buen diseñador web.

Siempre debe crear un mapa del sitio visual para que pueda planear con anticipación con precisión. Con un mapa del sitio visual, verá exactamente cómo se está desarrollando su estructura. Desde aquí, usted será capaz de localizar cualquier área que necesita algunas mejoras o cualquier área que pueda haber descuidado. No hay sustituto para una clara visual del proyecto.

Aunque brillante y audaz puede ser su estilo, usted tiene que recordar que el diseño de un sitio es tanto para sus visitantes como lo es para usted, así que tenga cuidado con esas opciones de color brillantes y audaces. Tener un sitio brillante podría asustar a la gente. Lo último que quieres es un tono cegador de neón verde, lo que dificulta ver tu contenido.

Quick Tip Aunque brillante y audaz puede ser su estilo, usted tiene que recordar que el diseño de un sitio es tanto para sus visitantes como lo es para usted, así que tenga cuidado con esas opciones de color brillantes y audaces. Tener un sitio brillante podría asustar a la gente.

Conviértase en un experto en hojas de estilos en cascada (CSS). HTML es una cosa, pero el diseño real (y la consistencia en el diseño) ocurre en CSS. Estas hojas de estilo actúan como una guía de referencia de formato a su sitio para ayudar a cada página a mantener una apariencia consistente. Esto también hace que sea muy fácil para cambiar universalmente las cosas en su sitio. Si desea cambiar el color de la fuente a rojo en cada página, todo lo que necesita hacer es alterar una línea de código!

Para garantizar la estabilidad con su sitio, asegúrese de tomar todas las precauciones para no sobrecargar su sitio con demasiado contenido en él a la vez. Desea que cada página tenga la cantidad justa de información para que la gente siga regresando por más después de que se vaya.

Quick Tip Para garantizar la estabilidad con su sitio, asegúrese de tomar todas las precauciones para no sobrecargar su sitio con demasiado contenido en él a la vez. Desea que cada página tenga la cantidad justa de información para que la gente siga regresando por más después de que se vaya.

Para ahorrar dinero, usa imágenes de stock gratuitas al diseñar tu sitio Web. Estas imágenes se pueden encontrar a través de Internet y son a menudo de alta calidad como las que tiene que pagar. Al ahorrar dinero en las imágenes que utilizas, puedes gastar ese dinero en otros aspectos del diseño y el negocio.

Debe estar seguro de incluir una lista fácilmente vista de los tipos de pagos que acepta directamente en la Página principal de su sitio. Hay muy pocas cosas que son más irritantes que tomarse su tiempo para mirar a través de un sitio, encontrar algo que desea, y aprender en el checkout que no se puede comprar porque su método de pago no se acepta.

Sitio Web

Asegúrese de que el sitio es compatible con diferentes navegadores. Debe probar su sitio en Internet Explorer y Netscape para asegurarse de que el contenido puede ser visto por los visitantes que están utilizando cualquiera de los navegadores. No sólo Compruebe que funciona en uno y lanzar el sitio.

Quick Tip Asegúrese de que el sitio es compatible con diferentes navegadores. Debe probar su sitio en Internet Explorer y Netscape para asegurarse de que el contenido puede ser visto por los visitantes que están utilizando cualquiera de los navegadores.

Incluso si usted no produce un sitio digno de las mejores firmas de diseño, es en su mejor interés para darle una oportunidad. No dejes que estas probabilidades funcionen en tu contra. Sin embargo, el uso de métodos de diseño web de calidad le ayudará a crear rápida y fácilmente un sitio web que es atractivo y funcional. Utilice los consejos que acaba de leer para empezar a diseñar un sitio web en este momento!

Un gran Consejo para los diseñadores web que se encuentran en las etapas de conceptualización de su sitio web es simplemente hacer una lluvia de ideas. Este método simple, pero infrautilizado es una gran manera de obtener sus ideas en papel para que pueda visualizar mejor lo que le gustaría que el producto final sea.