Hvað þarf góð vefsíða að innihalda árið 2026?

Góð vefsíða árið 2026 þarf að svara því á fyrstu þremur sekúndunum hvað fyrirtækið gerir og fyrir hvern, hlaðast hratt í síma, uppfylla aðgengiskröfur og vera skrifuð þannig að bæði Google og gervigreind geti lesið hana og vitnað í hana. Undir yfirborðinu þarf hún öruggan tæknigrunn, skýra persónuverndarstefnu og vefumsjónarkerfi sem eigandinn getur sjálfur unnið í. Allt annað er viðbót.

Þetta hljómar sem langur listi en hann er í raun stuttur þegar hann er borinn saman við það sem fyrirtæki eyða tíma sínum í. Við hjá Flóru sjáum það í hverju kickoff-i: umræðan snýst um liti, myndir og hvort það eigi að vera video í hausnum. Á meðan gleymast atriðin sem ráða því hvort vefurinn skilar einhverju. Hér er farið yfir þau í þeirri röð sem þau skipta máli.

Skýr skilaboð á fyrstu sekúndunum

Fyrsta skjámyndin, það sem sést áður en nokkur skrollar, þarf að svara þremur spurningum: hvað er þetta, fyrir hvern og hvað geri ég næst. Fyrirsögnin á að vera á mannamáli. „Lausnir fyrir framtíðina" segir engum neitt. „Bókaðu jöklagöngu frá Skaftafelli" segir allt.

Þetta á að vera einfaldasta atriðið á listanum en er í reynd það sem oftast klikkar. Ástæðan er að fólk innan fyrirtækisins veit svo vel hvað það gerir að það gleymir að segja það. Prófaðu að sýna forsíðuna þína einhverjum sem þekkir ekki fyrirtækið og gefa honum fimm sekúndur. Ef hann getur ekki sagt hvað þú selur er fyrsta verkefnið fundið.

Með fyrirsögninni þarf ein aðalaðgerð (CTA) að vera augljós. Ekki fjórir hnappar með jafnt vægi. Einn hnappur sem segir hvað gerist þegar smellt er á hann: „Fá tilboð", „Bóka tíma", „Skoða vörur". Við höfum skrifað um þetta nánar í greininni Hvað einkennir góða vefhönnun?.

Hraði sem stenst mælingar Google

Google mælir þrjú atriði undir heitinu Core Web Vitals og notar þau í röðun leitarniðurstaðna. Largest Contentful Paint (LCP) mælir hve lengi stærsta efnið á skjánum er að birtast og á að vera undir 2,5 sekúndum. Interaction to Next Paint (INP) mælir hve hratt síðan svarar þegar smellt er og á að vera undir 200 millisekúndum. Cumulative Layout Shift (CLS) mælir hve mikið efnið hoppar til á meðan síðan hleðst og á að vera undir 0,1.

Þessi mörk eru ekki bara tæknileg. Ferðamaður á lélegu 4G-sambandi á Hellu lokar síðunni ef hún er sjö sekúndur að birtast. Þú getur mælt þína síðu frítt á PageSpeed Insights hjá Google og Search Console sýnir þér hvernig raunverulegir notendur upplifa hana.

Algengustu sökudólgarnir eru óþjappaðar myndir, of mörg þriðja aðila skriftur (chat-viðbætur, mælingar, samfélagsmiðlaviðmót) og leturgerðir sem hlaðast utan frá. Í Framer-verkefnum Flóru er þetta að mestu leyst í grunninum: myndir eru sjálfkrafa þjappaðar og birtar í WebP eða AVIF, og síðan er afgreidd frá CDN-neti nálægt notandanum.

Hannað fyrir síma fyrst

Meira en helmingur heimsókna á íslenska fyrirtækjavefi kemur úr síma og hlutfallið er mun hærra í ferðaþjónustu og veitingarekstri. Þrátt fyrir það eru flestar vefsíður enn hannaðar á 27 tommu skjá og síðan „lagaðar" fyrir síma í lokin.

Að hanna fyrir síma fyrst þýðir að forgangsröðunin er ákveðin á litla skjánum. Hvað þarf að sjást fyrst? Hvað má bíða? Hnappar þurfa að vera nógu stórir fyrir þumalfingur, WCAG mælir með lágmarki 24 sinnum 24 punktum og betra er 44. Valmyndin þarf að opnast með einum smelli og símanúmerið þarf að vera smellanlegt.

Einfalt próf: opnaðu vefinn þinn í símanum þínum, með einni hendi, í dagsbirtu. Ef þú þarft að zooma inn til að lesa eða smella er verk að vinna.

Aðgengi er orðið lagaskylda, ekki bara góður siður

Evrópska aðgengistilskipunin (European Accessibility Act) tók gildi í Evrópusambandinu 28. júní 2025 og er á leið inn í íslenskan rétt í gegnum EES-samninginn. Hún nær til netverslana, bókunarkerfa, bankaþjónustu, flutningaþjónustu og fleiri þjónustugreina á neytendamarkaði. Opinberir aðilar hafa þegar verið bundnir af aðgengiskröfum um nokkurra ára skeið.

Viðmiðið er WCAG 2.2 á AA-stigi. Í praxis þýðir það meðal annars að litamunur (contrast) texta og bakgrunns nái hlutfallinu 4,5:1, að allar myndir hafi alt-texta, að allt sé hægt að nota með lyklaborði einu og sér, að form segi skýrt frá villum og að hreyfimyndir megi stöðva. Við höfum tekið þetta saman í greininni Hvað eru aðgengiskröfur fyrir vefsíður?.

Það sem margir átta sig ekki á er að aðgengi og góð hönnun eru sami hluturinn í níu tilvikum af tíu. Skýr litamunur, stórir hnappar og rökrétt fyrirsagnaskipan hjálpa öllum, ekki aðeins þeim sem nota skjálesara.

Efni sem Google og gervigreind geta lesið

Árið 2026 finnur fólk fyrirtæki á tvo vegu: með því að gúgla og með því að spyrja ChatGPT, Gemini eða Perplexity. Báðar leiðir byggja á sama grunni: skýru, skipulögðu efni sem svarar raunverulegum spurningum.

Þetta kallar á nokkur atriði í efnisuppbyggingu. Hver síða þarf eina H1-fyrirsögn sem segir um hvað síðan er, og H2-fyrirsagnir sem brjóta efnið niður í undirspurningar. Fyrsta málsgreinin undir hverri fyrirsögn á að svara spurningunni beint, ekki byrja á inngangi. Gervigreindarlíkön draga svör sín gjarnan úr fyrstu setningunum og sleppa hinu.

Síðan þarf meta-titil og meta-lýsingu á hverri undirsíðu, ekki sama textann alls staðar. Skipulögð gögn (schema.org) hjálpa bæði Google og gervigreind að skilja hvort um er að ræða fyrirtæki, vöru, viðburð eða grein. Fyrir ferðaþjónustu og veitingahús skipta opnunartímar, staðsetning og verð í skipulögðu formi miklu.

Að lokum þarf efnið að vera til. Vefur með fimm síðum af almennu markaðsmáli birtist hvorki hjá Google né í svörum gervigreindar. Vefur með greinum sem svara spurningum sem fólk spyr raunverulega gerir það. Við fórum yfir hvernig þetta virkar í greininni Hvað er AEO?.

Persónuvernd og öryggi í lagi

Persónuverndarlög nr. 90/2018 gilda um alla íslenska vefi sem safna persónuupplýsingum, og það gera þeir nánast allir, þó ekki væri nema með mælingum. Vefurinn þarf persónuverndarstefnu sem segir á mannamáli hvað er safnað og hvers vegna, og vefkökuborða sem raunverulega virkar: mælingar mega ekki fara í gang fyrr en notandinn hefur samþykkt þær. Borði sem birtist en stoppar ekkert er til skrauts og uppfyllir ekki lögin.

Á tæknihliðinni er HTTPS sjálfsagður hlutur, en gleymist samt stundum á gömlum undirlénum. Form þurfa vörn gegn ruslpósti, viðbætur þurfa uppfærslur og aðgangur að vefumsjónarkerfinu þarf tveggja þátta auðkenningu. Ef vefurinn keyrir á WordPress með 30 viðbótum sem enginn hefur uppfært síðan 2023 er hann öryggisáhætta, óháð því hvernig hann lítur út. Meira um lagalegu hliðina í Hvað þarf vefsíða að uppfylla samkvæmt persónuverndarlögum?.

Vefumsjónarkerfi sem þú getur sjálfur notað

Góður vefur árið 2026 er vefur sem eigandinn getur uppfært á þriðjudagsmorgni án þess að senda tölvupóst á vefstofuna. Ný grein, breytt verð, nýr starfsmaður á teymissíðunni, allt á þetta að taka mínútur.

Þetta ræður valinu á vefumsjónarkerfi meira en nokkuð annað. Nútímakerfi eins og Framer, Webflow og Sanity eru byggð upp þannig að efni og hönnun eru aðskilin: ritstjórinn breytir texta í einföldu viðmóti og hönnunin brotnar ekki. Flóra er vottaður Framer Partner og við veljum kerfið að stórum hluta vegna þess að viðskiptavinir okkar þurfa ekki að hringja í okkur til að skipta um mynd.

Mælingar eiga líka heima hér. Google Analytics 4 eða einfaldari og persónuverndarvænni tól eins og Plausible segja þér hvaðan fólk kemur og hvað það gerir. Microsoft Clarity sýnir þér upptökur af raunverulegum heimsóknum og er frítt. Án mælinga veistu ekki hvort vefurinn virkar.

Gátlisti fyrir vefinn þinn

Til að draga þetta saman í eitthvað sem hægt er að fara yfir á einum fundi:

• Fyrsta skjámynd segir hvað þú gerir, fyrir hvern og hvað gera skal næst

• LCP undir 2,5 sek, INP undir 200 ms, CLS undir 0,1 samkvæmt PageSpeed Insights

• Hannað og prófað fyrir síma með einni hendi

• WCAG 2.2 AA: litamunur 4,5:1, alt-textar, lyklaborðsnotkun, skýr villuboð

• Ein H1 á síðu, H2 fyrir undirspurningar, beint svar í fyrstu málsgrein

• Sérstakur meta-titill og meta-lýsing á hverri síðu, schema.org skipulögð gögn

• Persónuverndarstefna og vefkökuborði sem stoppar mælingar fram að samþykki

• HTTPS alls staðar, tveggja þátta auðkenning inn í vefumsjón, uppfærðar viðbætur

• Vefumsjónarkerfi sem starfsfólk getur sjálft notað

• Mælingar uppsettar og einhver sem les úr þeim

Ef vefurinn þinn hakar í sjö af tíu er hann í góðum málum. Ef hann hakar í þrjú er kominn tími á samtal.

Algengar spurningar

Þarf góð vefsíða að hafa video eða hreyfimyndir árið 2026?

Nei. Video getur hjálpað, sérstaklega í ferðaþjónustu þar sem upplifunin sjálf er varan. En video sem hægir á síðunni um þrjár sekúndur gerir meiri skaða en gagn. Ef video er notað þarf það að vera þjappað, hlaðast eftir að aðalefnið er komið og hafa möguleika á að stoppa.

Hvað er mikilvægast ef ég hef bara fjármagn í eitt atriði?

Skýr skilaboð á fyrstu skjámynd. Það kostar ekkert annað en hugsun og skrif og hefur mest áhrif á hvort heimsókn verður að fyrirspurn. Næst á eftir kemur hraði í síma.

Þarf litla fyrirtækið mitt að uppfylla WCAG?

Ef þú selur vörur eða þjónustu til neytenda á netinu, þar á meðal með bókunarkerfi, ertu líklega innan gildissviðs evrópsku aðgengistilskipunarinnar þegar hún er komin í íslensk lög. Örfyrirtæki með færri en tíu starfsmenn og undir tveimur milljónum evra í veltu eru undanþegin í þjónustuhlutanum, en vörur eru það ekki. Óháð lögum er aðgengilegur vefur betri vefur og hjálpar í leitarvélum.

Hversu oft þarf að endurskoða þennan lista?

Árlega. Google breytir mælikvörðum sínum, aðgengiskröfur uppfærast og gervigreindarleit þróast hratt. Hálftími á ári yfir gátlistanum með PageSpeed Insights og Search Console opið dugar til að sjá hvað hefur breyst.

Á ég að endurnýja vefinn eða laga hann?

Ef grunnurinn er í lagi (hraði, vefumsjónarkerfi sem virkar, sæmileg uppbygging) er oft nóg að endurskrifa efni og laga fyrstu skjámynd. Ef vefurinn er á kerfi sem ekki er lengur þróað, er hægur í síma og enginn getur uppfært hann er endurnýjun yfirleitt ódýrari en endalaus plástur.

Viltu vita hvar þinn vefur stendur?

Við hjá Flóru förum yfir vefinn þinn með þessum gátlista og segjum þér hreint út hvað er í lagi og hvað ekki. Það kostar ekkert að heyra í okkur og þú færð skýra mynd af næstu skrefum. Sendu okkur línu og við tökum spjallið.