Una vez, en una noche oscura y tormentosa, cuando todo estaba tranquilo, un diseñador web solitario estaba diseñando. Tenía Sketch abierto, un café cerca y una melodía alegre en sus auriculares con cable, porque Bluetooth es raro y tiene un retraso que interrumpe a nuestro Héroe. Ejem, de todos modos ...

Durante una pausa en la música, nuestro intrépido diseñador vio una notificación en su teléfono. Era un correo electrónico de su cliente favorito, y él sonrió. Esa sonrisa desapareció cuando él leyó los contenidos. Hubo tres enlaces rotos en el sitio del cliente. ¡Tres!

"Está bien", pensó. "Eso pasa a veces ..." Pero la lista continuó. La presentación de diapositivas estaba rota. El diseño parecía "un poco extraño, de alguna manera". Y lo peor de todo, el formulario de contacto no funcionó .

Presa del pánico, se apresuró a escribir la URL. Todo se veía bien. No, parecía prístino. Él solo arreglaría los enlaces rotos y ... no. Fue minucioso y diligente. Abrió ChromeFox * para ver cómo se veía el sitio en el navegador elegido por el cliente.

Era como mirar a la boca del Infierno, y este portal a la condenación estaba a tres píxeles del centro. Pero no todo está perdido, querido lector. Nuestro diseñador ficticio podría sentirse avergonzado, pero podemos ayudarlo a evitarlo. ¡Los nuevos diseñadores web deberían seguir esta lista y salvarse de una incomodidad increíble!

* Todos los nombres han sido cambiados para proteger navegadores imaginarios.

1. Verifique sus enlaces

De vez en cuando, regresa y haz clic en cada enlace de tu sitio web. Cada. Soltero. Uno. Definitivamente, debe hacer esto después de realizar cambios importantes en su sitio, obviamente, pero no solo entonces. Los servidores pueden ser raros a veces. Y si enlaza con fuentes externas de información, debe verificar que no se hayan roto, eliminado, movido o que simplemente se haya comido debido a un error de la computadora.

Pocas cosas se ven tan amateurs como enlaces que ya no son relevantes o que no funcionan.

2. Actualiza tu contenido

El contenido desactualizado no se ve muy bien. No es tan malo como un enlace roto, pero puede hacer que las personas decidan irse y no regresar. La información actualizada es información relevante.

Dios sabe con qué frecuencia he estado buscando información, solo para que los resultados principales de Google estén cuatro o cinco años desactualizados

Ahora, si tiene un sitio de folleto para una pequeña empresa y los precios no suelen estar sujetos a cambios, puede estar bien dejar el contenido en su totalidad. Pero si tiene algún tipo de blog, contenido multimedia o lo que tenga que hacer, manténgalo actualizado. Actualice una vez al mes como mínimo.

Si ofrece información útil, tutoriales o información de referencia, manténgala actualizada también. Vuelve y haz ediciones cuando pasen cosas. Incluso podría publicar nuevas ediciones de artículos completos cuando las cosas cambien. Dios sabe con qué frecuencia he estado buscando información, solo para que los resultados principales de Google estén cuatro o cinco años desactualizados.

3. Prueba en nuevos navegadores y dispositivos

Cuando salga un nuevo navegador, pruebe su sitio. Si su amigo recibe un nuevo teléfono o tableta, solicítelo para que pueda probar su sitio. Nueva versión de JavaScript sale? Pon a prueba tu sitio con eso. Obtenga un nuevo televisor que pueda navegar por la web? Entiendes la idea, estoy seguro.

4. Verifique todas las interacciones de JavaScript

Este es realmente uno grande. Muchos sitios ahora dependen de JavaScript para la funcionalidad básica. Esta es una práctica que nunca he tolerado; pero he decidido que no me gusta golpear mi cabeza contra las paredes de ladrillo. Scripters va a script. Grandes extensiones de contenido e incluso sitios web completos dejarán de funcionar si su JavaScript deja de funcionar por algún motivo.

5. Verifique todas las formas

Una cosa es que un pequeño widget deje de funcionar. Eso no es ideal Las formas son otra cosa. Los formularios se usan generalmente para contactar personas o comprar cosas y otras funciones muy esenciales. Son una de las formas principales en que los usuarios brindan información vital a los sitios web. Si están dispuestos a completar un formulario, eso significa que están, al menos parcialmente, dispuestos a comprometerse con lo que tenga que ofrecer.

Los formularios pueden dejar de funcionar por una variedad de razones. Tal vez el formulario tiene JS, y dejó de funcionar (ver arriba), o tal vez la versión de PHP en su servidor se actualizó. Tal vez la cuenta de correo electrónico en la que su formulario de contacto está enviando mensajes dejó de funcionar por el motivo que sea. Tal vez se marcó como SPAM. Cualquiera sea el motivo, revise los formularios regularmente para no perder negocios.

6. Actualiza todos los hacks y soluciones

De acuerdo, a veces, cuando construyes un sitio, usas hacks. Usas soluciones temporales Cuando las cosas se vuelven terribles , usas polyfills. Esto es normal, y todos lo hacen; porque no importa cuán feos sean los hacks, tu sitio debe ser hermoso.

Pero los navegadores reciben actualizaciones, los cambios de saturación del mercado de los navegadores y CSS también se actualizan. Al menos una vez al año, y cada vez que escuche algún cambio importante en los navegadores que pueda afectar su sitio, debe verificar si alguno de sus hacks y soluciones ahora están obsoletos. Si lo son, podrían retrasar tu sitio.

7. Tener un plan de respaldo

No, quiero decir eso literalmente. Tenga un plan para hacer una copia de seguridad de todo su sitio web. Ahora, cualquier host web decente debería manejar copias de seguridad para usted, en su mayor parte. Sin embargo, para sitios más pequeños, vale la pena realizar usted mismo copias de seguridad manuales.

Los sitios grandes son otra cosa completamente distinta. Las personas con límites de datos (ahora esas son espeluznantes) podrían fácilmente tener problemas al descargar gigabytes de datos regularmente. En este caso, busque una solución de copia de seguridad de un tercero. Cuesta dinero, pero vale la pena.

Y eso es. Las pruebas regulares y la preparación considerable son lo que se necesita para asegurarse de que nunca se avergüence por un sitio que no funciona, o incluso "Simplemente se ve mal". ¡Buena suerte!