Presentatie Succesvolle Websites tijdens SMM MannenMediaMarkt 2008 te Amsterdam

1. SUCCESVOLLE
WEBSITE
S=ExKxS

2. INTRODUCTIE
• Wendy The – SMM Digital Media
Webdevelopment Manager
• Jan Renting – AutoWeek.nl
IT Manager Online
• Bram Boertjes – SMM Digital Media
Product Development Manager

3. WANNEER SUCCESVOL?
• Veel (unieke) bezoekers?
• Veel inkomsten?
• Veel Awards?
• Veel bereik in de doelgroep?
• Veel pageviews?

4. WANNEER SUCCESVOL?

5. BEZINT
EER GIJ
BEGINT

6. WEBSITE
IS GEEN
TIJDSCHRIFT!

7. WEB IS GEEN TIJDSCHRIFT
• Frequentie (altijd en overal)
• Gebruiksmoment (multitasking)
• Aandacht versnippert: geen schaarste!
• Van Publicatie naar Conversatie

9. OVER MEER KANALEN

10. OVER MEER APPARATEN

11. DAT IS LEUK
MAAR…

12. WAT IS
JOUW DOEL?

13. EN

14. WAT IS
JOUW VERHAAL?

15. DOELEN STELLEN
“A PC on every desk “Organise all the
and in every home” world’s information”

16. DOELEN STELLEN

17. DOELEN DICHTBIJ
Maak het meetbaar in je Businesscase:
– 10.000 unieke bezoekers per maand
– 340.000 pageviews per dag
– 450 nieuwe abonnementen per jaar
– 16.000 e-mail adressen
DENK NA – LEG VAST - TOETS

18. WAT IS JOUW VERHAAL?
• Kies een onderwerp
• Kies een doelgroep
• Vertel 1 verhaal, niet de hele bijbel
• Blijf dicht bij jezelf
• Geloof je er zelf in?
• Wil je BEZOEKER het horen?
• Geef je bezoeker een ERVARING

20. “Never trade
Reputation
for Money”
Warren Buffet

21. WAT IS JOUW VERHAAL?
http://dwotd.web-log.nl/

22. WAT IS JOUW VERHAAL?
http://www.cloudappreciationsociety.org/
Fotoalbum meer dan 42,8 miljoen views!

23. KASBOEKJE KLOPT
• UITGAVEN
• INKOMSTEN
• RESULTAAT >> BUSINESSSITE
• RODE CIJFERS >> MARKETINGSITE!

24. PLAN KLOPT?
AAN DE SLAG!

25. BOUWPROCES WEBSITE
1. Functioneel Ontwerp
2. Design
3. HTML / CMS Bouwen
4. Content vullen
5. Testen
6. Livegang

26. 4 ELEMENTEN IN DE SITE:
DESIGN
TECHNIEK
CONTENT
INTERACTIE

27. SUCCES MET DESIGN
• Zorg voor herkenbaarheid van je merk
• Vormgeving is kwestie van smaak
• Veel belangrijker:
USABILITY

28. USABILITY IS BELANGRIJK
USABILITY gaat niet over kleurtjes
maar gaat over Informatie Architectuur
onderzoek:
USABILITY vergt onderzoek:
Doe onderzoek naar gebruik van de site binnen
enquete, testlab)
je doelgroep (panel, enquete, testlab)
USABILITY en Search Engine Optimalisatie
gaan hand in hand: Goed voor Google!!!

29. USABILITY TESTING

30. DESIGN vs USABILITY

31. HOMEPAGE vs DEEPLINK
BEHANDEL ELKE PAGINA
ALS EEN HOMEPAGE!!

32. OVERDRIJF
DESIGN NIET

33. http://thewhalehunt.org/

34. SUCCES MET TECHNIEK
• Het moet gewoon werken
• Laat je niet afschrikken
• Houd rekening met groei / uitbreiding
• Haal kennis in huis
• Probeer eerst klein en verbeter

35. SUCCES MET CONTENT
Jan Renting
AutoWeek

36. CONTENT CONTENT
CONTENT
• Functioneel- vs contentgedreven websites
(Google vs AutoWeek)
• Wij zijn contentproducenten
• Geen content > geen bezoekers > geen
inkomsten
• Als SMM hebben we een gigantisch archief.
Denk na over wat jij kunt hergebruiken!

37. CONTENT CONTENT
CONTENT
• Top 20 sites
1. Google.nl 8. Yahoo 15. Microsoft
2. Live/Hotmail 9. Wikipedia 16. De Telegraaf
3. Hyves 10. Nu.nl 17. Rabobank
4. YouTube 11. Postbank 18. Spele
5. Google.com 12. Startpagina 19. RapidShare
6. MSN 13. Partyflock 20. PartyPoker
7. Marktplaats 14. Blogger.com
* Volgens Alexa.com

38. CONTENT: Focus (1)
Doe één ding, en doe dat heel erg goed.
• Duidelijkheid voor bezoekers
• Goede propositie voor adverteerders
• Goed voor zoekmachine posities

39. Content: Focus (2)

40. CONTENT: Relevantie
• Breng de concurrentie in kaart (zijn er
nog kansen)
• Kijk naar gelijkwaardige sites/situaties
en kijk of je die kunt toepassen op jouw
onderwerp.
• Als je ergens mee begint, geef het dan
ook de volle aandacht!
• Zit er iemand op te wachten

41. CONTENT: Focus & Relevantie
Missers van AutoWeek:
• Autoreporter
• WheelzTV
• Kennis Quiz
• Formule 1 Manager

42. CONTENT: Blijf bij jezelf (1)
• Past het bij je eigen expertise
• Past het bij je bezoekersprofiel

43. CONTENT: Blijf bij jezelf (2)
Voorbeelden
AutoWeek:
• Music on Demand
• Fly & Drive
Vakanties
• Skillerz (Loterij)

44. CONTENT: Doe het zelf (1)
Website-techniek:
• Bouw kennis en knowhow op
• Sneller schakelen, korte lijnen
• Redeneer vanuit de bezoeker

45. CONTENT: Doe het zelf (3)
Redactie:
• Eén redactie voor blad en website
• Status website gelijk aan blad
• Niet alle site bezoekers lezen ook het blad en
andersom
• Wees actueel! Dus niet wekelijks of
maandelijks updaten
• Bewaar geen breaking news tot je blad
verschijnt.

46. CONTENT: Doe het zelf (3)
AutoWeek misser:
• 2000: Occasionsite
gereed! Gekozen voor
samenwerking met
partner.
• 2005: Bazaar.
Applicatie is goed, maar
te laat en het kreeg niet
de juiste plek?

47. CONTENT: Essentieel punt 1
Actualiteit
Bezoekers moeten iedere dag iets nieuws
aantreffen. Liefst nog meerdere keren
per dag.

48. CONTENT: Essentieel punt 2
Archief
Zorg dat bezoekers kunnen spitten in een
groot archief.

49. CONTENT: Essentieel punt 3
Blijf in beweging
De website is NOOIT af.
Bestudeer goed waar mensen zich mee bezig
houden op je site en speel daar op in.
Experimenteer!

50. CONTENT: Essentieel punt 4
Doe het goed of doe het niet
Streef de nummer 1 positie na.
(afbreukrisico)

51. SUCCES MET INTERACTIE
2.0-
-Welkom in 2.0-
Wendy The
Digital Media

53. Eigenschappen van Web 2.0
Web 2.0
• … is niet passief toekijken, maar actief deelnemen.
• … is mogelijk omdat kennis van de gebruikers wordt
gedeeld en vertrouwd.
• … is open.
• … applicaties worden beter, naarmate ze door meer
mensen worden gebruikt.
• … is niet nieuw, maar een realisatie in de potentie van
het web platform.
• … is een verschuiving van software naar services
(infoware)

58. Web 2.0 en techniek: in dienst van de content

59. De rol van de gebruiker
• De gebruiker staat centraal
• De gebruiker is zowel ontvanger als
leverancier van de content
• Content is van niemand en iedereen

60. • De gebruiker staat
centraal
• De gebruiker is zowel
ontvanger als leverancier
van de content
• Content is van niemand
en iedereen

61. User
Generated
Content

62. Voorbeelden van eerste
generatie Web 2.0
Weblogs & Wiki’s

63. Weblogs

64. Wiki’s

65. Second Life

66. In het begin: De Digitale Stad

68. Users geven zich bloot

70. Wie ben jij?

72. Nadelen: Privacygevoeligheid
• Identity theft
• Valse identiteiten
• Informatie wordt publiek bezit en is altijd
en door iedereen op te vragen
• Bedrijven vangen jouw informatie in
profielen

73. Identity theft

74. Valse identiteiten

75. Informatie wordt publiek bezit en is altijd
en door iedereen op te vragen…
…. Ook jaren later ben je terug te vinden!

76. Bedrijven vangen jouw informatie
in profielen

77. Hoe verdien je geld met Web 2.0?

78. The Power of Crowds

79. Twee weten
meer
dan één

80. Wikinomics
mass
collaboration:
een zegen of
vloek?

82. quot;We are completely thrilled at the number
of ideas (thousands!). We are stunned
by the level of conversation (half of the
top 20 ideas have 50 or more
comments each -- 50!). We are stoked
by the amount of participation (tens of
thousands of votes).“
Starbucks Blog

83. Iedereen doet het!

84. Amazon Mechanical Turk

85. Vijf regels van Crowdsourcing
1. The crowd is dispersed
People spread around the world can
perform a range of tasks – from the
most rote to the highly specialized – but
this would-be workforce needs to be
able to complete the job remotely.

86. Vijf regels van Crowdsourcing
2. The crowd has a short attention span
These new workers find time after
dinner and on weekends. So jobs need
to be broken into “micro-chunks.” Most
tasks on Amazon Mechanical Turk, for
example, take less than 30 minutes to
complete.

87. Vijf regels van Crowdsourcing
3. The crowd is full of specialists
For Procter & Gamble, the crowd is the
world’s scientific community; for VH1 it’s
any ham with a camcorder; for
iConclude it’s the handful of
professionals with experience
troubleshooting Microsoft’s server
software.

88. Vijf regels van Crowdsourcing
4. The crowd produces mostly crap
Networks like InnoCentive, Mechanical Turk,
and iStockphoto don’t increase the amount of
talent – they make it possible to find and
leverage that talent. Any open call for
submissions – whether for scientific solutions,
new product designs, or funny home videos –
will elicit mostly junk. Smart companies install
cheap, effective filters to separate the wheat
from the chaff.

89. Vijf regels van Crowdsourcing
5. The crowd finds the best stuff
Even as a networked community produces
tons of crap, it ferrets out the best material
and corrects errors. Wikipedia enthusiasts
quickly fix inaccuracies in the online
encyclopedia. Viewers of Web site YouTube
find the one tastelessly funny amateur video
from the 10 that are merely tasteless.

90. Wildgroei
aan
Web 2.0

91. Geld verdienen?

92. Kenmerken semantische web
• het intelligente -semantic- web hoge dosis KI
semantic- web;
• een altijd en overal aanwezige verbinding met het internet. Dit
internet
staat ook wel bekend als het pervasive web. Het web breekt
hiermee als het ware uit het computerscherm en wordt ook op
allerlei andere plaatsen beschikbaar: mobiele apparaten, maar
ook apparaten die nog uitgevonden moeten worden. Een simpel
voorbeeld hiervoor is een fotolijstje dat je foto’s via internet
ophaalt;
• network computing waarbij software als services wordt
computing,
aangeboden en gebruikt;
• het gebruik van open technologieën open API’s, open data
technologieën:
formaten, open source software;
• het gebruik van open identity zoals bijvoorbeeld OpenID.

93. Semantische Web:
“The Semantic Web is a set of technologies which are designed
to enable a particular vision for the future of the Web – a future
in which all knowledge exists on the Web in a format that
software applications can understand and reason about.
By making knowledge more accessible to software, software
will essentially become able to understand knowledge, think
about knowledge, and create new knowledge.
In other words, software will be able to be more intelligent – not
as intelligent as humans perhaps, but more intelligent than say,
your word processor is today.”

94. Web 3.0 and beyond…

95. FORMULE
VOOR
SUCCES!

96. S=ExKxS

97. S= ExKxS

98. ENTHOUSIASME

99. ENTHOUSIASME
• Geloof erin
• Zie de mogelijkheden
• Van titels naar merken
• Omarm de toekomst
• Blijf wel realistisch

100. S=Ex KxS

101. KENNIS

102. KENNIS
• Website is een ander medium
• Leer de mogelijkheden kennen
• Leer de BEZOEKER kennen
• Leren alleen is niet genoeg:
genoeg:
ONTWIKKEL VAARDIGHEDEN

103. S=ExKx S

104. SAMENWERKEN

105. SAMENWERKEN
• Crossmediaal werken
• Maak gebruik van elkaar!
elkaar!
• Kijk over je eigen titel heen
• Luister naar je BEZOEKERS
• Werk ook met hen samen

106. SAMENWERKEN
DUS GEEN EILANDJES
http://www.flickr.com/photos/axahir
INTERNET IS EEN DORP

107. SUCCES
=
ENTHOUSIASME
x
KENNIS
x
SAMENWERKEN

108. NEXT?
WHAT’S NEXT?
NIEUWE KANSEN
NIEUWE MIDDELEN
NIEUWE KANALEN

109. ALTIJD
&
OVERAL

110. VRAGEN
STAAT
VRIJ