Een effectiëve WordPress website

Maat: px

Weergave met pagina beginnen:

Download "Een effectiëve WordPress website"

Tania Saskia Eilander
7 jaren geleden
Aantal bezoeken:

1 Een effectiëve WordPress website

2 Rosanne van Staalduinen Sinds 2011 een eigen bureau in Webdesign & Online marketing Doelgroep: ZZP & MKB Bouwt sinds 2012 alle websites met WordPress

3 Voorstellen Wie ben je en wat doe je? Wat verwacht je van vandaag? Wat hoop je te leren? Wat betekent je website momenteel voor je bedrijf?

4 Speerpunten van vandaag Introductie WordPress Mobielvriendelijke website Zoekmachine optimalisatie Website aantrekkelijk maken Website optimaliseren Websites bespreken + vragen stellen

5 WordPress In 2003 begonnen als blogplatform Inmiddels een compleet Content Management Systeem Open Source Grote community die graag helpt Gratis

6 Mobielvriendelijke websites

7 Waarom is een mobielvriendelijke website zo belangrijk? 81% van de Nederlanders van 18 tot 80 jaar heeft een smartphone Ruim de helft van de 65+ ers (54%) en 95% van de jongeren 80% gebruik om te internetten (doelloos surfen, maar ook oriënteren en vergelijken)

8 55% van de mensen kickt liever af van cafeïne dan van hun smartphone.

9 #mobilegeddon 21 april 2015 past Google het algoritme aan Doel: prioriteit geven aan websites die goed op smartphones en andere mobiele apparaten getoond worden Heeft alleen invloed op mobiele zoekopdrachten, niet op laptops/desktops Er zijn al websites bekend die ruim 30% mobiel zoekverkeer verloren hebben en sites die 3 of meer plekken gezakt zijn in de zoekresultaten met flink minder zoekverkeer als resultaat.

10 Wat ís een mobielvriendelijke website? Een website die op een smartphone of tablet net zo prettig te bezoeken is als op een laptop of desktop Optie 1) Responsive website: dezelfde website als op de desktop alleen dan met de content onder elkaar (de site schaalt mee) Optie 2) Mobiele website: een aparte mobiele website die los staat van de website op de desktop

11 Desktop website vs. responsive website

12 Desktop website vs. mobiele website

13 Vertaling naar WordPress Responsive website: Gebruik een thema dat al responsive is. Laat je nooit een niet-responsive thema aanpraten! Laat je thema responsive maken Goede sites: WooThemes.com, Studiopress.com, Elegantthemes.com Kijk uit met Themeforest Mobiele website: WP Touch Mobile Plugin (wptouch.com). Hebben ook een template geschikt voor horeca. Helemaal los laten bouwen

14 Hoe ziet jouw website er mobiel uit? Opdracht: controleer op (Device sizes) hoe jouw website er op mobiele apparaten uit ziet. Ben je tevreden?

15 Zoekmachine optimalisatie

16 Zoekmachineoptimalisatie Google is de grootste (maar niet de enige) zoekmachine Doel Google: een gebruiker zo snel mogelijk het meest relevante antwoord tonen op een bepaalde zoekterm Ons doel: hoog eindigen in de zoekresultaten Hoe? Door relevante content!

17 Wat ook helpt Social media Google Mijn Bedrijf Opdracht: maak een account aan bij Google Mijn Bedrijf

19 Een vak apart Hoe het vroeger ging: heel veel zoekwoorden plaatsen, zelfde kleur geven als de achtergrond zodat ze niet opvielen Hoe het nu gaat: meerdere factoren die van invloed zijn en grote bedrijven die er veel geld aan verdienen.

20 Wat komt er bij kijken? 1. Inhoud van je website a) Tekst b) Afbeeldingen c) Video s 2. Populariteit van je website a) Hoe veel bezoekers, hoe lang blijven ze, klikken ze door naar andere pagina s b) Het aantal inkomende links 3. Techniek a) Leesbaar voor zoekmachine b) Snelheid

21 Veelgemaakte fouten 1. Content (teksten) van andere sites kopiëren 2. Inkomende links kopen 3. Je website niet up to date houden 4. De belangrijkste zoekwoorden niet op je website plaatsen 5. Je website vol stoppen met zoekwoorden 6. Geen analyse uitvoeren

22 Zoekwoorden Opdracht: noteer voor jezelf op welke zoekwoorden je zou willen dat je website gevonden wordt

23 WordPress en zoekmachineoptimalisatie YOAST SEO Plugin per pagina invullen SEO > Algemeen 2 e tabblad Jouw instellingen / Bedrijfsinformatie : Geef aan of je een persoon of bedrijf bent en vul de gevraagde informatie in SEO > Sociaal: vul de links naar je social media kanalen in

24 YOAST SEO

25 Aantrekkelijke website

26 Design Probeer niet anders te zijn Gebruik witruimte voor rust en overzicht Gebruik weinig kleuren (een of twee accentkleuren) Gebruik een lichte achtergrond en donkere tekst Gebruik steeds hetzelfde lettertype

27 Nerveuze aapjes Bezoekers zijn te vergelijken met nerveuze aapjes: ze willen maar één ding en graag snel. Net zoals aapjes ongeduldig op zoek zijn naar een banaan, speuren websitebezoekers naar iets dat ze niet kunnen weerstaan: iets opvallends om op te klikken. Een banaan is een opvallend visueel element dat erom schreeuwt om te worden aangeklikt. Een banaan vergroot de kans dat bezoekers doorklikken. Zorg dat elke pagina een banaan heeft. Het helpt je bezoekers de weg te vinden. Maar let op: elke pagina heeft maar één banaan. Anders krijgen bezoekers keuzestress.

28 Nerveuze aapjes

29 Aantrekkelijke pagina s Zoom in op unieke details Win vertrouwen a) Toon recensies (met naam) b) Toon prijzen die je gewonnen hebt c) Toon logo s van onafhankelijke instanties d) Toon keurmerken e) Vermeld onafhankelijke testresultaten

30 Aantrekkelijke pagina s Beantwoord veelgestelde vragen als ze op ploppen, niet op een FAQ pagina Zet je telefoonnummer op elke pagina Zorg voor foto s die kloppen/passen Geef iets gratis weg > mailinglijst opbouwen + binding

31 Aantrekkelijke pagina s Informele taal (spreektaal), blijft beter hangen bij mensen omdat ze het gevoel hebben dat er tegen hen gesproken wordt. Hoe kun je spreektaal op je website toepassen? Spreek de lezer direct aan met u of jij Zeg ik of wij als je over jezelf of je bedrijf praat Wees vriendelijk door woorden als sorry, alsjeblieft, zou je. Willen doen, dankjewel etc. te gebruiken Gebruik geen vakjargon

32 Aantrekkelijke pagina s Zorg dat je pagina s scanbaar zijn. 79% van de bezoekers scant je pagina de eerste keer. Zet boven iedere alinea een samenvattend kopje. Probeer niet grappig of origineel te zijn, zorg dat het informatief is. Zet de essentie in de eerste zin van de alineas. Je kunt een of twee woorden per alinea op laten vallen door ze vet te maken.

33 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum convallis a urna sit amet dapibus. Cras eu nisl vitae quam interdum ornare a vel sem. Praesent libero libero, dapibus a lacinia ac, consequat sed elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia, ipsum sit amet volutpat vehicula, est leo finibus sem, at condimentum mauris augue in leo. Aliquam sed est justo. Suspendisse tincidunt augue nec lectus imperdiet, in euismod odio rhoncus. Praesent nisl enim, convallis sit amet lobortis eu, condimentum nec tortor. Fusce gravida a lacus at malesuada. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi vel pharetra nunc. Quisque vitae nibh hendrerit, commodo sapien at, viverra nulla. Etiam a semper turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum convallis a urna sit amet dapibus. Cras eu nisl vitae quam interdum ornare a vel sem. Praesent libero Praesent libero libero, dapibus a lacinia ac, consequat sed elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia, ipsum sit amet volutpat vehicula, est leo finibus sem, at condimentum mauris augue in leo. Aliquam sed est justo: Suspendisse tincidunt augue nec lectus imperdiet, in euismod odio rhoncus. Praesent nisl enim, convallis sit amet lobortis eu, condimentum nec tortor. Fusce gravida a lacus at malesuada. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi vel pharetra nunc. Quisque vitae nibh hendrerit, commodo sapien at, viverra nulla. Etiam a semper turpis.

34 Aantrekkelijke pagina s Zorg dat alle kopjes bij elkaar de pagina samenvatten. Schrijf getallen in cijfers Maak van elke opsomming een bullet list Schrijf informatiedragende links. Dus niet klik hier voor meer informatie, maar Bekijk hier het menu Maak de Call To Action (banaan) op elke pagina duidelijk zichtbaar

35 Algemene tips Kies een makkelijk leesbaar lettertype (sans-serif) Kies voor de lettergrootte minimaal 16px Kijk uit met PDF-bestanden: content wordt niet gelezen door Google

36 Horeca tips Verwerk de antwoorden op dit soort vragen op je website: Wanneer zijn jullie open? Moet ik reserveren? Is de locatie te bezoeken in een rolstoel? Hebben jullie kinderzitjes? Waar kan ik parkeren en is dat gratis? Kan ik bij jullie glutenvrij/vegetarisch etc. eten?

37 WordPress optimaliseren

38 Handige plugins Antispam Bee: automatisch filteren en verwijderen van spamreacties Limit Login Attempts: Na een x-aantal foutieve inlogpogingen de gebruiker blokkeren BackWPup: Automatisch maken van backups die o.a. opgeslagen kunnen worden in een dropbox account ithemes Security: Je site nog beter beveiligen.

39 Opdracht: Wat zou je aan je website kunnen wijzigen? Welke elementen zou je kunnen wijzigen om je site duidelijker, overtuigender, aantrekkelijker te maken?

40 Vragen?

Vergelijkbare documenten

NPS score: -77 Lorem Ipsum Donec sodales lorem in libero rhoncus, ac egestas augue rhoncus.

NPS score: -77 Lorem Ipsum Donec sodales lorem in libero rhoncus, ac egestas augue rhoncus. Pakkende titel van de infographic Subtitel of introtekst: Praesent id congue lorem, eget ultricies sapien. Quisque vel nunc id quam porttitor feugiat non et quam. Donec vulputate mauris at consectetur