Vad erfarenhet gör med en hemsida.

Vad ändrar erfarenheten?

Många av punkterna syns inte för den som besöker hemsidan, som titlarna, den strukturerade datan eller fokusramen. De avgör ändå om hemsidan hittas på Google och om alla kan använda den. Just därför hoppas de lätt över när en hemsida lämnas över så fort den ser färdig ut, innan någon har kontrollerat titlarna eller mätt laddtiden på mobil.

Hos oss står kraven för alla tolv punkterna i skills, alltså instruktioner som AI-agenterna läser in när de bygger. Kraven har jag skrivit utifrån det jag har sett gå fel på hemsidor sedan 2013. Hur arbetet med agenterna går till beskriver jag i Från utvecklare till produktansvarig.

Så att hemsidan går att hitta och förstå

1. Titlar och beskrivningar på varje sida. Ofta får alla sidor samma titel, som bara är företagsnamnet. Ibland blir titlarna så långa att Google kapar dem mitt i. Varje sida behöver en egen titel som börjar med det kunden söker på och en beskrivning som ryms i sökresultatet.

2. Rubrikerna i rätt ordning. Rubriker väljs ofta efter hur stora de ser ut och då kan en sida få tre H1 eller hoppa från H1 till H4. Det spelar roll eftersom den som använder skärmläsare navigerar på rubrikerna och Google läser dem för att förstå vad sidan handlar om.

3. Företagsuppgifter och orter i koden. Namn, telefon och ort ska stå likadant på sidan, i den strukturerade datan och i Google-profilen. Saknas en uppgift ska den frågas efter och inte fyllas i med något som låter rimligt.

4. Indexering och sitemap. En hemsida kan publiceras med en rad kvar från utvecklingen som ber sökmotorerna att inte visa den. Då kommer den aldrig med i Googles sökresultat. Sitemapen ska bara lista de sidor som ska synas där.

Så att den fungerar för den som besöker

5. Laddtid på mobil, mätt och redovisad. Hemsidan provas på en snabb dator med bra uppkoppling medan kunden öppnar den i en telefon på 4G. Vi mäter med Googles verktyg Lighthouse på mobil och gränsen går vid 90 av 100.

6. Mobil layout utan spill i sidled. Ett för brett element räcker för att hela sidan ska glida i sidled, till exempel en lång mejladress eller en tabell. Felet syns bara på en smal skärm, så det upptäcks först när någon provar sidan i en telefon.

7. Tangentbord och synlig fokusmarkering. Fokusramen tas bort för att den ser ful ut och knappar byggs av element som inte går att nå med Tab. Den som navigerar med tangentbordet ser då inte var på sidan den är.

8. HTTPS och hantering av besöksdata. Certifikatet ska förnyas av sig självt och formuläret ska skicka över en krypterad anslutning. Ett skript för statistik ska bara finnas på sidan om någon vet vad det samlar in om besökarna.

9. Tekniska beroenden och uppdateringsbehov. Varje tillägg och varje paket är något som ska uppdateras. En hemsida med många tillägg har lika många ställen där något kan gå sönder eller bli en säkerhetsrisk. Våra färdiga hemsidor har inga tillägg att uppdatera.

Så att förfrågan kommer fram

10. Kontaktvägen syns utan att man letar. Telefonnumret eller en knapp för att kontakta företaget ska synas i mobilen utan att besökaren behöver öppna menyn. Den som har byggt hemsidan vet var kontaktsidan ligger och märker därför sällan när den är svår att hitta.

11. Formulärets fält och mottagare. Ett formulär kan se färdigt ut och skicka till en adress som ingen läser eller hamna i skräpposten. Besiktningen läser fälten och prövar att mottagaren svarar. Testmeddelandet skickar vi vid leveransbesiktningen, innan hemsidan publiceras.

12. Telefonlänkens funktion på mobil. Ett telefonnummer som bara är text går inte att trycka på och står numret fel i länken går samtalet till fel ställe. Besiktningen läser varje telefonlänk och ger en anmärkning när numret bara står som text.

Vad betyder det för din hemsida?

De tolv punkterna är samma som i vår besiktning. Varje färdig hemsida besiktigas innan den publiceras och protokollet ligger öppet på hemsidans sida, med datum och mätvärde. Besiktningen är vår egen kontroll och ingen oberoende certifiering.

Öppna någon av de färdiga hemsidorna och läs protokollet innan du bestämmer dig. Din nuvarande hemsida kan du besiktiga gratis på samma tolv punkter. Sju av dem går också att kolla för hand med en telefon och en dator, som jag beskriver i Testa din hemsida själv.