WordPress is een Content Management Systeem. Bij het beheer van content komt het soms voor dat je pagina’s, berichten of documenten ontoegankelijk wilt maken voor elke willekeurige bezoeker. Alleen door jou gekozen bezoekers of betalende bezoekers mogen dan toegang tot de betreffende content.
Je hebt bijvoorbeeld een pagina met gevoelige informatie die je alleen toegankelijk wil maken voor de leden van je vereniging. Of je hebt een pdf document met interessante gegevens voor je klanten die alleen voor hen te downloaden is. Of wat misschien nog wel het meest voorkomt. Je biedt interessante content aan tegen betaling. Hieronder vind je een aantal tips hoe je de content in dergelijke situaties kan beveiligen.
WordPress biedt zelf oplossingen om content te beveiligen, maar er zijn ook een groot aantal plugins beschikbaar die de functionaliteit van WordPress zelf uitbreiden. We beginnen met de functionaliteiten die standaard in WordPress zitten.
Als een pagina of bericht nog in ontwikkeling is kun je deze eerst opslaan als concept. Deze is dan alleen voor de website beheerders met de juiste rechten beschikbaar. Alleen gepubliceerde pagina’s en berichten zijn ook daadwerkelijk te bekijken op de website.
Pagina of bericht in WordPress met wachtwoord
Daarnaast is er de mogelijkheid om een gepubliceerde pagina of bericht te beschermen met een wachtwoord. Klik tijdens het bewerken van een bericht of pagina in de rechterkolom achter “Zichtbaarheid: Openbaar” op bewerken. Kies vervolgens voor “Beschermd met wachtwoord”. Je kan nu een wachtwoord invullen om de pagina mee te beveiligen. Vergeet de pagina daarna niet bij te werken.
De voordelen en nadelen van het beschermen van een pagina of bericht in WordPress met een wachtwoord:
Makkelijk en snel toe te passen zonder technische kennis.
Dit is standaardfunctionaliteit van WordPress dus je hebt geen plugin nodig.
Alle content op de betreffende pagina is beschermd.
Het wachtwoord is hetzelfde voor iedereen die de pagina wil bekijken.
Het is niet mogelijk om alleen een bepaald deel van een bericht of pagina te beveiligen.
Documenten of afbeeldingen op de pagina zijn nog wel bereikbaar met de directe link.
Standaard wordt de content van custom fields niet beschermd door het wachtwoord.
Het wachtwoord wordt opgeslagen in een cookie. Als een bezoeker voor een 2e keer naar dezelfde pagina gaat, hoeft het wachtwoord niet opnieuw ingevoerd te worden.
Plugins
Een andere optie om de content te beveiligen is met een plugin. Dit zijn vaak leden plugins die vereisen dat een gebruiker zich registreert om bepaalde content te kunnen bekijken.
Er zijn een aantal overwegingen die je moet maken bij het kiezen van een plugin voor het beschermen van content.
Welke content wil je beveiligen? Berichten, pagina’s, bestanden zoals afbeeldingen en pdf-documenten of allemaal?
Wil je alle content verbergen of alleen een deel van een pagina of bericht?
Moet een pagina met verborgen content ook verborgen worden in het menu?
Wil je de reacties ook verbergen?
Moeten mensen zichzelf kunnen registreren of registreer jij ze als abonnee (lezer)?
Is er een betaalstap nodig tijdens het registreren? En welke betaalmogelijkheden moeten er zijn?
Zoals je merkt zijn er veel dingen om rekening mee te houden bij het kiezen van een plugin. Om het jezelf iets makkelijker te maken, kun je ook alleen kiezen voor de functionaliteiten die voor jouw situatie essentieel zijn en je op de rest van de punten aanpassen aan de mogelijkheden van de plugin. Ook de eventuele kosten die aan plugins verbonden zijn kunnen een rol spelen bij die beslissing.
Voorbeelden van plugins
In dit artikel kijken we naar een aantal verschillende plugins, maar gaan we niet tot in detail in op hoe deze zogenaamde ‘member’ plugins werken. Klik daarvoor op de link naar de plugin-pagina.
User Access Manager
Deze gratis plugin geeft je de mogelijkheid om pagina’s, berichten, categorieën en bestanden alleen zichtbaar te maken voor bepaalde gebruikersgroepen. Je maakt een gebruikersgroep (bijvoorbeeld ‘leden’) aan en kent gebruikers toe aan deze gebruikersgroep. Vervolgens kies je op het gewenste bericht of in de gewenste pagina voor welke gebruikersgroep die content beschikbaar is.
In de meeste gevallen wil je niet dat leden (abonnees) van je website in het WordPress CMS deel terecht komen. Toch is dit standaard in WordPress de enige manier om in te loggen. (/wp-admin). Ook de UAM plugin biedt geen mogelijkheden om gebruikers zich aan de voorkant van de website te kunnen registreren of inloggen. Dit kan wel met andere plugins als aanvulling op UAM. De plugins ‘Gravity Forms’ en ‘Profile Builder’ zijn hier voorbeelden van.
WooCommerce Memberships
Een hele uitgebreide en betaalde plugin die werkt als uitbreiding op WooCommerce. Dit is een compleet leden systeem voor je website.
MemberPress
Een op zichzelf staande betaalde plugin. Vergelijkbaar met WooCommerce Memberships.
UltimateMember
Een plugin die in de basis lijkt op User Access Manager. Het verdienmodel van de UltimateMember plugin zijn de betaalde extensions die de standaard functionaliteiten uitbreiden.
Restrict Content Pro
Restrict Content Pro is nog een plugin in de lijn van bovenstaande betaalde plugins. Ook hier kun je de plugin uitbreiden met add-ons.
Er zijn een groot aantal plugins op de markt die je content kunnen beveiligen. Het overgrote deel van deze plugins richt zich op het bouwen van websites waar je moet betalen voor content. Ze bieden zoveel mogelijk functionaliteiten om zoveel mogelijk gebruikers tevreden te stellen. Soms is het dus verstandiger om voor een plugin te gaan die iets minder functionaliteiten biedt, maar wel makkelijk in het gebruik is.
Een sitemap is nog steeds belangrijk element van een website. Vooral bij grote en complexe websites met meerdere lagen is een sitemap handig. Een sitemap is belangrijk voor de vindbaarheid van de pagina’s op uw website. Google kan via de sitemap snel alle pagina’s van uw website doorzoeken en indexeren. Aan de andere kant is een sitemap ook handig voor de bezoekers van uw website. Ook zij kunnen op die manier pagina’s op uw website vinden die via de normale navigatie is weggestopt.
Er zijn twee verschillende soorten sitemaps, namelijk de HTML sitemap en de XML Sitemap. In dit artikel leggen we uit wat het verschil is tussen deze sitemaps en hoe u deze kunt implementeren op uw WordPress website.
HTML sitemap in WordPress
Een HTML sitemap is een speciale pagina op uw website. Deze pagina bevat een lijst met linkjes van alle andere pagina’s op uw website. Een voorbeeld van een HTML sitemap is de HTML sitemap van Interpedia. In de footer van iedere pagina op Interpedia staat een verwijzing naar deze sitemap. Dit maakt dat elke pagina altijd binnen twee klikken toegankelijk is voor zowel bezoekers als Google robots. Een HTML sitemap is dus nuttig voor zowel gebruikers als voor zoekmachine optimalisatie.
Een HTML sitemap is eenvoudig toe te voegen. U doorloopt daarvoor de volgende stappen:
Installeer de plugin “WP Sitemap Page”. Dit kan via Plugins » Nieuwe plugin » Plugins zoeken.
Maak een nieuwe pagina aan met de naam “Sitemap”.
Plaats in het tekstveld van deze pagina de shortcode [wp_sitemap_page]
Druk op Publiceren en bekijk de pagina.
Plaats een link naar de Sitemap pagina in de footer van uw website (of laat dit doen door degene die uw website heeft gebouwd).
Onder Instellingen » WP Sitemap Page kunt u bepaalde pagina’s uitsluiten van de sitemap.
XML sitemap in WordPress
Een XML sitemap kan gebruikt worden om een overzicht met alle pagina’s te versturen naar Google via de Google Webmaster Tools. Dit type sitemap is vooral nuttig voor zoekmachine optimalisatie. Omdat de XML Sitemap geen onderdeel van de website is, is hij niet zo nuttig voor de bezoekers van uw website. Een voorbeeld van een XML Sitemap is de XML sitemap van Interpedia.
Een XML sitemap wordt automatisch aangemaakt door de WordPress SEO plugin. Om de instellingen te bewerken gaat u naar SEO » XML sitemaps. Om de sitemap vervolgens toe te voegen aan de Google Webmaster Tools doorloopt u de volgende stappen:
Kies de website waarvan u de sitemap wilt uploaden
Ga in het rechter menu naar Crawlen » Sitemaps
Klik rechtsbovenin op Sitemap Toevoegen/Testen
Plaats de link van uw XML sitemap in het venster (deze link vind u in de WordPress SEO plugin onder SEO » XML sitemaps. Klik in dit scherm op de button met de tekst XML Sitemap).
Klik op testen en vervolgens op Testresultaat weergeven.
Als er geen fouten zijn gevonden, dan gaat u terug naar Crawlen » Sitemaps en voegt u opnieuw de link van de XML sitemap toe via de knop Sitemap Toevoegen/Testen.
Hoe meer informatie je vrijgeeft over jouw WordPress installatie, hoe makkelijker het wordt voor een hacker om in te breken in jouw website. Een standaard WordPress installatie geeft te veel informatie vrij en maakt uw website hierdoor kwetsbaar voor aanvallen. In dit artikel laten we zien hoe je jouw WordPress beveiliging kunt verbeteren door informatie te verbergen.
Gebruikersnamen van auteurs verbergen
Als hackers de gebruikersnamen van de website auteurs weten, dan wordt het veel gemakkelijker om in te breken in de website door het wachtwoord te raden. Standaard laat WordPress alle gebruikersnamen gewoon zien, namelijk via de auteur archieven. Dit zijn pagina’s waar alle berichten per auteur gegroepeerd zijn. Veel websites hebben helemaal geen auteurspagina nodig. Als dit het geval is, dan is het aan te raden de auteurspagina’s uit te schakelen.
Het uitschakelen van de auteur archieven kan eenvoudig met de WordPress SEO plugin. Doorloop de volgende stappen:
Ga naar SEO » Titels & Meta’s
Klik op het tabje Andere
Vink de optie “Zet de auteur-archieven uit” aan
Klik op Wijzigingen opslaan
Normaal gesproken voegt de WordPress SEO plugin een XML sitemap toe aan uw WordPress website. Als de auteur archieven zijn uitgeschakeld worden deze automatisch ook uit de sitemap verwijderd.
WordPress versienummer verbergen
Een ander voorbeeld is het versienummer van jouw WordPress installatie. Als je vergeten bent te updaten, dan is dat voor een buitenstaander gemakkelijk te achterhalen. Het versienummer is op twee manieren te achterhalen:
Via de broncode: <meta name="generator" content="WordPress 3.8.4" /> (rechtermuisknop » bron bekijken)
Via de link: www.jouwdomein.nl/<strong>readme.html</strong> (vervang ‘jouwdomein.nl’ voor jouw WordPress website)
Het verbergen van deze informatie is eenvoudig te doen met de Sucuri plugin. Als u deze plugin heeft geïnstalleerd wordt het versienummer in de broncode automatisch al verborgen. Om de informatie in /readme.html te verbergen, doorloopt u de volgende stappen:
Ga naar Sucuri Security » Hardening
Scroll naar beneden, naar het kopje “Information leakage (readme.html), klik op Harden.
WordPress beveiliging
Deze maatregelen zijn alleen zinvol in combinatie met andere maatregelen om WordPress beveiliging te verbeteren, zoals goede wachtwoorden kiezen en regelmatig WordPress updates uitvoeren. Toch is het verbergen van informatie een belangrijke stap in de goede richting. Veel succes!
In het artikel “Sterk wachtwoord maken” hebben we uitgelegd waarom het belangrijk is om een veilig wachtwoord te kiezen. Hackers proberen via geautomatiseerde computerprogramma’s uw wachtwoord te raden. Daarom is het belangrijk dat alle gebruikers op uw website een wachtwoord hebben dat niet te raden is. We noemen dit een veilig wachtwoord. In dit artikel geven we 5 handige tips voor het kiezen van een veilig wachtwoord.
Het is belangrijk om te weten dat u zelf, samen met uw leveranciers van website en hosting, verantwoording draagt voor de veiligheid van uw website. De maatregelen die uw webbouwer en hosting leverancier nemen kunnen tevergeefs zijn als u zelf intern geen voorzorgsmaatregelen neemt. U kunt dit artikel gebruiken als richtlijn voor de wachtwoorden van alle personen in uw organisatie.
Ideeën voor het kiezen van een veilig wachtwoord
Allereerst enkele praktische ideeën voor het kiezen van een wachtwoord:
U kunt de eerste letters van een lange zin achter elkaar plaatsen. U hoeft alleen de zin te onthouden om het wachtwoord te kunnen invullen.
U kunt een wachtwoord samenstellen uit vier korte woorden die niets met elkaar te maken hebben.
U kunt een willekeurig wachtwoord aanmaken met bijvoorbeeld http://passwordsgenerator.net. U zult dit wachtwoord wel op een veilige plek moeten opslaan, omdat deze wachtwoorden niet goed te onthouden zijn. Voor tips voor het opslaan zie tip 5 van dit artikel.
Tip 1. Wees niet voorspelbaar
Voorspelbare wachtwoorden zijn makkelijk te raden en maken uw website onveilig. Voorbeelden van voorspelbare wachtwoorden zijn:
123456
abc123
wachtwoord
admin
welkom
Het kost een hacker slechts enkele seconden om een website te kraken met zulke wachtwoorden. Ook woorden uit het woordenboek, persoonlijke informatie, namen van acteurs, etc. zijn gemakkelijk te raden. Bij voorspelbare wachtwoorden helpt het niet om:
Letters te vervangen door cijfers, bijvoorbeeld ‘O’ (letter) voor een ‘0’ (cijfer) of de ‘e’ voor een ‘3’.
Het woord om te draaien, bijvoorbeeld ‘droowthcaw’ in plaats van ‘wachtwoord’.
Deze technieken zijn bij hackers bekend en zullen vooral bij voorspelbare wachtwoorden niet veel bijdragen aan veiligheid.
Tip 2. Kies een lang wachtwoord
Hoe langer het wachtwoord, hoe moeilijker het is om het wachtwoord te raden. Wij adviseren een wachtwoord van minimaal 8 tekens. Tussen 12 en 20 tekens is optimaal.
Tip 3. Gebruik veel verschillende tekens
Wachtwoorden zijn hoofdlettergevoelig, een mix van hoofdletters en kleine letters maakt het wachtwoord lastiger te raden.
Tip 4. Verander regelmatig uw wachtwoord
Verander uw wachtwoord regelmatig, ten minste elk jaar.
Tip 5. Sla uw wachtwoorden op een veilige plek op
Sla de wachtwoorden niet op in uw browsers, deze zijn gemakkelijk beschikbaar voor eventuele virussen op uw computer. Als u wachtwoorden wilt opslaan, gebruik dan versleutelde software. LastPass is bijvoorbeeld enorm handig als u veel verschillende gebruikersnamen en wachtwoorden moet onthouden. U kunt de wachtwoorden synchroniseren op al uw apparaten en via de website zijn al uw wachtwoorden direct op te zoeken.
Bonus tip: gebruik een virus scanner
Voor de veiligheid van uw website is het belangrijk dat u uw computer vrij houdt van virussen. Installeer altijd alle updates van bijvoorbeeld Windows en gebruik een virusscanner. Zo voorkomt u dat een hacker via een virus toegang krijgt tot uw wachtwoorden.
Er komt veel kijken bij het bouwen van zelfs een simpele website. Na de lancering van een website komen er regelmatig nog fouten boven tafel. Veel van deze fouten zijn gemakkelijk te voorkomen door de website voor de lancering grondig te controleren aan de hand van een checklist. Op deze pagina is de website checklist te vinden die wij hanteren bij Hayona.
Wat kan er fout gaan bij een website lancering?
Als u uw website niet grondig test, dan is de kans groot dat u details over het hoofd ziet. Dit kan grote gevolgen hebben voor:
Zoekmachine optimalisatie (Voorbeeld: Robots.txt staat verkeerd)
Google Analytics (Voorbeeld: De trackingcode vergeten)
Veiligheid van de website
Snelheid van de website (Voorbeeld: Browsercaching is uitgeschakeld)
Opvolgen van leads (Voorbeeld: E-mails van het contactformulier komen niet aan)
Leesbaarheid op andere apparaten of browsers
Bovenstaande punten zijn slechts een paar voorbeelden uit de praktijk. Als website ontwikkelaars moeten we onze verantwoordelijkheid nemen om deze fouten zo veel mogelijk te voorkomen.
Download de website checklist
De checklist ‘kwaliteitscontrole bij lancering van een nieuwe website’ is een document van 3 A4’tjes, opgesteld op basis van fouten uit de praktijk. Door uw website te controleren op basis van deze checklist, kunt u veel voorkomende fouten gemakkelijk voorkomen.
Veiligheid van WordPress websites wordt steeds belangrijker. In dit artikel gaan we in op een belangrijk aspect van een beveiligde WordPress website: het wachtwoord. We leggen uit waarom het kiezen van een sterk wachtwoord belangrijk is, geven tips over wat u beter niet kunt doen en we leggen uit waaraan een veilig wachtwoord moet voldoen.
Waarom is een sterk wachtwoord nodig?
Hackers proberen op verschillende manieren toegang te krijgen tot uw WordPress installatie. Een van die manieren is het proberen te raden van uw WordPress gebruikersnaam en wachtwoord. Dit wordt ook wel een brute force aanval genoemd. Een sterk wachtwoord is een wachtwoord dat moeilijk te raden is door hackers.
In april 2013 schreef de website Tweakers.net dat het aantal aanvallen op WordPress sites was verdrievoudigd. Het bedrijf Sucuri publiceerde rond dezelfde tijd de volgende cijfers (gemiddeld aantal aanvallen per dag op websites onder hun toezicht):
Als uw wachtwoorden gemakkelijk te raden zijn, is uw website erg kwetsbaar voor brute force aanvallen. Omdat de hoeveelheid en de omvang van deze aanvallen sterk toeneemt, is het risico dat er ingebroken wordt op uw website ook steeds groter.
Hoe werkt zo’n aanval?
Hackers proberen de meest voor de hand liggende gebruikersnaam/wachtwoord combinaties uit op uw login formulier. Dit heet een ‘dictionary attack’. Bij deze aanvallen worden lijsten met veel voorkomende wachtwoorden uitgeprobeerd op uw website. Er zijn lijsten bekend van wachtwoorden die veel voorkomen. Een aantal voorbeelden van veel voorkomende wachtwoorden zijn (Bron: Sucuri):
test123 adminadmin 123456789 abc123 qwerty
Dit lijkt zinloos, maar is wel degelijk effectief. Het duurt bijvoorbeeld slechts 40 minuten om alle woorden uit het Van Dale een keer te proberen (100 pogingen per seconde). Als een ‘dictionary attack’ niet lukt, dan kan de hacker overgaan op een ‘brute-force attack’. Hierbij wordt domweg elke woord en lettercombinatie een keer uitgeprobeerd.
Iedere WordPress website heeft automatisch een gebruikersnaam ‘admin’. Daarom is het te verwachten dat een hacker deze gebruikersnaam als eerste zal proberen. Het is dan ook belangrijk, dat deze gebruikersnaam niet voorkomt op uw website. Is dat wel zo, neem dan contact op met uw webbouwer.
Kies een sterk wachtwoord
Hackers proberen via geautomatiseerde processen uw wachtwoord te raden. Daarom is het essentieel dat u een wachtwoord kiest dat niet voor de hand ligt. Dit noemen wij een sterk wachtwoord of een veilig wachtwoord. In het volgende artikel geven we u 5 handige tips voor het kiezen van een veilig wachtwoord.
Google AdSense is een goede manier om gemakkelijk relevante advertenties op uw website te plaatsen. In dit artikel leert u hoe u deze advertenties aan een WordPress website kunt toevoegen met behulp van een tekstwidget.
Advertentiecode ophalen
Om een advertentie op uw website te kunnen plaatsen, moet u een zogenoemde advertentiecode ophalen. Deze is te vinden in AdSense onder Mijn Advertenties. U vindt hier een overzicht van alle advertenties die u tot nu toe heeft aangemaakt. Als u bij een advertentie op Code ophalen klikt, ziet u een pop-up venster met de advertentiecode. Selecteer in het dropdown menu het item Asynchroon enkopieer de code naar uw klembord.
Uw code ziet er als volgt uit (Let op, dit is een voorbeeld. U kunt onderstaande code dus niet gebruiken in uw WordPress website).
Om de advertentie toe te voegen aan uw website gaat u in WordPress naar Weergave > Widgets. Hiervoor heeft u wel beheerdersrechten nodig. Als u deze nog niet heeft, kunt u deze opvragen bij uw webbouwer. Sommige (vooral oudere) thema’s ondersteunen geen widgets. Ook hiervoor kunt u terecht bij uw webbouwer, deze zijn relatief eenvoudig te implementeren.
Kies onder Beschikbare widgets de tekstwidget en sleep deze naar een widgetgebied naar keuze. Geef de widget een titel, bijvoorbeeld ‘Advertentie’ en plak de AdSense advertentiecode in het tekstvlak. Klik op opslaan en ga naar de website om de advertentie te bekijken. Heeft u net een nieuwe advertentie aangemaakt? Wacht dan even; Nieuwe advertenties worden pas weergegeven na enkele minuten.
Wilt u meer weten over Widgets in WordPress? Lees dan het Interpedia artikel WordPress Widgets.
301 verwijzingen (of 301 redirect) zijn essentieel voor zoekmachine optimalisatie. WordPress heeft van zichzelf geen redirect functie. In dit artikel leggen we uit hoe u verwijzingen kunt instellen met behulp van een WordPress redirect plug-in. Wilt u meer weten over het belang van 301 verwijzingen, lees dan het Interpedia artikel 301 verwijzing (301 redirect).
Installeer Simple 301 redirect plug-in
De WordPress plug-in Simple 301 redirects voegt een eenvoudige redirect functie toe aan uw WordPress installatie. Log in in WordPress en ga naar Plugins > Nieuwe plugin en zoek op Simple 301 redirects. De plug-in verschijnt bovenaan de zoekresultaten. Klik op Nu installeren, en vervolgens op Plugin activeren.
Handmatig een 301 verwijzing instellen
U kunt nu een 301 redirect instellen via Instellingen > 301 Redirects. U ziet dan het volgende formulier:
Hier kunt u de verwijzing instellen. In het linkerveld geeft u de oude link op, zonder de domeinnaam. Bijvoorbeeld, /fietsen/onderhoud/. In het rechterveld geeft u de nieuwe link op, met de domeinnaam. Bijvoorbeeld, http://www.uwdomein.nl/fietsen/onderhoudsartikelen/. Om de verwijzing op te slaan klikt u op Instellingen opslaan.
WordPress redirect testen
Om er zeker van te zijn dat uw verwijzing goed werkt kunt u simpelweg naar de oude URL gaan om te kijken of uw daadwerkelijk wordt doorverwezen. Om te kijken of het type redirect goed staat kunt u gebruik maken van een Redirect tester (bijvoorbeeld: Redirect checker). Hiermee kunt u controleren of de redirect permanent is (301 redirect) of tijdelijk (302 redirect).
Meerdere 301 verwijzingen instellen
Soms is het nodig om heel veel verwijzingen tegelijkertijd instellen, bijvoorbeeld bij het verhuizen of vernieuwen van een website. In dit geval is bovenstaande methode erg tijdrovend. Er zijn manieren om grote hoeveelheden redirects in één keer in te stellen. Dit vereist alleen meer technische kennis. Informeer bij uw webbouwer naar de mogelijkheden (u kunt eventueel het artikel 301 verwijzing (301 redirect) meesturen als toelichting).
De navigatiestructuur is een belangrijk onderdeel van uw website. Een goed ingerichte menustructuur zorgt ervoor dat uw bezoekers snel de informatie kunnen vinden die ze zoeken. Sinds versie 3.0 heeft WordPress standaard de mogelijkheid om menu’s in te richten en in te voegen in de website. In dit artikel maakt u kennis met de WordPress menu functionaliteit.
Voorbeelden van navigatiestructuren
Allereerst geven we graag enkele voorbeelden van menu’s op een aantal websites. U zult zien dat elk type website een eigen soort navigatie vereist.
Webshop – Wehkamp.nl
Een voorbeeld van een menustructuur in een webshop is te zien op Wehkamp.nl. Wehkamp heeft meerdere menu’s:
‘gratis bezorging vanaf 20.-*’, ‘voor 23:59 uur besteld, morgen in huis’ en ‘gratis retour’.
‘Klantenservice’, ‘inloggen’, ‘wensenlijst’ en ‘winkelmand’.
Categorieën van de webshop
Wehkamp heeft meerdere menu’s
Een dieperliggende pagina heeft aan de linkerkant een ‘extra’ navigatiebalk waarin subcategorieën zijn weergegeven.
Subcategorieën op Wehkamp.nl
Corporate website – Hayona.nl
Een corporate website, heeft meestal genoeg aan één of twee menu’s. Hayona.nl heeft bijvoorbeeld één menu met vijf onderdelen: Home, Opdrachtgevers, Diensten, Team en Contact.
Hayona heeft één menu.
Ook op deze website wordt op dieperliggende pagina’s een submenu getoond.
Submenu op Hayona.nl
Website hiërarchie
Zoals u heeft kunnen zien is er vaak sprake van een hiërarchie in een navigatiestructuur. Dit stelt u in staat om de algemene en specifieke pagina’s van elkaar te scheiden. In het voorbeeld van hayona.nl moet de bezoeker eerst op Diensten klikken, vervolgens op Online Marketing om vervolgens op de pagina Google Analytics te komen. De ordening is dus van algemeen naar specifiek. In het voorbeeld van wehkamp.nl moet de bezoeker eerst op Electronica klikken, daarna op Televisies om bij LED tv’s uit te komen. Ook hier zie je dat de pagina’s zijn geordend van algemeen naar specifiek. Zonder deze hiërarchie zou elke pagina gelijk zichtbaar moeten zijn op het bovenste niveau. Dit zou de website ontzettend verwarrend maken voor de eindgebruiker.
Ons advies is om het aantal pagina’s op het hoogste niveau te beperken. Elke situatie is anders, maar normaal gesproken adviseren we maximaal 5 tot 7 pagina’s. Ook adviseren wij normaal gesproken om de hiërarchie in uw website te beperken tot maximaal 3 niveau’s diep. Dit voorkomt dat een bezoeker 4 of 5 keer moet klikken voordat hij of zij de pagina heeft gevonden.
De hiërarchie in uw website moet zowel in de menustructuur als in de url-structuur terug te vinden zijn. De url van de Google Analytics pagina op de Hayona website ziet er als volgt uit: http://www.hayona.nl/diensten/online-marketing/google-analytics-gebruiken. Zoals u kunt zien is aan de url van deze pagina direct af te lezen onder welke pagina’s deze is geplaatst. Lees meer over url’s in het SEO artikel: De URL – essentieel onderdeel in SEO.
WordPress menu maken en bewerken
Om een WordPress menu aan te maken gaat u in het dashboard naar Weergave > Menu’s. U ziet dan het volgende scherm:
Onder Pagina’s staat een overzicht met de pagina’s van de website. U kunt hier de pagina’s selecteren die u aan het menu wilt toevoegen. Als u op Aan menu toevoegen klikt, verschijnen de door u gekozen pagina’s als balkje in de menustructuur. U kunt deze balkjes verslepen om de volgorde van het menu te veranderen. Ook kunt u verschillende niveau’s aanbrengen in het WordPress menu, zoals in onderstaand voorbeeld:
Uw WordPress menu activeren
Als u klaar bent met het menu, klikt u op Menu aanmaken. Om te controleren of uw menu ook echt is toegekend aan een locatie, klikt u op Locaties beheren. Het aantal locaties is afhankelijk van het thema dat u heeft geïnstalleerd. Onderstaand voorbeeld toont twee locaties.
Om het menu te activeren moet u het toekennen aan een locatie. Als u dit heeft gedaan, dan klikt u op Wijzigingen opslaan. Ga naar uw website om het resultaat te bekijken.
InterPedia is eigendom van online marketing bureau Hayona. Voor WordPress projecten heeft Hayona veel kant-en-klare thema’s geprobeerd, maar bijna altijd met teleurstellende resultaten. Ze zijn meestal te uitgebreid, te zwaar, houden geen rekening met SEO, zijn niet responsive, etc. Uiteindelijk bleek de beste oplossing het ontwikkelen van een eigen WordPress thema. Hiermee kan razendsnel een mooie website gemaakt worden die responsive is, geschikt voor SEO en gemakkelijk aanpasbaar. Dit thema is beschikbaar voor bezoekers van InterPedia.nl.
Download het Hayona B2B Thema hieronder. Gebruik ook de onderstaande installatie instructies!
Bedankt voor het kiezen van het het ‘Hayona B2B’ WordPress thema. We hebben dit thema ontwikkeld, zodat je snel en makkelijk een website op kan zetten. Daarbij ligt de focus op gebruiksvriendelijkheid, conversie en zoekmachine optimalisatie.
We hopen dat je dit thema met veel plezier zal gebruiken.
Hayona
Installatie van WordPress
Om dit thema te installeren, dient WordPress al op je webruimte geïnstalleerd te zijn. Als WordPress nog niet op je webruimte staat, kan je deze hier downloaden. Sommige webhosts bieden een automatische installatie van WordPress aan. Dan hoef je niks te downloaden en kun je WordPress installeren vanuit het webhosting administratiepaneel. Hayona adviseert Siteground voor WordPress hosting.
Pak het .zip bestand uit en volg de instructies in ‘readme.html’.
Installatie van het thema
Download hayona-b2b.zip van InterPedia.nl en pak het .zip bestand uit.
In de uitgepakte map staat een bestand, genaamd hayona-b2b-thema.zip. Dit is het eigenlijke thema.
Ga na inloggen in WordPress naar ‘Weergave > Thema’s’.
Klik bovenaan op ‘Nieuwe toevoegen’ en vervolgens op ‘Uploaden’.
Klik op ‘Bestand kiezen’ en selecteer het bestand hayona-b2b-thema.zip. Klik vervolgens op ‘Nu installeren’.
Klik na de installatie op ‘Activeren’.
Je hebt het thema nu geïnstalleerd, maar het werkt nog niet helemaal naar behoren. Daarvoor moet je nog een aantal stappen zetten.
Plugins
Om het thema werkend te krijgen zijn 3 plugins vereist *. Daarnaast zijn er nog een aantal plugins die wij aanbevelen om het thema optimaal tot zijn recht te laten komen.
Klik binnen WordPress op ‘Plugins > Nieuwe plugin’ en gebruik het zoekveld om onderstaande plugins te vinden, te installeren en te activeren.
Advanced custom fields *
OptionTree *
Klassieke editor *
Black Studio TinyMCE widget
Contact Form 7
Contact Form 7 Redirection
Display Widgets
Easy Fancybox
WordPress SEO (Yoast)
Meer informatie over deze en meer plugins: http://www.interpedia.nl/cms/wordpress/beste-wordpress-plugins
Homepage en nieuwspagina instellen
Klik binnen WordPress op ‘Pagina’s > Nieuwe pagina’.
Vul ‘Home’ in als titel van de pagina.
Kies in de rechterkolom in het blokje ‘Pagina-attributen’ onder sjabloon voor ‘Homepage’.
Vul in eerste instantie voor het publiceren de verplichte velden. (‘Header afbeelding’ en ‘Homepage content titel’)
Klik rechts bovenin op de blauwe knop ‘Publiceren’.
Klik binnen WordPress op ‘Pagina’s > Nieuwe pagina’.
Vul ‘Nieuws’, ‘Blog’ o.i.d. in als titel van de pagina.
Klik rechts bovenin op de blauwe knop ‘Publiceren’.
Klik binnen WordPress op ‘Instellingen > Lezen’.
Kies achter ‘Startpagina toont’ voor ‘Een statische pagina’.
Kies achter ‘Voorpagina’ voor de zojuist aangemaakte pagina ‘Home’.
Kies achter ‘Berichtpagina’ voor de zojuist aangemaakte pagina ‘Nieuws’ of ‘Blog’.
Klik onderaan op de blauwe knop ‘Wijzigingen opslaan’.
Leesbare URL’s
Voor de vindbaarheid van je website in Google is het belangrijk dat je gebruik maakt van leesbare URL’s. Volg onderstaande stappen om dit aan te zetten.
Klik binnen WordPress op ‘Instellingen > Permalinks’.
Kies voor ‘Berichtnaam’.
Klik onderaan op de blauwe knop ‘Wijzigingen opslaan’.
OptionTree
Zet onderstaande stappen om gebruik te kunnen maken van de thema instellingen zoals het uploaden van een eigen logo.
Klik binnen WordPress op ‘OptionTree’.
Klik op de daarna verschenen pagina op ‘Import’.
Kopieer en plak onderstaande code in het veld ‘Settings’ en klik op ‘Import settings’. Na het klikken op ‘Import settings’ verdwijnt de code weer. Dit is de bedoeling.
Kopieer en plak onderstaande code in het veld ‘Theme options’ en klik op ‘Import theme options’. Na het klikken op ‘Import theme options’ verdwijnt de code weer. Dit is de bedoeling.
Thema opties
Klik binnen WordPress op ‘Weergave > Thema opties’.
Upload uw logo (300 x 65 pixels).
Voeg uw Google Analytics code toe.
Vul optioneel de andere instellingen in.
Klik rechtsboven of rechtsonder op ‘Save changes’.
Homepage vullen
Klik binnen WordPress op ‘Pagina’s’ en klik vervolgens op de eerder aangemaakte pagina ‘Home’.
Vul de extra velden van je homepage in en volg de instructies die bij de velden staan.
Als de homepage helemaal gevuld is, klik je rechtsboven op de blauwe knop ‘Bijwerken’.
Menu’s instellen
In het Hayona B2B thema kun je gebruik maken van 2 verschillende menu’s. Een hoofdmenu dat zichtbaar wordt naast het logo en een zogenaamd metamenu dat wordt weergegeven in de grijze balk aan de bovenkant van de website. Met de Menu-functionaliteit van WordPress zijn deze menu’s eenvoudig en flexibel te beheren. Ze moeten alleen nog ingesteld worden.
Klik binnen WordPress op ‘Weergave > Menu’s’.
Klik bovenin op ‘maak een nieuw menu’.
Geef het nieuwe menu de naam ‘Hoofdmenu’ en sla het menu op door aan de rechterkant op de blauwe knop ‘Menu aanmaken’ te klikken.
Herhaal stap 2 en 3, maar noem het menu dit keer ‘Metamenu’.
Ga bovenin naar het tabblad ‘Locaties beheren’.
Selecteer Hoofdmenu bij Hoofdmenu en Metamenu bij Metamenu en klik op ‘Wijzigingen opslaan’.
Ga bovenaan terug naar het tabblad ‘Menu’s bewerken’.
Kies bovenin welk menu je wilt bewerken door deze te kiezen in het dropdown menu en op ‘Selecteren’ te klikken.
Gebruik de linkerkolom om nieuwe pagina’s aan het menu toe te voegen. Om de pagina’s in het menu te organiseren kan je gebruik maken van het ‘drag & drop’ principe. Klik vervolgens op de blauwe knop ‘Menu opslaan’.
Vink onderaan optioneel ‘Voeg automatisch nieuwe top-level pagina’s toe aan dit menu’ aan om nieuwe pagina’s automatisch toe te voegen aan het menu.
Volg onderstaande stappen als je een home symbooltje wilt gebruiken als homepage knop in het menu.
Upload het bijgleverde home symbool home.jpg naar je mediabibliotheek en plak de url in onderstaande HTML code op de plaats van de hashtag.
Zorg dat de home pagina in het menu is toegevoegd zoals hierboven beschreven staat.
Klik aan de rechterkant van het menu item op het pijltje.
Plak de HTML code onder ‘Navigatielabel’.
Klik op de blauwe knop ‘Menu opslaan’.
Footer
Klik binnen WordPress op ‘Weergave > Widgets’.
Sleep de ‘Black Studio TinyMCE’ widget naar ‘Footer’ in de rechterkolom.
Vul de widgets met links en sla ze op door te klikken op de blauwe knop ‘Opslaan’.
Contactformulier
Zet de volgende stappen om het contactformulier op je contact pagina te zetten.
Klik binnen WordPress op ‘Contact’.
Kopieer de shortcode van het formulier uit de gelijknamige kolom.
Plak deze code in de pagina waar je wilt dat het formulier verschijnt.
Maak een bedankpagina aan waar men op terecht komt na het invullen van een formulier.
Klik binnen WordPress op ‘Contact’ en vervolgens op het betreffende formulier.
Als de plugin ‘Contact Form 7 Redirection’ is geïnstalleerd kunt u onder het tabje ‘Redirect Settings’ van het formulier de bijbehorende bedankpagina kiezen.
Aanvullend advies bij het gebruik van het contactformulier:
Ga in het te bewerken formulier naar het kopje ‘Mail’ en verander het onderwerp naar een statisch onderdeel. Bijvoorbeeld: ‘E-mail formulier website’. Dit voorkomt spam.
Ga in het te bewerken formulier naar het kopje ‘Mail’ en verwijder de URL uit het veld onder ‘Berichttekst’ die onderaan staat. Dit voorkomt spam.
Breadcrumbs
Zet de volgende stappen om de breadcrumbs aan te zetten.
Klik binnen WordPress op ‘SEO > Interne links’.
Zet bovenaan een vinkje voor ‘Gebruik kruimelpad’.
Klik onderaan de pagina op de blauwe knop ‘Wijzigingen opslaan’.
