Veebilehekülje avalikustamine ja kasutusjuhendid

Valisin kasutustingimuste uurimiseks kaks veebipoodi – euronics.ee ja mylook.ee.

Euronics´i veebipoes on välja toodud ja kirjeldatud privaatsuspoliitika, ostuinfo ja tagastusõigus. Privaatsuspoliitika all on lahti seletatud, kuidas veebipood isikuandmeid kogub ja milleks neid kasutatakse. Samuti on kirjeldatud kuidas isikuandmeid kaitstakse ja üle-üldiselt veebipoe turvalisusest. Ostuinfo sisaldab samme, kuidas veebilehelt ostu sooritada edukalt ning kaubaveo alt on võimalik valida endale sobilik variant. Samuti on välja toodud, kuidas ja millistel tingimustel kaupu tagastada saab.

Mylook.ee veebikaubamajas leiab vajaliku informatsiooni müügitingimuste alt. Välja on toodud müügitingimuste kehtivus, hinnainfo, tellimuse vormistamine, müügilepingu jõustumine, kohaletoimetamine, tagastamisõigus, vääramatu jõud, isikuandmete kaitse ja töötlemine, pretensioonide esitamise kord ning tarbija õigus pöörduda tarbijakaebuste komisjoni poole.

Tingimused, mis olid välja toodud Euronics´l ning vastavad tingimused mylook.ee-s on sisuliselt samad. Vastuolulisi punkte ei leidnud. Lihtsalt mylook.ee müügitingimustes on välja toodud rohkem erinevaid õiguslikke aspekte, mida Euronics´l kirjas polnud. Nt. vääramatu jõud jne.

Kui ma tellin midagi mõnest veebipoest, siis kasutustingimusi ma enne ostu sooritamist küll lugenud ei ole. Järelikult ei ole kasutustingimused mulle eriti olulised. Kuigi vähemalt korra on juhtunud nii, et olen mitu päeva peale ostu sooritamist kasutustingimusi lugenud. Tellitud kaup ei jõudnud nii kiiresti kohale, kui ootasin ning siis tahtsingi teada, mis aja vahemikku nad veebipoes lubavad. Arvan, et enamus tarbijad müügitingimusi enne ostu sooritamist ei loe, vaid alles siis kui probleemid tekivad.

 

 

Link

A/B testimine ja analüütika

Paigaldasin oma veebilehele Google Analytics. Alljärgnevalt pildilt on näha Google Analytics´i halduspaneel.

Paigaldasin oma lehele Hotspot Analytics´i, mille abil koostatakse iga lehe kohta heatmap.  Samuti saab analüütika alt vaadata päris täpselt, kes kuhu vajutas ning mis lehte on vaadatud. Tundub päris kasulik plugin, mis annab hea ülevaate, mida kasutajad sinu veebilehel teinud on. Alljärgnevalt mõned pildid antud pluginast.

Tegin erinevaid klikke oma veebilehel, heatmapil on näha, kuhu klikkisin (rohekad täpid).

Kasutaja analüütika tabel.

Paigaldusprotsess oli lihtne. Lisasin allalaetud failid oma pluginate kausta ja tegin administraatori leheküljel selle plugina aktiivseks.

 

Link pluginale: https://wordpress.org/plugins/hotspots/

Link

Otsingumootorid ja SEO

Paigaldasin oma veebilehele Google XML Sitemaps-i, mis võimaldab genereerida veebilehe sisukaart. Link pluginale: https://wordpress.org/plugins/google-sitemap-generator/

Link veebilehe sisukaardile: http://koidu.me/index.php?xml_sitemap=params=

Analüüsi tegemiseks valisin google otsingumootoris märksõnaga spordiriided seitsmendaks tulnud veebilehe spordiriided-pood.ee. Tegemist on veebipoega, mis nagu nimigi ütleb, müüb spordirõivaid. Kasutasin MOZi ning uurisin, milliseid meta andmeid antud veebipood kasutab. Meta Description´ks oli „Shop powered by PrestaShop“ ja Meta Keywords´i alt leidsin „shop, prestashop“. Spordiriietest seal küll juttu ei olnud. H1 ja H2 pealkirju ei leitud. Lehe rankinguks on 20/100.

Antud poest eespool asuvad konkurendid, näiteks sporttrend.ee ja spordimaailm.ee. Mõlemad nad kasutavad nii meta andmeid kui ka pealkirju. Kindlasti peaks spordiriided-pood.ee meta andmed kasutusele võtma, et tõsta tulemusi otsingumootoris. Peamised märksõnad, mida spordiriietega otsitakse on: naisteriided, riided, dressid, spordijalatsid, talvejoped naistele,  spordiriided lastele, spordiriided epood, spordikaubad, spordirõivad.

 

Link

Kujundusmalli paigaldus

Selle nädala ülesandeks oli leida uus kujundusmall oma kodulehele. Leidsin oma kujundusmalli WordPressi kodulehelt. Oblique kujundusmall on mõeldud blogidele.Märksõnadeks võiksid olla atraktiivne ja mobiilisõbralik disain. Alljärgnevalt pildilt on näha milline lehekülg hetkel välja näeb.

Samuti muutsin ära jaluses oleva teksti. Vaata alljärgnevat pilti.

URL, kust laadisin kujundusmalli: https://wordpress.org/themes/oblique/ (Themeisle, kuupäev puudub).

Leidsin veel kolm kujundusmalli. Esimene neist on väga hea piltide näitamiseks. Näiteks kui oleksin fotograaf, disainer või mõni muu loovtöötaja, siis kasutaksin antud kujundusmalli oma portfoolio esitamiseks. URL leheküljele: https://wordpress.org/themes/hitchcock/. (Noren, kuupäev puudub)

Teine kujundusmall on väga sobilik mõne ettevõtte koduleheks. Kujundusmalli tegemisel on kasutatud Bootstrapi. Kogu ettevõtte informatsioon on paigutatud ühele lehele. Üleval asuvad navigeerimiseks nupud. Ilus ja lihtne. URL: https://wordpress.org/themes/onetone/. (MageeWP, kuupäev puudub)

Viimaseks leidsin veebipoele mõeldud kujundsusmalli. Ilusa ja omapärase disainiga, samuti modiilisõbralik. URL: https://wordpress.org/themes/shophistic-lite/. (Quema Labs, kuupäev puudub)

 

Allikad

1. (Kuupäev puudub). Oblique. Loetud aadressil https://wordpress.org/themes/oblique/
2. Noren, A. (Kuupäev puudub). Hitchcock. Loetud aadressil https://wordpress.org/themes/hitchcock/
3. (Kuupäev puudub). Onetone. Loetud aadressil https://wordpress.org/themes/onetone/
4. Quema Labs. (Kuupäev puudub). Shophistic Lite. Loetud aadressil https://wordpress.org/themes/shophistic-lite/

 

Link

 

 

 

Turvalisus ja CMS’i paigaldamine

Turvalisus ja CMS’i paigaldamine

Selle nädala ülesandeks oli valida üks sisuhaldussüsteem ning paigaldada see. Valisin sisuhaldussüsteemiks WordPressi. Domeeni sain Namecheap.com-st ning veebimajutuse DigitalOcean-st. Minu paigaldatud leht asub aadressile www.koidu.me.

DigitalOcean pakub võimalust paigaldada sisuhaldussüsteem ühe hiireklõpsuga. Seda kasutasin ka mina. Tegin uue Droplet-i ning valisin sealt WordPressi paigalduse. Seejärel tegin uue admini konto ning piirasin antud kaustale ligipääsu. Selleks tegin kõigepealt .htaccess faili, kuhu kirjutasin järgmised read (Heng 2016):

AuthName “Secure Area”
AuthType Basic
AuthUserFile /path/to/your/directory/.htpasswd
require valid-user

Seejärel logisin käsurealt sisse ning läksin õigesse kausta. Kirjutasin järgmise käsu: htpasswd -c .htpasswd kasutajanimi. Seejärel sisestasin parooli. Kui nüüd admini kontole sisse tahan logida, siis küsitakse enne sellele lehele jõudmist parooli ja kasutajat. Kui need sisestatud, siis saab alles admini leheküljele sisse logida.

Allolevalt pildilt on näha, milline veebilehekülg hetkel välja näeb.

Allikad:

Heng, C. (2016 27. august). How to Password Protect a Directory on Your Website. Loetud aadressil http://www.thesitewizard.com/apache/password-protect-directory.shtml

Link

 

WordPress vs Drupal

WordPress on vaieldamatult kõige populaarsem sisuhaldussüsteem. Tänu oma lihtsusele ning arusaadavusele on see laialdaselt levinud igas maailmanurgas. Eriti soovitatakse antud sisuhaldussüsteemi just algajatele, sest vähese vaevaga on võimalik kokku panna ilus ja toimiv veebileht või blogi. Kuid kindlasti ei kasuta seda ainult algajad, vaid ka väga tunnustatud ettevõtted ja programmeerijad.

WordPressi kasuks räägivad nii mõnedki tegurid. Näiteks on WordPressi väga lihtne installeerida. Paljud veebimajutused pakuvad automaatset installeerimist, mis võtab aega vähem, kui viis minutit. Samuti on veebis saadaval väga suur hulk erinevaid kujundusteemasid ja pluginaid, millest paljud on kättesaadaval tasuta. Olemas on ka WordPressi kogukonna foorum, kus üheskoos leitakse lahendus kõikidele probleemidele ja muredele, mis sinna postitatud on. (Mening, 2015)

Populaarsuselt järgmine sisuhaldussüsteem on Drupal. Drupal on keerulisem, kuid võimsam sisuhaldussüsteem, kui WordPress ning nõuab eelnevaid teadmisi nii HTML-st, CSS-st kui ka PHP-st. Samuti on ka Drupalil omad plussid. Esiteks on Drupal tehniliselt väga arenenud ning võimaldab peaaegu kõike teha ja muuta. Samuti paistab antud sisuhaldussüsteem silma oma lehtede laadimise kiiruse poolest, mis on parem, kui WordPressil. Ka Drupali jaoks on saadaval palju valmis pluginaid ja kujundusmalle. (Mening, 2015)

Mõlemad sisuhaldussüsteemid on tasuta kättesaadavad kõikidele soovijatele. WordPressi soovitatakse siiski kasutada lihtsate ja vähenõudlike ettevõtete kodulehtede või blogide tegemisel. Suuremate ja nõudlikumate veebilehtede jaoks soovitakse kasutada Drupalit tänu oma heale funktsionaalsusele.

Drupalit peetakse turvalisemaks, kui WordPressi ning tänu oma heale mainele kasutavad Drupalit mitmed suured valitsused, näiteks whitehouse.gov (bigtuna…, kuupäev puudub). Tegelikult ei ole ka WordPress madala turvalisuse astmega, kuigi ta saab kõige rohkem pahavara rünnakuid enda pihta. See on tihedalt seotud ka populaarsusega, sest leidub suurem hulk inimesi, keda rünnata. (Uzayr, 2016) Tavaliselt ründavad häkkerid just pluginaid ning halvavad sellega tuhandeid erinevaid veebilehti korraga (bigtuna…, kuupäev puudub). Seetõttu tasuks omada kriitilist meelt ning mitte kasutada pluginaid, mis on halvasti kodeeritud.

Drupal loodi spetsiaalselt SEO-d silmas pidades. WordPressil on palju erinevaid pluginaid SEO jaoks. Mõlemad nad on head, kui rääkida SEO-st. Peamine erienvus on selles, kuidas nad käsitlevad mobiilivaadet. Enamus Drupali mobiilikujundusmalle jooksevad paremini alamadomeenil. See loob kaks eraldi URL-i, et paremini indekseerida otsingumootorites (näiteks www.yourdomain.com ja www.m.yourdomain.com). Enamus WordPressi kujundusmallid on responsive ja neil seda probleemi ei esine. (Wheeler, 2016)

Pilt 1. Three monsters of CMS (Mening, 2015)

Võrreldes WordPressi ja Drupalit, siis mõlemad tunduvad head sisuhaldussüsteemid. Ise valiksin pigem WordPressi tänu oma lihtsusele ja paljudele lisadele.

 

Allikad

Bigtuna interactive. (kuupäev puudub). WordPress vs Drupal. Loetud aadressil https://www.bigtunainteractive.com/wordpress-vs-drupal

Mening, R. (2015, 28. detsember). WordPress vs Joomla vs Drupal?. Loetud aadressil http://websitesetup.org/cms-comparison-wordpress-vs-joomla-drupal/

Uzayr, B., S. (2016, 28. juuni). WordPress vs Drupal: SEO, security, extensions, content management, all compared. Loetud aadressil http://themeisle.com/blog/wordpress-vs-drupal-compared/

Wheeler, D. (2016, 5. mai). CMS Comparison: WordPress vs Drupal. Loetud aadressil https://wpengine.com/blog/cms-comparison-drupal-vs-wordpress-infographic/

 

Link

Analüüsi ühte veebilehe loomise/muutmise (redesign) lugu. Kuidas üks ettevõte oma veebi muutis, mida täpsemalt ja miks uuendati, millega arvestati? Mis tänapäeva trendid?

Ettevõtte jaoks on veebileht väga oluline, sest see on esmane koht, kuhu tänapäeval kliendid suunduvad informatsiooni saamiseks. Kui kodulehel puudub huvitav sisu või kui külastaja ei leia seal kiiresti soovitud informatsiooni, siis võib kindel olla, et potentsiaalne klient leiab kiirelt hoopis tee konkurendi juurde. Seega koduleht on ettevõtte jaoks väga oluline ning see peaks olema kõigile üheselt mõistetav ja sisaldama vajalikku informatsiooni.

Ettevõtte jaoks on kodulehekülje tegemine kulukas ja aeganõudev protsess, mida parema meelega, kas välditakse või lükatakse edasi. Samuti ei ole veebilehekülje tegemine ühekordne protsess, vaid seda tuleb mõne aja pärast jälle muuta ja paremaks teha. Peamised põhjused, miks üks veebileht tänapäeval võiks muutmist vajada on järgmised (Mattern, kuupäev puudub):

• kui veebileht ei ole mobiilisõbralik;
• kui veebileht ei ole sotsiaalmeedias jagatav;
• kui veebilehelt puudub blogi või e-ostlemise võimalus;
• kui veebileht on halvasti kasutatav;
• kui soovitakse brändingut muuta;
• kui veebileht on liiga vanaaegse disainiga.

Järgnevalt vaatleme UGMONK-i veebilehe muutmise lugu. UGMONK–i veebilehelt saab soetada riideid, peamiselt T-särke, ja kotte. Veebilehe muutmine sai alguse sellest, et sooviti parendada veebilehe väljanägemist ja toode vaatamise funktsionaalsust. Seejärel tekkis idee, et brändile oleks vaja üleüldiselt uut disaini ja hingamist. Selleks seati järgmised eesmärgid (Sheldon, 2016):

• Taheti paremini kommunikeerida, kuidas uued disainid sünnivad ning rõhutada sellega brändi unikaalsust;
• Muuta ostlemist ja toodete leitavust mugavamaks läbi parema filtreerimise süsteemi;
• Võtta veebilehelt ära kõik ebavajalik, et toodetel ja sisul oleks parem fookus.

Veebileht ehitati ülesse täiesti nullist, kus ei kasutatud ühtegi olemasolevat malli. E-poe loomisel kasutati Shopify-d ja blogi ehitati ülesse WordPress-is. Alljärgnevalt on näha pilt, kuidas veebileht on ajaga muutunud (Sheldon, 2016).

Veebileht muudeti mobiilisõbralikuks. Alljärgnevalt on sellest näha pilt (Sheldon, 2016).

Tehti uus toodete filtreerimise süsteem, kus saab otsida tooteid suuruse, materjali ja värvi järgi. Alljärgnevalt on sellest näha pilt (Sheldon, 2016).

Uudne tootepiltide vaatamise süsteem, kus kõiki pildid on näha, kui kerida hiirega allapoole. Alljärgnevalt on sellest näha pilt (Sheldon, 2016).

Uudne tootekorv mugavamaks ostlemiseks. Alljärgnevalt on sellest näha pilt (Sheldon, 2016).

Veebilehe uus disain näeb väga ilus välja ning on igati kasutajasõbralik ja mugav. Samuti ei puudu veebilehelt omapära, mis eristuks hallist massist.

 

Kasutataud kirjandus:

Mattern, L., (kuupäev puudub). 7 good reasons to redesingn your business website. Loetud aadressil http://bmighty2.com/7-good-reasons-to-redesign-your-business-website/

Sheldon, J., (2016 juuni). Why and how we rebuilt our entire site. Loetud aadressil http://ugmonk.com/2016/06/22/why-and-how-we-rebuilt-our-entire-site/

Link

HTTP ohud ja HTTPS vajalikkus? Kui kulukas see on ja mis võimalusi veebimajutused pakuvad?

HTTP (Hypertext Transfer Protocol) on võrguprotokoll, mis edastab teavet veebilehitseja ja serveri vahel. Kui mõni kasutaja teeb päringutaotluse, et mingile veebilehele jõuda, siis veebibrauser saadab selle päringutaotluse veebiserverile ning veebiserver saadab omakorda tagasi päringuvastuse ehk soovitud veebilehe. HTTP kasutab transportteenusena TCP/IP protokolli. (Hypertext Transfer Protocol, kuupäev puudub)

Kõik andmed, mis saadetakse HTTP ühenduse vahendusel on kirjutatud lihtsas tekstis. Siit tekkis ka probleem, et saadetav tekst on kättesaadav kõigile, kes suudavad lahti murda ühenduse veebibrauseri ja serveri vahel. Kindlasti ei tohiks HTTP ühenduse vahendusel saata väga tundlikku informatsiooni, nagu näiteks oma krediitkaardi andmeid või  paroole. Probleemi lahenduseks loodi HTTPS ühendus.

HTTPS on turvaline versioon HTTP võrguprotokollist, mis toimb koos SSL/TLS protokolliga. S-täht HTTPS-i lõpus viitab turvalisele ühendusele. Kõik andmed, mis veebilehitseja ja serveri vahel saadetakse on krüpteeritud. HTTPS on tihti kasutusel veebiostlemisel ja –pangandusel. Veebibrauserid nagu Internet Explorer, Firefox ja Chrome kuvavad tabaluku ikooni aadressirea kõrval, kui tegemist on HTTPS ühendusega. (What…, kuupäev puudub)

HTTPS ühenduse saamiseks tuleb oma veebilehele paigaldada SSL sertifikaat. Suurimad teenuspakkujad, kes SSL sertifikaate pakuvad on Comodo, RapidSSL, Norton Secured ja GeoTrust. Neid saab soetada näiteks veebimajutus.ee ja zone.ee vahendusel.

Veebimajutus.ee pakub kolme erinevat SSL sertifikaati. GeoTrust on neist on kõige odavam – 15 EUR, Comodo 99 EUR ja Comodo (EV) 159 EUR. Viimasel neist on roheline turvatunnus veebiaadressi real. Teistel roheline turvatunnus puudub. (SSL…, kuupäev puudub)

Zone.ee pakub laiemat valikut SSL sertifikaate. Valikus on alates 15 EUR aastas, näiteks RapidSSL, Comodo ja VeriSign. Alates 99 EUR aastas on “Wildcard“ SSL sertifikaadid ja alates 249 EUR aastas on põhjalikult valideeritud (EV) SSL sertifikaadid. (Sertifikaadi…, kuupäev puudub)

 

Allikad:

Hypertext Transfer Protocol. Loetud aadressil https://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol

What is HTTPS? https://www.instantssl.com/ssl-certificate-products/https.html

SSL turvasertifikaadid Veebimajutus.ee klientidele. Loetud aadressil https://www.veebimajutus.ee/ssl-sertifikaat/

Sertifikaadi valimine. Loetud aadressil https://www.zone.ee/et/ssl-telli/

 

 

Ülesanne