Íslandsvefir: endursmíði á eigin vef

01. Bakgrunnur

Íslandsvefir hafa smíðað vefi fyrir íslensk fyrirtæki og boðið vefi í áskrift. Áskriftarleiðirnar Loki, Þór og Óðinn, sem gamli vefurinn kynnti, eru enn í boði og verðin eru nú birt á síðunni um vef í áskrift. Íslandsvefir eru vörumerki Gagnaver Datacenter AB, sama félags og rekur vefhýsinguna Gagnaver.

Áherslurnar eru að breytast. Íslandsvefir verða vefstofa sem sérsmíðar vefi og netverslanir og tengir þau við kerfin sem reksturinn notar, til dæmis DK, Reglu og Payday. Leitarvélabestun og stafræn markaðssetning eru hluti af kjarnanum. Vefur í áskrift verður áfram í boði, en sem einfaldari leið, ekki aðalvaran.

Gamli vefurinn sagði aðra sögu. Hann var smíðaður í WordPress með Elementor og var hálfkláraður: tvær raunverulegar síður, lorem ipsum, valmyndartenglar sem leiddu hvergi, teljarar sem stóðu á núlli og engin verkefni til að sýna.

islandsvefir.is

02. Áskorunin

Vefstofa er dæmd eftir eigin vef. Ef hann er hægur, óaðgengilegur eða ósannur skiptir litlu hvað stendur á honum. Áskorunin var því tvíþætt.

Að segja satt. Nýi vefurinn mátti ekki fullyrða neitt sem við getum ekki staðið við. Það þýðir engar uppdiktaðar tölur, engar umsagnir án samþykkis, engin merki viðskiptavina án leyfis og engir teljarar. Verkefnin þurftu að vera raunveruleg og tölurnar mældar.

Að vera sönnunin sjálf. Við segjum viðskiptavinum að hraði, aðgengi og leitarvélabestun eigi að vera hluti af smíðinni, ekki viðbót. Þá þarf okkar eigin vefur að standast það, og ekki bara daginn sem hann fer í loftið heldur við hverja breytingu.

Við mældum gamla vefinn áður en við byrjuðum, svo samanburðurinn yrði heiðarlegur.

03. Markmið

Markmiðin koma úr hönnunarskjalinu, sem var skrifað áður en ein lína var forrituð. Hér fá þau auðkenni svo grunnmælingin í kafla 6 geti vísað í þau.

1. M1Vefurinn segir skýrt hvað við gerum: sérsmíðaðir vefir, netverslanir og samþættingar, með vef í áskrift sem einfaldari leið.
2. M2Verkefni eru skrifuð eins og hvítbækur, þar sem hver tala hefur heimild og dagsetningu.
3. M3Afköst ≥ 95 í Lighthouse á farsíma, LCP undir 2,0 sekúndum og engin útlitshliðrun.
4. M4Lýsing, Open Graph, JSON-LD og nákvæmlega ein H1 á hverri síðu, staðfest sjálfvirkt við smíði.
5. M5WCAG 2.2 AA: 100 í aðgengi í Lighthouse og engar villur í axe á neinni síðu.
6. M6Íslenska og enska með staðfærðum slóðum og gagnkvæmum hreflang-tenglum.

04. Nálgun

Greining fyrst. Áður en hönnun hófst fórum við yfir leitarorð og samkeppni: hvaða orð fólk notar þegar það leitar að vefsíðugerð, netverslun og bókhaldstengingum, og hvernig aðrar íslenskar vefstofur kynna verkefni sín. Í okkar greiningu voru dæmisögur annarra oftast myndir og stuttur texti, og fáir fjölluðu ítarlega um tengingar við DK, Reglu og Payday. Þar lá tækifærið.

Sama kerfi, eigin rödd. Í stað þess að byrja frá grunni byggðum við á hönnunarkerfinu sem við smíðuðum fyrir Gagnaver: sama letur, bil, form og prófaðar birtuskilareglur. Íslandsvefir fá sinn eigin aðallit, fjarðarbláan, og ritstjórnarlegra útlit, með stærri fyrirsögnum og ósamhverfara umbroti.

Kröfur sem kóði. Við skrifuðum gæðakröfurnar sem sjálfvirk próf áður en síðurnar voru smíðaðar. Síða sem stenst þær ekki kemst ekki í útgáfu.

05. Lausnin

Kyrrstæður vefur

Vefurinn er smíðaður í Astro og birtur sem tilbúnar HTML-síður. Það er enginn gagnagrunnur sem þarf að uppfæra og ekkert vefumsjónarkerfi sem þarf að verja. Á flestum síðum er ekkert JavaScript. Valmyndir nota innbyggða eiginleika HTML og síun verkefna er gerð með CSS einu saman. Eina skriftan á verkefnasíðum er hnappurinn sem prentar síðuna eða vistar hana sem PDF.

Gæðakröfur sem fella smíðina

Eftir hverja smíði les sjálfvirkur yfirlesari hverja einustu síðu. Finni hann villu fellur smíðin og ekkert fer í loftið.

Ofan á það keyra vafrapróf á hverri síðu í veftrénu, bæði á borðtölvu og 390 pixla breiðum skjá. Þau krefjast engra villna í axe-aðgengisprófun, engra villna í vafranum og engrar láréttrar skrunstiku. Lighthouse CI gerir kröfu um minnst 95 í afköstum og 100 í aðgengi, bestu venjum og SEO.

Leitarvélar og gervigreind

Hver síða fær sitt @graph af skipulögðum gögnum: fyrirtæki, vef, síðu, brauðmola og þar sem við á þjónustu, grein eða spurningar. Veftréð er handsmíðað með hreflang-pörum, Open Graph-myndir eru búnar til við smíði fyrir hverja síðu og llms.txt lýsir fyrirtækinu fyrir mállíkönum. Við kortlögðum gamlar slóðir og ákváðum hvert hver þeirra á að vísa með 301-tilvísun, svo staðan sem gamli vefurinn hafði í leitarvélum tapist síður.

Verkefni sem hvítbækur

Verkefnasíðurnar, þar á meðal þessi, fylgja sama sniðmáti: staðreyndir, stutt samantekt, númeraðir kaflar, markmið með auðkennum og niðurstöður sem vísa í markmiðin sem þær svara, með heimild og dagsetningu. Sniðmátið neitar að birta tilvitnun nema samþykki sé skráð.

06. Niðurstöður

Grunnmælingin var gerð 6. október 2026 á gamla vefnum í beinni: ein keyrsla af Lighthouse 12.8.2 í farsímaham og skoðun á birtu HTML forsíðunnar. Nýi vefurinn var mældur á islandsvefir.is í beinni 22. október 2026, eftir opnun, með Lighthouse 12.6.1, líka í farsímaham, og við birtum miðgildi þriggja keyrslna. Aðferðirnar eru því líkar en ekki eins: önnur útgáfa af Lighthouse, ein keyrsla á móti miðgildi þriggja.

Fyrir opnun mældum við nýja vefinn á staðbundinni útgáfusmíð. Mælingin á léninu sjálfu, með raunverulegum þjóni, TLS og þjöppun, gaf sömu niðurstöðu: 100 í öllum fjórum flokkum, LCP 1,4 sekúndur og 104 KB.

Gamli vefurinn sótti 634 KB af JavaScript til að sýna að mestu kyrrstætt efni, og stærsta efni forsíðunnar birtist ekki fyrr en eftir 4,7 sekúndur í farsíma. Nýja forsíðan sækir ekkert JavaScript, er 104 KB í 9 beiðnum og stærsta efnið birtist eftir 1,4 sekúndur. Útlitið hliðrast ekkert á meðan síðan hleðst.

Fyrir leitarvélar vantaði grunninn: engin lýsing, engin skipulögð gögn og sex H1-fyrirsagnir. Nú hefur hver síða lýsingu, Open Graph-merkingar, skipulögð gögn og eina H1, og smíðin fellur ef eitthvað af því vantar. Í vafraprófunum fann axe engar aðgengisvillur á neinni síðu, hvorki á borðtölvu né í 390 pixla breidd.

Markmiðin um afköst, leitarvélar, aðgengi og tvö tungumál standast í þessum mælingum. Markmiðin um skýr skilaboð og verkefni sem hvítbækur eru ekki mæld með tölum. Þau sýna sig á vefnum sjálfum, þar á meðal á þessari síðu.

• 
• 

07. Lærdómur og næstu skref

Gæði sem eru prófuð haldast. Það er auðvelt að ná góðri einkunn einu sinni. Erfiðara er að halda henni þegar efni bætist við. Þess vegna eru kröfurnar hluti af smíðinni en ekki gátlisti sem einhver þarf að muna eftir.

Heiðarleiki er hönnunarákvörðun. Það var freistandi að fylla vefinn af teljurum og merkjum. Í staðinn birtum við minna, en allt sem stendur á vefnum er hægt að sannreyna.

Kerfi borga sig. Að byggja á hönnunarkerfi Gagnavers þýddi að tíminn fór í efni og uppbyggingu, ekki í að endurhanna hnappa.

Næsta skref er að fylgjast með því að vefurinn haldi markmiðunum þegar efni bætist við, og mæla hann reglulega á sama hátt. Fleiri verkefni koma á vefinn þegar viðskiptavinir hafa samþykkt birtingu.