<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Marlon blog</title>
	
	<link>http://blog.marlon.be</link>
	<description>Marlon bedenkt, ontwerpt en ontwikkelt webapplicaties en websites, met aandacht voor gebruiksvriendelijkheid, flexibiliteit en beheerbaarheid.</description>
	<lastBuildDate>Thu, 02 Feb 2012 07:02:47 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.3</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/marlonblog" /><feedburner:info uri="marlonblog" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Is Pinterest geschikt voor bedrijven?</title>
		<link>http://feedproxy.google.com/~r/marlonblog/~3/j_XshIpKmek/</link>
		<comments>http://blog.marlon.be/is-pinterest-geschikt-voor-bedrijven/#comments</comments>
		<pubDate>Thu, 02 Feb 2012 07:02:47 +0000</pubDate>
		<dc:creator>Robrecht</dc:creator>
				<category><![CDATA[e-commerce]]></category>
		<category><![CDATA[general]]></category>
		<category><![CDATA[online marketing]]></category>
		<category><![CDATA[sociale media]]></category>
		<category><![CDATA[trends]]></category>
		<category><![CDATA[Pinterest]]></category>
		<category><![CDATA[webshop]]></category>

		<guid isPermaLink="false">http://blog.marlon.be/?p=1193</guid>
		<description><![CDATA[Pinterst is een online prikbord. Je ‘pint’ er allerlei mooie, toffe dingen die je online tegenkomt. Deze ‘pins’ worden dan automatisch gedeeld met de mensen die jouw pins volgen. Zij kunnen jouw pins dan ‘liken’ of ‘repinnen’, waarbij het op hun prikbord verschijnt.
Om alles overzichtelijk te houden kan al je pins opdelen in verschillende boards [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://pinterest.com/" target="_blank">Pinterst</a> is een online prikbord. Je ‘pint’ er allerlei mooie, toffe dingen die je online tegenkomt. Deze ‘pins’ worden dan automatisch gedeeld met de mensen die jouw pins volgen. Zij kunnen jouw pins dan ‘liken’ of ‘repinnen’, waarbij het op hun prikbord verschijnt.</p>
<div id="attachment_1197" class="wp-caption aligncenter" style="width: 489px"><a href="http://blog.marlon.be/wp-content/uploads/2012/01/Pinterest-Algemeen-groot.png"><img class="size-full wp-image-1197  " title="Een overzichtspagina op Pinterest" src="http://blog.marlon.be/wp-content/uploads/2012/01/Pinterest-Algemeen-klein.png" alt="Een overzichtspagina op Pinterest" width="479" height="248" /></a><p class="wp-caption-text">Een overzichtspagina op Pinterest (klik om te vergroten)</p></div>
<p>Om alles overzichtelijk te houden kan al je pins opdelen in verschillende boards (prikborden). Welke indeling en hoeveel boards je gebruikt hangt af van jouw smaak. Zo kan je een board maken rond nieuwe outfits, terwijl een ander board over architectuur of interieurinrichting gaat.</p>
<div id="attachment_1201" class="wp-caption aligncenter" style="width: 489px"><a href="http://blog.marlon.be/wp-content/uploads/2012/01/Pinterest-overzicht-boards-groot.png"><img class="size-full wp-image-1201  " title="Pinterest overzicht boards" src="http://blog.marlon.be/wp-content/uploads/2012/01/Pinterest-overzicht-boards-klein.png" alt="Overzicht van Boards op een Pinterest-profiel" width="479" height="220" /></a><p class="wp-caption-text">Overzicht van Boards op een Pinterest-profiel (klik om te vergroten)</p></div>
<p><strong>Doelgroep<br />
</strong> Het overgrote deel van de <a href="http://www.readwriteweb.com/archives/who_uses_pinterest.php" target="_blank">Pinterest-gebruikers</a> zijn vrouwen tussen 25 en 34 jaar. Een doelgroep die moeilijk te bereiken is. Heb je als bedrijf producten die voor deze doelgroep geschikt zijn dan zit je goed op Pinterest.</p>
<p><strong>Waarom?<br />
</strong> Naast de aanwezigheid van jonge vrouwen zijn er nog tal van andere redenen waarom je als bedrijf aanwezig moet zijn op Pinterest:</p>
<ul>
<li>Imago opbouwen</li>
<li>Naambekendheid vergroten</li>
<li>Nieuwe ideeën opdoen
<ul>
<li>Nieuwe producten ontdekken</li>
<li>Nieuwe content ontdekken voor op je Facebook-pagina of blog, bijvoorbeeld: een toffe pin van een van je volgers</li>
</ul>
</li>
<li>Zien wat er leeft bij jouw doelgroep</li>
<li>Je krijgt meer voeling met je doelgroep</li>
<li>Uniek contact met je doelgroep</li>
<li>Het is heel visueel en een beeld zegt nu meer dan 1000 woorden</li>
<li>Bij iedere pin (ook bij repins) staat er een mooie vermelding naar jouw website.</li>
<li>Toffe wedstrijden organiseren
<ul>
<li>Vraag aan je volgers om een foto te pinnen over hoe ze een van jouw producten gebruiken</li>
<li>Vraag aan je volgers om op een speciaal board foto&#8217;s te pinnen waarvan zijn vinden dat ze bij jouw merk passen. Op die manier creëer je een crowdsourced moodboard. Wie weet leer je er wel iets uit&#8230;</li>
</ul>
</li>
<li>Het is gewoon leuk</li>
</ul>
<p><strong>Just (re)pin it!<br />
</strong> De volgende stap is om zelf actief deel te nemen in Pinterest. Hier volgen enkele tips om actief deel te nemen aan Pinterest:</p>
<ul>
<li>Eigen producten pinnen (maar overdrijf hier niet in)</li>
<li>Producten, merken, foto’s, die je zelf mooi vindt en die bij jouw merk passen, pinnen</li>
<li>Anderen hun pins repinnen</li>
<li>Andere hun pins leuk vinden</li>
<li>Reageren op anderen hun pins</li>
<li>Anderen hun prikborden beginnen volgen</li>
<li>Je volgers hun prikborden terugvolgen</li>
</ul>
<p>Een bedrijf dat dit heel goed aanpakt is <a href="http://pinterest.com/amdunprocessed/" target="_blank">Advanced Micro Devices (AMD)</a>. AMD maakt processors en grafische kaarten voor computers. Op het eerste zicht niet echt een bedrijf dat actief zou zijn op Pinterest. Maar ze doen het toch en hoe! Hun pins gaan over alles wat met de geek-cultuur te maken heeft, zoals comics, gadgets en laptoptassen in alle geuren en kleuren.</p>
<div id="attachment_1199" class="wp-caption aligncenter" style="width: 489px"><a href="http://blog.marlon.be/wp-content/uploads/2012/01/Pinterest-AMD-groot.png"><img class="size-full wp-image-1199" title="Profielpagina van AMD op Pinterest" src="http://blog.marlon.be/wp-content/uploads/2012/01/Pinterest-AMD-klein.png" alt="Profielpagina van AMD op Pinterest" width="479" height="238" /></a><p class="wp-caption-text">Profielpagina van AMD op Pinterest (klik om te vergroten)</p></div>
<p>Ook de Belgische webshop van ecologische verantwoorde baby-en kinderspullen <a href="http://pinterest.com/Villakakelbont/" target="_blank">Villa Kakelbont</a> gebruikt Pinterest. In hun webshop is zelfs de Pin-it button geïntegreerd, zodat gebruikers moeiteloos een product kunnen pinnen. Daarnaast zijn ze ook heel actief op Pinterest. Ze pinnen niet enkel hun eigen producten, maar ook allerlei dingen die ze zelf tof vinden, maar altijd met ecologie en fairtrade in het achterhoofd.</p>
<p><strong>Wat mag je verwachten?<br />
</strong>Pinterest staat nog in zijn, of beter haar, kinderschoenen. In Amerika stijgt het aantal actieve gebruikers maand na maand. Europa volgt, maar veel trager. Je moet dus niet verwachten dat je verkopen plots een <em>boost</em> gaan krijgen. Je kan wel altijd meer bezoekers krijgen. Dit zien we bij Villa Kakelbont, het aantal bezoeken van Pinterest stijgt week na week. Zie het dus eerder als iets voor je imago op te bouwen en te ondersteunen en vooral als een inverstering in de toekomst. Als je als bedrijf er voor kiest om actief Pinterest te gebruiken, focus je dan niet te veel op harde cijfers. Zeker niet in het begin. Zoals met alles heeft het tijd nodig om te groeien. Geef dus niet te snel op!</p>
<div id="attachment_1218" class="wp-caption aligncenter" style="width: 489px"><a href="http://blog.marlon.be/wp-content/uploads/2012/01/Pinterest-pin-Villa-Kakelbont-groot.png"><img class="size-full wp-image-1218 " title="Gebruikers pinnen zelf producten van Villa Kakelbont" src="http://blog.marlon.be/wp-content/uploads/2012/01/Pinterest-pin-Villa-Kakelbont-klein.png" alt="Gebruikers pinnen zelf producten van Villa Kakelbont (klik om te vergroten)" width="479" height="677" /></a><p class="wp-caption-text">Gebruikers pinnen zelf producten van Villa Kakelbont (klik om te vergroten)</p></div>
<p><strong>Nog een laatste tip<br />
</strong> Nog snel een tip om af te sluiten (en om het af te leren). Hoe kom je nu te weten wie er iets over jouw website heeft gepind? Dat is heel eenvoudig. Ga gewoon naar <a href="http://pinterest.com/source/jewebsite.com">http://pinterest.com/source/jewebsite.com</a> en je ziet een overzicht van alle pins over jouw website. Bijvoorbeeld op <a href="http://pinterest.com/source/villa-kakelbont.com/">http://pinterest.com/source/villa-kakelbont.com/</a> zie alle pins die er al zijn verschenen over Villa Kakelbont. Ga je naar <a href="http://pinterest.com/source/kleinezebra.com/" target="_self">http://pinterest.com/source/kleinezebra.com </a>dan zie je alle pins over <a href="http://www.kleinezebra.com/" target="_blank">De Kleine Zebra</a>.</p>
<p><strong>Dus&#8230;<br />
</strong>Pinterest biedt dus heel wat mogelijkheden om aan je imago te werken of om je merk of producten onder de aandacht te brengen. Wat denken jullie van het gebruik van Pinterest door bedrijven? Laat het ons weten in de comments.</p>
<p>Wil je op de hoogte gehouden worden van nieuwe blog posts en trends? Like ons dan op <a href="http://www.facebook.com/marlonwebdesign" target="_blank">Facebook</a> of abonneer je op de <a href="http://feeds2.feedburner.com/marlonblog" target="_blank">RSS-feed</a>.</p>
<img src="http://feeds.feedburner.com/~r/marlonblog/~4/j_XshIpKmek" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.marlon.be/is-pinterest-geschikt-voor-bedrijven/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.marlon.be/is-pinterest-geschikt-voor-bedrijven/</feedburner:origLink></item>
		<item>
		<title>Je webshop promoten – deel 2: bloggen</title>
		<link>http://feedproxy.google.com/~r/marlonblog/~3/Vw6whCGCaRc/</link>
		<comments>http://blog.marlon.be/je-webshop-promoten-deel-2-bloggen/#comments</comments>
		<pubDate>Mon, 30 Jan 2012 06:32:23 +0000</pubDate>
		<dc:creator>Robrecht</dc:creator>
				<category><![CDATA[e-commerce]]></category>
		<category><![CDATA[marlon]]></category>
		<category><![CDATA[online marketing]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[bloggen]]></category>
		<category><![CDATA[webshop]]></category>

		<guid isPermaLink="false">http://blog.marlon.be/?p=981</guid>
		<description><![CDATA[Lees ook Je webshop promoten &#8211; deel 1: Google AdWords.
In dit tweede deel gaan we in op hoe een blog je kan helpen om je webshop te promoten.
Blog? Wat is een blog?
 Een blog is een website waar je regelmatig berichten (de blog posts) op plaatst. Deze berichten kunnen heel zakelijk of juist heel persoonlijk [...]]]></description>
			<content:encoded><![CDATA[<p>Lees ook <a href="http://blog.marlon.be/je-webshop-promoten-deel-1-google-adwords/">Je webshop promoten &#8211; deel 1: Google AdWords</a>.</p>
<p>In dit tweede deel gaan we in op hoe een blog je kan helpen om je webshop te promoten.</p>
<p><strong>Blog? Wat is een blog?<br />
</strong> Een blog is een website waar je regelmatig berichten (de blog posts) op plaatst. Deze berichten kunnen heel zakelijk of juist heel persoonlijk zijn. De lezers van een blog kunnen bij ieder artikel reageren, wat bij een gewone website niet kan. Veel blog posts kunnen snel en eenvoudig gedeeld worden via sociale media. De lezers kunnen zich ook abonneren op een blog met een <a href="http://www.whatisrss.com/" target="_blank">RSS-feed</a>. Om een blog op te starten zijn er enkele gratis platformen beschikbaar. De bekendste zijn <a href="https://accounts.google.com/ServiceLogin?service=blogger&amp;passive=1209600&amp;continue=http://www.blogger.com/home&amp;followup=http://www.blogger.com/home&amp;ltmpl=start#s01" target="_blank">Blogger</a> van Google en <a href="http://wordpress.org/" target="_blank">WordPress</a>. Het is aangeraden dat de blog dezelfde huisstijl heeft als jouw webshop. Neem hiervoor zeker contact op met je webdesigner, hij zal je zeker en vast verder helpen.</p>
<p><strong>Waarom zou ik nu bloggen?<br />
</strong> We geven het toe: regelmatig bloggen is geen gemakkelijke opdracht. Met schaamrood op de wangen moeten we toegeven dat zelfs wij het er soms moeilijk mee hebben. Maar met het nodige doorzettingsvermogen kun je er wel prachtige resultaten uit halen. Door actief te bloggen word je aanzien als een referentie binnen je vakgebied. Dit is een duidelijk signaal naar potentiële klanten en het vertrouwen dat huidige klanten al hebben wordt nog eens bevestigd. Door te bloggen creëer je een band met je klanten, wat de loyaliteit zal verhogen.</p>
<p>Een blog heeft natuurlijk ook een informatie-verstrekkende functie. Door te bloggen hou je je klanten op hoogte van alle nieuwe ontwikkelingen in de webshop, zoals nieuwe producten of nieuwe features.</p>
<p>Een blog heeft ook een rechtstreekse invloed op je verkopen. Door te bloggen over een merk dat je aanbiedt of een nieuwe collectie wek je interesse bij de bezoekers en zullen ze misschien kopen. Dit effect zien we duidelijk bij <a href="http://blog.kleinezebra.com/" target="_blank">De Kleine Zebra</a>. Iedere keer als De Kleine Zebra blogt over een merk of nieuwe producten, zien we een duidelijke stijging in het aantal verkopen en meer bepaald in de producten die werden besproken of getoond in de blog.</p>
<p>Last but not least. Bloggen is goed voor SEO. Google houdt van nieuwe content, zeker als die afkomstig is van blogs. Door regelmatig te bloggen kun je je positie in de zoekresultaten verhogen of verstevigingen. Je moet dan wel vooraf een SEO-strategie opstellen.</p>
<p><strong>Waarover moet ik nu bloggen?<br />
</strong> Het is niet simpel om steeds goede onderwerpen te vinden om over te bloggen. Volgende tips zullen je zeker en vast op de goede weg helpen:</p>
<ul>
<li>Is er een nieuwe collectie of zijn er nieuwe producten binnengekomen? Blog er over. Zo weten je lezers dat er iets nieuws in je webshop is. De webshop <a href="http://pepatino.blogspot.com/" target="_blank">Pepatino</a> doet dit zo. Als er nieuwe producten binnen komen bloggen zij hierover. De posts worden steeds voorzien van het nodige beeldmateriaal en natuurlijk ook een link naar de relevante pagina&#8217;s in de eigenlijke webshop.</li>
<li>Test één van je producten en zet de resultaten op je blog. Zo laat je de lezers al warm lopen voor het product.</li>
<li>Over een deelname of bezoek aan een beurs of conferentie kan je ook bloggen. Zo weten je lezers dat je up to date wil blijven, wat het vertrouwen in je webshop ten goede zal komen. De webshop <a href="http://www.demagischeboom.be/magische-boom/blog/2011/11/08/petit-bazaar/" target="_blank">De Magische Boom</a> heeft dit gedaan naar aanleiding van de deelname aan de webshop-beurs <a href="http://petitbazaar.be/" target="_blank">Petit Bazaar</a>.</li>
<li>Zet eens één van je aangeboden merken in de kijker. Dit kan op verschillende manieren. Je kan de evolutie schetsen van het merk of je kan een gesprek hebben met één van de sleutelfiguren van dat merk. De t-shirt-webshop Teeville.eu doet dat. Op regelmatige tijdstippen zetten zij een <a href="http://teeville.eu/tee-designer-of-the-week-niek-kosten/" target="_blank">t-shirt designer</a> in de spotlights.</li>
<li>Je kan een interview met één van je grootste fans op de blog zetten. Hij of zij legt dan uit waarom jouw webshop zo geweldig is. Maar hier mag niet de nadruk op liggen. Leg eerder de nadruk op de producten die zij bij jou hebben gekocht en vooral op de verhalen die daar bij samenhangen.</li>
<li>Geef jouw webshop een gezicht en post een interview met één van de werknemers van de webshop. Een webshop die dit heel goed weet in te vullen die Groupon. Op regelmatige tijdstippen kun je op de blog van Groupon <a href="http://blog.groupon.be/?s=Behind+The+Deals" target="_blank">korte interviews</a> lezen met iemand die er werkt.</li>
</ul>
<div id="attachment_984" class="wp-caption aligncenter" style="width: 489px"><img class="size-full wp-image-984 " title="De blog van De Kleine Zebra" src="http://blog.marlon.be/wp-content/uploads/2011/11/DKZ-copy.jpg" alt="De blog van De Kleine Zebra" width="479" height="483" /><p class="wp-caption-text">De blog van De Kleine Zebra draait op WordPress-technologie</p></div>
<p><strong>Tips om je blog beter te maken<br />
</strong> Om af te sluiten geven we je nog wat tips mee om je blog beter te maken:</p>
<ul>
<li>Gun het oog ook wat. Voor mensen beslissen om iets te lezen, gaan ze de tekst scannen. Afbeeldingen zorgen er voor dat mensen sneller gaan beslissen of een tekst de moeite waard is of niet. Daarenboven zien ze ook graag over wat de blog post gaat. Heb je meerdere foto’s, dan kan je die groeperen in een diashow. Een blog die dit goed toepast is die van <a href="http://blog.kleinezebra.com/2011/11/08/designer-babynestje-iphone-hoesjes-en-mama-luxe/" target="_blank">De Kleine Zebra</a>.</li>
<li>Het is ook een goed idee om video toe te voegen aan een blog post.</li>
<li>Sta reacties toe op je blog. Heb je een reactie, reageer daar dan ook op. Het is niet nodig om op iedere reactie te reageren, maar als er vragen zijn, is dit toch wel aangeraden. Wees ook niet bang van negatieve reacties: negatieve commentaar is iemand die geholpen wil en kan worden. Antwoord, help die persoon, doe alles om de ervaring terug positief te maken.</li>
<li>Zorg er voor dat je blog posts gemakkelijk te delen zijn via sociale media.</li>
<li>Zorg voor een RSS-feed. Hierdoor kunnen je lezers zich makkelijk abonneren op je blog, waardoor ze altijd op de hoogte gehouden worden als er een nieuwe blog post is.</li>
<li>Als je over en product blogt, dan mag je gerust een link leggen naar dat product in de webshop. Je mag dat meerdere keren doen, maar zorg er voor dat er geen overdaad aan links is. Je kan ook linken naar andere websites. Zo kan je verwijzen naar de website van de producent van één van de aangeboden producten.</li>
<li>Zorg voor interactie. Laat je blog posts niet eindigen zoals een afgrond: plots. Je kan op het einde van blog post een volgend deel al aankondigen, of duidelijk verwijzen naar de webshop. Je kan ook naar de mening van je lezers vragen. Ze zullen je die met veel plezier geven en wie weet, misschien leer je er nog iets uit.</li>
</ul>
<p><strong>Conclusie<br />
</strong> Door te bloggen geef je duidelijk aan dat je bezig bent met je zaak en dat je er 100% voor gaat. Regelmatige updates houden de webshop onder de aandacht en geven een reden aan de bezoekers om opnieuw iets te kopen. Door te bloggen over nieuwe producten kun je zelfs je verkopen rechtstreeks een <em>boost</em> geven.</p>
<p>In het volgende deel van deze reeks rond de promotie van je webshop, gaan we het hebben over sociale media. Alvast iets om naar uit te kijken! Wil je op de hoogte gehouden worden van nieuwe blog posts, zoals het vervolg in deze reeks? Like ons dan op <a href="http://www.facebook.com/marlonwebdesign" target="_blank">Facebook</a> of abonneer je op de <a href="http://feeds2.feedburner.com/marlonblog" target="_blank">RSS-feed</a>.</p>
<img src="http://feeds.feedburner.com/~r/marlonblog/~4/Vw6whCGCaRc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.marlon.be/je-webshop-promoten-deel-2-bloggen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.marlon.be/je-webshop-promoten-deel-2-bloggen/</feedburner:origLink></item>
		<item>
		<title>10 tips voor een straffe webshop (deel 1)</title>
		<link>http://feedproxy.google.com/~r/marlonblog/~3/2Z0-7KDO5vg/</link>
		<comments>http://blog.marlon.be/10-tips-voor-een-straffe-webshop-deel-1/#comments</comments>
		<pubDate>Thu, 26 Jan 2012 20:08:11 +0000</pubDate>
		<dc:creator>vincent</dc:creator>
				<category><![CDATA[e-commerce]]></category>
		<category><![CDATA[gebruiksvriendelijkheid]]></category>
		<category><![CDATA[general]]></category>
		<category><![CDATA[online marketing]]></category>
		<category><![CDATA[trends]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[e-shop]]></category>
		<category><![CDATA[eshop]]></category>
		<category><![CDATA[optimalisatie]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[webshop]]></category>
		<category><![CDATA[webwinkel]]></category>

		<guid isPermaLink="false">http://blog.marlon.be/?p=856</guid>
		<description><![CDATA[In deze nieuwe reeks artikels geven we in het totaal 10 tips voor een zeer goede webshop. Als Marlon hebben we al heel wat webshops bedacht, ontworpen en gebouwd. Geen bandwerk bij ons. We maken van elke shop iets uniek, met een eigen gezicht en het resultaat is altijd van een zeer hoge kwaliteit. Dus [...]]]></description>
			<content:encoded><![CDATA[<p>In deze nieuwe reeks artikels geven we in het totaal 10 tips voor een zeer goede webshop. Als <a href="http://www.marlon.be">Marlon</a> hebben we al heel wat <a href="http://blog.marlon.be/tag/webshop/">webshops</a> bedacht, ontworpen en gebouwd. Geen bandwerk bij ons. We maken van elke shop iets <strong>uniek</strong>, met een <strong>eigen gezicht</strong> en het resultaat is altijd van een <strong>zeer hoge kwaliteit</strong>. Dus we mogen stellen — ok, toegegeven, dit klinkt arrogant — dat we stilaan weten waarover we het hebben.</p>
<h2>The money will roll right in</h2>
<p>Ga echter niet denken dat deze tips een perfect draaiende en geld binnenrijvende webwinkel garanderen. Zo werkt het helemaal niet!</p>
<p>Een goede webshop heeft om te starten een aantal basisvereisten, die keihard voor zich spreken, maar die we toch even kort opsommen:</p>
<ul>
<li>een reeks straffe producten;</li>
<li>aan exact de juiste prijs;</li>
<li>ideaal gepromoot;</li>
<li>met een fenomenale klantendienst als ondersteuning.</li>
</ul>
<p>Zonder deze fundering mag je webshop nog zo professioneel gemaakt zijn, zo mooi ogen of zo state-of-the-art zijn, je bereikt er niet zoveel mee. De vier puntjes hierboven, dat is waar je aan moet voldoen voor je ook maar aan de rest begint te denken.</p>
<p>Want dat is waar we het in deze artikels over gaan hebben: <em>the icing on the cake</em>. Die kleine dingen die het <em>af</em> maken. Die eenvoudige zaken die aandacht vergen, werk vereisen, met als resultaat dat jouw webshop nog beter wordt dan die al is.</p>
<h2>Tip 1: De ervaring van het online shoppen</h2>
<p>Elke winkel die zichzelf respecteert — en we hebben het hier even over echte winkels uit baksteen, met deuren en ramen, en in een straat; je weet wel, dat oud soort winkels — wil ervoor zorgen dat de klant iets ervaart. Sommige winkels zijn zeer praktisch ingericht, denk maar aan de Colruyt warenhuizen. De ervaring en sfeer in die winkels is quasi onbestaand. Maar dat is ook niet erg.</p>
<p>Andere winkels daarentegen gaan ver de andere richting uit: de etalage, de muziek, de belichting, hoe het personeel gekleed is (of niet gekleed is): aan alles wordt aandacht geschonken. En daar eindigt het niet: de verpakking, het prijskaartje, de kapstokken, tot en met de zak die je mee neemt naar buiten: dat allemaal maakt deel uit van een merk, van een ervaring, van een sfeer. Een identiteit.</p>
<p>Bij een webshop is dit niet anders. We hebben vaak het idee dat iemand die online winkelt een vrij praktische actie aan het uitvoeren is. Ah ja! Ze zitten aan een computer, hét saaie en technische werkinstrument bij uitstek! Dat is een foute redenering. Natuurlijk heeft de webshop een aantal zeer praktische voordelen tegenover een gewone winkel, en natuurlijk moet de webshop uitmunten in gebruiksvriendelijkheid. Maar dat betekent niet dat we een webshop mogen herleiden tot een praktische tool. Uw webshop moet op alle vlakken ook nog haar identiteit uitstralen.</p>
<h3>De aankoop start vroeger en duurt langer dan je denkt</h3>
<p>Als we nadenken over welke stappen doorlopen worden door iemand die in contact komt met je webshop, dan komen we ruwweg tot deze lijst:</p>
<ul>
<li>eerste kennismaking: een artikel lezen, je naam lezen (en al dan niet onthouden; of al dan niet weten hoe je die juist schrijft); of een vriend of vriendin die het er over heeft en zeer eerlijk zal zijn in het delen van zijn of haar ervaring; of een zoekresultaat in Google;</li>
<li>je website bezoeken: welke kleuren gebruik je, welke afbeeldingen;</li>
<li>nog straffer: welke bewoording hanteer je, hoe beschrijf je jouw producten, hoe praat je tegen je bezoeker;</li>
<li>hoe loopt de bestelling: stroef, de ene drempel na de ander; of gaat alles vlot en is alles ongelooflijk duidelijk;</li>
</ul>
<h3>Let op je taal, jongen!</h3>
<p>Kortom, stap één is je eigen stijl ontwikkelen. En dat is niet enkel visueel. Ook je taalgebruik is van belang. Het grootste gevaar is dat je webshop als een machine gaat klinken. Een aanvang als &#8216;Gelieve een&#8230; &#8216; of een beschrijving als &#8216;Kurkentrekker die er uit ziet als een stier&#8217; geeft niets van je persoonlijkheid of stijl weer.</p>
<p>Dus het start al met de productomschrijving. <a href="http://www.lisamille.be">Webshop Lisa Mille</a> schrijft bij elk product een haast persoonlijke beschrijving. Zelfs een <a href="http://www.lisamille.be/nl/catalogus/in-de-keuken/eva-solo-eikokertje-eva-solo-1">eikokertje</a> krijgt een mooi zelf geschreven en persoonlijke beschrijving. Zomaar de tekst van de leverancier overnemen is echt uit den boze.</p>
<div id="attachment_1170" class="wp-caption aligncenter" style="width: 489px"><img class="size-full wp-image-1170 " title="lisa-mille-copywriting" src="http://blog.marlon.be/wp-content/uploads/2012/01/lisa-mille-copywriting.jpg" alt="Lisa Mille webshop: zelfs een eikokertje krijgt een persoonlijke beschrijving" width="479" height="282" /><p class="wp-caption-text">Lisa Mille webshop: zelfs een eikokertje krijgt een persoonlijke beschrijving</p></div>
<p>Bij <a href="http://www.kleinezebra.com">De Kleine Zebra</a> trekken ze dit door in de manier waarop ze hun categorieën noemen, net als <a href="http://www.monsterswithanattitude.be">Monsters with an Attitude</a>. Hier geen &#8216;Badkamer&#8217; maar &#8216;<a href="http://www.kleinezebra.com/categorie/splish-splash">splish splash</a>&#8216; of geen &#8216;Speelgoed&#8217; maar <a href="http://www.monsterswithanattitude.be/Ravot/kot-op-stelten-0-6M">&#8216;Ravot&#8217; en &#8216;Kot op stelten&#8217;</a></p>
<div id="attachment_1172" class="wp-caption aligncenter" style="width: 489px"><img class="size-full wp-image-1172" title="monsters-copywriting" src="http://blog.marlon.be/wp-content/uploads/2012/01/monsters-copywriting.jpg" alt="De namen van een categorie bij Monsters with an Attitude zijn allesbehalve gewoontjes." width="479" height="115" /><p class="wp-caption-text">De naam van een categorie bij Monsters with an Attitude is allesbehalve gewoontjes.</p></div>
<h3>Bedanken en bevestigen, maar niet als een machine</h3>
<p>En dan? Wat na de bestelling? Dan denken veel webshops dat het is afgelopen. Dan begint het pas! Weet de klant wanneer het pakje komt? Kan de klant het pakje volgen? Stuur je een degelijk bevestigingsmail uit? Wat staat daar in? Spreek je de klant persoonlijk aan of klinkt alles zeer technisch? Het geld is binnen en het lijkt er op dat alles beklonken is: de bestelling is namelijk geplaatst. Ook vlak na die stap moet je in contact blijven, de ervaring moet blijvend zijn. Je mag niet verzanden in formeel en technisch de bestelling af te handelen. Zo hebben we voor de website van <a href="http://www.fuchsia.be">Fuchsia-kwekerij Katrien Michiels</a> een bevestigingsmail ontworpen waar een collage staat van de foto&#8217;s van de bloemen die je besteld hebt. Zo krijg je na je bestelling een mooi visueel overzicht van wat je kocht. Voor haar klanten — die echt gepassioneerde fuchsia-fans zijn — is het belangrijk dat ze na hun bestelling een visuele bevestiging hebben, waarmee ze bijvoorbeeld aan vrienden of familie in één oogopslag hun mooie bestelling kunnen tonen.</p>
<h3>Verpakking, verpakking, verpakking</h3>
<p>Is het dan afgelopen, eenmaal je mooi en persoonlijk bevestigd hebt? Neen, nog steeds niet. Want wat is allesbepalend bij het online kopen: het ontvangen van het product zelf. Is de doos een saaie bruine kartonnen ding vol gaten en blutsen, die ook nog eens lelijk is dicht gekleefd? Of is het een doos met een eigen grafiek? <a href="http://www.kleinezebra.com">De Kleine Zebra</a> levert aan in mooi bedrukte dozen. Zelf de sticker met het adres is ontworpen. De aankoop van een product bij hen blijft dus doorlopen tot het openen van het pakje. Het is zelfs zo dat we die dozen meermaals bij mensen thuis zien staan. Ze gooien die niet weg of gebruiken die niet om oude kranten in te verzamelen. Sommige klanten gebruiken die als volwaardige opbergdozen die mogen gezien worden.</p>
<div id="attachment_1173" class="wp-caption aligncenter" style="width: 489px"><img class="size-full wp-image-1173" title="kleine-zebra-verpakking" src="http://blog.marlon.be/wp-content/uploads/2012/01/kleine-zebra-verpakking.jpg" alt="De mooie verpakkingen van De Kleine Zebra" width="479" height="414" /><p class="wp-caption-text">De mooie verpakkingen van De Kleine Zebra</p></div>
<h3>Verrassing!</h3>
<p>Zit er een verrassing in de doos? Een klein extraatje die de klant blij maakt? Vraag je achteraf om feedback, op een zeer persoonlijke manier? <a href="http://www.monsterswithanattitude.be">Monsters with an Attitude</a> legt in al haar pakjes die ze opsturen een cadeautje: een klein stoffen popje. Een kleine attentie die bij vele klanten een leuke extra is en mensen een positief beeld geeft van de webshop en het online bestellen.</p>
<div id="attachment_1175" class="wp-caption aligncenter" style="width: 489px"><img class="size-full wp-image-1175" title="monsters-popje" src="http://blog.marlon.be/wp-content/uploads/2012/01/monsters-popje1.jpg" alt="Monsters with an Attitude stopt een extra popje in elke verpakking" width="479" height="574" /><p class="wp-caption-text">Monsters with an Attitude stopt een extra popje in elke verpakking</p></div>
<h3>Maar hou het sober</h3>
<p>Belangrijk is wel dat die ervaring niks in de weg staat. Een achtergrondmuziekje lijkt iets te zijn dat de sfeer van een webwinkel versterkt, maar werkt voor de overgrote meerderheid van de mensen eerder irritatie op. Een splash-pagina, een soort homepage voor de homepage, waar je in één beeld je sfeer wil oproepen: nutteloos en een drempel vol goede bedoelingen maar met een tegengesteld effect.</p>
<h2>Tip 2: Persoonlijkheid: ge zijt wie ge zijt</h2>
<p>We hebben het hiernet al vaak gezegd, en ik heb zelfs al 7 maal het woord &#8216;persoonlijk&#8217; of een variant gebruikt: hoe technische een website ook lijkt (een stuk code, bekeken op een scherm, aan een computer), je webwinkel moet persoonlijkheid uitstralen in elke stap.</p>
<p>Je zal merken dat elk van de webshops die we gebouwd hebben dat doet. Of de meeste toch.</p>
<h3>Geef je webshop een gezicht</h3>
<p><a href="http://www.kleinezebra.com">De Kleine Zebra</a> maakt <a href="http://www.kleinezebra.com/static/aboutus/index.php">elk jaar opnieuw een foto</a> van de drie zussen die de winkel hebben opgestart, samen het hun kinderen. Wij vinden dit zo&#8217;n mooi voorbeeld. Deze dames zeggen en tonen dat ze echt zijn, dat ze net dezelfde personen zijn als hun klanten: mama&#8217;s op zoek naar mooie spullen voor hun kinderen. Ze maken ook werk van een jaarlijks aangepaste beschrijving van hun verhaal.</p>
<div id="attachment_1176" class="wp-caption aligncenter" style="width: 489px"><img class="size-full wp-image-1176" title="kleine-zebra-wie-zijn-we" src="http://blog.marlon.be/wp-content/uploads/2012/01/kleine-zebra-wie-zijn-we.jpg" alt="De jaarlijkse aangepaste 'Wie zijn we' pagina van De Kleine Zebra." width="479" height="391" /><p class="wp-caption-text">De jaarlijkse aangepaste &#39;Wie zijn we&#39; pagina van De Kleine Zebra.</p></div>
<p><a href="http://www.lisamille.be">Lisa Mille</a> spreekt de bezoeker ook zeer persoonlijk aan. Om te beginnen in de manier waarop ze de producten op een eigen manier beschrijft (zie hierboven), maar ook door een kleine foto met haar kinderen op elke pagina van de website te zetten. <a href="https://www.facebook.com/lisamillebe">Op haar Facebook pagina</a> geeft ze ook een eerlijke inkijk op haar werk als mama die een webshop runt.</p>
<div id="attachment_1180" class="wp-caption aligncenter" style="width: 489px"><img class="size-full wp-image-1180" title="lisa-mille-facebook" src="http://blog.marlon.be/wp-content/uploads/2012/01/lisa-mille-facebook.jpg" alt="Persoonlijkheid is je klanten ook inkijk geven op wat er zich achter de schermen afspeelt." width="479" height="291" /><p class="wp-caption-text">Persoonlijkheid is je klanten ook inkijk geven op wat er zich achter de schermen afspeelt.</p></div>
<p>Ook voor de kwekerij <a href="http://www.fuchsia.be/">Fuchsia Michiels</a> maakten we een punt van dat principe: Katrien Michiels, die de kwekerij van haar vader overnam, is in haar sector een naam en een gezicht. Het is daarom essentieel dat ze onmiddellijk op de homepagina staat. Iedereen in die sector kent haar. En op die manier geeft ze ook aan hoe authentiek de website is.</p>
<div id="attachment_1177" class="wp-caption aligncenter" style="width: 489px"><img class="size-full wp-image-1177" title="fuchsia-persoonlijkheid" src="http://blog.marlon.be/wp-content/uploads/2012/01/fuchsia-persoonlijkheid.jpg" alt="Katrien Michiels spreekt haar klanten rechtstreeks aan. Iedereen in haar sector kent haar. Persoonlijkheid ten top!" width="479" height="328" /><p class="wp-caption-text">Katrien Michiels spreekt haar klanten rechtstreeks aan. Iedereen in haar sector kent haar. Persoonlijkheid ten top!</p></div>
<h3>Vriendelijk &#8216;dank u&#8217; zeggen</h3>
<p>Maar persoonlijkheid kan ook schuilen in een klein hoekje. Zo leerden we van <a href="http://www.planbelgie.be">Plan België</a> het belang van eenvoudigweg &#8216;bedankt&#8217; te zeggen. Na een bestelling je klant bedanken, daar heel eerlijk en persoonlijk in zijn, geeft je webshop heel wat authenticiteit. Of je kan een eigen persoonlijkheid weergeven door een bepaalde filosofie te hanteren, zoals de bio, eco &amp; fair-trade webshop <a href="http://www.villa-kakelbont.com/wie-zijn-we/onze-filosofie">Villa Kakelbont</a> dat doet.</p>
<div id="attachment_1178" class="wp-caption aligncenter" style="width: 489px"><img class="size-full wp-image-1178" title="villa-kakelbont-filosofie" src="http://blog.marlon.be/wp-content/uploads/2012/01/villa-kakelbont-filosofie.jpg" alt="Villa Kakelbont, een webwinkel met een 'Onze filosofie' pagina." width="479" height="254" /><p class="wp-caption-text">Villa Kakelbont, een webwinkel met een &#39;Onze filosofie&#39; pagina.</p></div>
<h2>Giveaways</h2>
<p>Wat te onthouden?</p>
<ol>
<li>Get the basics right: product, prijs, promoten, customer service; die moeten allemaal <em>top-notch</em> zijn;</li>
<li>Zorg voor een echte ervaring: van copywriting (de lange teksten &amp; de short-copy), tot stijl, tot verpakking; verras je klanten; maak hen blij; wees speciaal;</li>
<li>Zeg &#8216;Dank u&#8217;, wees vriendelijk en persoonlijk; maak van je webshop iets met een gezicht en kleef er zelfs letterlijk je eigen gezicht op; zorg voor een kijk achter de schermen. Wees dus levensecht;</li>
<li>En overdrijf niet, hou het subtiel;</li>
</ol>
<h2>Volgende keer&#8230;</h2>
<p>In deel 2 zullen we het hebben over meer praktische zaken zoals &#8216;Duidelijkheid&#8217; en &#8216;Bereikbaarheid&#8217;. Want naast een gevoel en sfeer moet je webshop vooral ook vertrouwen uitstralen.</p>
<img src="http://feeds.feedburner.com/~r/marlonblog/~4/2Z0-7KDO5vg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.marlon.be/10-tips-voor-een-straffe-webshop-deel-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.marlon.be/10-tips-voor-een-straffe-webshop-deel-1/</feedburner:origLink></item>
		<item>
		<title>Je webshop promoten –  deel 1: Google Adwords</title>
		<link>http://feedproxy.google.com/~r/marlonblog/~3/xvMn-pxC1AM/</link>
		<comments>http://blog.marlon.be/je-webshop-promoten-deel-1-google-adwords/#comments</comments>
		<pubDate>Fri, 20 Jan 2012 08:22:57 +0000</pubDate>
		<dc:creator>Robrecht</dc:creator>
				<category><![CDATA[e-commerce]]></category>
		<category><![CDATA[marlon]]></category>
		<category><![CDATA[online marketing]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[Google Adwords]]></category>
		<category><![CDATA[webshop]]></category>

		<guid isPermaLink="false">http://blog.marlon.be/?p=913</guid>
		<description><![CDATA[Je droom gaat in vervulling en je eigen webshop wordt gelanceerd. Maar dan begint het harde werk pas. Bestellingen opvolgen, bestellingen inpakken, pakjes de deur uitsturen, de voorraad op peil houden, enzovoort. In deze meerdelige reeks gaan we verder in op iets wat vaak vergeten wordt: de promotie van je webshop. En we starten met [...]]]></description>
			<content:encoded><![CDATA[<p>Je droom gaat in vervulling en je eigen <a href="http://blog.marlon.be/tag/webshop/" target="_blank">webshop</a> wordt gelanceerd. Maar dan begint het harde werk pas. Bestellingen opvolgen, bestellingen inpakken, pakjes de deur uitsturen, de voorraad op peil houden, enzovoort. In deze meerdelige reeks gaan we verder in op iets wat vaak vergeten wordt: de promotie van je webshop. En we starten met de mogelijkheden van Google Adwords.</p>
<p><strong>Wat is Google Adwords?<br />
</strong> Google Adwords is het advertentieplatform van Google. Jouw advertenties worden bij relevante zoekopdrachten getoond. Je betaalt per klik en je legt op voorhand je budget vast. Je kan dus niet meer uitgeven dan wat je zelf wilt.</p>
<div id="attachment_1142" class="wp-caption aligncenter" style="width: 489px"><a href="http://blog.marlon.be/wp-content/uploads/2012/01/Screen-Shot-2012-01-19-at-10.31.59.png"><img class="size-full wp-image-1142 " title="Voorbeeld Google Adwords" src="http://blog.marlon.be/wp-content/uploads/2012/01/Screen-Shot-2012-01-19-at-10.31.59.png" alt="Google Adwords komen boven of naast de  &quot;organische&quot; zoekresultaten te staan" width="479" height="196" /></a><p class="wp-caption-text">Voorbeeld van Google Adwords voor jongerenreizen</p></div>
<p><strong>Hoe begin ik er aan?<br />
</strong>Een goede adwords campagne staat of valt bij de keuze van de keywords. Jouw advertentie wordt dan getoond bij de zoekresultaten van deze keywords. Bij de keuze van je keywords moet je met een aantal zaken rekening houden:</p>
<ul>
<li>Aantal maandelijkse zoekopdrachten: Er moeten genoeg mensen naar het bepaalde keyword zoeken, anders zijn je inspanningen voor niets. Belangrijk hierbij is dat je de context niet uit het oog verliest. Brede keywords zullen meer maandelijkse zoekopdrachten hebben dan meer specifiekere keywords, maar de kwaliteit van de bezoekers zal ook lager zijn.</li>
<li>Budget: Voordat je begint moet je een duidelijk dagbudget opstellen, dit is het bedrag dat je per dag maximaal wilt uitgeven aan Adwords. Het kan best zijn dat je door je budget niet alle keywords kunt kopen. Dan moet je keuzes maken. Ga je voor een groot bereik? Of kies je eerder voor kwalitatievere keywords. Je kan natuurlijk ook iedere maand andere campagnes opzetten en testen welke keywords er werken en welke niet. Zo heb je na verloop van tijd een geoptimaliseerde campagne.</li>
<li>Mogelijke positie: Naargelang de prijs die je wilt betalen voor een klik word je positie bepaald. Algemeen kunnen we stellen dat de eerste positie de voorkeur geniet, maar dit is lang niet altijd zo.</li>
</ul>
<p>Het is niet de bedoeling dat je voor alles wat in je webshop ligt advertenties begint aan te maken. Een goed begin is campagnes opzetten voor de merken die je aanbiedt.</p>
<p><strong>Advertentie maken<br />
</strong>Je hebt nu je gewenste keywords en je budget. De volgende stap is de advertenties creëren. Ook hier zijn er terug enkele dingen waar je aandacht moet aan besteden.</p>
<p>Naar welke pagina ga je de mensen leiden, met andere woorden: wat word je landingspagina? Als dit voor iedere campagne gelijk is, dan zullen de campagnes niet zo succesvol zijn. Het beste is om per campagne een aparte landingspagina te voorzien. Stel dat je een campagne hebt opgezet voor merk A en voor merk B. Dan kun je als landingspagina voor merk A de overzichtspagina van alle producten van dat merk gebruiken. Voor merk B doe je dat nog eens dunnetjes over maar dan met de overzichtspagina voor merk B. Op deze manier geef je je bezoekers onmiddellijk waar ze naar op zoek zijn, waardoor het aantal conversies zal stijgen.</p>
<p>Je moet ook voldoende aandacht besteden aan de tekst van jouw advertenties. De ruimte om potentiële bezoekers te overtuigen is heel beperkt (25 tekens voor de titel en 70 voor de tekst, telkens inclusief spaties). Haal dus maar je beste copywriting-skills boven! De potentiële bezoeker moet in één oogopslag weten waar de advertentie over gaat en of ze interessant is voor hem. Gebruik geen algemene beschrijving van de webshop voor iedere campagne, maar werk met specifieke beschrijvingen voor iedere campagne. Zo zal de campagne voor merk A een andere tekst hebben dan de campagne van merk B.</p>
<div id="attachment_1138" class="wp-caption aligncenter" style="width: 489px"><a href="http://blog.marlon.be/wp-content/uploads/2012/01/Screen-Shot-2012-01-19-at-10.17.13.png"><img class="size-full wp-image-1138" title="Een Adwords aanmaken" src="http://blog.marlon.be/wp-content/uploads/2012/01/Screen-Shot-2012-01-19-at-10.17.13.png" alt="Screen Shot 2012-01-19 at 10.17.13" width="479" height="179" /></a><p class="wp-caption-text">Een advertentie aanmaken met Google Adwords is heel intuïtief</p></div>
<p style="text-align: left;"><strong>Evaluatie<br />
</strong>Het voordeel van internet is dat je alles kan meten. En meten is weten. We raden je aan om op gezette tijdstippen je campagnes te evalueren.</p>
<p>Bij de evaluatie hou je rekening met verschillende metrics:</p>
<ul>
<li>Click Through Rate</li>
<li>Bounce Rate</li>
<li>Tijd op de website</li>
<li>Conversiepercentage</li>
<li>ROI</li>
</ul>
<p>Als een campagne slecht scoort moet je ze niet onmiddellijk afvoeren. Misschien is er wel iets mis met de landingspagina waardoor ze lang moet laden en dus resulteert in een hoge bounce rate. Of misschien is er iets mis met de tekst van de advertentie, wat er voor zorgt dat er weinig mensen doorklikken naar jouw webshop.</p>
<p><strong>Remarketing<br />
</strong>Wanneer bezoekers op de website komen en niets kopen wil dat niet zeggen dat alles verloren is. Via remarketing kunnen we deze mensen opnieuw bereiken met Google Adwords, maar niet met dezelfde campagne. Stel dat een persoon op jouw webshop kwam via een advertentie van merk R, maar besteedde uiteindelijk het meeste tijd met het kijken naar producten van merk T. Dan kunnen we deze potentiële klant opnieuw bereiken met advertenties van merk T.</p>
<p><strong>Werkt dat wel?<br />
</strong>Je kunt je natuurlijk de vraag stellen of het wel de moeite is. Uit eigen ervaring weten we dat het zeker de moeite is. Als voorbeeld nemen we de webshop <a href="http://www.kleinezebra.com/" target="_blank">De Kleine Zebra</a>. De meeste campagnes hebben een ROI van 300 à 600%. Er zijn zelfs campagnes die een ROI halen van 1.000%, maar deze zijn eerder uitzondering dan regel. Het toont wel perfect aan dat Google Adwords kan helpen om meer bezoekers en verkopen te genereren.</p>
<p>In een volgende blogpost gaan we het hebben over bloggen als instrument om jouw webshop te promoten. Wil je op de hoogte gehouden worden van nieuwe blog posts, zoals het vervolg in deze reeks? Like ons dan op <a href="http://www.facebook.com/marlonwebdesign" target="_blank">Facebook</a> of abonneer je op de <a href="http://feeds2.feedburner.com/marlonblog" target="_blank">RSS-feed</a>.</p>
<p>Suggesties of opmerkingen zijn altijd welkom als reactie</p>
<img src="http://feeds.feedburner.com/~r/marlonblog/~4/xvMn-pxC1AM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.marlon.be/je-webshop-promoten-deel-1-google-adwords/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://blog.marlon.be/je-webshop-promoten-deel-1-google-adwords/</feedburner:origLink></item>
		<item>
		<title>Het effect van een actieve Facebook-pagina</title>
		<link>http://feedproxy.google.com/~r/marlonblog/~3/j6QLKA8P37U/</link>
		<comments>http://blog.marlon.be/het-effect-van-een-actieve-facebook-pagina/#comments</comments>
		<pubDate>Mon, 16 Jan 2012 12:56:07 +0000</pubDate>
		<dc:creator>Robrecht</dc:creator>
				<category><![CDATA[Facebook]]></category>
		<category><![CDATA[e-commerce]]></category>
		<category><![CDATA[online marketing]]></category>
		<category><![CDATA[sociale media]]></category>
		<category><![CDATA[content marketing]]></category>

		<guid isPermaLink="false">http://blog.marlon.be/?p=1046</guid>
		<description><![CDATA[Enkel en alleen een pagina op Facebook hebben is niet genoeg. Je moet actief zijn! Je moet je fans boeien en vooral: je moet iets te bieden hebben. In deze blog post nemen we de inspanningen van de webshop Lisa Mille onder de loep. Hoe heeft zij het aangepakt, wat zijn de resultaten, wat kan [...]]]></description>
			<content:encoded><![CDATA[<p>Enkel en alleen een pagina op <a href="https://www.facebook.com/marlonwebdesign">Facebook</a> hebben is niet genoeg. Je moet actief zijn! Je moet je fans boeien en vooral: je moet iets te bieden hebben. In deze blog post nemen we de inspanningen van de <a href="http://www.lisamille.be">webshop Lisa Mille</a> onder de loep. Hoe heeft zij het aangepakt, wat zijn de resultaten, wat kan er nog beter en wat is de invloed op de webshop?</p>
<p>De eerste dagen was Lisa Mille vrij actief op Facebook. Zelf berichten posten, antwoorden op vragen, er was niet veel op aan te merken. Maar na het initiële enthousiasme en door een drukke agenda werd de Facebook-pagina wat verwaarloosd. Op aanraden van <a href="http://www.marlon.be">ons</a> en op basis van onze concrete ideeën en voorstellen is Lisa Mille terug actiever geworden <a href="https://www.facebook.com/lisamillebe">op haar Facebook-pagina</a>. Er werd beslist om vooral over de producten en over de ervaringen van Lisa Mille updates uit te brengen. Voor de producten werd er voor gekozen om zo veel mogelijk visueel te werken en dus foto’s te posten, en niet alleen teksten.</p>
<p>We zijn nu enkele maanden later en het is tijd om de eerste resultaten te bekijken. Omdat er heel veel foto’s werden gedeeld leek het ons interessant om ook eens te kijken naar de invloed die foto’s en gewone statusupdates hebben.</p>
<h2>Zijn er fans bijgekomen?</h2>
<p style="text-align: center;"><a href="http://blog.marlon.be/wp-content/uploads/2012/01/lisamille_fans_posts1.png"><img class="size-full wp-image-1063 aligncenter" title="Evolutie aantal fans en aantal posts" src="http://blog.marlon.be/wp-content/uploads/2012/01/lisamille_fans_posts.png" alt="lisamille_fans_posts" width="500" height="300" /></a></p>
<p style="text-align: center;"><a href="http://blog.marlon.be/wp-content/uploads/2012/01/lisamille_fans_postsphoto1.png"><img class="size-full wp-image-1065 aligncenter" title="Evolutie aantal fans en aantal geposte foto's" src="http://blog.marlon.be/wp-content/uploads/2012/01/lisamille_fans_postsphoto.png" alt="lisamille_fans_postsphoto" width="500" height="300" /></a></p>
<p style="text-align: center;"><a href="http://blog.marlon.be/wp-content/uploads/2012/01/lisamille_fans_postsnophoto1.png"><img class="size-full wp-image-1064 aligncenter" title="Evolutie aantal fans en aantal posts (geen foto's)" src="http://blog.marlon.be/wp-content/uploads/2012/01/lisamille_fans_postsnophoto.png" alt="lisamille_fans_postsnophoto" width="500" height="279" /></a></p>
<p>Door regelmatig de pagina te updaten is het aantal fans van Lisa Mille gestegen. Wat opvalt is dat de  eerste maand de stijging het sterkst was. Nadien was de stijging minder sterk. In de periode dat het aantal fans het sterkst steeg werden er beduidend meer foto’s gedeeld. Is deze stijging louter en alleen toe te schrijven aan het feit dat er foto’s werden gedeeld? Of is het een logisch gevolg van het enthousiasme bij de lancering? Omdat dit te achterhalen bekijken we het verschil tussen engagement van de fans voor de foto-posts en de andere posts.</p>
<h2>Engagement en bereik</h2>
<p style="text-align: center;"><a href="http://blog.marlon.be/wp-content/uploads/2012/01/lisamille_engagement_photo1.png"><img class="size-full wp-image-1061 aligncenter" title="Evolutie engagement en aantal geposte foto's" src="http://blog.marlon.be/wp-content/uploads/2012/01/lisamille_engagement_photo.png" alt="lisamille_engagement_photo" width="500" height="260" /></a></p>
<p style="text-align: center;">
<p style="text-align: center;">
<p style="text-align: center;"><a href="http://blog.marlon.be/wp-content/uploads/2012/01/lisamille_engagement_postsnophoto1.png"><img class="aligncenter size-full wp-image-1062" title="Evolutie engagement en aantal posts (geen foto's)" src="http://blog.marlon.be/wp-content/uploads/2012/01/lisamille_engagement_postsnophoto.png" alt="lisamille_engagement_postsnophoto" width="500" height="260" /></a></p>
<p style="text-align: center;"><a href="http://blog.marlon.be/wp-content/uploads/2012/01/lisamille_posts_reach1.png"><img class="aligncenter size-full wp-image-1066" title="Evolutie aantal posts en bereik" src="http://blog.marlon.be/wp-content/uploads/2012/01/lisamille_posts_reach.png" alt="lisamille_posts_reach" width="500" height="300" /></a></p>
<p>Wat onmiddellijk opvalt is dat posts met foto’s een hoger engagement en een hoger bereik kennen dan andere posts. Dit wil dus zeggen dat er voor posts met foto’s meer mensen zijn die reageren, op &#8216;vind ik leuk&#8217; klikken of de post delen, vergeleken met posts zonder foto’s. Hierdoor stijgt ook het bereik van deze posts. Want iedere actie die je doet op Facebook wordt ook aan je vrienden getoond. Hierdoor worden er ook mensen bereikt die de pagina van Lisa Mille nog niet leuk vonden.</p>
<h2><strong>Foute conclusie</strong></h2>
<p>De foute conclusie is dat je door veel foto’s op je Facebook-pagina te zetten je het aantal fans en het engagement en bereik van je pagina kan doen stijgen. Het aantal fans stijgt omdat het engagement van je huidige fans groter is. En dat engagement stijgt omdat je relevante inhoud aanbiedt voor jouw fans. Het is dus de bedoeling dat je eerst ontdekt wat voor jouw fans relevant is, en dat doe je met vallen en opstaan. Het is hard werken en veel proberen!</p>
<h2>Relatie met de webshop</h2>
<p>Het doel van iedere webshop is verkopen. Daarom nemen we ook eens een kijkje naar wat de Facebook-inspanningen teweeg hebben gebracht op de webshop zelf. Dit zijn de resultaten:</p>
<ul>
<li>Facebook is de belangrijkste referral geworden</li>
<li>Facebook-bezoekers bekijken meer pagina’s en dus producten dan gemiddeld</li>
<li>Facebook-bezoekers blijven langer op de website dan gemiddeld</li>
<li>De bounce rate van Facebook-bezoekers is lager</li>
</ul>
<p>Daarna hebben we gekeken naar de relatie van Facebook met het aankoopgedrag van de bezoekers. Hieruit blijkt dat Facebook een assisterende rol heeft. Het gaat dus niet in zijn eentje zorgen voor verkopen, maar het is wel een onmisbare schakel in het beslissingsproces:</p>
<ul>
<li>Veel mensen maken via de Facebook-pagina kennis met de producten van Lisa Mille. Na enkele herhaalbezoeken, dikwijls via andere kanalen, beslissen ze om tot aankoop over te gaan.</li>
<li>Sommige mensen ontdekken Lisa Mille via andere kanalen, maar worden uiteindelijk via de Facebook-pagina overtuigd om iets te kopen.</li>
</ul>
<h2>Conclusie</h2>
<p>Door actief aanwezig te zijn op Facebook kun je dus heel wat verkeer naar je website leiden en kun je zelfs verkopen stimuleren. Hiervoor moet je op regelmatige tijdstippen relevante inhoud voor jouw doelgroep posten. Je moet je fans engageren, ze warm maken voor jouw producten of merk. Momenteel is het nog voornamelijk eenrichtingsverkeer op de Facebook-pagina van Lisa Mille, maar in de toekomst gaan we proberen om de conversatie met de fans aan te gaan.</p>
<img src="http://feeds.feedburner.com/~r/marlonblog/~4/j6QLKA8P37U" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.marlon.be/het-effect-van-een-actieve-facebook-pagina/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.marlon.be/het-effect-van-een-actieve-facebook-pagina/</feedburner:origLink></item>
		<item>
		<title>Presentatie: random webshop ideeën, trends &amp; design voorbeelden</title>
		<link>http://feedproxy.google.com/~r/marlonblog/~3/1hEp_z5UIso/</link>
		<comments>http://blog.marlon.be/presentatie-random-webshop-ideeen-trends-design-voorbeelden/#comments</comments>
		<pubDate>Fri, 02 Dec 2011 11:39:42 +0000</pubDate>
		<dc:creator>vincent</dc:creator>
				<category><![CDATA[general]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[e-commerce]]></category>
		<category><![CDATA[gebruiksvriendelijkheid]]></category>
		<category><![CDATA[lunch 'n learn]]></category>
		<category><![CDATA[marlon]]></category>
		<category><![CDATA[presentatie]]></category>
		<category><![CDATA[webshop]]></category>
		<category><![CDATA[webwinkel]]></category>

		<guid isPermaLink="false">http://blog.marlon.be/?p=1038</guid>
		<description><![CDATA[Bij Marlon hechten we al sinds het begin veel belang aan het delen van kennis. Iemand die naar een conferentie of opleiding gaat, moet voor alle collega&#8217;s een presentatie geven over de opgedane ideeën en kennis. Ook tijdens de lunchpauze op vrijdag worden intern presentaties gegeven over allerhande onderwerpen (onder de vrij klassieke noemer Lunch [...]]]></description>
			<content:encoded><![CDATA[<p>Bij <a href="http://www.marlon.be">Marlon</a> hechten we al sinds het begin veel belang aan het delen van kennis. Iemand die naar een conferentie of opleiding gaat, moet voor alle collega&#8217;s een presentatie geven over de opgedane ideeën en kennis. Ook tijdens de lunchpauze op vrijdag worden intern presentaties gegeven over allerhande onderwerpen (onder de vrij klassieke noemer Lunch &#8216;n Learn). Deze presentatie geeft een ongestructureerde reeks ideeën, trends en leuke features voor webshops of e-commerce sites.</p>
<p>
<div style="width:425px" id="__ss_10414487"> <strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/marlon/webshops-uxetc" title="Random e-commerce ideas &amp; trends" target="_blank">Random e-commerce ideas &amp; trends</a></strong> <iframe src="http://www.slideshare.net/slideshow/embed_code/10414487" width="425" height="355" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
<div style="padding:5px 0 12px"> View more presentations from <a href="http://www.slideshare.net/marlon" target="_blank">Vincent Mouton</a> </div>
</p></div></p>
<img src="http://feeds.feedburner.com/~r/marlonblog/~4/1hEp_z5UIso" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.marlon.be/presentatie-random-webshop-ideeen-trends-design-voorbeelden/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.marlon.be/presentatie-random-webshop-ideeen-trends-design-voorbeelden/</feedburner:origLink></item>
		<item>
		<title>Moet je als bedrijf aanwezig zijn op Google+?</title>
		<link>http://feedproxy.google.com/~r/marlonblog/~3/DqWFd2prFmg/</link>
		<comments>http://blog.marlon.be/moet-je-als-bedrijf-aanwezig-zijn-op-google/#comments</comments>
		<pubDate>Thu, 10 Nov 2011 12:23:40 +0000</pubDate>
		<dc:creator>Robrecht</dc:creator>
				<category><![CDATA[general]]></category>
		<category><![CDATA[trends]]></category>
		<category><![CDATA[Google+]]></category>
		<category><![CDATA[Social Media]]></category>

		<guid isPermaLink="false">http://blog.marlon.be/?p=942</guid>
		<description><![CDATA[Sinds enkele dagen kunnen bedrijven ook een pagina aanmaken op Google+, het sociale netwerk van Google. In deze blog post geven we enkele redenen waarom je als bedrijf aanwezig moet zijn op Google+ en enkele redenen waarom je dat best niet zou doen.
Waarom Google+
 De Google+ Pages maken het mogelijk om op een nieuwe manier [...]]]></description>
			<content:encoded><![CDATA[<p>Sinds enkele dagen kunnen bedrijven ook een pagina aanmaken op Google+, het sociale netwerk van Google. In deze blog post geven we enkele redenen waarom je als bedrijf aanwezig moet zijn op Google+ en enkele redenen waarom je dat best niet zou doen.</p>
<div id="attachment_973" class="wp-caption aligncenter" style="width: 489px"><img class="size-full wp-image-973" title="Google+ Page The Muppets" src="http://blog.marlon.be/wp-content/uploads/2011/11/The-Muppets-copy.jpg" alt="Voorbeeld van een Google+ Page: The Muppets" width="479" height="458" /><p class="wp-caption-text">Voorbeeld van een Google+ Page: The Muppets</p></div>
<p><strong>Waarom Google+<br />
</strong> De Google+ Pages maken het mogelijk om op een nieuwe manier te verbinden en te converseren met je fans. Zo kan je o.a. een hang-out (videochat met meerdere personen) organiseren met je grootste fans. In deze hang-out kan je exclusieve informatie geven of een product in première voorstellen. Je kan je fans ook een blik achter te schermen gunnen. Bijvoorbeeld: hoe worden bestellingen ingepakt? Hoe versiert die bakker zijn heerlijke taarten? Zaken waar fans open voor staan en die de transparantie van de onderneming bevorderen.</p>
<p>Een hang-out is daarnaast ook geschikt als customer service-tool. Stel dat één van je klanten een probleem heeft met één van je producten. Je kan hem wel helpen via e-mail en telefoon. Maar met een hang-out kun je deze klant in realtime helpen, én het is visueel. Jij toont effectief hoe een product werkt, hoe het te installeren, en geeft extra uitleg. Je ziet onmiddellijk of de klant het goed doet en of er nog andere problemen opduiken. Het is dus mogelijk op via digitale weg dezelfde service aan te beiden als in een traditionele winkel.</p>
<div id="attachment_974" class="wp-caption aligncenter" style="width: 489px"><img class="size-full wp-image-974" title="Google+ Page Toyota" src="http://blog.marlon.be/wp-content/uploads/2011/11/Toyota-copy.jpg" alt="Voorbeeld van een Google+ Page: Toyota" width="479" height="458" /><p class="wp-caption-text">Voorbeeld van een Google+ Page: Toyota</p></div>
<p><strong>Waarom niet Google+<br />
</strong> Geen tijd voor Google+? Dan begin je er best niet aan. Dit is een regel die kan gelden voor alle sociale media. Aanwezigheid op sociale media vergt een state of mind én tijd én toewijding. Als je dit niet kan bieden dan is het beter dan je niet actief bent op sociale media. De resultaten gaan teleurstellend zijn en het gebrek aan interactie van jouw kant uit kan slecht zijn voor het imago van je zaak. Ben je echter overtuigd van de kracht van sociale media, maar heb je echt geen tijd om je er zelf met bezig te houden, dan kan je deze activiteiten nog altijd uitbesteden. Bij Marlon bieden we een hele resem diensten aan die uw hierbij kunnen ondersteunen. Neem zeker eens <a href="http://www.marlon.be/contact" target="_blank">contact</a> op.</p>
<p>Een andere reden waarom je Google+ best links laat liggen is de afwezigheid van je doelgroep. De kans dat dit het geval is, is redelijk groot. Google+ is nog een relatief nieuw sociaal netwerk en veel mensen uit België zijn nog geen lid, zeker in vergelijking met Facebook. Dat wil nog niet zeggen dat je je niets moet aantrekken van Google+. Het platform heeft heel wat in zijn mars en kan binnen afzienbare tijd sterk groeien. Het is aangeraden dat je het goed in de gaten houdt. Een goede tip: maak al een pagina aan op Google +, zo ben je zeker dat je in de toekomst de naam hebt die jij wil.</p>
<p><strong>Conclusie<br />
</strong> Of je als bedrijf nu wel of niet een pagina moet aanmaken op Google+ hangt vooral af van de doelstellingen die voor ogen hebt en of je er genoeg tijd voor hebt. Niemand staat te wachten op een pagina waar de berichten een letterlijke kopie zijn van de Facebook- of Twitterpagina. Als je niet goed weet hoe je er aan moet beginnen, kun je altijd hulp inroepen van <a href="http://www.marlon.be/" target="_blank">professionals</a>.</p>
<p>En wij? Enthousiast als we zijn voor nieuwe technologie heeft Marlon natuurlijk ook al <a href="https://plus.google.com/117084809610844372166/posts" target="_blank">een pagina</a> op Google+.</p>
<p>Google gaat de komende maanden heel wat updates voor zijn sociaal netwerk lanceren. Er gaat dus heel wat veranderen, waardoor Google+ interessanter zal worden voor jouw zaak. Blijf het in de gaten houden.</p>
<img src="http://feeds.feedburner.com/~r/marlonblog/~4/DqWFd2prFmg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.marlon.be/moet-je-als-bedrijf-aanwezig-zijn-op-google/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.marlon.be/moet-je-als-bedrijf-aanwezig-zijn-op-google/</feedburner:origLink></item>
		<item>
		<title>HTML5 videospeler</title>
		<link>http://feedproxy.google.com/~r/marlonblog/~3/-lDEfPqQj7M/</link>
		<comments>http://blog.marlon.be/html5-videospeler/#comments</comments>
		<pubDate>Tue, 03 May 2011 05:14:14 +0000</pubDate>
		<dc:creator>rembrand</dc:creator>
				<category><![CDATA[frontend]]></category>
		<category><![CDATA[ontwikkeling]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[html5]]></category>

		<guid isPermaLink="false">http://blog.marlon.be/?p=860</guid>
		<description><![CDATA[Met de komst van HTML5 werd de video-tag geïntroduceerd en daarmee een alternatief voor de Adobe Flash-player om video in een site af te spelen. Dat is vooral handig op devices die geen Flash ondersteuning aanbieden.
Zoals verder in detail aangegeven is implementatie in de huidige browsers niet optimaal en voorzien we nog altijd een Flash-player [...]]]></description>
			<content:encoded><![CDATA[<p>Met de komst van HTML5 werd de video-tag geïntroduceerd en daarmee een alternatief voor de Adobe Flash-player om video in een site af te spelen. Dat is vooral handig op devices die <a href="http://www.apple.com/hotnews/thoughts-on-flash/">geen Flash ondersteuning</a> aanbieden.<br />
Zoals verder in detail aangegeven is implementatie in de huidige browsers niet optimaal en voorzien we nog altijd een Flash-player als fallback voor browsers zoals Internet Explorer 6, 7 en 8.</p>
<h3>De basiscode</h3>
<ol class="code">
<li><code>&lt;video width="608" height="256" controls"&gt;</code></li>
<li class="tab1"><code>&lt;source src="video/walle_small.mp4"&gt;</code></li>
<li><code>&lt;/video&gt;</code></li>
</ol>
<h2>Ondersteuning van  video</h2>
<ul>
<li>Firefox 3.5+, Chrome 5.0+, Opera 10.5+: Theora (.ogv files)</li>
<li>Safari 3.0+, Chrome 5.0+, iPhone 3.0+, Android 2.0+: H.264 (.mp4 files, baseline Profile + AAC audio met een &#8220;low-complexity&#8221; profile)</li>
<li>Internet Explorer 9, Firefox 4.0+, Chrome 6.0+, Opera 11.0+: WebM (.webm files)</li>
</ul>
<p>Zoals je ziet, wordt de <code>video</code>-tag enkel in recente browsers ondersteund, en bovendien ondersteunen ze niet allemaal hetzelfde formaat. We moeten daarom 3 verschillende sources vermelden in de code. Daarbij vermelden we ook het type en de codec die gebruikt moet worden op het bijhorende bestand te kunnen lezen. De enige uitzondering daarop is de .mp4 want Android 2.2 kan dit dan weer niet lezen.<br />
Ook de volgorde is belangrijk. De .mp4 moet eerst staat, vooral omdat iOS 3.x enkel de eerste source-tag leest en de rest overslaat.<br />
Meer informatie over codecs en converteren vind je op <a href="http://diveintohtml5.org/video.html">Dive into HTML5</a></p>
<h3>De code</h3>
<ol class="code">
<li><code>&lt;video width="608" height="256" controls&gt;</code></li>
<li class="tab1"><code>&lt;source src="video/walle_small.mp4"&gt;&lt;!-- H.264 --&gt;</code></li>
<li class="tab1"><code>&lt;source src="video/walle_small.webm" type="video/webm; codecs="vp8, vorbis""&gt;&lt;!-- WebM --&gt;</code></li>
<li class="tab1"><code>&lt;source src="video/walle_small.ogv" type="video/ogg; codecs="theora, vorbis""&gt;&lt;!-- Theora/Vorbis --&gt;</code></li>
<li class="tab1"><code>&lt;!-- Include fallback here --&gt;</code></li>
<li><code>&lt;/video&gt;</code></li>
</ol>
<p>Om ervoor te zorgen dat de server het juiste mime-type gebruikt plaatsen we nog deze regels in onze <code>.htaccess</code> file. als dit niet werkt moeten de mime-types waarschijnlijk nog toegevoegd worden aan de server zelf.</p>
<ol class="code">
<li>AddType video/ogg  .ogv</li>
<li>AddType video/mp4  .mp4</li>
<li>AddType video/webm .webm</li>
</ol>
<h2>Oudere browsers</h2>
<p>De fall-back code (bvb. een embed van een Flash player of een YouTube video) mag je tussen de <code>video</code>-tags, na de <code>source</code>-tags zetten. Recente browsers zullen die code negeren, terwijl oudere browsers de <code>video</code>- en <code>source</code>-tags dan weer niet gebruiken.</p>
<h2>Mobiele browsers</h2>
<ul>
<li>Android 2.2 bevat een bug waardoor de default controls van video niet gebruikt kunnen  worden, we zijn dus genoodzaakt om via javascript custom controls te voorzien.</li>
<li>iPad/iPhone kunnen dan weer geen custom controls inlezen dus moeten we daar terugvallen op de default controls.</li>
<li>iOS 3.x op iPad en iPhone bevat een bug waardoor de video niet zal spelen als er een <code>poster</code>-attribute meegegeven is aan de video. Dus vooral geen <code>poster</code> gebruiken als je deze wil ondersteunen.</li>
</ul>
<h2>Custom controls</h2>
<p>Als we graag wat meer controle hebben over hoe onze player eruit ziet (en als we Android 2.2 willen ondersteunen) gaan we zelf knoppen toevoegen en aansturen via JavaScript. In onderstaande custom player gebruiken we alvast deze functies, opgebouwd via JQuery:</p>
<ul>
<li>Play/pauze knop</li>
<li>Grote play/pauze knop als overlay</li>
<li>Rewind</li>
<li>Tijdsverloop</li>
<li>scrubber</li>
<li>Totale speeltijd</li>
<li>Mute</li>
<li>Volume slider</li>
</ul>
<h2>Demo</h2>
<p> Je kan de player zien in deze <a href="http://lab.marlon.be/mar_rd_html5videoplayer/demo.html" mce_href="http://lab.marlon.be/mar_rd_html5videoplayer/demo.html" target="_blank">demo</a>.</p>
<p><iframe src="http://lab.marlon.be/mar_rd_html5videoplayer/demo.html" width="479" height="250" scrolling="no" frameborder="0"><br />
</iframe></p>
<img src="http://feeds.feedburner.com/~r/marlonblog/~4/-lDEfPqQj7M" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.marlon.be/html5-videospeler/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		<feedburner:origLink>http://blog.marlon.be/html5-videospeler/</feedburner:origLink></item>
		<item>
		<title>HTML5 presentatie: een introductie</title>
		<link>http://feedproxy.google.com/~r/marlonblog/~3/nxZj4ft1OeQ/</link>
		<comments>http://blog.marlon.be/html5-presentatie-een-introductie/#comments</comments>
		<pubDate>Fri, 24 Dec 2010 07:54:00 +0000</pubDate>
		<dc:creator>davy</dc:creator>
				<category><![CDATA[frontend]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[front-end]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[presentatie]]></category>

		<guid isPermaLink="false">http://blog.marlon.be/?p=842</guid>
		<description><![CDATA[
Onlangs gaf ik voor mijn collega&#8217;s op kantoor een presentatie over HTML5. Dit is het eerste deel van een tweeluik en tevens een introductie tot de verschillende nieuwe of vernieuwde elementen in HTML5.

Het is een eerste kennismaking met wat HTML5 op structureel gebied (markup) te bieden heeft. In een volgende presentatie, Advanced HTML5, zal ik [...]]]></description>
			<content:encoded><![CDATA[<div class="intro">
<p>Onlangs gaf ik voor mijn collega&#8217;s op kantoor een presentatie over <a href="http://blog.marlon.be/tag/html5">HTML5</a>. Dit is het eerste deel van een tweeluik en tevens een introductie tot de verschillende nieuwe of vernieuwde elementen in HTML5.</p>
</div>
<p>Het is een eerste kennismaking met wat HTML5 op structureel gebied (markup) te bieden heeft. In een volgende presentatie, <em>Advanced HTML5</em>, zal ik verder uitweiden over de verschillende API&#8217;s waarover HTML5 beschikt.</p>
<div style="width:425px" id="__ss_6329934">
<h2><a href="http://www.slideshare.net/float/html5-introduction" title="HTML5 - Introduction">HTML5 &#8211; Introduction</a></h2>
<p><object id="__sse6329934" width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=html5-introduction-slideshare-101223112227-phpapp01&#038;stripped_title=html5-introduction&#038;userName=float" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed name="__sse6329934" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=html5-introduction-slideshare-101223112227-phpapp01&#038;stripped_title=html5-introduction&#038;userName=float" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object></div>
<img src="http://feeds.feedburner.com/~r/marlonblog/~4/nxZj4ft1OeQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.marlon.be/html5-presentatie-een-introductie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.marlon.be/html5-presentatie-een-introductie/</feedburner:origLink></item>
		<item>
		<title>Kris Kras is “meest gebruiksvriendelijke bedrijfs- of commerciële website 2010″</title>
		<link>http://feedproxy.google.com/~r/marlonblog/~3/Hed91HhrqEE/</link>
		<comments>http://blog.marlon.be/kriskras-is-meest-gebruiksvriendelijke-bedrijfs-of-commerciele-website-2010/#comments</comments>
		<pubDate>Thu, 11 Nov 2010 07:24:27 +0000</pubDate>
		<dc:creator>vincent</dc:creator>
				<category><![CDATA[gebruiksvriendelijkheid]]></category>
		<category><![CDATA[marlon]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[bua2010]]></category>
		<category><![CDATA[project]]></category>
		<category><![CDATA[usabilityawards]]></category>
		<category><![CDATA[usabilityawards2010]]></category>

		<guid isPermaLink="false">http://blog.marlon.be/?p=832</guid>
		<description><![CDATA[Eén jaar nadat de website van Plan België werd uitgeroepen tot &#8220;meest gebruiksvriendelijke overheids- of non-profit website 2009&#8243;, is dit jaar nog een website gemaakt door Marlon in de prijzen gevallen tijdens de Usability Awards.
De website van Kris Kras, een reisbureau dat begeleide groepsreizen organiseert voor jongeren, kreeg de prijs van de jury als &#8220;meest [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-833" title="Screenshot van de homepagina van de Kris Kras website" src="http://blog.marlon.be/wp-content/uploads/2010/11/kriskras.jpg" alt="Screenshot van de homepagina van de Kris Kras website" width="300" height="516" /><a href="http://blog.marlon.be/website-plan-belgie-is-meest-gebruiksvriendelijke-overheids-of-non-profit-website-2009/">Eén jaar</a> nadat de website van <a href="http://www.planbelgie.be">Plan België</a> werd <a href="http://usability-awards.be/winners/2009/">uitgeroepen</a> tot &#8220;meest gebruiksvriendelijke overheids- of non-profit website 2009&#8243;, is dit jaar nog een website gemaakt door Marlon in de prijzen gevallen tijdens de <a href="http://usability-awards.be/">Usability Awards</a>.</p>
<p>De <a href="http://www.kriskras.be">website van Kris Kras</a>, een reisbureau dat begeleide groepsreizen organiseert voor jongeren, kreeg de <strong>prijs van de jury</strong> als &#8220;meest gebruiksvriendelijke bedrijfs- of commerciële website&#8221;.</p>
<p><!-- p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px Verdana} --></p>
<blockquote><p>De jury prees de website voor haar speels maar tegelijk duidelijk grafisch design. Een reis zoeken is eenvoudig, de informatie is duidelijk en de formulieren zijn overzichtelijk.</p></blockquote>
<p>Ook de <a href="http://www.sibelga.be">website van Sibelga</a> — ook gemaakt door Marlon — mag vermeld worden, want deze werd dit jaar <strong>tweede</strong> in de <strong>categorie overheids- of non-profit websites</strong>. En om het helemaal af te maken: de website van Kris Kras werd dan nog eens tweede in de stand van website verkozen door het publiek.</p>
<p>Een wedstrijd, zeker rond websites, is niet evident: oordelen over een website kan tot op zeker hoogte zeer objectief gebeuren, maar nooit honderd procent. We beseffen dan ook zeer goed de relativiteit van zo&#8217;n award. Maar wat belangrijker is hier, is dat onze aandacht voor <strong>gebruiksvriendelijkheid</strong> en onze <strong>aanpak</strong> (eerst nadenken, dan rustig bouwen, en zoveel mogelijk op maat) beloond worden door een dergelijke award.</p>
<p>We geven grif toe dat we eerst goed moeten nadenken over een website, en deze niet zomaar uit onze mouw kunnen schudden. Zo zijn er bij de website van Kris Kras heel vroeg een paar foute keuzes gemaakt, en hebben we die samen met de klant snel kunnen onderkennen en oplossen. Vandaar dat wij enorm veel belang hechten aan een langdurige en <a href="http://blog.marlon.be/prototype-van-een-website-visueel-en-testbaar/">doorgedreven analyse fase</a>. We beseffen ook zeer goed dat geen van beide websites perfect is. Er wordt constant aan gesleuteld, we proberen aanpassingen uit, we herwerken design, layout, techniek en teksten.</p>
<p>De Usability Awards is een organisatie van <a href="http://www.agconsult.be">AG Consult</a>, en we danken hen dan ook voor het initiatief.</p>
<p>We bedanken enerzijds onze klanten — die voor ons hebben gekozen en die ons de kans hebben geboden een mooi resultaat neer te leggen — maar vooral de mensen die het hebben gebouwd: <strong>het Marlon team</strong>. Heersers!</p>
<img src="http://feeds.feedburner.com/~r/marlonblog/~4/Hed91HhrqEE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.marlon.be/kriskras-is-meest-gebruiksvriendelijke-bedrijfs-of-commerciele-website-2010/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://blog.marlon.be/kriskras-is-meest-gebruiksvriendelijke-bedrijfs-of-commerciele-website-2010/</feedburner:origLink></item>
	</channel>
</rss>

