Ahorre tiempo y evite problemas en el futuro de su sitio web.
NoticiasCuando se trata de proteger su sitio a futuro, el punto de partida obvio es escribir código limpio, semántico y que cumpla con los estándares..
"La separación adecuada de contenido, presentación e interacción significa que el contenido de su sitio siempre estará disponible en nuevos dispositivos", dice el evangelista web de Opera Bruce Lawson. "Y si tiene que modificar las cosas, como agregar consultas de medios para admitir dispositivos móviles, es más fácil encontrar el lugar correcto".
RESOLUCION LIBRE: La demostración de las consultas de los medios de Bruce Lawson muestra cómo se pueden optimizar los estilos en función del ancho de la ventana del navegador
Pero si bien el código que cumple con los estándares puede ser una necesidad, no es suficiente en sí mismo para garantizar que su sitio sea una prueba de futuro. Con la adopción de nuevos estándares que están siendo frenados por los problemas del navegador y la creciente adopción de tecnologías de vanguardia como CSS3, se necesita un enfoque más sutil. Y la frase de moda del momento es 'mejora progresiva'.
La mejora progresiva comienza con una línea de base de funcionalidad utilizable, y luego aumenta la riqueza de la experiencia del usuario dependiendo del soporte para las mejoras ofrecidas por el navegador..
"Cuando se trata de proteger el sitio web de un sitio web, es un concepto indispensable", subraya Aaron Gustafson, director de Easy Designs. "Enfóquese de lleno en el contenido de la página y arme su marca de la manera más adecuada. Eso constituye el nivel básico de soporte para todos los usuarios y funcionará sin importar qué agente de usuario o sistema operativo acceda a ese contenido..
"Con la línea de base establecida, aplique estilos de manera progresiva, proporcionando distintos niveles de diseño en función de las capacidades del sistema de un usuario. Para algunos, eso puede significar una tipografía más básica, y para otros un hermoso diseño en capas de varias columnas utilizando RGBa. Del mismo modo, los scripts pueden pruebe si deberían ejecutarse antes de intentar hacerlo, creando más niveles potenciales de experiencia de usuario enriquecida ".
Es vital no olvidar el aspecto de 'mejora' de la mejora progresiva, agrega el director gerente de Digital Marmalade Marcus Brennand. "Por supuesto, use CSS3", dice, "pero no para las partes integrales de un sitio. El truco es asegurarse de que las personas que usan navegadores más antiguos no se den cuenta de que les falta nada, y sus mejoras no deberían impactar en la facilidad de uso de un sitio. . "
EVITAR: Los servicios de acortamiento de terceros, como is.gd, no combinan bien con la protección contra el futuro, porque si el sitio o el servicio se desactiva, los enlaces que ha creado no funcionarán
Lo importante es al menos comenzar a explorar las posibilidades. Al trabajar con nuevas tecnologías ahora, es más probable que un sitio permanezca contemporáneo durante más tiempo, sin revisiones importantes. Además, Lawson señala que los fabricantes de navegadores tienen más ímpetu para implementar estándares que las personas exigen:
"Si nadie usara, digamos, radio de borde, no habría sido una prioridad para los proveedores de navegadores implementar". Dicho esto, sugiere que se cubran todas las bases cuando se trabaja con propiedades experimentales, agregando los prefijos de proveedores disponibles junto con el prefijo "estándar" actual. De esa manera, estás cubierto ahora y cuando la especificación se estabilice.
Acceso a todas las areas
Gustafson sostiene que la mejora progresiva también resuelve los objetivos con frecuencia en movimiento de las demandas de accesibilidad, debido al énfasis en el contenido y la capacidad del usuario para comprometerse con él. Sin embargo, sugiere mantener las riendas ajustadas en la interfaz y el contraste, asegurando que sean accesibles para todos..
Al menos en el Reino Unido, las cosas parecen haberse calmado en el espacio de accesibilidad, y mientras Lawson señala que "la mala legislación exige técnicas específicas que pueden quedar obsoletas", la legislación británica simplemente requiere que usted "no complique las cosas para las personas". con discapacidades para usar su sitio, siempre que eso requiera solo un ajuste 'razonable' ".
El uso de las buenas prácticas de codificación mencionadas anteriormente desde el inicio de su proyecto, junto con una navegación y un diseño sensatos y coherentes, debería garantizar que no se requieran cambios radicales en el futuro..
El SEO es menos predecible: algo que los diseñadores desearían que pudieran enfrentar, pero es una tarea cuesta arriba. "El SEO es una bestia en constante cambio", dice el diseñador y desarrollador Soh Tanaka. "Hay poco que puede hacer aparte de mantenerse actualizado e implementar las últimas técnicas y estrategias. Dicho esto, si un sitio es lo más dinámico posible, se ejecuta en un CMS donde el contenido, las etiquetas de título, etc., se pueden editar sobre la marcha. , y las páginas pueden ser nombradas de una manera amigable para SEO - será lo suficientemente flexible como para adaptarse a las tendencias que atravesará SEO ".
Tanaka agrega que la única constante verdadera para los motores de búsqueda es la relevancia: "los motores de búsqueda desean llevar a los usuarios a las páginas más relevantes para sus términos buscados", señala. "Agregar y mantener constantemente el contenido relevante ayuda a garantizar la calidad de los enlaces entrantes y, por lo tanto, una alta búsqueda visibilidad del motor ".
BÚSQUEDA EN VIVO: Los motores de búsqueda ahora están integrando resultados de búsqueda en vivo de usuarios como Twitter y Facebook.
El director de operaciones y tecnología de Pod1, Mark Hopwood, agrega que los motores de búsqueda ahora también integran los resultados de búsqueda en vivo de usuarios como Twitter y Facebook, por lo que los sitios que deseen protegerse a sí mismos deben eliminar el contenido que aparece en estos resultados..
Al codificar, tampoco debes olvidarte de tu equipo y de ti mismo, en lugar de concentrarte únicamente en los usuarios y los motores de búsqueda. "Siempre diseña tu trabajo con la idea de que si no estás cerca al día siguiente, alguien puede continuar donde lo dejaste", dice Brennand..
Recomienda apuntar a un código limpio, ordenado y comentado, usando nombres descriptivos de clase e ID para CSS, en lugar de taquigrafía, para ayudar a la legibilidad. "Para una programación más compleja, genere documentación completa", agrega, "y esto debería actualizarse durante futuros desarrollos. Esto puede sonar obvio, pero cuando los nuevos desarrolladores tienen acceso al código, a veces no mantienen la documentación".
Como idea final en esta área, Lawson sugiere mover la mayor cantidad de trabajo posible para abrir formatos, especialmente cuando se trata de almacenamiento: "Asegúrese de que sus documentos se puedan importar utilizando una variedad de programas, para que no esté atado a uno tipo de archivo soportado por un proveedor ".