Een wireframe voor de opzet van je website

HTML? CSS? WordPress? Wat moet ik nu leren?

Een website leren maken, een website bouwen. Als je op Google gaat zoeken dan gaat er een wereld met afkortingen open waar je eng van wordt.
Misschien ben je op die manier wel op deze site terecht gekomen. Je kreeg in de gaten dat je iets moest weten van HTML,
dat je iets moest leren over CSS. Dat je een website maakt met WordPress, dat iedereen een blog kan beginnen, een website kan maken zonder technische kennis.

In dit artikel probeer ik je kort uit te leggen wat HTML is, wat CSS is en wat dit allemaal te maken heeft met websites maken.

Omdat een groot deel van de websites tegenwoordig draait op WordPress, vertel ik je daar ook wat over zodat het plaatje compleet is.

Vervolgens kun je zelf de afweging maken op welke manier je verder wilt en kunt gaan.
Lees verder

Meer dan 30.000 webwinkels… mijnwebwinkel.nl

Alex Pansier richtte 10 jaar geleden Mijnwebwinkel op. Met het webwinkelsysteem kunnen ondernemers hun eigen webwinkel beginnen. Ik stelde hem een aantal vragen.

Mijnwebwinkel is onlangs vernieuwd, vanwaar de grote verandering?

De afgelopen jaren hebben we hard geïnvesteerd in de doorontwikkeling van ons webwinkelplatform. Nu was onze eigen website aan de beurt. Er worden met ons systeem zoveel mooie webwinkels gemaakt dat onze oude website hier geen afspiegeling meer van was en we zelf eigenlijk niet achter konden blijven.

Ook zijn er plannen om internationaal uit te breiden als MyOnlineStore, waardoor het oude beeldmerk niet meer paste. Niet alleen de site is daarom vernieuwd, maar ook de complete huisstijl. Er is gekozen voor een logo wat los staat van de initialen, zodat het in alle landen gebruikt kan worden.

Homepage Mijnwebwinkel

Wat wil je uitstralen met deze nieuwe huisstijl?

Met de nieuwe site en huisstijl willen we vooral het plezier in het hebben van een webshop laten zien. Onze webwinkeliers hebben daarom een prominente plek gekregen. Door middel van sfeerfoto’s, waarvoor we zelf bij onze klanten langs zijn geweest, hopen we anderen te inspireren om ook hun droom achterna te gaan.

De gebruikers geven mijnwebwinkel gemiddeld een 8,6. Hoe komt dat volgens jou?

Vanwege de persoonlijke service. Onze webwinkeliers kunnen altijd met al hun vragen terecht bij het customer care team voor een op maat gemaakt antwoord. Ook is ons systeem gericht op gebruiksgemak. We willen het voor iedereen mogelijk maken om een webwinkel te starten. We zijn er júist voor beginners zonder technische kennis.

Waarom is een eigen webwinkel iets wat mensen graag willen?

Ik denk vanwege de vrijheid en zelfstandigheid. Je kunt helemaal zelf bepalen hoe je productaanbod eruit ziet, wat de look & feel van je shop is en je bent zelf verantwoordelijk voor hoe succesvol je winkel uiteindelijk wordt.

Ook kun je er veel creativiteit in kwijt. Een webwinkel is voor veel webwinkeliers ideaal omdat zij het combineren met bijvoorbeeld een andere baan en hun gezin.

Waarom zou ik dan niet voor een platform als bijvoorbeeld Etsy moeten kiezen?

Dat is eigenlijk appels met peren vergelijken. Een eigen webwinkel en een Etsy-account kunnen perfect samengaan. Beide platformen kunnen heel goed naast elkaar functioneren en elkaar aanvullen.

Als je je met een shop richt op handgemaakte producten, vintage items of handwerk/DIY-materialen raden we dit ook zeker aan. Veel webwinkels gebruiken hun webwinkel als uitvalsbasis en gebruiken bijvoorbeeld Etsy of Marktplaats als aanvullend verkoopkanaal.

Waar zit jullie onderscheidend karakter als je kijkt naar andere webwinkel aanbieders?

De informele, persoonlijke benadering. Bij veel andere webshopsoftware aanbieders wordt het product aangereikt, maar worden de webwinkeliers daarna in het diepe gegooid.

Wij blijven hen ondersteunen en begeleiden en willen ook echt dat het lukt om er een succes van te maken. Daarom bieden we vanaf eind deze maand bijvoorbeeld in-house cursussen aan en zorgen we voor de volledige technische ondersteuning. Zo kunnen onze webwinkeliers zich volledig focussen op hun shop.

Stel, ik begin vandaag met een webwinkel wat is dan de belangrijkste tip?

Verdiep je goed in wat je precies wilt gaan verkopen, wie je doelgroep is en wie je concurrenten zijn. Zet op papier wat je belangrijkste onderscheidende eigenschappen (USP’s) zijn en je kernwaarden. Houd deze bij alles wat je doet in je achterhoofd.

Heb je nog een leuke tip uit het aanbod webwinkels?

Op onze voorbeeldenpagina vind je per categorie 8 winkels waarvan wij zelf erg onder de indruk zijn. Uit meer dan 30.000 winkels is het moeilijk kiezen, maar als we dan toch een favoriet moeten noemen, is het bySOOS.

bySOOS

Naast de leuke producten ziet de vormgeving van deze shop er mooi uit en volgens de laatste trend: veel gebruik van wit. Ook is eigenaresse Sonja Roesink goed in de branding van haar shop.

Meet the Blogger – Amsterdam 2015

In het weekend van 3 en 4 oktober vindt een nieuwe editie van Meet The Blogger plaats in Amsterdam. Aangezien ik wel wat heb met bloggen heb ik Liselore Stuut, de grondlegger van Meet The Blogger een aantal vragen gesteld.

Meet the Blogger, wat is volgens jou de meerwaarde van het ontmoeten van andere bloggers?

We zien dat steeds meer bloggers online via Instagram, FB of hun blog contact hebben met andere bloggers. Toch zien we dat Bloggers elkaar ook graag in real life ontmoeten om ervaringen uit te wisselen en van elkaar te leren.

In de afgelopen vijf jaar zijn er ook veel vriendschappen ontstaan tussen bloggers die elkaar daarvoor niet kende.

Meet the Blogger team

Waarom is bloggen zo ‘hot’ en wat zorgt er voor dat dit zo blijft?

Bloggers timmeren hard aan de weg. Niet alleen op hun persoonlijke platform, het blog, maar ook via Instagram en Pinterest bereiken bloggers steeds meer fans.

Kijk maar eens naar Urban Jungle Bloggers van een klein initiatief is dit platform in korte tijd uitgegroeid tot een wereldwijd netwerk van enthousiaste groenliefhebbers. Maar ook individuele bloggers hebben een almaar groeiende schare fans.

En het blijft niet bij bloggen alleen, nieuwe soms gezamenlijke initiatieven schieten als paddestoelen uit de grond: van (online) workshops, bootcamps op de camping en van het uitgeven van een boek tot kleine en grote events voor en de door bloggers. De bloggerswereld bruist van de energie!

Wat is het doel van de jaarlijkse conferentie en waarom zou iedereen er naar toe moeten?

De Meet the Blogger Amsterdam Conference is het evenement voor online influencers en bloggers. Tijdens dit event krijg je veel inspiratie, ontmoet je andere bloggers en leer je nieuwe technieken om je blog verder uit te bouwen.

Daarnaast reikt VTwonen ook dit jaar weer de VTwonen bloggers awards uit: eentje voor aanstormend bloggerstalent en een voor een gevorderde blogger.

Er is nog een beperkt aantal tickets beschikbaar dus wacht niet te lang om je ticket te boeken!

Er staat een aantal keynote sprekers op de lijst, wie is je absolute favoriet?

Dat is lastig kiezen. Ik ben erg trots op ons Meet the Blogger team wat een fantastisch programma heeft samengesteld met de top-notch bloggers en influencers uit heel de wereld. Zo zijn A beautiful mess, Yvestown en Urban Jungle Bloggers de key-notes.

Daarnaast zijn er vele break-outsessies met inspiratie en tools om een betere blogger te worden.

Sessie meet the blogger Amsterdam

Wat zijn andere dingen die jullie doen?

Meet the Blogger is een internationale community voor interieur-, lifetyle-, travel-, kids- en eco-bloggers. Het begon in 2011 met een simpel idee ‘Let’s meet the online world offline’.

Meet the Blogger brengt bloggers graag bij elkaar in real life. Tijdens events in Amsterdam, Londen, Stockholm, Kopenhagen en Barcelona bijvoorbeeld.

Hebben jullie nog wilde plannen voor de toekomst?

Absoluut! Meet the Blogger wil de blogindustrie ondersteunen en verder professionaliseren, door merken in contact te brengen met de juiste bloggers voor kwalitatieve samenwerkingen. Daarnaast zullen we ook in 2016 een aantal verrassende events organiseren. Houd ons dus in de gaten!

meettheblogger.eu
facebook.com/Meettheblogger

Hoe maak ik een website met HTML en CSS?

Een eenvoudige website in HTML en CSS, hoe maak ik dat? Een vraag die je met een site als deze regelmatig langs ziet komen. In dit artikel laat ik je zien hoe je dat doet.

Hiervoor maak ik gebruik van HTML5 en CSS3. Maar let wel, ik heb het hier enkel over de basis. Niet over ingewikkelde mogelijkheden die er zijn, niet over allerlei toevoegingen zoals webwinkels of content management systemen.

Daar heb je namelijk veel meer voor nodig dan een beetje HTML en CSS.

Een HTML document

Maar goed, we gaan dus weer even terug naar de basis. Hoe zat het ook alweer?

Ten eerste moet je de browser vertellen dat je een HTML document hebt. Dat doe je in de eerste plaats door het document op te slaan als een .htm document. Dat doe je niet in een programma als Word, maar dat doe je in een tekstverwerkingsprogramma die tekst kaal opslaat.

Kladblok op je Windowscomputer bijvoorbeeld, of teksteditor op de Mac.
Even opletten bij het opslaan dat je als extentie dus .htm meegeeft.

Een doctype

Ten tweede geef je een html document een Doctype mee. Vroeger, in de tijd van HTML4.01 was dat ingewikkeld. Je had verschillende versies, voor strikt gebruik of voor meer los gebruik.

Nu is dat eenvoudig, de Doctype is een regel en makkelijk te onthouden:

1
<!DOCTYPE html>

Vervolgens krijg je de daadwerkelijke HTML code.
Dit start je met de volgende regel:

2
<html lang="nl">

De toevoeging lang=”nl” is bedoeld om aan te geven in welke taal de website is geschreven. Niet noodzakelijke, maar wel nuttige informatie dus altijd gewoon toevoegen aan je document.

Een eenvoudige pagina in HTML

We beginnen maar eens met een eenvoudige pagina waarin een koptekst kom te staan en een paragraaf. Verder nog even niets.

Voordat je deze koptekst en de paragraaf invoegt heb je eerst nog wat andere code nodig. Namelijk de code voor de ‘head’.

In de head staat nog wat meer informatie voor de browser waar je mee werkt. Bijvoorbeeld de titel van de pagina en eventueel een link naar een CSS document, waarover later meer.

3
4
5
6
<head>
<title>Mijn eerste website</title>
<meta charset="UTF-8" />
</head>

Dan gaan we nu naar de inhoud.

7
8
9
10
<body>
<h1>Koptekst niveau 1</h1>
<p>Dit is een paragraaf en hier kun je dus gewoon je tekst in zetten. De paragraaf heeft vanzelf al een spatie. Wanneer je een nieuwe paragraaf start dan begint deze weer op een nieuwe regel.</p>
</body>

Je ziet dat elke html code geopend wordt en weer wordt afgesloten met een schuin streepje. Elke pagina wordt dus geopend met <body> en afgesloten met </body>.

<h1>…</h1> is dus een regel waarin de koptekst komt te staan. Je hebt zes niveaus kopteksten. De grootste (en de belangrijkste) is h1. De kleinste en minst belangrijke is h6.

Hier heb ik dus heel even semantiek aangestipt.

Aan het einde wordt de pagina afgesloten met

13
14
...
</html>

Een stijlblad met CSS

Nu willen we daar al een klein beetje stijl aan toevoegen. Daarvoor moeten we een tweede document gaan aanmaken. Geen .htm document, maar een .css document. In dat document komt alles te staan wat met het uiterlijk van de website te maken heeft. Denk aan kleuren, hoe plaatjes komen te staan en welk lettertype je bijvoorbeeld gebruikt.

Je moet het stijlblad (het CSS document) nog wel gaan koppelen aan het html document. Als je het stijlblad bijvoorbeeld de naam stijl1.css geeft dan roep je dit stijlblad op in je html document met de volgende code (die je plaatst tussen de head codes):

1
<link rel="stylesheet" type="text/css" media="all" href="stijl1.css" />

Zorg ervoor dat beide documenten in dezelfde map staan.

CSS schrijf je als volgt. Je geeft eerst aan voor welke html code er wat moet gebeuren. Als je bijvoorbeeld een paragraaf wilt aanpassen qua uiterlijk dan plaats je de regel

1
p { }

Tussen de accolades komt dan de regel te staan waarin je aangeeft wat er moet veranderen. Bijvoorbeeld dat alle tekst schuingedrukt komt te staan…

1
p {font-style: italic;}

Merk op dat je na font-style een dubbele punt plaatst en na italic een punt komma. Met de punt komma sluit je af dat je met dat stukje aanpassing bezig bent.

Dit was een heel simpel voorbeeld. Volgende keer ga ik een uitgebreider artikel schrijven over het gebruik van CSS. We gaan dan met behulp van bovenstaand html document aan de slag met een aantal aanpassingen.

Voor nu wil ik je aanraden om eens een webpagina en een stijlblad te maken.

Meer klanten, Ja ik wil!

Heb je een mooie webshop en dan kun je eindelijk je klanten ontvangen…
Waar ze blijven?
Geen idee?

Kijk dat is iets waar veel mensen die een webshop starten tegenaan lopen.

Hard gewerkt, een webshop, helemaal volgens hun ideale plaatje.

Maar, met een webshop is het net als met je autorijbewijs.
Pas als je die hebt leer je pas echt auto rijden.

Pas als je een webshop hebt, leer je de echte kneepjes van het vak

Om al die kneepjes te ontdekken heb je soms maanden nodig, zo niet jaren.

Je moet er achter komen hoe je social media strategie wordt.
Je wilt ontdekken waar je informatie vandaan haalt over je bezoeker.

En, o ja, een nieuwsbrief… hoe doe je dat nu weer?
Video, Youtube, Adwords, Affiliate marketing…

Noem maar op.

Je kunt weer jaren vooruit voordat je allerlei technieken onder de knie hebt.
Laat staan dat je precies weet hoe ze succesvol in te zetten.

Gelukkig zijn er mensen die al deze processen hebben doorlopen.

En zij kunnen jou precies vertellen hoe wat werkt.

Uitgeverij Haystack en Frankwatching.com zijn een mooie samenwerking aangegaan.

Zij maken fraaie boekjes in de 60 minuten serie.

Deze boekjes zijn in een uur te lezen en dan weet je de ins en outs van een bepaald gebied.

meer verkopen met je webshop

In deze serie is als laatste het boekje ‘meer verkopen met je webshop’ verschenen.
Een praktisch, handig en uiterst prettig geschreven boekje over de ins en outs van het hebben van een webwinkel.

De schrijvers zijn Roman Markovski en Dennis Vreeke en ze hebben jarenlange ervaring
in het bouwen van webshops en in advisering over eCommerce, online marketing en conversie.

Mochten deze woorden je al te veel zijn dan is het zeker raadzaam dit boekje aan te schaffen.

Het fijne van deze handzame boekjes is ook dat ze nog lekker betaalbaar zijn.

Je legt ze een keer naast je computer en volgens mij niet meer weg, want het is gewoon ontzettend handig om even wat dingen na te zoeken.

Ik vind mezelf al redelijk ervaren op het gebied van webshops en ook ik kwam weer de nodige nieuwe dingen tegen, of zaken die me weer even hielpen herinneren…

Omdat ik fan ben van deze boekjes en ik je graag wil laten kennis maken heb ik een leuke winactie voor je.

Ik mag maar liefst drie boekjes weggeven

En dat doe ik met veel plezier.

Vertel mij via Twitter waarom jij vindt dat je dit boekje moet winnen.
Zorg dat je twittert naar @meneersimmering en dat je de hashtag #meerverkopen gebruikt.

Bijvoorbeeld:
[tweetthis url=”http:www.meneersimmering.nl/meer-verkopen”]Volg @meneersimmering en win het boekje #meerverkopen. Kijk op meneersimmering.nl[/tweetthis]

How blogs work – ook voor ervaren bloggers dus!

Ik zit al best wat jaren in het vak, van bloggen dus. Ooit vond ik dat de manier om een website up to date te houden en dat is eigenlijk nog steeds de beste manier.

Het boek, ‘How blogs work’ van Stephanie Duval, dacht ik dus even door te lezen en voor mijn idee zou het met name herkenning opleveren. Ik zie mezelf tenslotte als ervaren blogger.

Maar dit boek is dus ook voor beginners. En dat doet het boek goed. De beginner uitleggen wat bloggen is en wat je er mee kunt. Wat je nodig hebt en waar je het voor kunt gebruiken.

Ook voor ervaren bloggers

Als snel echter, schakelt het boek als het ware in een hogere versnelling en wordt je meegenomen in het nadenken over je eigen blog. Hoe pak je het aan en waarom blog je eigenlijk.

Het manifest wat je aan het begin van het boek mee krijgt als opdracht, is de pilaar waaromheen een blog gebouwd wordt. Steeds weer terug kijken of dat wat je doet overeen komt met je manifest.

detail-how-blogs-work

Interviews met bloggers

Tussendoor wordt je door andere bekende en minder bekende bloggers meegenomen in hun wereld. Ze geven daarbij praktische en handige tips, maar laten je ook wel hun eigen strijd zien in bijvoorbeeld de vraag hoe vaak je zou moeten schrijven enzovoort.

Het boek is heel herkenbaar, maar heeft me ook veel nieuwe inzichten gegeven. Ik vind het prettig weglezen. Stephanie heeft een prettige schrijfstijl.

Ook de interviews die in het boek staan gaan gelukkig een stapje verder dan de standaard vragen. Ze gaan af en toe best de diepte in!

Een beetje jaloers

Een beetje jaloers ben ik er dan ook wel op dat je het talent en de gelegenheid hebt om zo’n boek te schrijven, maar meer dan dat heeft ze hiermee respect verdient omdat het gewoon een goed boekwerk is wat eigenlijk iedere blogger in de boekenkast moet hebben liggen!

Of je nu al jaren blogt of nog niet eens precies weet wat het is, het biedt je mogelijkheden om te groeien. Of je nu als hobby schrijft of zakelijk een blog wilt gaan opzetten, met dit boek kun je uit de voeten.

En mocht je aan deze dingen niets hebben dan kun je altijd nog inspiratie putten uit de verhalen van mensen die met hun blog leven voor hun passie. Een aanrader dus!

Foto's op je website

Gastartikel door Charlotte Meindersma van Charlotteslaw.nl. Naast juriste is ze ook fotograaf.

Mensen nemen informatie sneller op via beeld dan via tekst. Daarom zie je ook verkeersborden met iconen, veel meer dan je verkeersborden met tekst ziet.

Daarbij is beeld universeel en spreekt het mensen in meerdere talen aan. Kortom, beeld is erg belangrijk voor je website, maar hoe zorg je voor goed beeld?

Foto’s van internet

Je kunt natuurlijk foto’s van internet plukken. Gratis foto’s met een creative commons licentie bijvoorbeeld of je koopt veel goedkope foto’s via micro stocksites. Dat zorgt voor een aantal problemen:
Lees verder