Verkkosivustonne kaikilla näytöillä
Suunnistamista helpottava verkkosuunnittelu
Hyvä verkkosivusto selittää tarjontanne, tukee päätöksentekoa ja helpottaa yhteydenottoa. Tätä varten ulkoasu, sisältö ja tekniikka suunnitellaan yhdessä pienestä älypuhelimesta suureen tietokonenäyttöön.
Rakenne alkaa sisällöstä
Ennen värien ja sivumoduulien määrittelyä tarvitaan yleiskuva palveluista, kohderyhmistä ja usein esitetyistä kysymyksistä. Sen perusteella syntyy sivusuunnitelma: mitkä tiedot kuuluvat etusivulle, mitkä palvelusivulle ja mitkä oppaaseen?
Ymmärrettävä navigaatio auttaa ihmisiä löytämään sopivan sisällön nopeasti. Selkeät otsikot ja linkkitekstit tukevat suunnistamista. Yritysesittely selittää vastuut ja toimintatavan kokoamatta kaikkia asiantuntija-aiheita yhdelle sivulle.
Käytettävissä älypuhelimella, tabletilla ja tietokoneella
Responsiivinen ulkoasu mukautuu käytettävissä olevaan näytön leveyteen. Tekstin on pysyttävä luettavana ilman sivuttaisvieritystä, painikkeiden on oltava helposti käytettävissä eivätkä valikot saa peittää tärkeää sisältöä. Taulukot ja laajat sisällöt tarvitsevat pienillä laitteilla sopivan esitystavan.
Tarkistukseen kuuluvat eri näyttökoot, näppäimistökäyttö ja ymmärrettävät kohdistustilat. Kuva tietokonenäytöllä ei korvaa mobiilinavigaation tai yhteydenottotapojen toimintatestiä.
Sisällön ylläpito arjessa
Verkkosivustoa ei pitäisi joutua ohjelmoimaan uudelleen jokaista tekstikorjausta varten. WordPress-sivustossa tämä tarkoittaa, että sisältö pysyy muokattavana sille tarkoitetussa editorissa, toistuvia tietoja ylläpidetään johdonmukaisesti ja laajennuksilla on selkeästi rajatut tehtävät.
Uutta rakennettaessa määritellään, kuka lisää sisältöä ja miten muutokset tarkistetaan. Nykyisessä järjestelmässä tarkistamme ensin teeman, lisäosat ja sisällöntuotannon käytännöt. Toimiviksi todetut ominaisuudet ja olennaiset URL-osoitteet otetaan mukaan suunnitteluun.
Latausajan ja ulkoasun yhteensovittaminen
Jokaisella lisäelementillä on tarkoitus ja tekninen työmäärä. Sopivan kokoiset kuvat, kevyet kirjasimet ja kohdennetusti ladattavat komentosarjat auttavat pitämään sivuston selkeänä. Automaattisesti käynnistyvä video tai laaja lisätyökalu on tarkoituksenmukainen vain, jos se tuottaa kävijöille vastaavaa hyötyä.
Todellinen nopeus riippuu myös palvelintilasta, välimuistista, liitetyistä palveluista ja nykyisistä laajennuksista. Siksi mittauksia arvioidaan todellisessa järjestelmässä ja erilaisissa olosuhteissa.
Nopeuden arviointi käytön perusteella
Yksittäinen nopeuspistemäärä ei kuvaa koko käyttökokemusta. Laboratoriotesti auttaa löytämään konkreettisia ongelmia määritellyissä olosuhteissa. Kenttädata puolestaan näyttää, miten todelliset käynnit sujuvat eri laitteilla ja yhteyksillä. Jos kenttädataa on vielä liian vähän, se ei automaattisesti ole laatupuute.
Nykyisiin Core Web Vitals -mittareihin kuuluvat LCP suurimman näkyvän sisältöelementin latautumista varten, INP vuorovaikutuksiin reagointia varten ja CLS odottamattomia asettelusiirtymiä varten. Lisäksi tarkistetaan käytännössä: avautuuko mobiilivalikko? Pysyykö yhteydenottopainike paikallaan? Reagoiko lomake syötteisiin ymmärrettävästi?
Tarkistusraporttiin tulee kirjata tutkittu URL-osoite, laite tai testiprofiili, mittausajankohta ja datan tyyppi. Näin muutos voidaan tarkistaa uudelleen samankaltaisissa olosuhteissa. Nopea testiajo on tekninen havainto, ei lupaus paremmista sijoituksista.
Sivustouudistuksen huolellinen valmistelu
- Nykyisten sivujen, toimintojen ja olennaisten URL-osoitteiden kartoittaminen.
- Tavoitteiden, sivujen roolien ja tarvittavan sisällön määrittely.
- Ulkoasun ja käytön tarkistaminen useilla näyttöko'oilla.
- Sisällön ja teknisten muutosten yhteensovittaminen.
- Yhteydenottotapojen, linkkien ja hakukonetietojen tarkistus ennen hyväksyntää.
- Todellisen tulosteen ja saavutettavien kohteiden tarkistus julkaisun jälkeen.
Hakukoneoptimointi tukee tätä prosessia. Näin ulkoasumuutokset ja orgaaninen löydettävyys voidaan ottaa huomioon yhdessä.
Mitä tulee todentaa ennen sivustouudistusta ja sen jälkeen
Esikatselu näyttää ulkoasun. Luotettava hyväksyntä edellyttää lisäksi todennettavaa näyttöä siitä, että sisällöt, osoitteet ja yhteydenottotavat toimivat julkaistussa järjestelmässä.
| Ajankohta | Tarkistus | Konkreettinen tulos |
|---|---|---|
| Ennen hyväksyntää | Nykyisten URL-osoitteiden ja tärkeiden toimintojen vertailu uuteen versioon; muutosten ja palautusmenettelyn määrittely. | Säilytettävien, siirtyvien ja poistuvien sisältöjen kohdistus sekä lähtötilanteen varmuuskopio. |
| Julkaisun yhteydessä | Tärkeiden sivujen avaaminen kirjautumattomana kävijänä; navigaation, kuvien, yhteydenottotapojen ja suunniteltujen uudelleenohjausten tarkistaminen. | Dokumentoidut saavutettavat kohdesivut ja tarkistettu polku yhteydenotosta vastuulliselle vastaanottajalle. |
| Julkaisun jälkeen | Sivustokartan, sisäisten linkkien, canonical-määritysten ja indeksointiohjeiden vertailu sivusuunnitelmaan; saatavilla olevien hakutietojen seuranta. | Lista vielä avoimista havainnoista vastuuhenkilöineen ja uusine tarkistuspäivineen. |
Jos URL-osoitteen on muututtava, se tarvitsee sisällöllisesti sopivan kohteen. Vanhojen osoitteiden yleinen ohjaaminen etusivulle ei usein auta kävijää, jolla on konkreettinen kysymys. Google huomauttaa, että tällaisia epäsopivia uudelleenohjauksia voidaan käsitellä Soft-404-virheinä. Muuttumattomat, edelleen sopivat URL-osoitteet voidaan säilyttää uudistuksessa.
Nykytilan tarkistusta varten ennen uudistusta SEO-auditointiopas kuvaa sopivia havaintoja ja prioriteetteja.
Lähde: Google Search Central: URL-kohdistus, uudelleenohjaukset ja siirron valvonta.
Lisäkielten suunnittelu kokonaisena kävijäpolkuna
Monikielinen verkkosivusto on enemmän kuin käännetyt päätekstit. Kielenvaihdon, palvelutietojen, lomakkeiden, vahvistusten ja myöhemmän ylläpidon on sovittava yhteen. Aloittakaa asiakasryhmästä, jota todella pystytte palvelemaan, ja tarkistakaa koko polku yhteydenottoon asti.
Opas aiheesta monikieliset verkkosivustot ja SEO Sveitsissä yhdistää kielivalinnan käännösohjeistukseen, tekniseen kohdistukseen ja konkreettiseen hyväksyntään.
Saavutettavuuden tarkistaminen konkreettisilla tehtävillä
Sopikaa verkkosivuston uudistuksessa, mitkä tyypilliset tehtävät tulee voida tehdä myös näppäimistöllä, suurennetulla tekstillä ja avustavilla teknologioilla. Tarkistuspöytäkirja auttaa korjaamaan ongelmia kohdennetusti. Seuraavat aloitustarkistukset voivat paljastaa näkyviä esteitä; ne eivät korvaa kattavaa asiantuntija-arviota.
| Tehtävä | Käytännön tarkistus | Mitä pöytäkirjaan tulee kirjata |
|---|---|---|
| Tarjonnan löytäminen | Siirtykää sarkaimella ja vaihto-sarkaimella sivun alusta palveluun ja edelleen yhteydenottoon. Tarkistakaa, että kulloinenkin kohdistus pysyy näkyvissä. | Testattu URL-osoite, järjestys ja tarkka kohta, jossa käyttö takeltelee. |
| Valikon käyttö | Avatkaa ja sulkekaa mobiilivalikko näppäimistöllä. Tarkistakaa myös vaihto toiseen näytön leveyteen. | Alkukoko, valittu toiminto, saavutettavat linkit ja kohdistus sulkemisen jälkeen. |
| Tekstin lukeminen | Suurentakaa tekstiä. Tarkistakaa katkeavat sanat, päällekkäiset painikkeet ja näkyvä kontrasti. | Suurennus, kyseiset elementit ja erilliset tulokset normaalille ja aktiiviselle tilalle. |
| Sivun hahmottaminen | Lukekaa otsikot jäsennyksenä. Pääaiheen, osioiden ja alakysymysten tulee liittyä toisiinsa ymmärrettävästi. | Epäselvät nimitykset tai tasot, jotka kuvaavat yhteyden väärin. |
| Yhteydenottolomakkeen täyttäminen | Tarkistakaa kenttien nimet, pakolliset tiedot ja ymmärrettävät ohjeet puuttuvista tai virheellisistä syötteistä sovitussa testiympäristössä. | Mitä kenttää asia koskee, miten se korjataan ja vahvistetaanko onnistunut lähetys tunnistettavasti. |
Otsikoissa ratkaisee sisällöllinen hierarkia. Alakysymys kuuluu sitä ylemmän osion alle; pelkkä kirjasinkoko ei määritä otsikkotasoa. Lomakkeiden virheilmoitusten tulee selittää, mitä puuttuu ja miten syöte korjataan. Näin yleisestä toimeksiannosta ”paremmin käytettävä” tulee todennettava havainto.
W3C-aloitustarkistukset, ohjeet otsikkorakenteesta ja suositukset lomakeilmoituksista kuvaavat nämä perusteet.
Julkisen saavutettavuusselosteen tulee nimetä ymmärrettävästi todella tarkistettu laajuus, tunnetut rajoitukset ja yhteystaho ongelmia varten. Se ei korvaa teknistä näyttöä. Millaisia tietoja selosteeseen on tarkoituksenmukaista sisällyttää, selittää W3C-ohje saavutettavuusselosteista. Verkkosivustoprojektinne laajuus ja hyväksymiskriteerit voidaan kirjata suunniteltua uudistusta koskevassa keskustelussa.
Uudistuksen valmistelu todennettavalla URL-kohdistuksella
Konkreettisessa suunnittelussa URL-lista yhdistää nykyisen sisällön hyväksyttyyn uuteen versioon. Lisäksi määritellään vastuut, julkinen hyväksyntä ja etukäteen sovittu päätös merkittävän virheen varalle.
Opas Verkkosivuston uudistus ja SEO sisältää kohdistustaulukon, esikatselun ja julkaisun tarkistusvaiheet sekä palautussuunnitelman rungon. Sen avulla yleinen uudistusprosessi voidaan muuttaa tarkistettaviksi työkokonaisuuksiksi.
Tarpeisiinne sopivaa
Liittyvät aiheet
Palvelut
Mikä palvelu sopii yrityksellenne? SEO, GEO, verkkosuunnittelu, Google Ads ja verkkomarkkinointi ymmärrettävästi selitettyinä sekä konkreettiset työn tulokset.
Lue lisää
SEO
SEO-neuvontaa sveitsiläisille yrityksille: sisällön, tekniikan ja sivurakenteen kohdennettua parantamista. Tutustukaa toimintatapaan, prioriteetteihin ja työn tuloksiin.
Lue lisää
Yhteystiedot
Keskustelkaa verkkosivustostanne, SEO:sta tai tekoälynäkyvyydestä yrityksen SEO & GEO Agentur Wittibschlager kanssa (Zürich). Yhteystiedot ja hyödylliset tiedot yhteydenottoanne varten.
Lue lisääSeuraava askeleenne
Keskustellaan
verkkosivustostanne.
Mitä verkkosivustonne tulisi saada aikaan yrityksellenne? Kertokaa meille suunnitelmastanne.