Articles

miten perustaa verkkosivusto vuonna 2021: päivitetty Aloittelijan opas

vinkit sivuston luomiseen

Oman sivuston perustaminen on paljon helpompaa kuin luuletkaan. Yhä useampi haluaa Oman läsnäolonsa verkossa. Sinun ei tarvitse olla riippuvainen yksinomaan Instagram-profiilista, Facebook-sivusta tai Twitter-tilistä.

miksi et luo omia verkkosivuja?

aloittaaksesi, katsotaanpa yleisimpiä kysymyksiä, joita saimme kaltaisiltasi kunnianhimoisilta aloittelijoilta aiemmin:

Sisällysluettelo

tarvitaanko teknisiä taitoja?

Tämä riippuu verkkosivustosi käyttötarkoituksesta. Monimutkaisin tapa olisi opetella koodaamaan HTML, CSS, JavaScript ja PHP – käytännössä minkä tahansa verkkosivuston perusasiat.

mutta tämä ei ole ainoa tapa luoda sivusto: vaikka et ole kovin perehtynyt tekninen puoli asioita, voit helposti perustaa hyvä sivusto.

mutta miten?

käyttämällä verkkosivujen rakentajaa. Jos voit käyttää Word, Facebook, tai PowerPoint, voit käyttää näitä työkaluja ilman ongelmia. Nämä helppokäyttöiset alustat tarjoavat visuaalisen editorin, hostauksen, ja voit saada verkkotunnuksen niiden kautta: yhden luukun kauppa.

miten perustaa verkkosivusto: 5 askelta päästä alkuun

useimmat verkkosivustoprojektit käyvät läpi nämä vaiheet:

  1. Tee suunnitelma verkkosivustosi rakenteesta ja sisällöstä
  2. rekisteröi verkkotunnus – mieluiten valitse a .com
  3. Etsi sivuston rakentaja (ja ylläpitäjä) luomaan sivustosi
  4. optimoi se hakukoneille
  5. Käynnistä sivustosi

3 suosituinta tapaa perustaa verkkosivusto

käydään läpi Suosituimmat tavat perustaa sivusto. Ratkaisuja on monia. Jotkut ovat joustavampia kuin toiset, ja jotkut ovat monimutkaisempia.

verkkosivujen rakentajan perustaminen

aloitetaan helpoimmasta vaihtoehdosta: verkkosivujen rakentajasta. Tämä on niin sanotusti all inclusive-paketti: yksittäinen yritys tarjoaa yleensä mallin (suunnittelun), editorin, Hostingin, verkkotunnuksen nimen, sähköpostiosoitteen ja tuen. Web-rakentaja huolehtii vaikeista tehtävistä.

Tämä ei ole hyödyllinen vain aloittelijoille. Se riippuu yksinkertaisesti projektista. Miksi mutkistaa elämääsi, jos on olemassa helppoja tapoja tehdä asioita? Lähes kaikki sivuston rakentajat voit luoda ilmaisen perussivuston aliverkkotunnuksella (esim. yourname.sitebuildername.com), joka on ad: n tukema. Käyttämällä tällaista suunnitelmaa voit kokeilla sitä yksityiskohtaisesti ennen kuin päätät, onko kustannukset sen arvoista.

hinnat alkavat noin 8 dollarista kuukaudessa, mutta se sisältää kaiken olennaisen. Jos et erityisesti tarvitse sähköpostiosoitetta, se voi olla vieläkin halvempaa.

ymmärtääksesi paremmin, miten se toimii, katso askel askeleelta opetusohjelma verkkosivujen luomiseen!

Oletko koskaan miettinyt, kuinka vaikeaa verkkosivuston luominen on? Meillä on hyviä uutisia, se on erittäin helppoa! Tutustu koko opetusohjelma täällä:… Kuinka luoda verkkosivusto? Opi Se alle 5 minuutissa! 2018-08-09t09: 41: 25.000 Z https://i.ytimg.com/vi/FXNSB-XmtLY/default.jpg

plussat:

  • It ’ s very easy to use.
  • et tarvitse lisäohjelmia.
  • voit aloittaa ilman teknistä osaamista.
  • päivitykset ja tietoturva-asiat hoitaa sivuston rakentaja itse.
  • ennalta määritellyt suunnittelupohjat, joita voi muokata mielensä mukaan

miinukset:

  • lisäominaisuuksia ei aina voi lisätä (riippuen sivuston rakentajasta).
  • se ei ole yhtä joustava, koska olet riippuvainen tarjoajasta.
  • niitä ei ole suunniteltu kovin monimutkaisiin, tietokantaa vaativiin projekteihin (esim. työ-tai kiinteistöhakemistot)

tunnetuimpia verkkosivujen rakentajia ovat Wix, Weebly ja Shopify (nettikaupoille). Löydät muita sivuston rakentajia täydellisestä vertailustamme.

voit kokeilla Wix website Builderia ilmaiseksi ja niin kauan kuin haluat.

kokeile Wix free

verkkosivun luominen sisällönhallintajärjestelmällä

sisällönhallintajärjestelmät (CMS) ovat hieman monimutkaisempia. Vaikka ne periaatteessa toimivat samalla tavalla kuin sivuston rakentaja, ne ovat paljon vaikeampi käyttää.

sivuston rakentajalla voi lisätä yksinkertaista sisältöä, kuten tekstejä ja kuvia, mutta myös suunnitella kokonaisen verkkosivuston. Klassinen sisällönhallintajärjestelmä olisi tässä tapauksessa paljon rajoitetumpi, ja mitä ulkonäköön tulee, rajoitut käytettävissä oleviin mallipohjiin.

vaikka on paljon järjestelmiä, kuten Joomla!, Drupal ja Typo3, keskitymme suosituin CMS, joka on WordPress. Kiitos hosting yritykset, jotka tarjoavat yhdellä napsautuksella asentaa, se ei ole vaikea perustaa.

suositeltavia ovat Dreamhost (erittäin edullinen), Siteground (hieman kalliimpi, mutta supertehokas) ja Bluehost (suosittu valinta 24/7-tuella).

Lue lisää siitä, mitä webhotelliyrityksiä suosittelemme WordPressille täältä.

voit myös asentaa mallin helposti ja säätää sitä suunnitteluvaihtoehdoilla. Mutta: jos on jotain, josta et pidä, joudut todennäköisesti muokkaamaan CSS: ää tai HTML: ää (sinä tai ohjelmoija).

valitsemasi hosting, verkkotunnus, sähköpostiosoite, asennus ja tuen taso riippuvat siitä, kuinka paljon haluat käyttää ja teknisestä osaamisestasi. Se voi olla melko halpa, jos teet sen itse.

valtava etu, erityisesti WordPress, on, että sinulla on tuhansia plugins, jonka avulla voit lisätä erityisiä ominaisuuksia sivustoosi, jotka eivät ole alun perin mukana. Tyypillinen esimerkki olisi WooCommerce, plugin, joka lisää täydellisen verkkokaupan.

oletuksena WordPress on suunniteltu yksikieliseksi, mutta on olemassa laajennuksia, kuten WPML, joiden avulla voit kääntää sivun. Toinen suosikeistani on Yoast SEO plugin, jonka avulla voit muuttaa hakukoneen asetuksia (esim.Google).

esittelyvideossamme katsomme, mitä sinun tulee harkita, jos olet perustamassa WordPressiä.

tarkistetaan nopeasti, miten WordPress asennetaan SiteGroundin hostausta käyttäen. SiteGround on yksi parhaista hosting tarjoajien WordPress sivustoja. Voit yrittää … Opi asentamaan WordPress SiteGroundin Hosting 2019-10-23t07: 54: 23.000 Z https://i.ytimg.com/vi/XMLMT_mKZhQ/default.jpg

voit rekisteröityä Sitegroundiin täällä.

plussat:

  • voit valita hosting-yrityksen.
  • Suuri monikielisille verkkosivustoille.
  • tekninen joustavuus: voit käyttää koko lähdekoodia (jos tiedät mitä teet).
  • lisäosia saa lisää ominaisuuksia.

miinukset:

  • ei henkilökohtaista teknistä tukea.
  • luova vapaus riippuu mallista.
  • sillä voi olla lisäkustannuksia liitännäisistä.
  • saatat tarvita ohjelmoijaa tekemään pieniä esteettisiä muutoksia.

muita esimerkkejä sisällönhallintajärjestelmistä ovat Joomla! Ja Drupal, mutta ne ovat paljon monimutkaisempi käyttää kuin WordPress, joten emme pääse, että. Löydät lisätietoja WordPress meidän WordPress aloittelijoille opas.

miten voit ohjelmoida verkkosivuston itse (tai palkata jonkun tekemään sen).

Tämä on korkein oppiaine: editorin avaaminen ja koodaamisen aloittaminen. Ne, jotka tarvitsevat täydellistä vapautta, joutuvat tekemään sivun itse. Tarvitset kärsivällisyyttä tähän, ja aloittelijoille se on yleensä ylivoimainen (ja turhauttavaa).

hyviä aloituspaikkoja ovat codecademyn, Mozillan tai W2schoolsin kaltaiset sivustot, joissa on askel askeleelta oppaita aloittelijoille. Mutta odottaa pitkä matka ennen sivustosi on valmis.

tässä tapauksessa ei ole mahdollista antaa hintaa yleisesti, koska se riippuu hankkeesta. Ennen kaikkea, se on paljon kalliimpaa, jos sinun täytyy palkata ohjelmoija: maksaa $8-10 kuukaudessa sivuston rakentaja on aina halvempaa kuin mitä tahansa suunnittelija tai virasto veloittaa tunnin työstä.

jotkut suosikit ovat NetBeans, Aptana Studio tai suluissa. Kaikki mahdollistavat ainakin HTML, CSS, JavaScript, PHP, ja ovat ilmaisia. Toinen vaihtoehto on Webflow, joka on visuaalinen lähdekoodieditori.

suluissa lähdekoodieditori

suluissa lähdekoodieditori

suluissa kuvakaappaus

plussat:

  • mahdollisuudet ovat rajattomat, jos tiedät miten ohjelmoitavaksi.
  • Kustannusystävällinen isännöinti.
  • maksimaalinen joustavuus.

miinukset:

  • ei kannatusta.
  • oppimiskäyrä on jyrkkä.
  • kustannuksia on vaikea laskea.
  • vaatii paljon opiskelu-ja toteutusaikaa.

entä verkkotunnus?

Jos et halua käyttää vapaata verkkotunnusta (joka näyttää melko rumalta, koska siinä on toisen yrityksen nimi), Sinun on ostettava oma verkkotunnuksesi. Tämä näyttää sitten www.mycompany.com. yleensä, se on parasta saada. com laajennus ellet tiukasti toimivat yhdessä maassa, kuten Kanadassa (. ca) tai Yhdistyneessä kuningaskunnassa (. co.uk).

domain

domain

oma verkkotunnus

ei ole pulaa niin sanotuista rekisterinpitäjistä, jotka myyvät verkkotunnuksia. Me itse enimmäkseen ostaa niitä Namecheap koska ne ovat, hyvin, melko halpa, mutta erot eivät ole niin merkittäviä, koska ne vaihtelevat $9-18 vuodessa.

, mutta riippuen siitä, missä sivustosi rakennetaan, voit saada sen myös website builder-pakettiin. Esimerkiksi Wix, Weebly ja Jimdo, kaikilla on verkkotunnus mukana ilmaiseksi ensimmäisenä vuonna. Seuraavina vuosina ne veloittavat hieman enemmän kuin esimerkiksi Namecheap, mutta lisämukavuus vain yhden yrityksen kanssa asioiminen on yleensä sen arvoista.

Jos käytät WordPress.org tai rakentaa sivuston itse, sinun täytyy myös järjestää oman web-varastointi. Tämän voi ostaa samasta paikasta, josta saat verkkotunnuksesi, tai toisesta erikoistuneesta yrityksestä, kuten Sitegroundista tai Wpenginestä. Mutta jos olet vasta aloittelemassa, tällä ei ole kovin suurta merkitystä toistaiseksi.

Vinkki: Jos tarvitset myös sähköpostiosoitteita, voit kokeilla Zoho Workplacea. Se on samanlainen palvelu kuin Google Workspace, mutta Zohossa on myös ilmainen suunnitelma.

Verkkosivujen suunnittelu ja suunnittelu

aivan kuten ei aina kannata aloittaa ruoanlaittoa ilman reseptiä, ainakin jos ei ole kokemusta, sama pätee verkkosivujen luomiseen. Täällä improvisointi ei ole hyvä idea. Suunnittelu auttaa sinua päättämään, mitä osioita tarvitset, mikä sisältö sopii sinulle parhaiten ja miten sivustosi tulisi suunnitella.

mind map website

mind map website

Mind map for an online shoe store

hyvä tapa aloittaa on luoda mielikartta, jossa on ideoita siitä, mitä sivustosi tarvitsen. Tämän mielikartan tärkeimmät kohteet voidaan käyttää navigointiin.

vinkit verkkosivujen suunnitteluun:

  1. käytä paperia ja kynää ja kirjoita sivuille kaikki haluamasi. Ideointi ja mielikartan luominen ovat täydellisiä tapoja järjestää ajatuksesi.
  2. tutustu muihin mielenkiintoisiin verkkosivustoihin sekä muotoilun että sisällön puolesta. Huomaa, mistä pidät ja mistä et.
  3. kun sinulla on verkkosivuillasi luonnos siitä, mitä haluat, kysy ihmisiltä, joihin luotat, mitä he ajattelevat. Löydät varmasti mielenkiintoisia näkökulmia voit sisällyttää.
  4. Luo lista(esim.Excelissä) kaikista sivuistasi löytyvistä sivuista. Kirjoita ylös otsikko, millaista sisältöä sinulla on, avainsanat, tarkoitus, sivun laji ja niiden merkitys.
  5. Bonus: Jos haluat sijoittaa itsesi hyvin hakukoneet, tämä on, kun sinun pitäisi selvittää, mitä avainsanaa kullakin sivulla on, ja lisätä ne luetteloon kohdassa 4. Lue tämä SEO opas lisätietoja.

entä Verkkosivujen suunnittelu?

visuaalisten web-mallien luominen ei ole helppoa. Itse asiassa sanoisin, että netissä on enemmän esimerkkejä kauheista malleista kuin hyvistä. Älä anna sivustosi olla yksi.

aivan kuten bell bottom-farkut olivat tyylikkäitä 70-luvulla, ne olivat naurettavia 80-ja 90-luvuilla. Sinun täytyy muistaa, että mitä pidettiin hyvä käytäntö 5 vuotta sitten, voi nyt tuntua eräänlainen vanha tai vanhentunut. Tutustu tämän artikkelin tietää, mitä käytäntöjä välttää.

tämä ei ole ammattisuunnittelijoiden opas, mutta antaa vinkkejä, jotka mielestäni toimivat aina:

  1. yritä käyttää taustalle vaaleaa (tai valkoista) väriä.
  2. valitse viehättäviä värejä, jotka täydentävät toisiaan. Käytä Adobe Coloria, jos tarvitset apua.
  3. pidä rakenne puhtaana, yksinkertaisena ja jätä elementtien väliin valkoista tilaa. Lisätietoja..
  4. Älä käytä liikaa kirjasimia: yksi otsikoihin ja toinen tekstiin riittää yleensä. Tämä opas auttaa sinua valitsemaan.
  5. säilytä yhtenäinen tyyli ja muoto. Käyttäjien ei pitäisi huomata eroja sivujesi välillä. Älä luo Frankensteinia.
  6. sivustosi tulisi myös olla täydellisesti sovitettu mobiililaitteille.
  7. kaikkien lisäämiesi kuvien on näytettävä ammattimaisilta. Älä lataa kylpyhuoneen peilin edessä ottamaasi selfietä. Muista, että nykypäivän älypuhelimet ottaa erittäin mukavia kuvia. Jos suunnittelet oikein, saat upeita kuvia.
  8. vähemmän on enemmän. Jos epäilet, mene minimaalisesti.

Jos haluat mennä syvemmälle verkkosuunnittelun kanssa, tutustu Wixin blogiin. On ääretön opetusohjelmia ja oppaita helposti sulavia malleja.

mitä yhteistä hyvillä nettisivuilla on?

1. Upeannäköinen taideteos

logo ja kuvavalinta ovat ratkaisevia, jotta saadaan ammattimaisen näköinen sivusto. Tänään voit helposti löytää runsaasti ilmaisia varastokuvia: parasta on tarkistaa Creative Commons.

cc search

cc search

lisäksi ammattimaisemman näköisiä kuvia (alkaen $1) löytyy monelta muulta sivustolta, kuten Adobe Stock ja . Tässä on hienoja ilmaisia kuvavaihtoehtoja.

on tärkeää varmistaa, että ymmärrät käytettävissä olevat kuvaformaatit: .gif, .jpg ja .png ovat tärkeimmät formaatit. Plus, sinun täytyy optimoida koko ja laatu kuvan web standard browser. Kaikki mitä sinun tarvitsee tietää tästä aiheesta löytyy täältä.

tietenkin voit aina käyttää sivustoja TinyPNG tai ShortPixel pakata kuvia ilmaiseksi.

samoin tulee kätevä olla editointiohjelma, jolla voi muokata ja muuttaa kuvien kokoa. Ammatillinen ja ilmainen vaihtoehto on Gimp, mutta se on melko monimutkainen käyttää. Toinen Photoshop-vaihtoehto on Affinity Photo, joka maksaa vain murto-osan alkuperäisen hinnasta eikä vaadi tilausta.

mutta on yhä enemmän työkaluja, joilla voit luoda graafisia resursseja yksinkertaisesti ja ilman, että sinun tarvitsee oppia käyttämään Photoshopia tai Illustratoria. Esimerkiksi, voit käyttää sapluuna tai Snappa.

stensiili

stensiili

2. Ammattikopio

muista, että verkkosivuille kirjoittaminen ei ole sama asia kuin kirjeen tai kirjan kirjoittaminen. Verkossa olemme yleensä vähemmän muodollisia ja samalla on autettava kiireisiä ihmisiä löytämään tarvitsemansa tiedot nopeasti. Tämä tarkoittaa, että meidän on tehtävä sisällöstämme scannable:

  • käyttämällä otsikkorakennetta, joka on järkevä,
  • ei anna tekstikappaleiden venyä liian pitkiksi,
  • lisäämällä luotepisteitä ja
  • valitsemalla helppolukuisia fontteja.

olemme itse asiassa kirjoittaneet aiheesta kokonaisen oppaan, jonka löydät täältä.

3. Yhteydenottolomake ja navigointivalikko, jossa on järkeä

antaa kävijöille ammattimaisen vaikutelman, kannattaa sähköpostiosoitteen sijaan käyttää yhteydenottolomaketta. Se on erittäin helppo integroida yhteydenottolomakkeita ratkaisuja, kuten Wix, Jimdo, Weebly tai WordPress.

yhteydenottolomake

yhteydenottolomake

muista, että sivustosi navigointipalkki on ratkaisevan tärkeä, jotta kävijät voivat siirtyä sivulta toiselle. Kiinnitä siihen huomiota ja varmista, että se virtaa loogisesti. Jos esimerkiksi tavoitteesi on, että käyttäjät lähettävät sinulle viestin yhteydenottolomakkeen kautta, linkin unohtaminen valikkoon tai sivun alatunnisteeseen olisi eeppinen epäonnistuminen.

varmista, että teet myös testitilauksen ennen verkkosivujesi julkaisemista!

vaiheet verkkosivuston perustamiseksi

voimme jakaa verkkosivuston luomisprosessin seuraaviin vaiheisiin:

  1. Suunnittele verkkosivustosi ja tilaa ideat mielikarttaan.
  2. päätä, mitä sisältöä tarvitset verkkosivustollesi.
  3. osta verkkotunnus esimerkiksi Namecheapista (mutta voit ostaa sen myös sen jälkeen).
  4. Valitse paras verkkosivujen rakentaja.
  5. luo kunkin sivun sisältö (esim.tekstit ja kuvat).
  6. lisää sisältöä sivustoosi ja optimoi SEO.
  7. Julkaise ja markkinoi sivua.

on selvää, että jokaiseen edellä mainittuun kohtaan voidaan rakentaa paljon muutakin. Meillä on (ilmainen) ebook, josta saat lisätietoja.

sivustosi on uponnut. Mitä nyt?

Jos olet jo luonut verkkosivustosi ja julkaissut sen, voit alkaa mainostaa ja optimoida sitä vierailujen lisäämiseksi ja käyttäjäkokemuksen parantamiseksi.

  • päivitä sivustosi: verkkosivut eivät ole kirjoja. Kun ne on julkaistu, niitä voi vielä päivittää. Varmista, että luot uutta ja relevanttia sisältöä, kun sinulla on siihen mahdollisuus, ja että päivität verkkosivustoa jatkuvasti. Kuvitelkaa esimerkiksi ravintolan nettisivut: jos ruokalista muuttuu, se pitäisi näkyä nettisivuilla mahdollisimman nopeasti.
  • Online positioning: houkutella mahdollisimman paljon kävijöitä, sinun täytyy optimoida sivuston SEO. Tämä ei ole kovin monimutkaista, mutta se vaatii aikaa ja työtä. Katso tästä oppaasta lisätietoja.
  • verkkoanalyysi: ponnistelusi Online-paikannuksessa (edellä kohta) ovat hyödyttömiä, jos et mittaa verkkosivustosi liikennettä. Siitä tiedät, toimiiko se vai ei. Suosituin verkkosivujen analysointityökalu on Google Analytics. Ja se on ilmaista!

google submit URL

google submit URL
  • tietenkin, kun julkaiset verkkosivustosi, sinun tulee rekisteröityä Googlen Hakukonsoliin ilmoittaaksesi Googlelle, että sivu on olemassa ja saadaksesi tietoa. Tai ainakin Lähetä sivustosi URL (osoite) Googlelle, jotta se voi indeksoida sen.
  • sähköpostimarkkinointi: toinen tavallinen strategia, erityisesti yrityksille, on lähettää säännöllisesti sähköposteja kävijöille menettämättä yhteyttä. Tämä on erityisen hyödyllistä verkkokaupoista, pienyrityksille, ja bloggaajia. Sähköpostimarkkinointi on tiede sinänsä. Voit lukea tämän ohjeen, josta löydät lisätietoa uutiskirjeiden lähettämisen aloittamisesta.
  • sosiaalinen media: lopuksi useimmilla sivustoilla on myös sosiaalisen median profiileja (esimerkiksi Facebook, Instagram, Twitter, LinkedIn jne.) voidakseen olla vuorovaikutuksessa vierailijoidensa (ja mahdollisten vierailijoidensa) kanssa luomasi verkkosivuston ulkopuolella. Tämä toimii erityisen hyvin visuaalisille ammattilaisille, kuten kuvittajille, kultasepille tai valokuvaajille.

toivon, että tämä pieni opas on auttanut sinua ymmärtämään, miten verkkosivusto luodaan alusta loppuun.

äsken lukemasi oppaan vieressä on myös pari toimialakohtaista opasta:

  1. pienyrittäjille ja yrittäjille tarkoitetun verkkosivuston perustaminen
  2. opas verkkokaupan perustamiseen
  3. verkkosivujen rakentajat taiteilijoille (esim. taiteilijat ja suunnittelijat)
  4. valokuvaussivustojen luominen
  5. verkkosivujen luominen WordPress