Primer analize spletne strani in izdelava brezplačne spletne strani v Wix -u

V tem prispevku bomo prikazali hitro analizo spletnega mesta, za kar bomo vzeli primer spletne strani Štore Steel d.o.o* in nato prikazali še proces izdelave - brezplačna spletna stran WIX - s SEO optimizacijo.

*Analiza javno objavljene spletne strani Štore Steel je naše subjektivno mnenje in je izključno študijskega namena.

KAZALO:

Skočite na Analiza spletnega mesta železarne Štore

Skočite na Proces izdelave in objave spletnega mesta v Wix-u

PODJETJE WIX

Izraelsko podjetje Wix ponuja s svojo platformo zmogljivega graditelja spletnih mest z zbirko intuitivnih orodij (povleci in spusti - "drag-and-drop" sistem) in zmogljivo umetno inteligenco. Platforma nudi tudi vgrajene poslovne rešitve (izdelovalca logotipov, analitike, SEO orodja itd.). Nudi preko 900 brezplačnih in prilagodljivih predlog spletnih mest. 

Wix je zgrajen na poslovnem modelu freemium in služi svoje prihodke s premijskimi nadgradnjami. Glede na spletno stran tehnološke raziskave W3Techs, uporablja platformo Wix (podatki septembra 2023) 2,5 % spletnih mest.

Uporabljene okrajšave:
SEO Search Engine Optimization
URL Uniform Resource Locator
GDPR The General Data Protection Regulation
CSS Cascading Style Sheets

Analiza spletnega mesta železarne Štore

V nadaljevanju bomo analizirali spletno mesto železarne Štore. Povezava: http://www.store-steel.si.

Postavitev in vsebina:

Vstopna stran podjetja Štore Steel je zgrajena na način:

• V nad-meniju na vrhu levo leži logotip podjetja.
• V nad-meniju na vrhu desno Preklopni vtičnik za menjavo iz slovenščine v angleščine oziroma obratno. Poleg na desni je v SI različica še vstopna povezava (prijava v spletno stran).
• Nato sledi meni iz petih zavihkov. Trije zavihki imajo več podmenijev.
• Sledi galerijska pasnica »Slide-show« z izmenjujočimi sličicami (6 slik z besedili).
• Pod galerijsko pasnico ležijo štirje kvadratni »boxi« s sličicami in hiper-povezavami na pod-strani. Štore-Steel logo nas veže na pod-stran s podrobneje opisanimi jekli. Kvadratek z »ISO standard« slikicami, nas poveže do pod-strani z opisanimi verifikacijami in standardii kakovosti. Kvadratek Proizvodi nas poveže na podstran v pdf formatu, kjer je opisan proivodni program podjetja. Zadnji kvadratek »možnost zaposlitve« pa nas preveže na pod-stran kjer lahko več poizvemo o razpisanih prostih delovnih mestih.
• Nato sledi široka slika velika peči.
• Pod sliko je vsebina razdeljena na dva predela. Na levi je zemljevid proizvodne lokacije Štore. Na desni pa je »novičnik«, kjer lahko zasledimo povezave do zadnje objavljenih novic.
• Nato sledi noga s črnim ozadjem. Na levi so podatki (osebna izkaznica) podjetja. Sledijo različne slikovne povezave do inštitutov, muzeja, univerze itd.
• Pod povezavami, v zelo majhnem font-u najdemo avtorske pravice, piškotke in pravno obvestilo podjetja.
• Pod nogo leži še tanjša bela pasnica.

Oblikovna podoba:

Z desnim pritiskom na spletni strani imamo možnost ogleda vira strani in možnost preglej. Za primer v Google Chrome brskalniku to storimo s pritiskom kombinacije tipk CTRL + U in CTRL + SHIFT + I. Na ta način si lahko ogledam slog izdelave strani (CSS komponente). Vidimo, da v našem primeru spletna stran Store-steel, uporablja sledečo družino pisav: "Segoe UI", Verdana, Helvetica, Sans-Serif. Na ta način si lahko ogledamo tudi koliko prostora/razmika je mede določenimi segmenti strani. Podrobno si lahko ogledamo katera palet barv je uporabljena. V našem primeru imamo belo in sivo barvo za ozadje in črno pisavo. Belo pisavo v primeru pisave preko slik. Ozadje noge pa je v črni barvi. Na domači strani je pod nogo še bela pasnica, ki nima vidne funkcije in je tudi ni na ostalih pod straneh.

Navigacija

Po spletni strani se sprehajamo s pomočjo Menija na vrhu strani, ki je vedno na voljo ne glede na katerem zavihku ali pod-strani smo. Po posameznem zavihku navigiramo gor in dol z drsenjem s pomočjo drsnika. Domov, na domačo stran, se vrnem s klikom na logo v zgornjem levem kotu, ki je prav tako na voljo na vsaki strani.

Ogrodje strani

S pomočjo brezplačne spletne strani https://builtwith.com lahko pregledamo ogrodje spletne strani.

Koda sicer uporablja viewport meta tag-e za android in Apple telefone, vendar sama mobilna odzivnost je slaba. Ni samodejnega krčenja in prilagajanja različnim zaslonom in napravam.

Ogrodje spletne strani: Microsoftovo orodje ASP.NET.

Server: Microsoft IIS Server solution

Analitika in sledenje: HitsLink

E-pošta: SPF Sender Policy Framework

Enkripcija: SSL LetsEncrypt (brezplačen SSL certifikat)

Domena: .si

Za analizo in statistiko prometa na spletni strani lahko uporabite brezplačno orodje SE-Ranking Website Traffic Checker (Povezava: https://seranking.com/website-traffic-checker).

Uporabniška izkušnja

Gre za statično stran. Spletna stran je predstavitvene narave, deluje kot vizitka. Temu primerno ni veliko interaktivnosti s strani uporabnika. Primer interaktivnosti lahko najdemo pod zavihkom Mediji/Video, kjer lahko opravimo virtualni »sprehod« po železarni Štore. Na strani manjka kontaktni formular.

Stran je funkcionalna in uporabna. Je pregledna. Pisava je ustrezna in tudi povečini zadosti velika. Popravki, ki bi ji jih dodelil so opisani v spodnjem poglavju.

Predlogi površinskih sprememb

• Stran ni prijazna vsem napravam. Slaba mobilno odzivna oblikovanost spletne strani. Spletna stran se ne prilagaja različnim velikostim zaslona in prikazanim oknom. Pri odzivnem spletnem oblikovanju gre za uporabo HTML in CSS za samodejno spreminjanje velikosti, skrivanje, krčenje ali povečevanje spletnega mesta, da bo videti dobro v vseh napravah (namiznih računalnikih, tabličnih računalnikih in telefonih).
• Odstranitev bele pasnice na domači strani pod nogo spletne strani. Ni videti, da ima stilistično oziroma funkcionalno korist.
• V nogi na spletni strani so slikovne hiper-povezave razmetane in neurejene.
• V nogi spletne strani je uporabljena premajhna pisava avtorske pravice, piškotke in pravno obvestilo.
• Piškotki in pravno obvestilo sta brez hiper-povezave. Obiskovalec tako ne more videti, kakšne podatke spletna stran o njemu hrani in na kakšen način jih obdeluje. To tudi ni v skladu z EU direktivo o varstvu podatkov (GDPR).
• Zložena slika pod novice in dogodki je slabo prezentirana. Vprašanje, če je sploh mišljena kot kolaž ali pa gre za napako.
• Galerijo slik pod zavihkom mediji, bi se dalo oblikovno izboljšati in pa hitrostno optimizirati. Počasno nalaganje slik.
• Pod zavihkom kontakt, bi lahko dodali spletni formular za pošiljanje ponudbe/vprašanja/poizvedbe.
• Po vstopu na Angleško različico spletne strani, manjka možnost vpisa v spletno stran.

Proces izdelave in objave spletnega mesta v Wix-u

Uporabili smo Wix-ov brezplačni načrt, kar pomeni, da sta domena in hramba na strežniku brezplačna. Temu primerno bo vaš URL naslov vseboval imevašegaračuna.wixsite.com/ime-spletne-strani in pa predvajal Wix -ove oglase. Brezplačna spletna stran WIX vam bo prinesla 500 MB prostora za shranjevanje in 1 GB pasovne širine. Odličen način za začetek vaše spletne prisotnosti in predstavitev vaše blagovne znamke s prilagojenim spletnim naslovom.

Spletna stran omogoča nadgradnjo plana in s tem odstranitev WIX etikete. Možnosti nadgradnje so sledeče:

1. Najosnovnejši načrt "LIGHT": 17 USD/mes, ki omogoča lastno domeno (prvo leto brezplačno) in 2000 MB prostora. Brez oglasov. Do dva soustvarjalca vsebine - vi določite pravice.
2. CORE načrt: 29 USD/mes, je brez oglasov in limitira na 50 GB prostora. Brez oglasov. Omogočena analitika strani. Do pet soustvarjalcev vsebine - vi določite pravice.
3. BUSINESS načrt: 36 USD/mes, namenjen poslovnežem in »Freelancerjem«, je tudi brez oglasov in limitira na 100 GB prostora. Brez oglasov. Omogočena analitika strani. Do 10 soustvarjalcev vsebine - vi določite pravice.
4. BUSINESS ELITE načrt: 159 EUR/mes, namenjen najzahtevnejšim uporabnikom, brez omejitve prostora in ima posebej namenjeno prioritetno podporo osebja Wix. Omogočena napredna analitika strani.

   

Primer proces-a izdelave brezplačna spletna stran WIX:

1. Najprej smo ustvarili račun na spletnem mestu https://www.wix.com

   

2. Nato smo izbrali predlogo (angl. Template), za ta primer smo izbrali predlogo z imenom »Business Consultant«, ki se nam je zdela primerna za prezentacijo izbranega podjetja Štore Steel d.o.o.
3. S pomočjo Wix-ovega urejevalnika, smo nato uredili meni in pod-zavihke, barvo in slike ozadja, tipografijo, dodali slike in video vsebino, prevedli angleške izraze, dodali vtičnike in aplikacije.

*[Orodna vrstica Wix-ovega urejevalnika se nahaja na levi strani. Omogoča veliko možnosti vstavljanja raznovrstnih elementov spletne strani. Prav tako poskrbi za enostavno uporabniško izkušnjo.]

4. Na uvodni strani smo najprej pustili sliko z ozadjem jeklene stolpnice in sloganom »tehnološko dovršeno jeklo«. Nato se z drsnikom lahko spustimo nižje, kjer smo navedli nekaj številčnih podatkov podjetja, da stranka/kupec/poizvedovalec dobi občutek o zgodovini in širini podjetja. Nato sledi logo-pasnica že obstoječih klientov. Za pasnico je geolokacija podjetja izrisana na Google-ovem zemljevidu. Za zemljevidom smo postavili kontaktne podatke podjetja in kontaktni formular, kjer lahko uporabnik strani neposredno naslovi vprašanje/poizvedbo na podjetje. Na koncu strani je še noga, kjer so navedene avtorske pravice in povezave do socialnih omrežij. V našem primeru smo uporabili samo dva socialna omrežja in sicer Facebook in LinkedIn, ki je namenjen predvsem poslovnemu svetu. Na strani namenoma smo naredili zavihka s piškotki in pravnega obvestila za obiskovalce, ker je stran zagrajena za študijske namene in s to stranjo ne bom hranili in tudi ne analizirali statistike prometa. V primeru, da bi le to želel imeti na svoji strani, bi to naredili v skladu z GDPR direktivo.
5. Na pod-straneh smo vstavili vsebinski del podjetja.
6. Pod zavihkom »mediji« smo vstavili samo-rotirajočo galerijo slik notranjosti železarne Štore in pa dva vgrajena video elementa, ki predvajata video notranjosti železarne. Elementa sta vezana preko Google-ovega YouTube kanala.

7. Zavihek »kontakt« v glavnem meniju nas preveže na spodnji del domače strani, kjer so kontaktni podatki in kontaktni formular.

8. Po končanem oblikovanju spletne strani, smo stran še SEO optimizirali (obogatili s ključnimi besedami in ustrezno poimenovali vsebino).

9. Na koncu smo spletni strani izbrali ime domene in s pritskom na gumb »Publish« objavili svojo spletno stran

Optimizacija spletnega mesta

Z optimizacijo spletnega mesta želimo doseči, da naše spletno mesto in s tem naša prezentacija podjetja znotraj brskalnika (iskalni niz besed) zasede čim višje mesto med sorodnimi organizacijami.

To storimo s pravilno vnešeno vsebino (definiranje in obogatitev besedila s ključnimi besedami, meta podatki, ustreznim poimenovanjem menija, ustreznim poimenovanjem slik in ostalih grafičnih elementov, sklicevanjem na druga spletna mesta in povezavami do socialnih omrežij) in ustreznim tehničnim ozadjem spletne strani (stran mora vsebovati dobro kodo, mora biti oblikovana za različne velikosti zaslonov in mobilne naprave, povezave morajo pravilno delovati, stran mora biti postavljena na ustreznem strežniku, da bo zagotovljena hitrost nalaganja in dovolj prostora).

SEO optimizacija je precej zahtevno področje in dandanes obstaja mnogo strokovnjakov, ki skrbijo, da se željene strani uvrščajo čim višje na iskalni lestvici. Za osnovno SEO optimizacijo imamo znotraj Wix-a že vgrajeno orodje, ki nam precej olajša zadeve. Je odlično orodje, ki nam z malo truda omogoča uspešno uvrstitev na čim višji seznam.

Vsako spletno stran na spletnemu mestu bomo opremili z opisom, ključnimi besedami, meta podatki, opisom slik in opisom ostalih grafičnih elementov. Opremili jih bom z ustreznimi URL naslovi povezav in ustrezno usmerili notranje povezave med stranmi. Na spodnjih slikah bomo posamično prikazali proces optimizacije s pomočjo Wixovega SEO orodja.

Spletno Wix-ovo orodje za SEO optimizacijo omogoča tudi način za zahtevnejše uporabnike. Tukaj, v naprednem načinu, lahko dodamo lastno JSON kodo, lahko spreminjamo že nastavljene meta podatke, ki jih sicer ni priporočljivo spreminjati, če nismo najbolj vešči.

Zaključek

V sklopu tega prispevka smo analizirali spletno mesto http://www.store-steel.si/ in ustvarili lastno spletno mesto s pomočjo orodja Wix. Za ustvarjeno spletno mesto smo uredili tudi osnovno "on-site" SEO optimizacijo.

Z izdelavo spletne strani smo se tako spoznali s spletnim orodjem za izdelava brezplačne spletne strani Wix. Tako bomo lahko predstavil svoje ali tuje potencialno podjetje. Znali bomo opraviti hitro analizo že obstoječega spletnega mesta, navesti njegove pomanjkljivosti in podati ideje s popravki. Samo spletno mesto bomo s pomočjo pridobljenega znanja hitreje in lažje uvrstil na čim višje mesto v spletnem iskalniku in tako pridobil na marketinški in konkurenčni prednosti.

LITERATURA IN VIRI

1. Wix.com lnc (januar 2020, 2024). Spletna stran. Pridobljeno 10. 1 2020 iz uradne strani podjetja: http://www.wix.com/.
2. Štore Steel d.o.o. (januar 2020). Spletna stran. Pridobljeno 10. 1 2020 iz uradne strani podjetja: http://www.store-steel.si/.