VIII: Veebilehekülje avalikustamine ja kasutusjuhendid

Võtan võrdluseks Apollo ja Rahva Raamatu e-poodide kasutustingimused.

Apollo Rahva Raamat
Toodete tellimine Ei pea tegema muud kui valima soovitud toote(d) ja sooritama ostu. Ostmiseks ei pea looma kliendikontot. Ei pea registreerima end kasutajaks.
Tellimuse eest tasumine – Pangalingiga internetipangas.
– Lunamaksuga, mis tähendab, et saadetise kättesaamisel tasutakse sularahas postkontorisse. Kulleriga, Omniva-ga ja SmartPost-ga tellimisel lunamaksuga tasuda ei saa.
– Krediitkaardiga, läbi Estcardi maksekeskkonna.
– Pangaülekandega
Internetipanga lingi abil või pakiautomaadis pangakaardiga valides kohaletoimetamise viisiks Omniva pakiautomaadi Lunamakse. Toodete eest, mille tarneaeg on 20 tööpäeva, ei saa tasuda lunamaksuga.
Kliendiandmete avaldamine Ei avalda ega edasta kliendiandmeid kolmandatele isikutele v.a. juhul, kui seda kohustab seadus.

Kui klient soovib kauba tellida posti või kulleriga, siis edastatakse vastava teenuse osutajale kliendi nimi ja aadress, kullerpakkide puhul lisaks telefoninumber ja/või e-mail.

Kui klient soovib saada Apollo kliendilehte, siis edastatakse vastava teenuse osutajale kliendi nimi ja aadress.

Kliendiandmed on salajased, neid ei väljastata ning neile ei võimaldata Kolmandate isikute poolt ligipääsu, ilma Kliendi eelneva nõusolekuta, v.a seadustes ettenähtud juhtudel.

Postitusfirmadega ja telefoniküsitluse teenust osutavate firmadega on Rahva Raamat AS sõlminud lepingud edastatava teabe konfidentsiaalse kasutamise kohta.

Garantiitingimused/ tellimusest taganemine Õigus kaup ümber vahetada või tagastada 14 päeva jooksul. Tagastatavad kaubad peaksid olema kasutamata ja originaalpakendis.

Kaubad, millele ei kehti tavapärane kaupade tagastuse kord on:
– Tarkvara, e-raamatud, allalaetavad audioraamatud
– Elektrooniline tarkvara
– Apollo kinkekaardid

Õigus Toodete tellimusest põhjust avaldamata taganeda alates tellimuse tegemisest kuni Toodete kätte saamisele järgneva 14 kalendripäeva jooksul.

Digitaalseid tooteid (sh e-raamatuid) tagastada ei ole võimalik.

Müüja õigused Puudub info Õigus muuta ette teatamata: tellimistingimusi, igal ajal e-poe hinnakirja.

Õigus tellimuse aktsepteerimisest loobuda või tellimuse täitmisest loobuda, näiteks kuid mitte ainult, juhul kui hinnakirjas on avaldatud ekslikult vale hind.

Õigus avaldada Tellija andmed maksehäirete registris, kui Tellija ei täida maksekohustust korrektselt.

Müüja kohustused Puudub info Kohustub vastu võtma ja dokumenteerima kõik Tellija pretensioonid.

Kõik pooltevahelised vaidlused lahendatakse läbirääkimiste teel.

Kui kokkuleppele ei jõuta ja Tellija soovib jätkata kaebuse esitamisega, siis on Tellijal õigus pöörduda:
– Tarbijakaitseameti Tarbijavaidluste komisjoni poole
– tarbijavaidluste internetipõhise vaidluste lahendamise ODR platvormi vahendusel
– kohtusse

Apollo e-poe tingimused on lühemad ja mitteametlikus vormis, esitatud lihtsalt kujul “Korduma kippuvad küsimused”. Rahva Raamatu omad seevastu juriidilises vormis ja palju põhjalikumad, kuid alati ei tee põhjalikkus ja rohkus head. Tavaliselt ei kiputa tingimusi lugema, seetõttu ilmselt mida lühemalt on teave edastatud seda parem. Vastuolulisi punkte kummagi juures silma ei hakanud.

Mõlema e-poe tingimustes võis kohata kirjavigu, mis pole küll midagi katastroofilist, kuid võib mõnel juhul jätta kliendile ebaprofessionaalsema mulje. Usaldust on alati kindlasti rohkem, kui tekst on korrektne, läbimõeldud ja ülekontrollitud.

Hiljem leidsin Google’i kaudu paar lehte Apollo välisperioodika tellimistingimustest, mis olid hoopis teisel kujul kirjas ja sarnanesid Rahva Raamatu kasutustingimustega. Kuidas nendele lehtedele aga Apollo veebisaidi kaudu sattuda, ei suutnud ma veel tuvastada, võibolla need kuhugi väga sügavale peidetud.

Üldiselt arvan, et kasutustingimused minu kui kasutaja jaoks on olulised pigem sel juhul, kui tekiks tellimuse esitamise mõnel etapil mingisugune takistus või avalduks hiljem mõni probleem. Tavaliselt on piisav, kui olla kursis tarne- ja garantiitingimustega.

Ülesanne

VI: Otsingumootorid ja SEO

Kõigepealt lisasin plugina Google XML Sitemaps, mis genereeris elinda.me lehele saidikaardi (ingl sitemap) faili: https://elinda.me/sitemap.xml

Lisasin ‘/var/www/html’ kataloogi faili ‘robots.txt’ sisuga:

User-agent: *
Disallow: /wp-admin
Disallow: /wp-includes

SEO analüüs

Otsingusõnaga “Mootorsaan” leidsin Google’i tulemuste 10. lehelt veebisaidi http://www.freetime.ee/?40&lang=est&m1=1&m2=13&m3=40, mille peale klikkides sain hoopis mootorsaanide varuosade kategooria.

Seega otsustasingi analüüsida freetime.ee e-poodi ning leidsin järgmised puudused:

  • Pealehel on meta keywords kenasti olemas, aga võiksid olla ka kõikidel alamlehtedel olemas.
  • Täpselt sama jutt meta description-i kohta.
  • H1, H2 taseme pealkirjad olid igal pool puudu.
  • Title märgend ei sisalda mitte ühtegi võtmesõna.
  • Kaldkirjas tekste polnud mitte kuskil.
  • robots.txt faili polnud, see aitaks kaitsta privaatset sisu.
  • Sitemap oli puudu – see aitaks robotitel indekseerida veebilehe sisu.
  • Praktiliselt kõik lingid olid SEO suhtes äärmiselt halvad:
    - http://www.freetime.ee/?lang=est&m1=218&m2=219
    - http://www.freetime.ee/?lang=est&m1=1&m2=9
    - http://www.freetime.ee/?lang=est&m1=2&m2=144 
    
  • Paljudel piltidel ei olnud alt atribuuti.
  • Favicon oli kaduma läinud.
  • Google PageRank tulemuseks oli 0/10-st.
  • HTML-il on puudu doctype deklaratsioon – see võib põhjustada veebilehe renderdamisel probleeme.
  • Ei kasutata HTTPS protokolli, kui külastada https://freetime.ee, siis vastuseks antakse vigane zone.eu sertifikaat.

Ettepanekud:

  • Väga oluline oleks üleval toodud puudused kõrvaldada.
  • Kõik lingid SEO sõbralikuks teha.
  • Pealehele paneksin meta kirjeldusse näiteks “Mootorsaanide pood Tallinnas” vms.
  • Võtmesõnad tuleb igal pool kriitilise pilguga üle käia. Kasutada nt võtmesõnade planeerimise tööriista.
  • Et tõsta veebilehe laadimise kiirust, on mõistlik minimeerida nt html, css ja javascripti faile.

Ülesanne

V: Kujundusmalli paigaldamine

Enne kui sai erinevaid kujundusmalle proovima hakata, pidi muutma ‘php.ini’ failis mõned read, et saaks üles laadida suuremaid faile kui 2mb.

Katsetasin päris mitmeid erinevaid teemasid, kuid lõpuks kaalusin kahe variandi vahel ning valituks osutus Relia teema. Tahtsin midagi lihtsat väheste värvidega ning selle puhul meeldisid kohe need tumedad toonid, animatsioonid ja esilehe Jumbotron.

Antud teema on mitmeotstarbeline, mille disain on sobilik idufirmadele, ettevõtetele, reklaamibüroodele ja e-poodidele. Teema pakub 6 erinevat värvilahendust, vasakut ja paremat külgriba, 4 vidina ala, mobiilile kohanduvat menüüd ning linke sotsiaalmeedia lehtedele.

Avalehele lisasin CC0 litsentsiga pildi, mis pärineb saidilt Pexels.

elindame2

Veel 3 tasuta kujundusmalli:

Oblique – minimalistlik teema moeblogimiseks või üldiselt blogimiseks, lihtne kohanduv disain ja elegantne välimus, piiramatu kogus värve, Google fondid

oblique

Zerif Lite – puhas ja moderne üheleheküljeline mall, sobilik veebiagentuuridele, digitaalstuudiotele, toote esitlemiseks, portfoolioks, optimeeritud toetama paljusid populaarseid WP pluginaid nagu WooCommerce, WPML (mitmekeelse WP saidi loomiseks), SEO sõbralik, optimeeritud kõikidele mobiilseadmetele

zeriflite

StanleyWP – armas lihtne kohanduva disainiga teema oma töö ja loomingu esitlemiseks, ehitatud populaarsele Bootstrapi tehnoloogiale, sisaldab drag and drop kodulehe ehitajat, Font Awesome 4.0.3 ja kõiki Bootstrapi võimalusi

stanleywp

Ülesanne

IV: Turvalisus ja CMS’i paigaldamine

elindame

CMS: WordPress

URL: https://elinda.me/

Kõigepealt oli mul vaja serverisse uus kasutaja luua ning talle root kasutaja õigused anda. Seadsin üles ka tulemüüri. Kasutatud juhend: https://www.digitalocean.com/community/tutorials/initial-server-setup-with-ubuntu-16-04

Järgmiseks hakkasin LAMP stack‘i paigaldama. Vahepeal lülitasin serveri välja ja tegin DigitalOceanis igaks juhuks serverist tagavaraks mõned snapshot‘id. Kasutatud juhend: https://www.digitalocean.com/community/tutorials/how-to-install-linux-apache-mysql-php-lamp-stack-on-ubuntu-16-04

Turvalisuse tagamiseks paigaldasin Let’s Encrypt SSL sertifikaadi ja seadistasin, et kõik päringud suunatakse ümber https peale. Samuti tekitasin cron job‘i, mis iga nädal kontrollib, kas sertifikaat on aegunud ning vajadusel uuendab seda automaatselt. Kasutatud juhend: https://www.digitalocean.com/community/tutorials/how-to-secure-apache-with-let-s-encrypt-on-ubuntu-16-04

Nüüdseks olid kõik vajalikud eeltingimused täidetud ja sai WordPressi paigaldama hakata. Kasutatud juhend: https://www.digitalocean.com/community/tutorials/how-to-install-wordpress-with-lamp-on-ubuntu-16-04 (6. sammu juures tekkis korraks segadus sellega, et brauseris oma domeeniaadressile minnes kuvas ikkagi veel Apache lehte, kuid jagasin kohe ära, et miskipärast oli siis ikka ‘index.html’ fail eelistatud ‘index.php’ ees. Läksin vaatama ‘dir.conf’ faili, seal oli järjekord endiselt nii, nagu määratud sai. Vea tekitas ebavajalik ‘dir.conf.save’ fail, kus polnud .php laiendit üldse kirjas, nii et pärast selle faili kustutamist läks asi korda.)

Piirasin ka administraatori kaustale (wp-admin) ligipääsu. Kasutatud juhend: https://www.digitalocean.com/community/tutorials/how-to-set-up-password-authentication-with-apache-on-ubuntu-16-04 (Täpselt õpetuse järgi ei saanud teha, pidin muutma faili ‘000-default-le-ssl.conf’, kuna https on port 443 peal.)

Ülesanne

III: CMS

WordPress vs Joomla

Sisuhaldussüsteemi valimine on oluline otsus, millel võib olla tohutuid mõjusid  veebisaidile. Sisuhaldussüsteeme on palju, igaühel omad plussid ja miinused. Kaks platvormi, mis paistavad teiste hulgast eriti silma ning mida saab hästi omavahel võrrelda: WordPress ja Joomla.

WordPress Joomla
Kodulehekülg www.wordpress.org www.joomla.org
Kasutusmugavus Ei nõua tehnilist taipu. Kasutajaliides on intuitiivne. Lihtsa veebisaidi saab üles seada mõne minutiga. Veidi keerulisem kasutada. Kasutajaliides võib tunduda veidi hirmutav algajale kasutajale. Vajab pisut ajalist investeeringut, et tutvuda platvormi ja terminoloogiaga.
Omadused Piisavalt võimas arendajatele ja disaineritele loomaks ise saite, samal ajal lihtne lõppkasutajal üle võtta ja kasutada. Rohkem kogukonna platvorm, millel on tugevad sotsiaalvõrgustikule omased funktsioonid.
Paigaldus ühe klikiga Jah Jah
Saadaval kujundusmallid 2000+ 1000+
Saadaval lisamoodulid 45000+ pluginat 32000+ moodulit
E-kommerts Jah, WooCommerce-ga Jah, olemas laiendused haldamaks tooteid ja sisu
SEO sõbralik Suurepärane SEO Tavaline SEO, nõuab lisaks kohandusi
Mobiilisõbralik Jah Jah
Kiirus Saab liiklusega hästi hakkama, kuid vajab paremaid majutuspakette, kui liiklus kasvab. Kui ei ole korralikult kohandatud, võib ressursse üpris kiiresti tarbida.

(Barron, 2016)

WordPress on kõige populaarsem sisuhaldussüsteem. Üle 30% kõikidest sisuhaldussüsteemi kasutavatest veebisaitidest on WordPressi-põhised. Nt TechCrunch ja Time Inc. Joomla-põhised veebisaidid on nt Harvard University ja Linux. (Barron, 2016)

Mõnes mõttes on Joomla paindlikum kui WordPress. See pakub uskumatult kohaldatavat süsteemi, mis võib vormuda peaaegu ükskõik milliseks, ning see võimaldab laienduste toeta palju väikseid kohandusi sisse viia. Siiski, kui valida WordPressi ja Joomla vahel, siis peale jääb WordPress. Sellel on eeliseid SEO aspektist, kohanduste võimaluste ja sisuhalduse suhtes. Lisaks algajatel on lihtsalt kõige kergem alustada WordPressiga, mille populaarsusest tulenev parem kasutajatugi on kui kirss tordil. (Ewer, 2016)

Allikad:
Barron, B. (2016, 24. mai). WordPress vs Joomla vs Drupal: CMS Comparison Guide [ajaveebipostitus]. Loetud aadressil https://business.tutsplus.com/articles/wordpress-vs-joomla-vs-drupal-cms-comparison-guide–cms-26581

Ewer, T. (2016, 5. september). WordPress vs Joomla: Which CMS to Choose for Your Website? [ajaveebipostitus]. Loetud aadressil http://themeisle.com/blog/wordpress-vs-joomla/

Ülesanne

II: Veebisaidi nõuded, dokumenteerimine

Mida on vaja teada oma kliendilt, enne kui hakata talle veebisaiti looma?

Tunnis sai teisele grupile esitatud järgnevad küsimused:

1. Kirjeldage, millega Teie ettevõte tegeleb.
2. Mis peaks olema veebilehe eesmärk, milline funktsionaalsus?
3. Kirjeldage ettevõtte sihtgruppi.
4. Kas on vaja edaspidist tuge?
5. Kas on olemas varasem veebileht? Mis meeldib/ei meeldi selle juures?
6. Kas Teil on ettekujutus disainist? Olemasolev logo, värvipalett, visiitkaart jne.
7. Tooge näiteid olemasolevatest veebilehtedest, mis Teile meeldivad?
8. Kui suur on eelarve?
9. Kas on soovitud tähtaeg?
10. Kuidas kontakti hoida?
11. Kas on midagi veel lisada?

Kõige paremate tulemuste saamiseks võiks esimese asjana enne intervjuud kliendi kohta taustauuringut teha. Mõista, mis iseloomuga kliendi ettevõte olla võiks. Kui võimalik, oleks kindlasti abiks nende olemasolevate sotsiaalmeedia lehtede/kontode uurimine. Selline analüüs loob täpsema pildi kui lihtsalt nende “Meist” lehekülje lugemine. (Roque, 2015)

Intervjuud tehes võiks esimese asjana uurida, miks klient tunneb, et neil on vaja uut veebisaiti. Millist praegust probleemi see lahendada võiks? Väited nagu “Disain imeb” või “See polnud see, mida tahtsin” ei ole tegelikud põhjused. Peab natuke kaugemale vaatama ning välja selgitama, mis on need tõelised murekohad nende väidete taga. (Szives, 2015)

Allikad:
Roque, C. (2015, 10. november). Freelance Consultant’s Guide to Client Interviews (Questions + Process) [ajaveebipostitus]. Loetud aadressil https://business.tutsplus.com/tutorials/freelance-consultants-guide-to-client-interviews-questions-process–cms-25135

Szives, K. (2015, 17. detsember). 6 Crucial Interview Questions To Ask Clients Before Accepting a Job [ajaveebipostitus]. Loetud aadressil http://www.vandelaydesign.com/interview-questions-to-ask-clients/

Ülesanne

I: Sissejuhatus veebiarendusse, domeeninimed

Minu domeeninime ja veebimajutuse valiku, ostu ja haldamise protsess.

Varem olen ma Hostinger-i kaudu aastaks tasuta registreerinud domeeni elinda.xyz, aga kuna hetkel on see kehtiv oktoobri lõpuni, siis otsustasin luua Github Student Developer Pack-is pakutava Namecheap for Education-i kaudu aastaks tasuta uue domeeni elinda.me.
Veebimajutusena kasutan ma DigitalOcean-it, kuna seal on mul piisavalt krediiti, et majutada veeb nt 2 aastaks 5 dollari eest kuus. Selle paketi näitajad on mu tagasihoidlike vajaduste jaoks igati mõistlikud. Et serveri latentsus oleks võimalikult madal, tasus serveri asukohaks valida nt Amsterdam.
Pärast virtuaalserveri loomist tuli Namecheap-i lehel määrata DigitalOcean-i nimeserverid soovitud domeeninime külge ning DigitalOcean-is liita see domeeninimi loodud virtuaalserveri IP-aadressiga (Ancheta, 2015).
Kuna veebimajutusega pole ma ise varem eriti tegelenud, siis sain praegu erinevaid asju meelde tuletades/juurde uurides veidi targemaks.

Allikad:
Ancheta, W. (2015, 15. märts). How to Assign a Namecheap Domain Name on a DigitalOcean Droplet [ajaveebipostitus]. Loetud aadressil http://wern-ancheta.com/blog/2015/03/15/how-to-assign-a-namecheap-domain-name-on-a-digitalocean-droplet/

Ülesanne