Lage nettbutikk selv - Nettbutikk priser - Seo analyse

Kan du lage en nettside selv og hvor vanskelig er det?

Med dagens priser for web design og nettbutikk utvikling, kan det være fristende å gjøre ting selv. Det er bare et spørsmål som du må svare på før du engang skal begyne å tenke på å lage egen nettbutikk. Hvor mye er du villig til å lære?

En gang i blandt hender det at noen vil hjelp med utvikling av nettbutikk, og dette er vel en av ulempene av være en webutvikling, at dine venner vet at du kan lage en nettbutikk klart til drift innen en dag, hvis du virkelig vil.

Lett glemmes alle årene med studie og tusenvis av timer med aktiv jobbing. Selv om en advokat kan svare på ditt spørsmål på et minutt, tar det han 10 år med studier å komme dit. Altså tar det en advokat 10 år og et minutt å svare på ditt spørsmål. For aktive webutviklere tar det gjerne 3000timer + dag å lage en nettbutikk.

Teorestisk vil du kunne bruke flere av nettguidene til å lage nettbutikk og faktisk få den opp og gå. En annen historie vil være å legge inn betalingsløsning, sørge for at alt fungerer og at siden ikke blir hacket fordi du brukte standard installasjon uten å sikre systemet godt nok.

Mange sammenligner CMS som WordPressmed litt mer avansert form for Microsoft Word. Mye kan gjøres med plugins og ferdigladede tema. Når ting begyner å bli litt mer avansert og det er mye som kjører i bakgrunnen, vil sjansen for at ting plutselig stopper å fungere øke.

Når du har en nettside basert på Woocommerce og WordPress med tusenvis av produkter, blir det fort stressende når alt går hvit og siden stopper å fungere.

For en fungerende nettbutikk er det snakk om hundretusenvis av linjer med koder, og en linje som ikke fungerer rett sted, sørger for at siden i sin helhet går ned for telling.

I følge Open Hub, hadde WordPress i 2016, 419,360 linjer med koder. Regner vi med andre nyttige plugins og Woocommerce nærmer vi oss 1 million linjer.

Mange løsninger promoterer AUTO updates, no coding skills required! Noen man lærer med tiden er at selv den minste oppdatering kan føre til uønskede resultater.

WordPress for eksempel har auto oppdateringer av både kjernen og sikkerhetsoppdateringer som kjøres uten at du er klar for disse.

Mange IT bedrifter henter inn gode summer på å gi kunden full tilgang til innstillinger og administrator tilgang på CMS, for noe vil gå galt og noe vil endres av kunder før eller senere, og da er det bare å bøye seg for den nådeløse fakturaen. La oss håpe dette ikke skjer i en helligdag 🙂

Gode muligheter til å finne feilen med nettbutikken

Alle plattformer basert på content management systems(CMS) har en form for debug\feilsøking funksjon.

Har man i tillegg tilgang til serverens log data, kan man lokalisere feilen ganske raskt å finne ut årsaken.

Dette er imidlertid noe man bør ha kunnskap om før uhellet er ute.

Backup, backup, ikke glem backup!

Backup kan ikke gjentas nok og kan viktigheten med både fil og database backup kan ikke nevnes nok.

Å miste alt kundedata for tusenvis av kunder og ingen mulighet for å få tak i disse igjen er nok undergangen for mange nettbutikker.

Her er det altså ikke nok å stole på backup lagret i samme server er trygg. Disse må jevnlig kopieres til et tryggt sted.

Det er 4 typer kodespråk du MÅ lære deg å forstå, hvis du skal drive egen nettbutikk

PHP, HMTL5, CSS3, JAVASCRIPT

Hvert språk har forskjellige funksjoner, men disse er de absolutt mest brukte.

Enhver nettbutikk bruker disse teknologiene, men kan også inneholde andre.

Hvert av disse teknologiene fungerer annerleder og noen er vanskeligere enn andre.

De fleste undervurderer datakoding, og enkelt sagt: hvis du ikke er en avansert pc\mac bruker er det nok bare å gi opp allerede nå.

Koding og forståelse av disse krever en utrolig tålmodighet, selvkontroll og en ustoppelig vilje til å lære.

Dette er ting som tar tid, men til gjengjeld er kunnskapen en gave og belønning i seg selv.

Webskaper tilbyr fast driftsavtale og feiloppsøking\oppretting

Før du fortsetter kan det være lurt å få med seg at, dersom du har lyst å ta ting sakte og lære med driften av nettsiden, kan det være lurt å finne en utvikler som er både gunstig prismessig, og er villig til å dele sin kunnskap.

Er en villig til å ta seg av oppgaver som feilsøking, manuell backup, vil også driftskostanden for nettbutikken være lav. Det kan absolutt være greit å se etter en fast avtale med en webbyrå. Det er bare å ta kontakt med oss for en hyggelig samtale der 🙂

PHP, HMTL5, CSS3, JAVASCRIPT

Dersom du har viljen til å lære vil vi nå gå litt gjennom de forskjellige teknologiene og kodespråk som brukes.

Etter denne delen vil du finne valgalternativer for din web butikk, sammenligning med fordeler og ulemper av disse.

😃 Snill ved feil: Siden vil fortsatt fungere, selv om det er feil, men visse grove feil kan føre til blandt annet hvit skjerm, kaotisk visuell presentasjon.

☺ Middels snill ved feil: Kan krasje siden, men mange elementer vil fortsatt la siden laste inn og fungere.

⚠ Nådeløs: Setter du punktum eller symbol feil sted, så vil siden ikke fungere og du vil få hvit skjerm.

PHP (Back-end kodespråk, nervesystemet og hjernen på siden)

Besøkende kan ikke se koden, PHP brukes til alt fra å hente og skrive data fra og til dabaser, kondisjonsformulering som gjør dette hvis dette ellers gjør dette logikk.

Her er det nesten ingen begrensninger på hva som kan gjøres. PHP bl.a. gi ut tekst (echo), sende formdata, sende eposter og mye mer.

Disse kodene kan ikke leses av besøkende, men bruker kan url queries og hvis disse ikke er rengjort, gjøre onde ting om de vet noe om koden som siden har. Dette er en av grunne til at plugins, addons og slike ofte fører til hacking, hvis de inneholder smutthull.

PHP har flere versjoner og nårværende er 7.2 der mange eldre funksjoner er byttet ut med bedre og dette kan føre til at gamle sider med for eksempel php5 vil få problemer med å kjøre i versjon 7.2

PHP går gradvis nedover, altså hva som kan gjøres må allerede være der, med untak av funksjons og glabal calls.

Noen eksempler:

 
//La oss gi en if statement for å aktivere følgende kode:
date_default_timezone_set('Europe/Oslo');


if (22>21) {
echo "ekko\skriv ut dette";

echo "Dagens dato er " . date("d/m/Y/dd") . "
";

  
  //hente ip adresse for besøkende

    function getRealIpAddr()  
    {  
        if (!emptyempty($_SERVER))  
        {  
            $ip=$_SERVER;  
        }  
        elseif (!emptyempty($_SERVER))  
        //to check ip is pass from proxy  
        {  
            $ip=$_SERVER;  
        }  
        else  
        {  
            $ip=$_SERVER;  
        }  
        return $ip;  
    }  
}
function curPageURL()
{
    if (isset($_SERVER) && !empty($_SERVER) && ($_SERVER != 'on')) {
        $url = 'https://' . $_SERVER;
    } else {
        $url = 'http://' . $_SERVER;
    }
    if (($_SERVER != 80)) {
        $url .= $_SERVER;
    }
    $url .= $_SERVER;
    return $url;
}
 
echo curPageURL();


if (23>20) {

$birthDayDate = "07/02/1982"; //here date in mm/dd/yyyy format
//explode the date to get month, day and year
$birthDayDate = explode("/", $birthDayDate);
//get age from date or birthdate
$age       = (date("md", date("U", mktime(0, 0, 0, $birthDayDate, $birthDayDate, $birthDayDate))) > date("md") ? ((date("Y") - $birthDayDate) - 1) : (date("Y") - $birthDayDate));
echo "Alder er:" . $age;


}

HMTL5 (Front-end tekst, seksjoner, skjelettet) Lett å lære, snill ved feil.

Dette er sjelettet av nettsiden, og kan alltid leses i sin helhet ved å se på kildekoden(høyreklikk>vis kildekode). HTML5 er ganske gøyal og lett for nybegynere, etter å ha lært noen titals formater og ca. hvordan dette fungerer, vil du bruke dette ofte. HTML5 kan betegnes som dagens engelsk for teknologi verdenen.

HTML5 kan integrere CSS3 koder enkeltvis eller i storklasse.

<b>Tykk skrift</b> 

<ul>
<li> linje </li>
<li> linje 2 </li>
<li> <b>linje 3</b> </li>

<span style="color:red;">La dette bli rødt!</span>
<a href="#sideadresse">Gå til #sideadressen</a>

<span style="text-transform:Uppercase;">Gjør denne teksten til store bokstaver</span>

Resultat Tykk skrift

- linje
- linje 2
- linje 3

La dette bli rødt!Gå til #sideadressenGjør denne teksten til store bokstaver

CSS3 (Visuell front-end, tekst farger, plassering av elementer) Lett å lære, snill ved feil.

Tenk på CSS3 som den visuelle delen av siden, du kan med dette endre klasser og id segmenter i HMTL5 koder akkurat som du vil.

Dersom du vil flytte på tekst litt til høyre, eller gjemme bilder eller deler av siden, er CSS3 godt egnet til dette.

For å mingle med html kan du f.eks bruke id som gjelder bare en bestemt seksjon eller klasser som gjelder flertall.

Noen eksempler:

Denne linjen er id=1

Denne linjen er class

 
#id {
color: blue;
margin-left: 20px;
text-transform: capitalize;
font-size:18px;

}
.class {
text-decoration: aqua;
font-style: italic;
opacity: 0.5;
}


/* Vi kan legge inn koden over innenfor HTML feltet ved å legge inn før disse nevnes:

<style>
#id {
color: blue;
margin-left: 20px;
text-transform: capitalize;
font-size:18px;

}
.class {
text-decoration: aqua;
font-style: italic;
opacity: 0.5;
}

</style>


*/

JAVASCRIPT (Front-end kodespråk, det besøkende ser) Avansert, middels snill ved feil.

Javascript er meget nyttig for alt av interaksjoner mellom websiden og besøkende.

Mange populære pop-up form data gjøres med javascript og som det meste leselig fra kildekode, ikke legg det ut på nett hvis du ikke vil at noen skal stjene koden 🙂

function getAge(dateString) {
    var today = new Date();
    var birthDate = new Date(dateString);
    var age = today.getFullYear() - birthDate.getFullYear();
    var m = today.getMonth() - birthDate.getMonth();
    if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
        age--;
    }
    return age;
}

Dette vil også hente inn alder på bruker via front-end

Ekstra: AJAX, en blanding av javascript og PHP utviklet av Google. Verdt å merke seg at denne tilbyr svært kule funksjoner som blant annet live interaction, slik at du slipper å laste siden på nytt, eksempelvis handlekurver der bruker sletter noe fra handlekurven.

Hvilken løsning, CMS er best for nettbutikk?

WordPress

WordPress\Woocommerce

Fordeler

Lett å integrere til allerede eksisterende side
Mest brukte løsning i verden
Meget sterk funksjonalitet
Sterk synlighet
Rimelige plugins for avanserte funksjoner
Framtidssikkert
Du eier innhold og nettbutikk
Meget gode muligheter for eksport av produkter\data
Lett å bruke

Ulemper med WordPress\Woocommerce

-Må holdes oppdatert

-Svak standard søkefunksjon (Finnes gode løsninger)

-Fakturaløsning må installeres

CMS løsninger

Magento nettbutikk

Prestashop nettbutikk

Opencart nettbutikk

De tre største nettbutikkene basert på åpen kildekoder. Utviklet til først og fremst som nettbutikker, men som andre løsninger tilbyr gode alternativer for informasjonssider og websider.

Fordeler

Skapt for netthandel
Optimalisert for tusenvis av produkter
Du eier løsningen
Gode eksport muligheter av data
Gode søkefunksjoner
Avansert logistikk
Fakturering\faktura system medfølger

Ulemper med CMS nettbutikker

-Dyre plugins\addons i forhold til WP

-Må skreddersys

Nøkkelferdige nettbutikker

Shopify\Wix\Mystore\Squarespace

Fordeler

Lett å komme i gang med
Lave oppstarts gebyrer
Kommer med betalingsløsninger klar til bruk
Tilpasset nybegynere

Ulemper med ferdige nettbutikk løsninger

-Ved videresalg av løsning\selskap går du som kunde automatisk over som kunde

-Meget vanskelig å eksportere data som produkter og data (må gjøres manuelt)

-Svak SEO, da du har en duplikat av alle andre som ser litt annerledes ut

-Du binder deg til løsningen og alle investeringer blir fortapt ved flytting

-Dyre priser for tilpasning og feilsøkning

-Høy transaksjonsgebyr

-Du deler servere med VPS eller delt dedikert server

-Avanserte moduler koster ekstra

Support er kun for drift, enkle henvendelser, standard svar

Dyre priser for tekniker\webutvikling (eksempel: kr 1250,- eks. mva. per påbegynte time.)

Hva er WordPress?

Wordpress er en CMS plattform også kjent som publiseringssystem for nettsteder skrevet i PHP med MySQL som databasesystem for lagring av innhold.

Hva er Woocommerce?

Woocommerce er en avansert nettbutikk lugin til WordPress. Woocommerce er den mest omfattende e-commerce løsningen til WordPress per 2020 og er åpen-kilde.

Hva koster WordPress?

Wordpress er en åpen-kilde plattform og dermed gratis for private og bedrifter.

Er WordPress fremtidssikker?

Wordpress har i mange år vært meget aktiv med videreutvikling og har støtte fra hundrevis av webutviklere, designere og programmerere. Det kan trygt sies at WordPress er her for å bli i mange år framover.

Hva er plugin

En plugin er en tilpasset kode som fungerer som en selvstendig modul i WordPress. Disse gir ofte funksjonalitet som ikke er en del av kjerne funksjonalitetene i WordPress og utvider dermed funksjonaliteten i henhold til dens kode.

Hvor ofte bør jeg oppdatere WordPress?

Wordpress bør holdes oppdatert til enhver tid, men vær obs på at siden kan slutte å fungere dersom oppdateringene endrer kjernefunksjonalitet, noe som kan føre til at aktive plugins kan stoppe siden fra å fungere. WordPress har core updates og sikkerhetsupdates, hvor sikkerhetsoppdateringer er viktigst.

Hva trenger jeg for å kunne kjøre WordPress på min server?

Wordpress trenger en database (mysql eller mariadb f.eks.) og server som støtter PHP.

This post is also available in: Norsk bokmål

An empty cart

An empty cart