Eens in een donkere, stormachtige nacht, toen alles stil was, was een eenzame webontwerper aan het ontwerpen. Hij had Sketch open, een koffie in de buurt en een vrolijk deuntje in zijn bedrade oordopjes, want Bluetooth is raar en heeft een vertraging die de heck uit onze held heeft afgeluisterd. Ahem, hoe dan ook ...

Tijdens een stilte in de muziek zag onze onverschrokken ontwerper een melding op zijn telefoon. Het was een e-mail van zijn favoriete klant en hij glimlachte. Die glimlach verdween toen hij de inhoud las. Er waren drie verbroken koppelingen op de site van de klant. Drie!

"Het is goed." Dacht hij. "Dat gebeurt wel eens ..." Maar de lijst ging maar door. De diavoorstelling was verbroken. De lay-out zag er op de een of andere manier "een beetje raar uit". En het ergste van alles, het contactformulier werkte niet .

In paniek krabbelde hij om de URL in te typen. Alles zag er goed uit. Nee, het zag er ongerept uit. Hij zou de verbroken links gewoon repareren en ... nee. Hij was grondig en ijverig. Hij opende ChromeFox * om te zien hoe de site er uitzag in de browser van de klant naar keuze.

Het was alsof ik in de mond van de hel staarde, en dit portaal naar verdoemenis was drie pixels uit het midden. Maar alles is niet verloren, beste lezer. Onze fictieve ontwerper is misschien beschaamd, maar we kunnen u helpen dit te voorkomen. Nieuwe webontwerpers zouden er verstandig aan doen om deze lijst te volgen en zichzelf te behoeden voor ongelooflijke onhandigheid!

* Alle namen zijn gewijzigd om denkbeeldige browsers te beschermen.

1. Controleer uw links

Om de zoveel tijd ga je terug en klik je op elke link in je website. Elk. Single. Een. U moet dit zeker doen na het aanbrengen van grote wijzigingen in uw site, uiteraard, maar niet alleen dan. Servers kunnen soms raar zijn. En als u naar externe informatiebronnen linkt, moet u controleren of ze niet zijn verbroken, verwijderd, verplaatst of gewoon zijn opgegeten door een computerfout.

Weinig dingen zien er net zo amateuristisch uit als links die niet langer relevant zijn of niet werken.

2. Update uw inhoud

Verouderde inhoud ziet er niet geweldig uit. Het is niet zo erg als een verbroken link, maar het kan ervoor zorgen dat mensen besluiten te vertrekken en niet terugkomen. Up-to-date informatie is relevante informatie.

God weet hoe vaak ik op zoek was naar informatie, alleen om ervoor te zorgen dat Google's topresultaten vier of vijf jaar oud zijn

Als u nu een brochuresite heeft voor een klein bedrijf en de prijzen zijn niet vaak onderhevig aan verandering, kan het prima zijn om de inhoud meestal alleen te laten. Maar als u een blog, mediafeed of wat-is-hebt: up-to-date houden. Update één keer per maand op zijn minst.

Als je nuttige informatie, tutorials of referentie-informatie aanbiedt, houd dat dan ook up-to-date. Ga terug en bewerk wanneer dingen gebeuren. Misschien wilt u zelfs nieuwe edities van volledige artikelen publiceren wanneer dingen veranderen. God weet hoe vaak ik op zoek was naar informatie, alleen om ervoor te zorgen dat Google's topresultaten vier of vijf jaar oud zijn.

3. Test op nieuwe browsers en apparaten

Wanneer een nieuwe browser verschijnt, test u uw site. Als je vriend een nieuwe telefoon of tablet krijgt, vraag hem om deze te lenen, zodat je je site kunt testen. Nieuwe versie van JavaScript komt uit? Test uw site ermee. Krijg je een nieuwe tv die op internet kan surfen? Je begrijpt het, ik weet het zeker.

4. Controleer alle JavaScript-interacties

Dit is eigenlijk een grote. Zoveel sites vertrouwen nu op JavaScript voor basisfunctionaliteit. Dit is een oefening die ik nooit heb goedgekeurd; maar ik heb besloten dat ik er niet van hou om mijn hoofd tegen stenen muren te slaan. Scripters gaan schrijven. Grote hoeveelheden inhoud en zelfs hele websites werken niet meer als hun JavaScript om welke reden dan ook niet meer werkt.

5. Controleer alle formulieren

Het is één ding als een kleine widget stopt met werken. Dat is niet ideaal. Formulieren zijn een andere zaak. Formulieren worden meestal gebruikt voor contact met mensen of het kopen van dingen en andere zeer essentiële functies. Dit zijn een van de belangrijkste manieren waarop gebruikers websites voorzien van essentiële informatie. Als ze bereid zijn om een ​​formulier in te vullen, betekent dit dat ze op zijn minst gedeeltelijk bereid zijn zich te committeren aan wat je te bieden hebt.

Formulieren kunnen om verschillende redenen niet meer werken. Misschien heeft het formulier JS en is het gestopt met werken (zie hierboven), of misschien is de PHP-versie op je server geüpgraded. Misschien stuurt het e-mailaccount waarmee uw contactformulier berichten verzendt, om welke reden dan ook niet meer mee. Misschien wordt het gemarkeerd als SPAM. Wat de reden ook is, controleer de formulieren regelmatig, zodat u geen zaken verliest.

6. Update alle hacks en oplossingen

Oke, soms, wanneer je een site bouwt, gebruik je hacks. U gebruikt tijdelijke oplossingen. Als de dingen verschrikkelijk worden , gebruik je polyfills. Dit is normaal en iedereen doet het; want hoe lelijk de hack ook is, je site moet mooi zijn.

Maar browsers krijgen updates, wijzigingen in browserverzadiging en CSS wordt ook bijgewerkt. Ten minste één keer per jaar - en wanneer u hoort van grote wijzigingen in browsers die van invloed kunnen zijn op uw site - moet u controleren of uw hacks en oplossingen nu achterhaald zijn. Als dat zo is, kunnen ze uw site eigenlijk vertragen.

7. Heb een back-upplan

Nee, ik bedoel dat letterlijk. Maak een plan voor het maken van een back-up van uw hele website. Elke fatsoenlijke webhost zou voor het grootste deel back-ups voor je moeten maken. Voor kleinere sites is het echter absoluut de moeite waard om zelf een handmatige back-up te maken.

Grote sites zijn een ander ding volledig. Mensen met datalimieten (nu zijn ze spookachtig) kunnen gemakkelijk in de problemen komen bij het regelmatig downloaden van gigabytes aan gegevens. Kijk in dit geval naar een back-upoplossing van derden. Het kost geld, maar het is het waard.

En dat is het. Regelmatig testen en een aanzienlijke voorbereiding zijn wat ervoor nodig is om ervoor te zorgen dat je nooit wordt belazerd door een site die niet werkt of zelfs "ziet er gewoon verkeerd uit". Succes!