SvereSystems · Verkkosivun julkaisu- ja muokkausopas
SvereSystemsin käytännön opas

Verkkosivun opas

Selkeä opas staattisen verkkosivun julkaisuun, tarkistamiseen ja pieniin turvallisiin muutoksiin.

SvereSystems · Sveresa
Päivitetty 26.9.2026

Aloita tästä - vaikka palvelin ja verkkotiedostot olisivat sinulle vieraita

Tämä opas on kirjoitettu ihmiselle, jonka ei tarvitse olla verkkokehittäjä. Jos sinulla on SvereSystemsin valmis verkkosivupaketti, tämän oppaan avulla näet, mitä palvelimelle ladataan, mitä pitää varmuuskopioida ennen muutoksia ja mitkä pienet muutokset voi tehdä itse. Jos oma hosting-näkymäsi ei vastaa ohjetta, älä arvaa - pysähdy ja varmista asia palveluntarjoajalta.

Pika-aloitus: valitse oma tilanteesi

A
Verkkotunnuksella on jo sivustoTee ensin varmuuskopio. Jos nykyinen sivusto on WordPress, älä kirjoita sitä yli ennen kuin sinulla on palautettava varmuuskopio sekä tiedostoista että tietokannasta ja olet tietoisesti päättänyt korvata vanhan sivuston.
B
Hosting on uusi tai tyhjäSelvitä verkkotunnuksen oikea web root eli julkinen verkkohakemisto. Lataa paketin SISÄLTÖ sinne niin, että index.html jää suoraan tähän hakemistoon.
C
Haluan muuttaa vain yhden asianÄlä lataa koko sivustoa uudelleen. Ota kopio muutettavasta tiedostosta, tee muutos paikallisesti, lataa takaisin vain tarvittava tiedosto ja tarkista tulos.
Jos muistat vain yhden asian
Ota varmuuskopio ennen muutoksia. Älä kirjoita olemassa olevaa sivustoa yli äläkä muuta DNS-, lomake- tai palvelinasetuksia arvauksen perusteella.
Verkkotunnus
→
Hosting
→
Web root
→
Verkkotiedostot

Yksinkertaistettu kuva: verkkotunnus on osoite, hosting on paikka jossa tiedostot sijaitsevat, web root on juuri se hakemisto josta verkkotunnus näyttää sivuston.

6 käsitettä, jotka sinun oikeasti tarvitsee tietää

Verkkotunnus
Verkko-osoite, esimerkiksi example.fi.
Hosting
Palvelu, jossa verkkosivun tiedostot sijaitsevat.
Web root / document root
Hakemisto, josta tietty verkkotunnus näyttää julkiset verkkotiedostot. Nimi voi olla public_html, www, httpdocs, htdocs tai verkkotunnuskohtainen hakemisto.
File Manager
Hostingin hallintapaneelin tiedostonhallinta. Aloittelijalle se on yleensä helpoin tapa ladata valmis staattinen sivusto.
SFTP
Turvallinen tiedostonsiirtotapa. Hyödyllinen suuremmissa siirroissa, mutta sitä ei tarvitse käyttää, jos File Manager toimii hyvin.
index.html
Staattisen sivuston tavallinen etusivutiedosto. Sen pitää olla oikealla tasolla web rootissa.

Ennen julkaisua: tee palautettava varmuuskopio

Jos verkkotunnuksella on jo toimiva sivusto, käsittele sitä omaisuutena. Tavoite ei ole vain “ladata jotain talteen”, vaan varmistaa että vanha versio voidaan oikeasti palauttaa.

  1. Avaa hostingin File Manager tai käytä nykyistä varmuuskopiointitoimintoa.
  2. Selvitä, mikä hakemisto palvelee juuri kyseistä verkkotunnusta.
  3. Lataa nykyiset julkiset tiedostot erilliseen kansioon tai käytä hostingin Backup-toimintoa.
  4. Jos nykyinen sivusto on WordPress, tarvitset tiedostojen lisäksi myös tietokannan varmuuskopion.
  5. Lisää varmuuskopioon päivämäärä ja säilytä se live web rootin ulkopuolella.
  6. Vasta tämän jälkeen aloita nykyisten tiedostojen korvaaminen.
PYSÄHDY - olemassa oleva WordPress
Jos et tiedä, sisältääkö WordPress-varmuuskopio sekä tiedostot että tietokannan, älä poista vanhaa sivustoa. Kysy hosting-tuelta: “Miten saan tästä verkkotunnuksesta täydellisen palautettavan varmuuskopion ennen staattisen sivuston julkaisua?”

Hostingin hallintapaneeli: mitä sieltä etsitään

Hallintapaneeli voi olla cPanel, DirectAdmin, Plesk, hPanel tai palveluntarjoajan oma ratkaisu. Painikkeet ja niiden paikat vaihtuvat, mutta tehtävä pysyy samana: etsi tiedostonhallinta ja oikea julkinen hakemisto.

Aloittelijan huomio
Valmiin staattisen SvereSystems-paketin lataamiseen ei tavallisesti tarvita WordPress Manageria, Site Builderia, sähköpostiasetuksia tai Git-työkaluja. Älä avaa niitä vain siksi, että ne näkyvät samassa hallintapaneelissa.
Jos oikea web root ei ole selvä
Lähetä hosting-tuelle yksi täsmällinen kysymys: “Mikä document root / web root palvelee verkkotunnusta example.fi?” Älä päättele hakemistoa pelkän nimen perusteella.

Valmiin verkkosivun julkaisu

Aloittelijalle suosittelemme File Manageria. SFTP on vaihtoehto, ei vaatimus.

Vaihtoehto 1 - File Manager (suositus aloittelijalle)

  1. Lataa SvereSystemsin lopullinen ZIP omalle tietokoneellesi ja säilytä alkuperäinen tiedosto.
  2. Pura ZIP tietokoneella. Varmista, että näet index.html-tiedoston ja assets- tai muut mukana tulevat kansiot.
  3. Avaa hostingin File Manager ja siirry vahvistettuun web rootiin.
  4. Jos vanha sivusto on olemassa, varmista vielä kerran että varmuuskopio on tehty.
  5. Lataa puretun verkkopaketin SISÄLTÖ web rootiin, ei välttämättä sitä ympäröivää kansiota.
  6. Varmista, että index.html sijaitsee suoraan web rootissa.
  7. Avaa verkkotunnus uudessa private/incognito-ikkunassa ja tarkista tulos.
OIKEIN 
/public_html/index.html
/public_html/assets/...
YLEINEN VIRHE 
/public_html/my-site-folder/index.html
/public_html/my-site-folder/assets/...

Jos verkkotunnuksesi web root ei ole public_html, korvaa esimerkin nimi omalla oikealla hakemistollasi.

Vaihtoehto 2 - SFTP (jos käytät sitä jo)

SFTP sopii, jos sinulla on host, käyttäjätunnus, portti ja tunnistautumistapa sekä osaat käyttää esimerkiksi WinSCP:tä, FileZillaa tai muuta SFTP-ohjelmaa. Periaate on sama: yhdistä, siirry oikeaan web rootiin, varmuuskopioi vanha versio, lataa paketin sisältö ja tarkista julkinen verkkotunnus.

Älä muuta DNS-asetuksia tämän ohjeen vuoksi
Jos verkkotunnus avaa jo oikean hostingin, tavallinen tiedostojen vaihto ei vaadi DNS-muutoksia. Virhe DNS-asetuksissa voi vaikuttaa verkkosivun lisäksi yrityksen sähköpostiin.

Tarkistus julkaisun jälkeen

Tiedostojen siirron valmistuminen ei vielä tarkoita, että sivusto on valmis. Tee vähintään nämä tarkistukset.

EtusivuAvautuu oikealla HTTPS-osoitteella ilman selaimen turvallisuusvaroitusta.
DesktopSelaa koko sivu. Testaa valikko, tärkeimmät CTA:t, yhteystiedot, kuvat ja Presenter.
MobiiliTarkista oikealla puhelimella tai noin 390 px leveässä näkymässä. Teksti ei saa leikkautua eikä sivulle saa syntyä vaakasuuntaista vieritystä.
YhteystiedotKlikkaa puhelin- ja sähköpostilinkit.
LomakeJos sivustolla on lomake, lähetä oikea testipyyntö ja varmista että se saapuu asiakkaan hyväksymään kohteeseen.
MediaKuvien, ikonien ja videon pitää latautua julkisesta sivustosta, ei vain omalta tietokoneeltasi.
Jos näet edelleen vanhan version
Kokeile private/incognito-ikkunaa tai hard refresh -päivitystä. Jos vanha sisältö säilyy, syy voi olla hostingin tai CDN:n välimuisti - tarkista se ennen uusia tiedostomuutoksia.

Pienet muutokset - turvallinen työtapa

Puhelinnumeron, sähköpostin, osoitteen, aukioloajan tai pienen tekstivirheen muuttamiseen ei yleensä tarvitse rakentaa koko sivustoa uudelleen.

  1. Ota kopio muutettavasta tiedostosta.
  2. Avaa tiedosto koodieditorissa, esimerkiksi Visual Studio Codessa tai Notepad++:ssa. Älä käytä Wordia.
  3. Etsi vanha arvo Find- tai Search in Files -toiminnolla.
  4. Muuta vain tarvittava arvo.
  5. Tallenna samalla tiedostonimellä ja tiedostopäätteellä.
  6. Lataa palvelimelle takaisin vain muutettu tiedosto tai tiedostot.
  7. Avaa julkinen sivusto ja tarkista sekä näkyvä teksti että linkki tai toiminto.
Puhelinnumero

Numero voi olla sekä näkyvänä tekstinä että tel:-linkissä. Etsi vanha numero koko projektista, koska se voi olla myös footerissa tai structured data -tiedoissa.

Ennen:
<a href="tel:+358401234567">040 123 4567</a>

Jälkeen:
<a href="tel:+358409876543">040 987 6543</a>
Sähköpostiosoite

Sähköposti voi olla sekä näkyvänä tekstinä että mailto:-linkissä. Päivitä molemmat tarvittaessa.

Ennen:
<a href="mailto:hello@example.fi">hello@example.fi</a>

Jälkeen:
<a href="mailto:contact@example.fi">contact@example.fi</a>
Teksti, osoite tai aukioloaika

Jos muutat vain näkyvää tekstiä, älä poista vahingossa sitä ympäröiviä HTML-tageja. Jos sama tieto esiintyy usealla sivulla, käytä koko projektin hakua.

Kuvan vaihtaminen

Helpoin tapa on käyttää uudella kuvalla samaa tiedostonimeä ja suunnilleen samaa kuvasuhdetta. Ota vanhasta tiedostosta kopio. Jos tiedostonimi muuttuu, myös HTML- tai CSS-viite pitää päivittää. Jos kuvan sisältö muuttuu olennaisesti, tarkista myös alt-teksti.

Linkin muuttaminen

Muuta href-arvo huolellisesti ja säilytä lainausmerkit sekä muu HTML. Klikkaa linkki julkisella sivustolla muutoksen jälkeen.

Nämä eivät enää ole “pieniä tekstimuutoksia”

Seuraavat asiat voivat vaikuttaa koko sivustoon, tietosuojaan, yhteydenottojen perillemenoon tai yrityksen sähköpostiin. Jos et tiedä tarkasti, mitä olet muuttamassa, pysähdy.

Muutos Miksi olla varovainen
Yhteydenottolomake / lomakepalvelu Voi katkaista yhteydenottojen perillemenon ja muuttaa henkilötietojen käsittelyä.
JavaScript Voi vaikuttaa valikkoon, animaatioihin, lomakkeisiin ja saavutettavuuteen.
Analytics / pixel / tracking Voi synnyttää suostumus- ja tietosuojavelvoitteita.
Cookie / consent -ratkaisu Sen pitää vastata sivustolla oikeasti käytettyjä teknologioita.
DNS / nameserver / MX Virhe voi rikkoa sekä verkkosivun että yrityksen sähköpostin.
.htaccess tai palvelinsäännöt Voi aiheuttaa redirect-, 403- tai 500-virheitä.
WordPressin korvaaminen tai migraatio Voi riippua tietokannasta, lisäosista, mediasta ja sähköpostista.
Suurempi layout/design-muutos Vaatii desktop- ja mobiili-QA:n, ei vain yhden rivin muuttamista.

Vianetsintä: aloita oireesta, älä uusista satunnaisista muutoksista

Ongelma Tarkista ensin
Vanha sivusto näkyy edelleen Tarkista oikea web root, kokeile private/incognito-ikkunaa ja tarkista hostingin/CDN:n välimuisti.
404 / sivua ei löydy Tarkista tiedostonimi, polku, kirjainkoko ja että index.html on oikealla tasolla.
Sivu avautuu ilman tyylejä Tarkista, että assets-kansio ja CSS-tiedostot ladattiin mukana ja hakemistorakenne säilyi.
Kuvat puuttuvat Tarkista kuvatiedoston tarkka nimi, polku ja kirjainkoko.
Lomake ei lähetä Tarkista hyväksytty lomakepalvelu, public key/configuration ja testikohde. Älä keksi uutta provideria.
HTTPS-varoitus Tarkista hostingin SSL/TLS tai pyydä palveluntarjoajaa auttamaan.
Sivusto rikkoutui muutoksen jälkeen Lopeta muokkaus, palauta viimeinen toimiva tiedosto/versio ja vertaa vain viimeisintä muutosta.

Rollback - palauta toimiva versio nopeasti

  1. Lopeta uusien muutosten tekeminen.
  2. Palauta varmuuskopioitu tiedosto tai edellinen live-kansio.
  3. Tarkista että edellinen versio toimii jälleen.
  4. Tunnista yksi tarkka muutos, joka aiheutti ongelman.
  5. Yritä uudelleen vasta kun syy on ymmärretty.
Milloin kannattaa pyytää apua
Pyydä hosting-palvelulta, IT-tuelta tai SvereSystemsiltä apua, jos työ koskee DNS-asetuksia, palvelinasetuksia, lomakkeita, trackingia, privacy/consent-ratkaisua, WordPress-migraatiota, skriptejä tai suurempaa redesignia.
SvereSystemsin deployment on erillinen palvelu
Vakioverkkopaketti sisältää valmiit siirrettävät tiedostot ja tämän julkaisuoppaan. SvereSystemsin tekemä deployment ei kuulu pakettiin oletuksena. Jos haluat SvereSystemsin julkaisevan sivuston yhteensopivaan hostingiin, työ ja hinta sovitaan erikseen ennen käyttöoikeuksia tai palvelintyötä.

Pikamuistio

Säilytä tämä sivu verkkopaketin mukana. Teksti on tarkoituksella yksinkertainen ja tulostuksessa selkeä.

ENNEN MUUTOSTA

  1. Tee varmuuskopio.
  2. Vahvista oikea verkkotunnus ja web root.
  3. Jos vanha sivusto on WordPress, varmista myös tietokannan backup.
  4. Muuta vain sellaista, minkä ymmärrät.

MUUTOKSEN JÄLKEEN

  1. Lataa vain tarvittavat tiedostot.
  2. Tarkista desktop + mobiili.
  3. Testaa muutettu CTA, puhelin, sähköposti tai lomake.
  4. Säilytä edellinen toimiva kopio.