Att lansera en hemsida på rätt sätt är aldrig ett rutinuppdrag, och när det gäller en webbplats som är affärskritisk är det otroligt viktigt att allting blir rätt.
Genom åren har jag lanserat hundratals hemsidor, vilket självklart har resulterat i massvis med misstag och snedsteg. Med denna guide kan du spara både huvudvärk, tid & pengar genom att slippa många av de misstag som jag har gjort.
Textinnehåll
- Text har korrekturlästs, stavfel har åtgärdats och grammatiken är bra.
- Rubriker (H1, H2, H3 etc.) används, paragrafer och listor likaså.
- Alla Länkar fungerar
- Bilder, grafik, ljud & video är optimerat och fungerar på alla enheter
- Kontaktinformation är aktuell och lättillgänglig för besökaren.
- Placeholder-text (lorem ipsum dolum) har blivit borttaget och ersatt med riktigt material
- Det är snart 2016, se till så att all text är skriven för besökaren, inte för Google.
Sökmotoroptimering
- .301 redirects är aktiva och dirigerar från gamla URL:er till nya.
- Hemsidan har en webbadress, antingen med eller utan www. som prefix, och trafiken dirigeras till den adress du väljer att använda
- Alt-taggar finns på alla bilder
- URL:er är rena och snygga, ex. northside.se/sökord
- Sidor har unika titlar (mindre än 70 karaktärer, inkluderar nyckelord)
- Sidor har unika meta beskrivningar (mindre än 156 karaktärer, inkluderar nyckelord)
- All metadata är intresseväckande, informativ och korrekt skriven
- Hemsidan laddar snabbt (helst under 2 sekunder)
- Hemsidan är följsam (responsiv, mobilanpassad, anpassar sig till skärmutrymmet)
- Microdata används.
- all HTML som finns är semantisk.
- Dynamisk XML sitemap finns.
- Open Graph taggar finns
- Sidor som inte ska plockas upp av sökmotorer har blockerats på server-/installations-nivå (robots.txt)
- Hemsidan är upplagd och verifierad i Google Webmaster Tools
- XML sitemap har länkats till från Webmaster Tools och i Bing’s motsvarighet
- rel=”nofollow” och canonicalization används där/om det behövs
- Inga brutna länkar existerar.
- Intern-länkning används konsekvent och skapar ett bra flöde
Snabbhet
- Cache används och fungerar korrekt.
- Om sidan är internationell används ett CDN nätverk.
- Gzip är aktiverat och fungerar
- Webbläsar-caching används och fungerar
- Bilder är komprimerade
- Bilddimensioner har specifierats
- Bilder serveras skalade, dvs. anpassade för skärmen
- Minimera antalet redirects
- keep-alive är aktiverat
- Undvik CSS @import
- Optimera prioriteringar av stylesheets och scripts.
- Resurser laddas asynkront.
- HTML, CSS, Javascript och SVG’s är minifierade och optimerade för att minska filstorleken.
- laddningen av scripts skjuts upp så att det inte blockerar renderingen av hemsidan. (deferred script execution)
- Om möjligt har filer sammanfogats för att minska antalet page requests
- Sidan har belastningstestats och håller sig snabb även under proceduren
Design
- Hemsidan funkar på alla möjliga skärmstorlekar.
- En Favicon används
- Designen har bra fallback och fungerar på de populäraste webbläsarna (Firefox, Chrome, Safari, och tyvärr IE 7, 8, 9 & 10)
- CSS & HTML validerar fint i W3C validator
- Hemsidans innehåll ser bra ut om man försöker skriva ut. (en print.css kan behövas)
- Hemsidan ser bra ut även för de som har Javascript av-aktiverat
- Line-length är inställd så att det är enkelt att läsa.
- De kombinationer av typsnitt som används ser bra ut och kompletterar varandra.
- Ikoner och Touch- objekt är stora och enkla att trycka på i telefon/surfplatta
- 404 sidan är optimerad för att minska antalet avhopp.
Säkerhet
- För WordPressaren: Den kompletta säkerhetsguiden för WordPress är avklarad.
- Verktyg som Pingdom är installerade korrekt så att du vet om hemsidan går ner.
- Hostingmiljön är säkrad och det finns inga tecken på att webbhotellet du har valt är sårbart
- Frekventa back-ups är schemalagda
- En extra back-up av den färdiga sidan sparas på säker plats
- Lösenord och annan känslig information sparas i en säker databas.
- Om resurser finns har penetrationstester utförts innan hemsidan lämnar ev. staging-area
- Återställning från back-up har testats och fungerar korrekt.
- SSL används, om det inte finns en bra anledning att inte använda det..
Analytics/Spårning
- Google Analytics har implementerats och samlar data
- Om möjligt har relevanta IP-adresser (t.ex. till kontoret) exkluderats från insamlingen av GA
- Mål & Flöden har skapats och definerats i GA
- Google Webmaster Tools och Google Analytics har synkats och delar data
- Google Analytics och Google Adwords har synkats och delar data
- Värmekartor och liknande analysverktyg har installerats och samlar in data
Lagar & Regelverk
- Information om vilka cookies som används finns tillgängligt
- Information om hur personuppgifter behandlas finns tillgänligt om man samlar in detta
- Alla licenser för exempelvis grafik eller bilder finns nersparat.
- Upphovsrättsinnehavare för grafik, bilder m.m har fått ”beröm” (credit)
- Inga upphovsrättslagar bryts, full koll på rättigheter m.m
Diverse
- Få feedback från exempelvis usertesting.com för att få reda på hur din hemsida uppfattas av besökaren
- Kolla så att färgkontraster funkar för besökaren och att all text är läsbar och behaglig för ögat
- Viktiga funktioner, såsom formulär, fungerar även för de som har avaktiverat Javascript.
- Har varje sida ett tydligt mål – varför ska man besöka just den sidan?
- kontaktinformation och företagsuppgifter finns lättillgängligt
- Landningssidor används och är optimerade
- En innehållsstrategi (content-strategy) finns redo att använda
- Efter ett ifyllt formulär bör avsändaren dirigeras till en tack-sida, där du kan visa upp relevanta produkter eller relevanta artiklar/innehåll
- Efter ett ifyllt formulär bör avsändaren få ett tack-mail som bekräftar att meddelandet har mottagits och när de beräknas få ett svar.
- Använd ARIA Landmark Roles för att förbättra hemsidans tillgänglighet
- Formulär fungerar, har relevanta labels och sparar/skickar informationen korrekt.
- Belastnings-/stress-testning har utförts och hemsidan har stått pall.
- Key user journeys, besökarens väg till era verksamhetsmål, är testade av externa & oberoende personer