En mobilsida kan göras tekniskt och grafiskt så avancerad att den blir till en webbapplikation. Vad är skillnaderna mot en nedladdningsbar applikation och när väljer du vad? Hur får man målgruppen att hitta till sidan? Mobil sökmotoroptimering och praktiska tips. Trender - vad väntar runt hörnet avseende mobilsidor?
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
There's a web for that - Atomer och bitar "Dags för mobilsajt"
1. ”There’s a web
for that”
John Blossom, Shore.com
Atomer och bitar - ”Dags för mobilsajt”
Stockholm, 2000-04-13
Distribueras under - Creative Commons, Erkännande-Dela Lika
onsdag den 14 april 2010
2. • Vad är en webbapplikation?
• Skillnaden mot en nedladdningsbar applikation - när
väljer du vad?
• Hur får man målgruppen att hitta till sidan?
• Mobil sökmotoroptimering och praktiska tips
• Närvaron i mobilen för Sveriges 34 största varumärken
• Trender - vad väntar runt hörnet avseende mobilsidor?
Johan Jonsson
Art Director
More Mobile Relations
onsdag den 14 april 2010
3. Webb vs. Applikation
Vad skiljer en mobilsida från en applikation
onsdag den 14 april 2010
4. Ladda data/text/bilder löpande
Animationer
Positionering
Tillgängligt ”offline”
Spara inställningar
onsdag den 14 april 2010
5. Animationer
Animeringar och ”dra och släpp”
onsdag den 14 april 2010
13. Mycket fokus på
applikationer
Men vad använder dina kunder?
onsdag den 14 april 2010
14. Mobilsidor med anpassning
för touchskärmar
326 000
150 000
50 000
Källa: http://www.slideshare.net/taptu/introducing-the-mobile-touch-web
onsdag den 14 april 2010
15. Alla mobiler har
en webbläsare
Och trenden går mot avancerade mobiler
onsdag den 14 april 2010
16. Fördel webb / Alla har en webbläsare
Via inuseful.se/Fast Company/Ars Technica
onsdag den 14 april 2010
17. Fördel webb / Alla har en webbläsare
onsdag den 14 april 2010
18. Fördel webb / Alla har en webbläsare
Mobiler med touchskärm ökade med 159%
under Q3 2009
Smartphones ökade med 63% samma period
http://techcrunchies.com/touchscreen-phone-growth-and-market-share/
onsdag den 14 april 2010
19. Totalt oberoende
av operativsystem
Anpassa men inte inlåst
onsdag den 14 april 2010
20. Inget godkännande
innan publicering
Publicera det du vill hur du vill
onsdag den 14 april 2010
21. Ta betalt av kunden
på valfritt sätt
100% av intäkterna och inte 30% till Apple
onsdag den 14 april 2010
22. Billigare
att utveckla
Och att underhålla löpande
onsdag den 14 april 2010
23. Syns i sökmotorerna
Driver trafik till din mobilsida
onsdag den 14 april 2010
25. Google ÄR sök på webben
Google BLIR sök i mobilen
onsdag den 14 april 2010
26. SEO / Bygg för framtiden redan nu
Kostar inte mer än att bygga utan
sökmotoroptimering
”Enkelt” med kunskaper från webben
onsdag den 14 april 2010
27. SEO / Samma regler som för webben
Bra innehåll som uppdateras ofta
Beskrivande titlar (namn) på sidor och inlägg
Länka till andra sidor
Skapa inlänkar från andra sidor
Relevanta namn på bilder
Gör innehållet tillgängligt via RSS
onsdag den 14 april 2010
28. Webben närmar
sig applikationen
Tillgång till mobilens funktioner
onsdag den 14 april 2010
30. Var ligger din mobila sida?
Och hur hittar man dit?
onsdag den 14 april 2010
31. Adressval för din mobilsajt
Samma adress i mobil version (www.foretag.se)
automatiskt eller manuellt
spegling av din webbsida
hur omfattande är din webbsida?
vilken teknik används på webben (flash?)
OBS! Du bygger för mobilen
onsdag den 14 april 2010
32. Adressval för din mobilsajt
Helt annan adress tex foretag.mobi
hur vet man att ni har en mobil sida?
språkproblem
sidan kan bli ett mobilt nav
onsdag den 14 april 2010
33. Adressval för din mobilsajt
Subdomän/underdomän för mobilsidan
m.foretag.se
mobil.foretag.se
foretag.se/mobil
foretag.se/iphone
onsdag den 14 april 2010
34. Vad väljer jag?
Beror på syfte och innehåll på sajten
(corporate, kampanjsida, blogg)
Nuvarande teknisk plattform för webben
OBS! Du bygger för mobilen (andra önskemål
från besökaren)
onsdag den 14 april 2010
35. Att hitta dit
Fyra sätt att komma till din mobilsida
onsdag den 14 april 2010
36. www.facebook.com
touch.facebook.com
m.facebook.com
onsdag den 14 april 2010
41. Närvaron i mobilen
för Sveriges 34
största varumärken
onsdag den 14 april 2010
42. Topp tre varumärken från respektive bransch
ur Superbrands Business to Consumer
Topp tio ur Superbrands Business to Business
Tio största internationella varumärkena från
Interbrand.
Nu finns uppdaterade listor för 2010-2011
onsdag den 14 april 2010
43. 11(32%) har en mobilsida
anpassad för touchskärm
2 (6%) har en
mobilsida
anpassad för
16 (47%) har en mobilsida touchskärm
och vidarebefordring
34 testade varumärken
onsdag den 14 april 2010
48. Arla.se (mobil.arla.se)
IBM (m.ibm.com/se/sv)
McDonald’s (mobil.mcdonalds.se)
SonyEricsson (m.sonyericsson.com)
SvD (mobil.svd.se)
Systembolaget (mobil.systembolaget.se)
onsdag den 14 april 2010
49. m.arla.se rekommenderar Internet Explorer
eller Netscape som webbläsare...
coca-cola.mobi användes för en julsajt 2008...
microsoft.mobi vidarebefordrar till
webbversionen av sökmotorn Bing...
onsdag den 14 april 2010
50. Framtiden
5 saker vi kommer se mer av
onsdag den 14 april 2010
51. 5 saker vi kommer se mer av | 01
html5
onsdag den 14 april 2010
52. Framtiden / html5
Bättre stöd för animering (istället för Flash)
Stöd för ”framtidens” videoformat
Innehåll tillgängligt offline
Geolocation API (positionering)
Fungerar redan idag på iPhone, Android, Nokia,
Palm Pre = 65% av sålda smartphones
Läs mer: http://www.cloudfour.com/html5-from-a-mobile-perspective/
onsdag den 14 april 2010
53. 5 saker vi kommer se mer av | 02
Fler plattformar
onsdag den 14 april 2010
54. Framtiden / Fler plattformar
Android kommer växa s n a b b t
Windows Phone 7 (julen 2010)
Linux
Nokia Maemo
Samsung Bada
Stängda plattformar (Puma Phone)
onsdag den 14 april 2010
55. 5 saker vi kommer se mer av | 03
Positionering
onsdag den 14 april 2010
56. Framtiden / Mer positionering
Förbättrade sökresultat på
nuvarande position
Positionering (tex Gowalla och
Foursquare) med företagsspecifika
erbjudanden
GPS i alla mobiler
onsdag den 14 april 2010
57. 5 saker vi kommer se mer av | 04
”The cloud”
onsdag den 14 april 2010
58. Framtiden / ”The cloud”
Dokument/mail/bilder/kontakter sparas on-line
(i ”molnet” och är tillgängliga på olika
plattformar
Synkronisation mellan dator/er och mobil/er
Dokument: Dropbox
”Operativsystem”: EyeOS och Funambol
onsdag den 14 april 2010
59. 5 saker vi kommer se mer av | 05
Socialt
onsdag den 14 april 2010
60. Framtiden / Sociala tjänster
Dela med sig av innehåll till andra (gör ditt
innehåll tillgängligt för att dela)
Koppling med tex Facebook för att visa
kontaktfoton direkt i din mobil
Gemensam inkorg för SMS, och
statusmeddelanden från Facebook och Twitter
onsdag den 14 april 2010
61. • Vad är en webbapplikation?
• Skillnaden mot en nedladdningsbar applikation - när
väljer du vad?
• Hur får man målgruppen att hitta till sidan?
• Mobil sökmotoroptimering och praktiska tips
• Närvaron i mobilen för Sveriges 34 största varumärken
• Trender - vad väntar runt hörnet avseende mobilsidor?
onsdag den 14 april 2010
62. Vad är en
webapplikation?
Kan göra rika och funktionella animeringar på en mobilsida
Enkla program kan göras direkt i webbläsaren
onsdag den 14 april 2010
63. När är en riktig
applikation bättre?
Du vill ha tillgång till mobilens systemfunktioner
Om du vill utvecka ett spel
Mycket och tung grafik
Tillgängligt offline (ändras i framtiden)
onsdag den 14 april 2010
64. Hur hittar
man till sidan?
Sökmotoroptimera (SEO)
Kortnamn till kortnummer (i stödjande media)
Formulär för att få länken till mobilen (via webben)
Banners
onsdag den 14 april 2010
65. Närvaron i mobilen?
Hälften har en mobilsida (av skiftande kvalitet)
Fåtal har tagit ett helhetsgrepp om den mobila kanalen
onsdag den 14 april 2010
66. Trender
html5
Flera plattformar
Positionering
”The cloud”
Sociala tjänster
onsdag den 14 april 2010