!2 tips que todos las paginas web necesitan

Doce cosas más sitios necesitan - Parte I
por Mike Cherim - 25 de febrero 2008

Hay una gran cantidad de webs por ahí, cada uno único en su diseño, su contenido, de marcas, características, funcionalidad, y en una miríada de otras maneras. Sin embargo, a pesar de estas diferencias, hay necesidades específicas que deben ser satisfechas con cerca de coherencia, de Internet de todo, independientemente del sitio. Echemos un vistazo a las doce de estos denominadores comunes. A continuación se presentan los seis primeros. Ellos aparecen en el orden en que me procesador 'em up. Son sólo números para que usted pueda referirse a ellas más fácilmente.


Ya tienes pagina web? Diseña tu sitio web facil y rapido con el programa mas novedoso y facil de usar, visita okhosting.com web hosts en mexico, dominios y paginas web, los planes completos con hospedaje web o host de 50 megas, pagina web y registro de tu nombre en internet, ejem: www.tu-dominio.com y MX, ademas te incluimos cuentas de correo electronico ilimitadas y ayuda para cualquier duda que tengas en la creacion de tu sitio web, visita ahora www.okhosting.com y sal a la luz de la internet.

1. Un menú de navegación adecuada


Cualquier dominio en la Web que consta de más de una página es una página web y como tal debe navegables. Ahora bien, esto puede parecer obvio, pero si esto es así, ¿por qué me encuentro en ocasiones con la navegación de sitios de misterio de carne? O, en un nivel más profundo, son inaccesibles debido a que requieren JavaScript o imágenes con el fin de la función. Estos deben ser una capas superiores compatibles con una mejora progresiva, no un requisito. Un fácil de usar y el menú de navegación accesible debe estar disponible. También existen otras preocupaciones en lo que respecta a la creación de un menú de navegación adecuada, así, como ...

* Su estilo del enlace: hover,: enfoque, y: pseudo elementos activos.
* El uso semántico de listas para organizar adecuadamente sus vínculos en un menú adecuado.
* E incluso yendo tan lejos como el marcado de la página actual.

2. Una significativa y bien formados Título

Por significativo título me estoy refiriendo específicamente al elemento de título - lo que se muestra en la barra de título del navegador. Lo ideal sería que el título del contenido debe venir antes de que el sitio (esto ayuda a los usuarios buscar encontrar cosas como el contenido de su título principal, en lugar de ver su nombre de sitio una y otra vez) y, si es posible, cada página debe tener su propio título. Este es un ejemplo de un uso eficaz de los elementos del título:
Twelve Things Most Sites Need | Web page Design For Designers © " onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'">

Nota: Yo prefiero usar un separador de guión, pero la barra vertical o tubo utilizado en este sitio está muy bien.
3. Un Método de contacto

No puedo recomendar poner su dirección de correo electrónico en su sitio, incluso ofuscado salvo que se realice de una manera que es realmente seguro (darse una vuelta, pero el comprador tenga cuidado, muchos métodos promocionado no funcionan de manera indefinida), pero que ofrece un medio de contacto es casi siempre necesario. No sólo se presta al sentido de legitimidad, es simplemente lo que hay que hacer en el servicio a sus visitantes. Para facilitar esto, ofreciendo un número de teléfono y la dirección es buena, si es posible, y un formulario de contacto es una buena opción en lugar de un mailto: enlace de correo electrónico que no todos los visitantes podrán utilizar de todos modos. Sin embargo, dado que algunos visitantes son los robots o las personas en nada bueno, utilice un formulario de contacto seguro. Se ha argumentado que el cliente filtro spam niega la necesidad de proteger a su dirección de correo electrónico en la Web, pero su familia le puede ser cosechada y puesta en uso. No hay ganar esta guerra - no tanto como los nombres de cuenta común, como info@yourdomain.com, contact@yourdomain.com y admin@yourdomain.com puede ser objeto de un uso tan pronto como se registre un nombre de dominio - pero doesn No significa que debamos hacerlo más fácil.
4. Un Mapa del sitio

No todos los visitantes del sitio son bien servidos por un mapa del sitio y no todos los sitios requieren una. Digamos, por ejemplo, tiene un sitio de base cinco páginas con un menú de navegación clara y coherente, y fácilmente disponibles,. Probablemente se podría hacer sin un mapa del sitio. Pero, ¿cuántos sitios de congelación en cinco páginas? La experiencia adquirida me ha enseñado dominios tienden a la expansión de las nuevas necesidades inspirar a las nuevas páginas o aplicaciones. Consulta el mapa del sitio tan pronto como empieza a crecer, o considerar añadir a su sitio desde el principio. Al principio puede enlazar a él desde el pie de página, luego mover el vínculo a una ubicación más evidente que el sitio crece, ya que los visitantes encontrarán más útil. En los sitios pequeños a menudo se incorporará al mapa del sitio en ayudar a un "sitio" o "site info" página, matando a numerosas aves, con una piedra - la accesibilidad y derechos de autor, la política de privacidad, etc Si aún no estás convencido, También sabemos que muchos usuarios, especialmente los ciegos, buscará un mapa de sitio por primera vez desde que les da una visión instantánea de las ofertas de los dominios, por así decirlo.

Un mapa de sitio puede ser tan simple como una página Web con una lista desordenada. El mantenimiento puede ser muy simple: añadir un nuevo elemento de la lista cuando se agrega una nueva página. La parte más difícil es en realidad el recuerdo de actualizarlo. Ahí es donde la belleza de los mapas de sitio dinámico de verdad destacan. Las aplicaciones como WordPress, como sólo un ejemplo, permiten a los usuarios la oportunidad de crear de todo, desde simple a los mapas de sitio complejo y no hay mucho más que una simple llamada a función. "Plugins" también están disponibles simplificar aún más el proceso para los usuarios novatos. Y si usted desea caminar hasta una muesca, usted también puede ofrecer un mapa del sitio XML, pero saben que un mapa del sitio HTML es lo que me refiero. La gente debe venir primero no, robots y arañas.
5. Pasivo Accesibilidad

No voy a aburrir con un soliloquio. Voy a decir esto, sin embargo: su sitio web debe ser accesible. Sea o no lo hace para sus visitantes o para ti es irrelevante. Si lo hace meramente para satisfacer sus propias necesidades de sus visitantes también se beneficiarán ... no se puede evitar. Por lo tanto, está todo bien. Si usted no está familiarizado con las ventajas de tener un sitio accesible, tal vez esta presentación le ayudará a explicar por qué la accesibilidad tiene sentido. Si usted no está familiarizado con la accesibilidad Web, hay enlaces de ayuda en la última página de la presentación. También puede obtener algo de información básica de la Iniciativa de Accesibilidad Web (WAI).
6. De marcado estandarizado

Esto, al igual que ofrece un menú de navegación adecuado, puede parecer obvio, pero es un gran defecto en la Web. De la utilización de tablas para el diseño, el uso indebido de las rupturas, a la utilización de un "big-bold" estilo de la fuente en lugar de una partida. Utilizando el margen de beneficio adecuado para su propósito designado, sin pasar por la borda por el estiramiento que uso, no es útil no sólo la accesibilidad y la usabilidad, pero la práctica de utilizar el marcado semántico ayuda a garantizar la compatibilidad hacia adelante. A decir verdad, si usted está a punto de construir un nuevo sitio web y estás planeando sobre el uso de tablas y las viejas prácticas, fuggedaboudit. Usted no va a hacer usted mismo o su cliente un favor si usted no hace la paz con CSS y HTML 4.01 válido (por un rato) o XHTML 1.0/1.1. (Un poco de toma de conciencia de accesibilidad no se va a matar a usted.) Las normas no son una broma Web y su cooperación en su adopción es de gran importancia.

Doce cosas más sitios necesitan - Parte II
por Mike Cherim - 3 de marzo 2008

En la primera entrega, doce cosas más sitios necesitan - Parte I, me ofreció un paquete de seis que no deben faltar. Específicamente sugerí sitios deben tener un menú de navegación adecuado, un sentido, bien formado título, un método de contacto, un mapa del sitio, la accesibilidad pasiva, y de marcado estandarizado. Ahora, cuando me ofreció los últimos seis, en el orden en que me procesador 'Em Up, aquí está el equilibrio.
7. A Peso Page útil

Irónicamente Solía odiar la Web. Empecé con dial-up y fue una experiencia miserable. Por otra parte, de vuelta en el día, parecía que cada sitio que visitó requerido algún tipo de complemento o add-on para que funcione. Francamente, la Internet era un dolor en el trasero. Esto ha cambiado en algunos niveles. La necesidad de plugins o add-ons es muy reducido, con lo que los sistemas operativos pre-cargado con todo el apoyo necesario. Sin embargo, algunas personas todavía tienen dial-up. Durante los últimos seis años he tenido cable de banda ancha y es un sueño. Estoy echado a perder. Y es muy fácil olvidarse de los menos afortunados y vaya jabalí, la carga de mis páginas, con gráficos pesados. Es fácil olvidarse de cómo hacer esto hará que para un menos-que-la experiencia feliz de línea tradicional y distantes usuarios de DSL. Tengo que mantener el peso.

No estoy diciendo que el lugar no es una web para los pesos pesados, que es, pero con la debida consideración. Si desea ofrecer gráficos de peso pesado y otras cosas, permitirá a los visitantes navegar a ellos, en lugar de ofrecerles la carga de la página inicial. Y advertir a los usuarios si algo grande se acerca. Es justo para permitir que aquellos que quieran optar por la oportunidad de hacerlo.

Me sugieren aspirar a un límite máximo de 100kb por página de fondo combinada y las imágenes incrustadas (esto es comprobable). Usted puede comprar un montón de 100kb. Para sacar el mayor provecho para el dólar, sobre todo reducir el número de imágenes, optimizar los exportadores sólo desaparece, los archivos comprimidos, y por favor el tamaño pre-imágenes incrustadas para su ubicación (asegurándose de que se suma la altura y la anchura de los atributos del elemento img ). He visto en miniatura tamaños que en realidad eran 900kb monstruos con los estilos de descuento! Eso es incorrecto.
8. Una página de error útiles

Si alguna vez ha perdido, siempre es agradable ver a un alma muy útil dispuestos a dar instrucciones (suponiendo que están dispuestos a admitir que estás perdido). En la Web puede ser que el alma de ayuda. No sólo, como se menciona en la última cuota, puede ofrecer un mapa del sitio de forma proactiva de guía a sus visitantes, puede ofrecer un partido amistoso, de estilo "404" de error de página (o páginas si se quieren cubrir más errores). Su página de error debe ofrecer a la oferta mínima de una casa muy enlace, un menú de navegación, y al menos un enlace al mapa del sitio. Si usted desea ser un alma realmente útil, sin embargo, tratar de peinar la mayoría si no todas sus herramientas de navegación y ponerlos en una página. Realiza una perfecta página 404 que ofrece un mapa del sitio en la página (fácil con los mapas de sitio dinámico), de búsqueda, incluso información de contacto, y más.

Esto no es difícil de hacer. Pregunte a su host web para empezar. Específicamente preguntarles acerca de las páginas de error personalizadas desde que usted desea proporcionar algo útil y la mayoría de las páginas del servidor por defecto de error, incluso los de estilo, no son realmente muy útiles a todos.
9. Buenas partidas

En la última entrega le hablé de la importancia de utilizar la marca a punto adecuada para la finalidad a la mano. Que he mencionado las partidas, pero no entrar en detalles. Eso es porque las partidas son tan importantes que, bueno ... que se merecen un título propio. El uso de las partidas es lógico, y un estilo que está abierta, sólo tiene que utilizar su imaginación.

¿Qué tan buenos son? Ofrecen la demarcación de la sección, la semántica y pedidos, la belleza en las manos adecuadas, un beneficio de la indexación de búsqueda, la mayor accesibilidad, e incluso una fuente de navegación para algunos usuarios de las tecnologías de asistencia, como lectores de pantalla. ¿Qué más incentivo podría usted necesidad de actuar sobre esta recomendación?
10. Saltar Enlaces de Siempre

Es posible que haya detectado por mis sugerencias hasta ahora que soy grande en ayudar a los usuarios del sitio web. Creo que la más fácil mis sitios son de usar, el mejor de su experiencia será. Quiero que no sólo encuentran los bienes, con el apoyo en el camino como sea necesario, de forma pasiva y en la demanda si es posible, pero quiero a querer volver. Así, uno de mis doce va a tener que ofrecer saltar o saltar enlaces. Me parece que son muy útiles para todos con excepción de la mayoría de los que utiliza el ratón o el puntero - y que un mayor número de personas que te imaginas. Un enlace permite saltar a los usuarios la oportunidad de saltar a la página con el contenido o la navegación, de by-pass secciones redundantes o largo, contenido de ayuda de acceso, y volver a la página si se considera un vínculo superior o de nuevo a menú vínculo un vínculo salto . Yo. Algunos pueden argumentar que es una réplica de los enlaces que ofrece el comportamiento del navegador de este tipo, pero no he oído recientemente de un número record de surfistas en navegador inteligente si sabes lo que quiero decir. Además, están simplemente inocuo útil.

Una regla: Si usted va a ofrecer enlaces de salto, lo mejor es hacerlos visibles, pero no siempre es necesario. Hay maneras de ocultar vínculos saltar a la vista, manteniendo un alto nivel de accesibilidad y usabilidad de un porcentaje muy grande de usuarios. Hacer notar, sin embargo, que mostrar de ellos aumenta ese porcentaje a 100.
11. Focus Estilos

Yo no soy un usuario del teclado dedicado, pero yo uso mi teclado mucho. Es útil a veces, conveniente en otras ocasiones. Es una opción. A veces puedo usar mi teclado en la Web, en páginas de tabulación, rebotando de enlace en enlace, siguiendo el orden natural de la fuente de la página. A veces, sin embargo, dependiendo del sitio, esto puede ser difícil. Estaré a lo largo de la tabulación, pensando en mis cosas, cuando de repente zas,, estoy perdido. Yo no sé donde estoy en la página. La razón es, invariablemente, el desarrollador del sitio no se ofrecen de uno a la más simple de alojamiento: link: el foco. Probablemente debido a la simple ignorancia. Pero estoy aquí para cambiar eso.

Ofrecer enlaces enfoque implica nada más que una simple entrada de hojas de estilo, como este:
a: enfoque, a: active (color: negro; background-color: yellow;)

La A: activo es para Internet Explorer, y para proporcionar el estilo, cuando activados en otros navegadores gráficos. Obviamente, usted puede obtener más creativa, pero que por encima ayudará a hacer sus páginas Web mucho más navegable para los usuarios de teclado y nadie va a sufrir una experiencia disminuido.
12. Archivo Robots.txt

Usted se estará preguntando por qué he incluido algo tan mundano como un archivo robots.txt en el line-up, pero creo que es muy útil tener uno. Proporciona instrucciones a los robots de indexación honesto y arañas, como Googlebot, diciéndoles que permanecer fuera de ciertos directorios que realmente no queremos que de todos modos. ¿Por qué han perdido su ancho de banda innecesariamente?

Algunas personas, que he oído, a la derecha desea deshabilitar, haga clic en sus sitios pensando que de alguna manera pueden realmente tener éxito en impedir que la gente de la copia de sus imágenes (no se puede hacer), pero no tienen un archivo robots.txt con exclusión de las imágenes del directorio. Este último sería mucho más útil. Es muy fácil de hacer uno, incluso hay herramientas que puede utilizar para ayudarle a conseguir el trabajo hecho.
¿Hay más?

La respuesta corta es sí, por supuesto. Pero si se cumplen los doce artículos en este artículo de dos partes, que ha hecho bien. Se le ofrece un sitio de calidad que es un corte por encima de muchos sitios de la Web. Y los beneficios, puede encontrar, será realmente notable, y tal vez incluso tangibles. Happy coding.