
E-handel, webbdesign och webbstrategi
tisdagen den 1:e maj 2012
Litet axplock på vad jag gjort under praktiken:

Praktiken
Då var det äntligen dags för lite praktik. Jag ska vara på ett företag som är experter på AdWords, Analytics och SEO.
Min huvudsakliga uppgift blir att fixa till deras webbsida.
Vecka 1
Mina första dagar har gått åt till att fixa bilder, få fram ett sammanhängande färgtema och fundera på layouten, hur
den kan bli mer attraktiv och stilren.
Företaget är väldigt bestämda med hur de vill att webbsidan skall se ut så jag har vissa ramar att rätta mig efter.
Företaget använder sig av en färdig Joomla-mall.
Företaget är väldigt bestämda med hur de vill att webbsidan skall se ut så jag har vissa ramar att rätta mig efter.
Företaget använder sig av en färdig Joomla-mall.
Fixade till bakgrunden på webbsidan, tog bort överflödiga element. Ändrade färger på en bild så att den bättre skulle passa in på webbsidan.
Justerade information och bilder i en modul, för en mer stilren känsla.
Tog bort moduler som inte längre behövdes.
Lade in en till flik i menyn med tillhörande text som jag html-kodade.
Skapade olika knappar i Photoshop med texter för att få webbsidan mer konverteringsvänlig.
Knapparna html-kodades in i moduler.
Knapparna html-kodades in i moduler.
Kom på en bra ide´ till layouten, för att verkligen lyfta fram vad företaget gör.
Fixade en rullgardinsmeny som ska tillhöra en specifik del på webbsidan (AdWords).
Vecka 2
Ändrade färg på knapparna som gjordes förra veckan, då de ville ha mer utstickande knappar.
Typografin behövde bli mer enhetlig. Sammanställde storlek, färg och vilket typsnitt som skall användas genom hela webbsidan. Därefter ändrade jag typografin enligt sammanställningen på respektive sidor.
Gjorde nya knappar i Illustrator som företaget skulle ha på "top-positionen", för att tydliggöra vad de jobbar med. Knapparna html-kodades in i en modul och en av knapparna länkades till färdiga sidor. (Knapparna skall länkas till sidor som specifikt handlar om "AdWords", "Analytics" och "SEO".)
Efter ett möte ansåg vi att knapparna inte passade på tänkt plats så jag fick göra nya knappar till andra positioner. Anledningen var att knapparna tog för mycket uppmärksamhet från ordinarie meny.
Vi kom fram till att jag skulle göra nya knappar som skulle ligga på vänstermenyn. Dessa knappar gjordes mindre med passande små bilder. Bilderna gjordes i illustrator för att få dem vektoriserade, själva knapparna gjordes i photoshop.
Dessa knappar html-kodades in i en modul och en av knapparna länkades till färdiga sidor.
Ändrade bakgrundsbilden ytterligare en gång för att få en mer jämn färg på den.
Vecka 3
Ändrade text på ett par knappar.
Lade in mer text i ett par meny-flikar.
Html-kodade in "magictabs" på företagets webbsida.
Följde med på två intressanta möten med reklambyråer. Mitt företag (där jag praktiserar) hade som uppgift att tala om hur webbsidan skall optimeras som bäst och fungera bra med AdWords-annonsering.
Utformade AdWords-kampanjer med flera tillhörande annonsgrupper, till företaget där jag praktiserar.
Utformade bildannonser (ReMarketing) till ett företag som är kund till det företag där jag praktiserar.
Utformade bildannonser (Remarketing) till företaget där jag praktiserar. Dessa bildannonser lade jag in under en specifik kampanj i AdWords, i tre olika annonsgrupper.
Vecka 4
Veckan startade med att jag gjorde finjusteringar på företagets logga. En text ändrades på den och även färgen på just denna texten byttes till en annan. Loggan lades på företagets webbsida, den fanns inte där tidigare.
Bakgrundsfärgen på webbsidan ändrades, även färgen på huvudmenyn ändrades.
ReMarketing-annonser gjordes för BNI (Business Network International), Team eliten.
Denna gruppens webbsida gjordes om. Jag gjorde ny design i artisteer och skapade sedan en ny Joomla-site. Jag lade även in analytics-kod och ReMarketing-kod på siten.
Denna veckan var jag med på ytterligare ett möte och fick även representera företaget som jag praktiserar på, på BNI-träffen under fredagen.
Fixade en rullgardinsmeny som ska tillhöra en specifik del på webbsidan (AdWords).
Vecka 2
Ändrade färg på knapparna som gjordes förra veckan, då de ville ha mer utstickande knappar.
Typografin behövde bli mer enhetlig. Sammanställde storlek, färg och vilket typsnitt som skall användas genom hela webbsidan. Därefter ändrade jag typografin enligt sammanställningen på respektive sidor.
Gjorde nya knappar i Illustrator som företaget skulle ha på "top-positionen", för att tydliggöra vad de jobbar med. Knapparna html-kodades in i en modul och en av knapparna länkades till färdiga sidor. (Knapparna skall länkas till sidor som specifikt handlar om "AdWords", "Analytics" och "SEO".)
Efter ett möte ansåg vi att knapparna inte passade på tänkt plats så jag fick göra nya knappar till andra positioner. Anledningen var att knapparna tog för mycket uppmärksamhet från ordinarie meny.
Vi kom fram till att jag skulle göra nya knappar som skulle ligga på vänstermenyn. Dessa knappar gjordes mindre med passande små bilder. Bilderna gjordes i illustrator för att få dem vektoriserade, själva knapparna gjordes i photoshop.
Dessa knappar html-kodades in i en modul och en av knapparna länkades till färdiga sidor.
Ändrade bakgrundsbilden ytterligare en gång för att få en mer jämn färg på den.
Vecka 3
Ändrade text på ett par knappar.
Lade in mer text i ett par meny-flikar.
Html-kodade in "magictabs" på företagets webbsida.
Följde med på två intressanta möten med reklambyråer. Mitt företag (där jag praktiserar) hade som uppgift att tala om hur webbsidan skall optimeras som bäst och fungera bra med AdWords-annonsering.
Utformade AdWords-kampanjer med flera tillhörande annonsgrupper, till företaget där jag praktiserar.
Utformade bildannonser (ReMarketing) till ett företag som är kund till det företag där jag praktiserar.
Utformade bildannonser (Remarketing) till företaget där jag praktiserar. Dessa bildannonser lade jag in under en specifik kampanj i AdWords, i tre olika annonsgrupper.
Vecka 4
Veckan startade med att jag gjorde finjusteringar på företagets logga. En text ändrades på den och även färgen på just denna texten byttes till en annan. Loggan lades på företagets webbsida, den fanns inte där tidigare.
Bakgrundsfärgen på webbsidan ändrades, även färgen på huvudmenyn ändrades.
ReMarketing-annonser gjordes för BNI (Business Network International), Team eliten.
Denna gruppens webbsida gjordes om. Jag gjorde ny design i artisteer och skapade sedan en ny Joomla-site. Jag lade även in analytics-kod och ReMarketing-kod på siten.
Denna veckan var jag med på ytterligare ett möte och fick även representera företaget som jag praktiserar på, på BNI-träffen under fredagen.
tisdagen den 20:e mars 2012
Analytics och AdWords
Koder
- AdWords konverteringskod - ska ligga på EN sida som är VIKTIG för konvertering.
- Analyticskod - ska finnas på alla sidor på webbplatsen.
Det finns en modul för Joomla som automatiskt lägger till koden - kallas för AdTrans.
Mål i Analytics
Har samma funktion som konverteringsspårning i AdWords. Mål innebär att man undersöker hur många besök ur en viss kategori som har uppfyllt målen.
Kanaler Analytics
Vägen till ett mål. Bra att ha för att kunna se vart "avhoppen" är, vilka som tex inte fullföljer målet. Man ser hur många som faktiskt går från tex formuläret till tacksidan.
Cookies
Det finns en lag om att man måste säga till om man har cookies på sin webbplats.
AdWords
- Finns kvar i 30 dagar.
Analytics
- Sektions-cookie = ett besök, avslutas 30 min efter att besökaren lämnat sidan.
- Besöks-cookie = finns kvar i 2 år.
Matchningsalternativ
"sökord" = orden ska vara med i den ordningsföljden.
+båda +sökorden = båda orden måste finnas med
[sökord] = exakt, inga stavfel
Söktermsrapport i AdWords
sökord > visa söktermer > lista > hämta och ladda ner som excel fil.
Den långa svansen SEO/AdWords
En lång svans bidrar med intäkter/utgifter men är svår att greppa.
Sökordskurvan:
Är det värdefullt att ha en lång svans?
Ja. Man vill gärna ha många besökare, men man måste få dem att göra ngt värdefullt också.
(Många besökare men RÄTT besökare.)
Hur kan man konvertera en så stor del av en differentierad massa av besökare?
Skapa en lång svans och anpassa den till besökarna.
Anpassa landningssidan och led dem vidare så att de konverterar.
sökord > visa söktermer > lista > hämta och ladda ner som excel fil.
Den långa svansen SEO/AdWords
En lång svans bidrar med intäkter/utgifter men är svår att greppa.
Sökordskurvan:
- Oftast börjar sökordskurvan med ett sökord tex "skor" - ger låg konvertering. Höga kostnader och konkurrens.
- Därefter söker man efter sökord med 2-3 ord, tex "skor för män". Låg konvertering.
- Efter det söker man mer snävt/specifikt. Tex "röda Nike löparskor för män". Här är konverteringsgraden stor.
Är det värdefullt att ha en lång svans?
Ja. Man vill gärna ha många besökare, men man måste få dem att göra ngt värdefullt också.
(Många besökare men RÄTT besökare.)
Hur kan man konvertera en så stor del av en differentierad massa av besökare?
Skapa en lång svans och anpassa den till besökarna.
Anpassa landningssidan och led dem vidare så att de konverterar.
tisdagen den 6:e mars 2012
Lite matematik
Låt oss säga att du har en kamera som kostar 300kr. Dina kostnader uppgår till 200kr. Det innebär att Din intäkt/lönsamhet när du säljer kameran blir 100kr.
Intäkten/lönsamheten kan kallas för CPA = Cost Per Action.
På Google kan man inte använda sig av CPA, därför måste man konvertera det till CPC = Cost Per Click.
För att få ett värde per klick delar du antal omvandlingar med antal klick. Vi låtsas att 100 klick gav 5 omvandlingar:
5 omvandlingar / 100 klick = 5% omvandlingsgrad
Därefter tar du max CPA, vilket i detta fallet är 100kr (från exemplet med kameran) och multiplicerar det med omvandlingsgraden:
CPA 100kr x omvandlingsgrad 5% = 5kr.
ICC (Incremental Cost per Click) = kostnaden av framgångsrika klick / antal framgångsrika klick.
Sammanfattande steg för maximal lönsamhet
1. Bestäm max CPA
2. Bestäm omvandlingsgrad
3. Räkna ut kostnaden per klick
4. Justera dina bud så att kostnad per klick = ICC
Prenumerera på:
Inlägg (Atom)




