Bij FHOKE hebben we alles meegemaakt, van perfecte lanceringen tot games die zijn uitgegroeid tot complete nachtmerries! Door onze ervaringen hebben we een lijst samengesteld, in willekeurige volgorde, van een proces dat we doorlopen voordat we onze sites lanceren.
Dit zal niet alles omvatten, maar zou u een snel overzicht moeten geven van wat u zou kunnen doen of toevoegen aan uw eigen checklist.
Om uw taak nog eenvoudiger te maken, hebben we een aantal versies van deze checklist gemaakt, waaronder een HTML-versie, Markdown, PDF en Evernote. Download ze allemaal vanuit het Tuts + GitHub-account.
Succesvolle lancering
Na veel tijd in een project te hebben geïnvesteerd, zal de introductiedag in zicht zijn. Voordat u daar aankomt, heeft u nog steeds belangrijke kwesties die moeten worden aangepakt om een succesvolle lancering te bereiken, deze goed te krijgen en zowel u als uw klant gelukkig zullen zijn.
Onthoud dat, voordat u iets aan een klant laat zien dat de site overeenkomt met de oorspronkelijke specificaties, deze perfect is voor de ontwerpen die u presenteerde en voldoet aan hun originele instructies.
Inhoud
Neem een klein team samen en bespreek de inhoud van de site met een fijne kam - zorg ervoor dat je dit goed krijgt. Goede inhoud is de hoeksteen van een geweldige site.
Spelling: Controleer en controleer opnieuw. Voer een spellingscontrole uit. Beter nog, haal anderen erbij. Je kunt nooit genoeg mensen hebben om ervoor te zorgen dat het kopiëren correct is. Let op grammaticale fouten en controleer op weduwen of zwevende woorden in belangrijke paragrafen.
Kopiëren: Zorg ervoor dat de echte kopie op zijn plaats is en dat alle tijdelijke tekst is verwijderd. Er is niets erger dan het zien van lorem ipsum in een mission statement.
Contact details: Het lijkt vanzelfsprekend, maar zorg ervoor dat deze correct zijn. Zonder hen, hoe verwacht u dat mensen contact opnemen? Controleer telefoonnummers, controleer e-mailadressen en test of deze werken, bellen of een e-mail sturen en controleren of ze zijn ontvangen.
auteursrechten: Als u van plan bent om een datum in de copyright-informatie te gebruiken, zorg er dan voor dat deze automatisch wordt vernieuwd vanaf de tijdstempel op de server en dat de auteursrechthebbende correct is.
Voorwaarden: Als u een dienst verleent of betrokken bent bij promoties, dan heeft u termen nodig die bezoekers kunnen lezen. Als u niet zeker weet hoe deze moeten worden geschreven, raadpleeg dan een advocaat voor het beste advies. Onthouden: maak deze zo duidelijk mogelijk. Er is niets erger dan verbijsterd te zijn door juridisch jargon.
Privacy: Als u cookies gebruikt, gegevens vastlegt of gegevens verspreidt, hebt u een privacybeleid nodig. Houd deze eenvoudig en wees duidelijk over welke gegevens u verzamelt en geef meer informatie over hoe u kunt worden gecontacteerd voor meer informatie.
functionaliteit
Werkt het? Dit lijkt een voor de hand liggende vraag om te stellen, maar bovenal is dit het belangrijkste onderdeel van een project. Je hebt misschien al het andere op zijn plaats, maar als de site niet goed werkt, wat is het nut ervan??
Kleine bugs kunnen verschijnen wanneer bezoekers de site voor de eerste keer gebruiken, maar als u zeker weet dat deze voor bijna 100% werkt, zorgt u voor een succesvolle lancering.
compatibiliteit: Controleer of de site geschikt is voor alle browsers en platforms. Geef aan het begin van een project aan de client op naar welke platforms u wilt bouwen en testen en houd u hieraan. Gebruik platforms zoals Responsivator en BrowserStack om sites snel te testen, evenals op fysieke browsers en apparaten.
favicon: Duidelijk, maar dit kan worden gemist. Kijk ook naar het maken van een iOS-startschermpictogram.
Logo: Linkt het logo naar de indexpagina?
404 pagina's: Controleer of deze aanwezig zijn, zorg ervoor dat ze een wegwijzer aangeven voor een gebruiker om terug te gaan naar de site of leid ze naar interessante pagina's met relevante links.
omleidingen: Als u pagina's omleidt, gebruikt u geschikte 301 herzieningen van meer dan 302.
vormen: Zorg ervoor dat ze niet naar spammail-boxen worden verzonden of stuur een foutmelding als ze eenmaal zijn ingediend en voeg een bedankstaat toe zodra een formulier is verzonden, zodat een bezoeker weet dat het is verzonden. Zorg er vooral voor dat het e-mailadres van de klant wordt vermeld wanneer de site live gaat.
Links: Werken interne paginalinks? Werken alle externe koppelingen en openen ze in een nieuw tabblad als dat de bedoeling is?
RSS feeds: Feeds kunnen nuttig zijn. U hoeft deze niet te beperken tot artikelen, u kunt feeds hebben voor de meeste pagina's, bijvoorbeeld nieuw werk of casestudy's die aan een site zijn toegevoegd.
Normen en validatie
Deze twee dingen moeten tijdens het ontwerpen en bouwen worden overwogen om elke gebruikerservaring op uw site zo goed mogelijk te maken. Punten om te overwegen:
Toegankelijkheid: Het is gemakkelijk om te vergeten hoe ontoegankelijk een webpagina voor sommige gebruikers is. Heeft u erover nagedacht hoe hulptechnologieën zoals schermlezers door uw site zullen navigeren? Hebt u WIA-ARIA-rollen en -staten geïmplementeerd, of hebt u op zijn minst rekening gehouden met de tabvolgorde van formulierbesturingselementen?
Contrast: Dit volgt op ons punt over toegankelijkheid. Met behulp van de allernieuwste monitoren kunt u eenvoudig subtiele kleurverschillen zien, zorg ervoor dat u uw site op meerdere apparaten en laptops test om ervoor te zorgen dat het ontwerp helder is en tekst gemakkelijk leesbaar is.
Lettergrootte: Maak tekst overzichtelijk en gemakkelijk leesbaar, regelafstand aanpassen en veel witruimte. Groter, kan beter betekenen als het gaat om tekst op internet.
Alt-tags: Zorg ervoor dat alle afbeeldingen duidelijke beschrijvende ALT-tags hebben voor blinden en slechtzienden. Niet alleen dat, maar zonder hen kunnen ze niet worden gevonden in zoekmachines.
Consistentie: Zorg ervoor dat algemene elementen op de site consistent zijn om verwarring bij uw gebruikers te voorkomen. Laat knoppen eruit zien als knoppen, koppelingen zien eruit als links en titels en tekst moeten consistent zijn in grootte en kleur.
Apparaatcompatibiliteit: Overweeg hoe de website op meerdere apparaten wordt gebruikt, responsief of niet dat uw website moet werken voor desktop- en mobiele internetgebruikers.
bevestiging: Streef altijd naar 100% geldigheid. Als uw site niet volledig kan worden gevalideerd, raak dan niet te boos, maar zorg ervoor dat u eventuele fouten begrijpt om ongewenste problemen te voorkomen..
JavaScript: Veel mensen die op internet surfen, hebben om veiligheidsredenen JavaScript uitgeschakeld. Zorg ervoor dat uw site volledig functioneel is en dat formulieren nog altijd validatiecontroles aan de server uitvoeren zonder deze.
Flash: Ja, we weten dat niemand Flash meer gebruikt, toch? Als Flash moet worden gebruikt, moet u een alternatieve back-upafbeelding toevoegen als Flash Player niet is geïnstalleerd.
Sitemaps
Zorg ervoor dat u sitemaps opneemt. Deze helpen zoekmachines om uw website tijdens het crawlproces correct te indexeren.
HTML Sitemaps: Hoewel dit niet zo gebruikelijk is als deze, kan deze vorm van sitemap zijn voordelen bieden om bezoekers een compleet overzicht van de pagina's van de site te bieden. Links hiervoor zijn normaal gesproken te vinden in de voettekst van een site.
XML-sitemaps: Deze worden alleen gebruikt door zoekmachines zoals Google, Bing en Yahoo. Maak eenvoudig een XML-sitemap en verzend deze via Webmasterhulpprogramma's. Deze worden vervolgens gebruikt om zoekmachines te informeren over de pagina's die u hebt gepubliceerd.
Prestatie
Een snellere site is een site met een betere ranking. U verlaagt ook de bouncepercentages op pagina's als u de laadtijden kunt verkorten - wie wil wachten totdat de pagina's worden geladen?
Controleer de snelheid van de site: U kunt services zoals Google Page Speed gebruiken om de laadtijden van de pagina's van uw site te controleren.
Beeldformaten: Houd uw afbeeldingen zo klein mogelijk. Hoewel netwerksnelheden beter zijn dan ooit, wil niemand wachten tot een 10MB-pagina is geladen. Het comprimeren van afbeeldingen zal de laadtijd van de pagina's alleen maar verbeteren.
SEO
Geweldige SEO betekent dat uw site harder zal werken en meer succes zal boeken dan een site die weinig of slechte technieken gebruikt. Zorg voor goed onderzoek en de rest valt op zijn plek.
Deze lijst is zeker niet uitgebreid en als u meer wilt weten, raden we u aan meer te lezen van deze recente artikelen Search Engine Optimization FAQ en een SEO-checklist van een webontwerper.
Trefwoord onderzoek: Zorg ervoor dat u de juiste doelgroep en markt target. Het is belangrijk om dit goed te krijgen om relevant verkeer naar uw site te trekken. Voer wat onderzoek uit met Google AdWords en kijk welk zoekwoord (of zoekterm) het hoogste verkeerspotentieel heeft en de minste hoeveelheid concurrentie en evenwicht deze twee factoren.
Paginatitels en beschrijvingen: Hebben alle sjablonen de benodigde paginatitels en metagegevens op basis van uw zoekwoordonderzoek? Wanneer u zich op een bepaald trefwoord concentreert, probeert u deze aan de voorkant van beschrijvingen te krijgen en te kijken naar het gebruik van zowel enkelvoudige als meervoudige vormen.
Alt-tags voor afbeeldingen: Bevatten de hoofdafbeeldingen van de site relevante en beschrijvende alt-tags? Het gebruik van korte beschrijvingen zal helpen. En vergeet niet dat je een beschrijvende bestandsnaam kiest in plaats van willekeurige woorden en cijfers voor deze afbeeldingen.
trefwoorden: Sluit deze in titels, beschrijvingen en kopiëren in.
Inhoud: Als de inhoud goed is, zal het werken om de SEO te optimaliseren en aan te vullen. Goede keyworddichtheid binnen de kopie werkt goed, dus gebruik zowel enkelvoudige als meervoudsvormen van zoekwoorden in uw tekst. Overbelast de inhoud niet of denk erover na, maak het natuurlijk en voeg alleen toe wanneer en wanneer dit relevant is. Zoekmachines geven ook de voorkeur aan langere pagina's met inhoud, dus kijk naar het verkrijgen van de inhoud tot +300 woorden, maar richt u meer op de kwaliteit dan op de hoeveelheid.
URL's: Zorg ervoor dat de URL's van de site schoon zijn. Het gebruik van een beschrijvende URL in plaats van degenen die bestaan uit willekeurige getallen of woorden, helpt SEO en bezoekers een pagina te vinden waarnaar ze mogelijk willen terugkeren en kijkt naar een zoekwoord in de URL als dit relevant is.
Analytics
Het maakt niet uit hoe klein een site is, met het uitvoeren van webanalyses verzamelt u waardevolle informatie over hoe u uw website kunt verbeteren ...
Toezicht houden: Gebruik een goede SEO om traceercodes te gebruiken om dit te meten. Tools zoals Google Analytics (gratis) of diensten zoals Hubspot, GoSquared of KISSmetrics (betaald) zullen waardevolle feedback geven.
Veiligheid
Je hebt misschien een heleboel dingen waarvan je niet wilt dat de wereld het weet. Bijvoorbeeld; door gebruikers geüploade media of creditcardgegevens van klanten.
Bescherm gevoelige pagina's: Bescherm gevoelige pagina's of mappen tegen indexering op zoekmachines door robots.txt-bestanden in te stellen en ze uit te sluiten vanuit Webmasterhulpprogramma's. Overweeg ook of u een .htaccess-bestand moet gebruiken om de mapweergave in mappen uit te schakelen.
Beveiligingscertificaten: Bij het ontwikkelen van een eCommerce-website of een site die gevoelige bezoekersinformatie verwerkt, staat het beveiligingsniveau voorop. Zorg ervoor dat u protocollen zoals SSL-codering gebruikt om u te beschermen tegen ongewenste gegevensdiefstal. Het is ook bewezen dat het weergeven van zegels zoals TRUSTe de geloofwaardigheid van een site kan vergroten.
Hosting & Back-ups
Het vinden van een webhostingprovider kan moeilijk zijn en weten wat je nodig hebt, kan nog moeilijker te begrijpen zijn. Er zijn veel opties en prijsplannen om uit te kiezen, maar zorg ervoor dat u een provider kiest die aan uw behoeften voldoet, niet een die meer biedt dan waarvoor u moet betalen..
Types: Shared Hosting, Reseller Hosting, Cloud Hosting, VPS Hosting en Dedicated Servers. Weet je niet zeker wat dit betekent? Lees dan deze snelle tips.
backups: Zorg ervoor dat u een provider gebruikt die dagelijkse en wekelijkse back-ups van uw server kan maken en zorg ervoor dat u ook lokale back-ups maakt.
Toezicht houden: Stel services in zoals Pingdom of andere serverbewakingstools om de gezondheid van uw server te bewaken.
wettelijk
Voordat u met een project begint, moet er een ondertekend contract zijn. Het contract moet de projectresultaten en -processen duidelijk beschrijven, zodat beide partijen 100% duidelijk zijn over wat als eindresultaat zal worden bereikt. Zorg er als onderdeel van dat contract voor dat het volgende is afgesproken om onvoorziene omstandigheden te dekken.
Beeld- / inhoudrechten: Leg duidelijk vast dat alle geleverde inhoud of beeldmateriaal die door u wordt behandeld de verantwoordelijkheid van de klant blijft. Maak duidelijk dat u niet aansprakelijk kunt worden gesteld voor het publiceren van inhoud en afbeeldingen waarvan zij niet de gebruiksrechten hebben. Informeer de klant ook dat ze afbeeldingen of inhoud moeten gebruiken waarvoor wordt betaald of waarvoor zij de gebruiksrechten hebben.
Betaalvoorwaarden: Stel eerlijke en gefaseerde betalingsvoorwaarden in op duidelijk gedefinieerde mijlpalen van een project (aan het einde van de ontwerpfase - voordat een ontwikkeling begint bijvoorbeeld), ga nooit door naar de volgende fase van een project totdat de overeengekomen betaling binnen is.
tijdlijnen: Stel redelijke tijdlijnen in die eerlijk zijn voor uw klant en beheersbaar voor u en uw team. Vermeld duidelijk dat u niet aansprakelijk kunt worden gesteld voor verlies of schade als gevolg van een vertraging in het schema veroorzaakt door de klant. Het is een goed idee om iets als Basecamp te gebruiken om uw projecten te beheren, zodat alle werkzaamheden en gesprekken worden vastgelegd als u ze later nodig heeft om later op terug te vallen..
Intellectuele eigendomsrechten: Dit zal anders zijn, afhankelijk van wie je bent, wat je aanbiedt, of het project in kwestie. Geef duidelijk aan wat u en de klant in eigendom hebben nadat het project is voltooid en de betaling volledig is gedaan. Overweeg de rechten op elke software of code die door u is geschreven en waarvan u niet zou willen dat deze wordt doorverkocht, of iets dergelijks dat u denkt nodig te hebben om de rechten op.
deliverables
Leg in het projectcontract duidelijk uit wat de klant fysiek zal ontvangen zodra een project is voltooid. Het volgende is wat we aanbevelen.
Live website: Dit is het absolute minimum. Zorg ervoor dat hun website actief is en volledig functioneert zoals bedoeld.
Stijlgids: Een eenvoudige stijlgids is uiterst voordelig voor elke website-eigenaar, punten om te overwegen zijn onder meer:
Letterstijlen
Beeldgroottes
Toon van stem
kleuren
Imagery-stijl
kleuren
Activa en pictogrammen: Pictogrammen, illustraties of infographicsontwerp en gemaakt voor de website kunnen van pas komen voor uw klant. Lever de bestanden in verschillende indelingen zodat ze deze kunnen gebruiken in presentaties of toekomstig ontwerpwerk.
Offline kopiëren: Geef op verzoek van de klant een kopie van de site. Onthoud dat websites een levend document zijn dat voortdurend moet worden bijgewerkt en verbeterd, dus tenzij de site statisch is, moet u regelmatig offline back-ups maken voor de client.
Wanneer te lanceren?
Let op: geef nooit een project of bestanden over zonder ondertekening en eventuele openstaande betalingen worden verrekend. Je zult op dit moment niet meer terug komen als je zonder een van deze dingen doet. Een project zonder betaling overhandigen is het equivalent van een winkeleigenaar die een klant uit een winkel laat lopen met een trolley vol met goederen met de belofte dat ze je 'later zullen betalen'.
Nu staat alles op zijn plek en ben je klaar om te lanceren. Maar wanneer zou je? We doen ons uiterste best om nooit binnen twee dagen na een weekend een site te lanceren. Soms moet deze oefening soms uit het venster verdwijnen, maar we proberen altijd en streven naar een lanceringsgroef van maandag tot woensdag. Dit geeft je de mogelijkheid om levende bugs die tijdens een werkweek aan de oppervlakte komen, glad te strijken. Als je probeert dit te verhelpen tijdens een weekend wanneer jij of je ontwikkelaars er niet zijn, krijg je alleen maar hoofdpijn als je een klant hebt die zijn site nodig heeft om volledig functioneel te zijn. Vertrouw ons, je zult het alleen op de harde manier leren als je deze benadering niet toepast.
Lopend onderhoud
Dus je hebt de site gelanceerd, het werkt goed en de klant is blij, wat nu? U moet ervoor zorgen dat het probleemloos blijft werken. Dingen kunnen fout gaan of worden gemist, de beveiliging van de server is aangetast of het kan omvallen. Zorg dat je klaar bent voor elke eventualiteit.
backups: Zorg er altijd voor dat er back-ups zijn gemaakt. Voer dagelijks minimaal twee back-ups uit - één 's morgens en één twaalf uur later, waardoor er minder gegevens verloren kunnen gaan.
Versiebeheer: Probeer een project uit te voeren via Git, het is een geweldig versiecontrolesysteem voor teams van ontwikkelaars die samenwerken. Broncodegeschiedenis wordt opgeslagen, wat inhoudt dat u kunt verwijzen of terugkeren naar eerdere versies als dat nodig is. Lees voor een inleiding tot Git dit diepgaande artikel Easy Version Control met Git.
Analytics: Om verbeteringen voor te stellen, wordt u gevraagd om te worden ingesteld voor de analyse van de klant, zodat u de verkeer- en sitestatistieken voor de klant kunt bijhouden en verbeteringen kunt voorstellen in de loop van de volgende maand en het volgende jaar na de lancering.
Nog meer?
Als u extra punten heeft waarvan u denkt dat ze aan de lijst zouden moeten worden toegevoegd, horen we ze in de opmerkingen!
Share
Accentsconagua