Over Martijn Benschop

Mijn naam is Martijn Benschop (1971). Ik ben eigenaar van Webzeker Webdesign en sinds 1998 werkzaam in de automatisering. De eerste jaren ben ik gedetacheerd geweest bij verschillende opdrachtgevers als applicatieprogrammeur. Na het afronden van mijn HBO studie bedrijfskundige informatica ben ik doorgegroeid naar informatieanalist / projectleider. In 2012 heb ik ervoor gekozen Webzeker Webdesign op te richten. Hierbij zet ik mijn jarenlange ervaring in voor het ontwikkelen van maatwerk websites die aan uw eisen voldoen.

Canonical URL’s

Canonical URL’s: wat zijn het en waarom zijn ze belangrijk?

Met een canonical tag laat je de zoekmachine weten wat de primaire of belangrijkste URL van een pagina is. Als je website groeit, is de kans groot dat je pagina’s hebt die op elkaar lijken (duplicate content) en dan weet de zoekmachine niet welke pagina getoond moet worden. Als je een canonical tag gebruikt, dan laat je de zoekmachine weten wat de belangrijkste pagina is en kun je problemen met duplicate content voorkomen.

In dit blog gaan we dieper in op canonical URL’s en tags. We bespreken onder andere de volgende punten:

  • Hoe gebruik je canonical tags en URL’s?

  • Voorbeeld van implementatie

  • Waarom zijn canonical tags nuttig voor SEO?

  • Best practices voor canonical URL’s

Hoe gebruik je canonical tags en URL’s?

De meest gebruikelijke manier om een ​​canonieke URL op te geven is door het gebruik van een canonieke tag. De canonieke tag is een HTML-tag die in het-gedeelte van een pagina wordt geplaatst. Je vertelt daarmee aan zoekmachines wat de primaire URL van een pagina is. Canonieke tags zien er als volgt uit: . De ingesloten URL binnen het href-attribuut staat bekend als de canonieke URL, de belangrijkste versie van een pagina.

Je hebt daarnaast ook zelfverwijzende canonical tag. Deze tags verwijzen terug naar de pagina. Hoewel dit niet verplicht is, raadt Google aan om zelfverwijzende canonical tags te gebruiken om expliciet duidelijk te maken welke URL moet worden geïndexeerd. De primaire pagina moet dus voorzien zijn van een zelfverwijzende canonical. Op alle andere varianten van dezelfde pagina wordt een canonical tag geplaatst die verwijst naar de primaire pagina.

Voorbeeld van implementatie

Stel dat er voor een blog twee verschillende URL’s bestaan:

  1. https://www.voorbeeld.nl/blog/wat-is-een-canonical-tag/
  2. https://www.voorbeeld.nl/blog/het-belang-van-een-canonical-tag/

Wanneer https://www.voorbeeld.nl/blog/wat-is-een-canonical-tag/ de primaire URL is, staat er in de code een zelfverwijzende canonical:

Op de andere versie van deze pagina (https://www.voorbeeld.nl/blog/het-belang-van-een-canonical-tag/) wordt verwezen naar de primaire URL in de canonical tag:

Waarom zijn canonical tags nuttig voor SEO?

GoogleDe belangrijkste reden om canonical tags te gebruiken hebben we al besproken, namelijk het voorkomen van duplicate content en het laten indexeren van de belangrijkste pagina. Als je met meerdere pagina’s op dezelfde zoekterm probeert te scoren, dan weet Google niet wat de belangrijkste pagina is en zal je worden gestraft met mogelijk lagere posities.

Het gebruik van canonical tags is daarnaast handig voor nog meer SEO doeleinden, waaronder:

Linksignalen voor vergelijkbare of dubbele pagina’s samenvoegen

Je kunt zoekmachines helpen de informatie die ze van meerdere URL’s hebben, samen te voegen tot één enkele voorkeurspagina. Daarom kan https://www.voorbeeld.nl/herenjas-lichtgewicht.html?kleur=blauw zijn linksignalen doorgeven aan de hoofdpagina https://www.voorbeeld.nl/herenjas-lichtgewicht.html.

Vereenvoudiging van trackingstatistieken voor een enkel product of onderwerp

Je kunt statistieken voor één pagina versterken door middel van canonical tags.

Crawltijd op dubbele pagina’s beperken

Je kunt er met behulp van canonical tags voor zorgen dat Google nieuwe of bijgewerkte versies van pagina’s crawlt in plaats van twee versies van dezelfde pagina gaat crawlen. Dit scheelt ook crawlbudget, zodat er meer budget overblijft om andere pagina’s te bezoeken.

Best practices voor canonical URL’s

Google biedt algemene richtlijnen voor het gebruik van canonical URL’s en tags. We bespreken de belangrijkste:

  • Gebruik de volledige URL in kleine letters van een pagina in plaats van het relatieve pad bij het specificeren van een canonieke URL.

  • Maak geen gebruik van de URL verwijderen tool, want deze verwijdert alle versies van een URL uit de zoekresultaten.

  • Gebruik bij intern linken indien mogelijk de canonieke URL. Door consequent naar de canonieke URL te linken, kan Google je voorkeuren identificeren.

  • Gebruik waar mogelijk HTTPS, aangezien Google voor canonieke URL’s de voorkeur geeft aan het HTTPS-domeinprotocol boven het HTTP-domeinprotocol.

Conclusie

Canonical URL’s en tags zijn een handige hulpmiddelen om het voor Google en andere zoekmachines gemakkelijker te maken om de inhoud en de kwaliteit ervan te beoordelen. Je kunt met canonical tags de specifieke URL/pagina bepalen die je wilt laten indexeren, waardoor mogelijke problemen met duplicate content worden voorkomen. Het spreekwoord ‘voorkomen is beter dan genezen’ is hier ook zeker van toepassing. Heb je hulp nodig bij het instellen van canonical URL’s en tags? Neem dan contact met ons op.

Deze blog is mede mogelijk gemaakt door Jeroen van JM Promotions

2022-07-14T09:55:28+02:00Door |

Een MKB website laten maken

Een MKB website laten maken. Wat komt daarbij kijken?

Een professionele MKB- website

Webzeker Webdesign bouwt een professionele MKB- website voor een van te voren afgesproken bedrag. Maar wat houdt dit nu precies in? Wat voor website krijgt u dan? Hoe zit het met ondersteuning achteraf? Wat verwachten wij van u?

Hierbij zetten wij kort de belangrijkste aandachts- en uitgangspunten voor u op een rij. Uiteraard stemmen wij de details met betrekking tot structuur, lay-out, kleurgebruik, opmaak en inhoud uitgebreid met u af voordat het project van start gaat. U ontvangt hiervoor een geheel vrijblijvende offerte.

Bekijk hier onze tarieven

Algemeen over de website

  • Wordpress expert Friesland Flevoland | Webzeker WebdesignWij bouwen websites in WordPress. Dit is een Content Management Systeem (CMS). Het grote voordeel van een CMS is dat de techniek is gescheiden van de inhoud. Hierdoor kunt u zelf eenvoudig teksten en afbeeldingen aanpassen zonder technische kennis. U werkt in een tekstverwerker vergelijkbaar met Microsoft Word. WordPress is open source software, waardoor u geen jaarlijks terugkerende licentiekosten betaalt. Verder bent u met WordPress volledig onafhankelijk: iedere professionele webbouwer kan hiermee overweg. Bij oplevering van de website ontvangt u bovendien een door ons geschreven handleiding voor het beheer (doorvoeren wijzigingen, maken van back-ups en installeren van updates).

  • Bij het MKB website pakket gaan wij ervan uit dat u zelf teksten en afbeeldingen (inclusief het logo) aanlevert, maar we kunnen dit natuurlijk wél voor u verzorgen:

    • Voor het schrijven van webteksten hebben wij een samenwerkingsverband met een professioneel tekstschrijvers bureau. Zij nemen contact met u op om de teksten van te voren met u door te spreken. Nadat de teksten door u zijn goedgekeurd, sturen zij deze naar ons door en plaatsen wij ze op uw website.
    • Voor fotomateriaal kunnen we gebruik maken van stockfoto’s. Dit is professioneel fotomateriaal dat tegen een geringe vergoeding op een website kan worden gebruikt. U kunt deze foto’s zelf uitzoeken en aanschaffen, maar wij kunnen dit natuurlijk ook voor u regelen.
    • Omdat de meeste ondernemers over een logo beschikken, is dit niet inbegrepen bij het MKB website pakket. Maar uiteraard kunnen wij dit wel verzorgen. Wij plaatsen uw logo op de website. Maar u ontvangt dit ook in verschillende digitale formaten zodat u dit kunt gebruiken op bijvoorbeeld briefpapier of reclame uitingen. Het tarief voor het laten ontwikkelen van een logo is vermeld in ons kostenoverzicht.
  • De website bevat in de basis maximaal 10 pagina’s. Maar WordPress is uitstekend schaalbaar, waardoor dit aantal zonder problemen veel groter kan zijn. Ook na oplevering kunnen er eenvoudig pagina’s worden toegevoegd. Zie voor de meerprijs per pagina onze tarieven.

  • Naast informatieve pagina’s met teksten en fotomateriaal, leveren wij uw website op met de volgende functies:

    • Een diavoorstelling op de homepage.
    • Een maatwerk contactformulier: bezoekers vullen informatie in. Deze wordt vervolgens naar een door u opgegeven e-mail adres verstuurd.
    • Een Google Maps kaartje met uw bedrijfslocatie.
    • Koppelingen naar uw social media accounts zoals Facebook, Instagram, Twitter en LinkedIn. U maakt en beheert deze accounts zelf, wij leggen de koppeling vanuit uw website.
    • Wij stellen de SSL verbinding op de website correct voor u in zodat deze voorzien wordt van een beveiligde https verbinding. Dit is te zien aan het slotje vóór uw domeinnaam.
  • Uiteraard is de website 100% responsive, waardoor deze uitstekend bruikbaar is op Pc’s, laptops, tablets en smartphones.

  • Naast de standaard functies, kunnen wij uw website (tegen meerprijs) voorzien van enkele uitbreidingen:

    • Een blog / nieuwsrubriek. Hierbij kunt u eenvoudig nieuwsberichten plaatsen die chronologisch worden weergegeven.
    • Een Whatsapp knop, waarmee bezoekers u met één druk op de knop een Whatsapp bericht kunnen sturen.
    • Een professionele fotopresentatie naast de diavoorstelling op de homepage.
    • Een module waarmee uw referenties op Google op de website worden getoond. Goede referenties zijn enorm belangrijk omdat zij vertrouwen scheppen bij uw potentiële klanten.
    • Meer wensen? Vraag naar de mogelijkheden!

    De tarieven voor deze uitbreidingen vindt u in het kostenvoerzicht.

    Uw website wordt compleet gevuld opgeleverd op het door u aangegeven domein.

Meer weten of een vrijblijvende offerte opvragen?

Neem vrijblijvend contact met ons op

Technisch onderhoud

Het wijzigen van teksten en afbeeldingen kunt u eenvoudig zelf. Maar er komen regelmatig updates uit voor WordPress en de aanvullend geïnstalleerde software. Wij raden u sterk aan deze geregeld te updaten en af en toe een back-up te maken. Hiermee houdt u uw website veilig en kunt u altijd terugvallen op een back-up bij onvoorziene problemen. Al deze werkzaamheden zijn beschreven in de handleiding die u bij oplevering ontvangt. U kunt het technisch onderhoud ook aan ons uitbesteden. Wij voeren dan iedere twee maanden de volgende werkzaamheden uit:

  • Controle op noodzakelijke updates.

  • Indien nodig: installatie van deze onderdelen

  • Controle van de belangrijkste technische parameters.

  • Maken van een back – up van uw website.

  • Beheren van de 3 meest recente back-up bestanden.

  • Opstellen van een rapport over de uitgevoerde werkzaamheden.

Wordpress beveiliging en onderhoud

De kosten voor dit technisch onderhoudsabonnement vindt u hier

Hosting en domeinnaamregistratie

Om een website op internet te kunnen plaatsen, zijn een domeinnaam en hosting nodig. Hosting is een stukje serverruimte dat u huurt bij de hosting provider waar wij uw website installeren. Een domeinnaam automatisch gekoppeld aan de hosting. Wij adviseren u dit zelf aan te schaffen om onnodige kosten te voorkomen. Verder staat dan alles netjes op uw eigen naam. Het aanvragen van hosting en domeinnaam is zeer eenvoudig en kost slechts 5 minuten. Hulp of advies nodig? Wij helpen u graag!

Nadat u de hosting en domeinnaamregistratie heeft aangevraagd en betaald, ontvangt u de inloggegevens van de hosting provider. Deze hebben wij nodig om de website te kunnen installeren. Wij kunnen dan ook de gewenste e-mail adressen (bijvoorbeeld info@uwdomeinnaam.nl) voor u aanmaken.

Bekijk onze portfolio

Heeft u al een website?

Het komt vaak voor dat een bedrijf al een website heeft, maar dat deze niet meer voldoet aan de meest recente eisen (niet responsive, slecht onderhoudbaar etc). Natuurlijk moet de website die wij voor u gaan bouwen op hetzelfde domein gaan draaien. We hebben hier twee opties:

  1. Het verwijderen van de oude website en de nieuwe website op het bestaande domein bouwen. Dit heeft als nadeel dat uw website tijdens het project niet bereikbaar is.
  2. Het bouwen van de nieuwe website op een tijdelijk domein. Pas als deze helemaal klaar is, verwijderen wij de bestaande website en vervangen deze voor de nieuwe. Dit betekent extra werk omdat de nieuwe website verplaatst moet worden. Zie voor de bijkomende kosten het kostenoverzicht.

Google en vindbaarheid

Zoekmachine optimalisatie | Webzeker WebdesignOnze websites zijn standaard zoekmachine vriendelijk. Bij oplevering melden wij deze aan bij Google waardoor deze in de zoekresultaten zal worden weergegeven. Na oplevering houden we de indexering nog een aantal maanden in de gaten om er zeker van te zijn dat er geen fouten optreden. Webzeker Webdesign kan echter géén uitspraken doen over de weergave of de posities van uw website in het resultatenoverzicht van Google.

Project, planning en doorlooptijd

Voor het bouwen en opleveren van een website hanteren wij een doorlooptijd van maximaal 3 weken. Deze doorlooptijd is natuurlijk afhankelijk van uw reactiesnelheid bij vragen en reviewverzoeken. Na uw formele opdrachtverlening plannen we het project definitief in en ontvangt u een concrete opleverdatum.

We spreken eerst uw website goed door. Daarbij komen structuur, lay-out, kleurgebruik en uitstraling ruim aan bod. Daarna bouwen we uw website op het door u geregistreerde domein, maar schermen deze af met een wachtwoord. Alleen ú heeft toegang tot de website in ontwikkeling. Gedurende het project zijn er een aantal afstemmomenten waarop wij uw input en reactie op de concept- website vragen. U heeft dus voldoende ruimte om bij te sturen. Pas nadat u helemaal tevreden bent, zetten wij de website online.

Na oplevering van uw website

  • Bij oplevering van de website ontvangt u een acceptatieformulier. Hierin vragen wij u alles nog één keer goed te testen en dit formulier te ondertekenen. Daarmee sluiten we het project formeel af.

  • Uiteraard zijn wij beschikbaar voor een stukje nazorg. Bij vragen kunt u altijd even bellen of mailen. Incidentele kleine wijzigingen voeren wij kosteloos door. Als iets meer tijd kost, maken we daar van te voren afspraken over.

  • Na betaling van het overeengekomen factuur bedrag, wordt u 100% eigenaar van de website, exclusief eventuele aangekochte stockfoto’s

Benieuwd wat wij voor u kunnen doen? Plan hier een vrijblijvend adviesgesprek

2022-05-25T12:07:08+02:00Door |

Gastblog: Om deze 5 redenen heeft een website een redesign nodig

Als jouw website onvoldoende converteert, dan kun je mogelijk oplossen door conversiegerichte optimalisaties door te voeren. Maar als deze optimalisaties niet de gewenste resultaten opleveren, omdat er bijvoorbeeld meerdere pijnpunten aan het licht komen, dan zijn er wellicht grotere veranderingen nodig. Je kunt dan denken aan een redesign van de website. Dit is een grote beslissing, want het vergt veel tijd, denkwerk en geld.

Voordat je op dit punt komt moet je onderzoek doen, zoals het analyseren van je doelstellingen en nagaan waarom een website wel of juist niet helpt om deze doelstellingen te bereiken. Bovendien is het belangrijk om de verwachtingen van de doelgroep in de kaart te brengen, zodat je met je nieuwe website kunt voldoen aan de wensen en behoeften van deze belangrijke groep.

We bespreken 5 redenen waarom een website misschien een redesign nodig heeft.

1. Presentaties matchen niet met de doelstellingen

Jouw website ziet er prachtig uit, beschikt over de allernieuwste technieken en is voorzien van prachtig beeldmateriaal, maar als de conversies spaak lopen, wat heb je er dan aan? We gaan er voor het gemak even vanuit dat je doel is om een klantenbestand op te bouwen, potentiële klanten te converteren en/of klanten aan te trekken. Dit zijn belangrijke stappen uit een salesfunnel. Door in deze statistieken te duiken, bijvoorbeeld met Google Analytics, krijg je waardevolle inzichten en kun je mogelijk de vinger op de zere plek leggen. Presteert jouw website zoals je wilt? Waar in de salesfunnel haken de meeste bezoekers af?

Hier zijn enkele statistieken waar je op zou kunnen letten:

  • Conversie van bezoeker naar potentiële klant;

  • Conversie van potentiële klanten tot klant;

  • Bouncepercentage per stap uit de salesfunnel.

Doe even alsof je een nieuwe bezoeker bent en kijk kritisch naar de website. Vallen de call-to-actions op en staan ze op de juiste plek? Zijn de bestemmingspagina’s informatief en worden bezoekers verleidt om de salesfunnel te doorlopen? Beschikt de website over een intuïtieve navigatie? Zijn er voldoende afbeeldingen of zijn het vooral lappen met tekst? Deze vragen kun je ook voorleggen aan een onafhankelijk iemand, want soms met je zelf niet kritisch genoeg. De antwoorden geven inzicht in de prestaties van jouw website en hebben mogelijk invloed op statistieken. Als je merkt dat jouw website niet presteert zoals je zou willen, dan is het tijd om een ​​redesign project te starten.

2. Het webdesign is niet responsive

Wist je dat meer dan de helft van al het websiteverkeer afkomstig is van mobiele apparaten? En dat deze aantallen nog steeds exceptioneel toenemen? In andere woorden betekent dit dat als een website niet is ontworpen met mobiele gebruikers in gedachten, dat je dan een groot deel van je potentiële doelgroep mist. En dat wil je natuurlijk niet.

De website moet daarom beschikken over een responsive webdesign, waarbij de website zich automatisch aanpast aan het scherm waarmee een bezoekers de website bekijkt. Als dit niet het geval is, dan worden potentiële klanten mogelijk teleurgesteld, verlaten ze de website en gaan ze naar een concurrent.

Hoe weet je of een website responsive is? Dat kun je nagaan door jouw website te bezoeken met verschillende apparaten met een ander beeldformaat. Er zijn daarnaast ook verschillende tools die je kunt gebruiken, zoals:

  • Responsive Design Checker – Dit is een gratis tool die een verscheidenheid aan verschillende schermen toont, waaronder desktop, laptops, tablets en smartphones. Een handige functie is de mogelijkheid om schermafbeeldingen te maken, wat handig kan zijn bij het maken van een redesign.

  • Voorbeeld van responsive webdesignGoogle Chrome – Als je een Chrome-gebruiker bent, kun je de responsive check ook rechtstreeks vanuit de browsers uitvoeren. Klik met de rechtermuisknop en klik op “inspecteren” voordat je de “Toggle Device Toolbar” selecteert. Zo zie je hoe je scherm eruitziet op een kleiner apparaat. Je kunt dan zelfs een mobiel apparaat selecteren, bijvoorbeeld een iPhone XR, zoals op deze afbeelding te zien is.

Met de besproken tools kun je nagaan hoe iedere website eruitziet op mobiele apparaten. Om een goede gebruikerservaring te garanderen zou je de volgende punten kunnen nagaan:

  • Is het lettertype leesbaar op alle apparaten;
  • Worden video’s en afbeeldingen zonder problemen weergegeven;
  • Kun je probleemloos door de website scrollen;
  • Werkt het menu en is ook de navigatie responsief;
  • Test de gebruikerservaring, bijvoorbeeld door te bounce op pagina’s, terug te keren naar de homepage en doorloop de verkooptrechter of het aankoopproces.

Als je problemen hebt met een van de bovenstaande punten of als het bij voorbaat duidelijk is dat jouw website niet correct wordt weergegeven op mobiele apparaten, dan is dat een duidelijk signaal dat jouw website een redesign nodig heeft en dan met name de focus op een mobielvriendelijk design.

3. Website is niet snel genoeg

Snelheid van een website als reden voor redesign

Naast een responsive design is ook de snelheid van de website van groot belang. Het algoritme van Google, genaamd Page Experience, zorgt ervoor dat snelle websites een betere beoordeling krijgen, bijvoorbeeld een betere positie in de zoekmachine ten opzichte van een gelijkwaardige pagina die trager is. Dus als je wilt dat jouw website voldoende presteert, is het belangrijk dat je regelmatig een snelheidstest draait en dienovereenkomstig optimaliseert.

Houd er rekening mee dat ongeveer de helft van de gebruikers verwacht dat een website in twee seconden of minder wordt geladen. Google meldt dat wanneer de laadtijd van een website toeneemt van één seconde naar drie, het bouncepercentage met 32 ​​procent stijgt.

Om de paginasnelheid te controleren, raden we je aan om PageSpeed ​​Insights van Google te gebruiken. Voer jouw website in bij domein-URL en het zal jouw website beoordelen op een schaal van 0 tot 100, waarbij 0-49 slecht is, 50-89 verbetering nodig heeft en 90-100 als ideaal. Je zult daarbij ook verbeteringen voorgeschoteld krijgen.

PageSpeed Insights

Er kunnen verschillende oorzaken ten grondslag liggen aan een trage website, zoals afbeeldingen die te groot zijn en traag laden, een verouderd CMS platform en/of een te groot aantal bezoekers voor het pakket dat je hebt afgenomen bij een provider.

Als je worstelt met paginasnelheid, is het misschien tijd om een ​​redesign van jouw website te overwegen. Bij zo’n project wilt je misschien direct een andere hosting, want ook dit kan invloed hebben op de snelheid van een website. Bedrijven die websites (her)ontwerpen bieden vaak ondersteunende diensten, zoals tools voor sitesnelheid die zowel de gebruikerservaring als de laadtijd drastisch kunnen verbeteren.

4. Niet voldoende afgestemd op de doelstellingen

Webdesign Friesland | Webzeker WebdesignDe meeste marketeers evalueren aan het einde van hun jaar hun doelstellingen en noteren direct de doelstelling voor het jaar dat komen gaat. Dat is vaak ook het moment dat grote veranderingen ten oren komen. Wil je een uitbreiding van diensten en/of een nieuwe doelgroep aanspreken? Heeft dit gevolgen voor de algehele missie van jouw bedrijf? Wat het ook is, je zult bij het noteren van de doelstellingen moeten inventariseren of en hoe jouw website daarop inspeelt. Zijn de doelen haalbaar met de huidige website of moet er iets veranderen?

Als je een complete rebranding overweegt, bijvoorbeeld vanwege een uitbreiding van diensten en een aanscherpte missie, is dit het perfect moment om ook een redesign van jouw website door te voeren.

5. Jouw website ondersteunt de contentstrategie niet

De uitspraak “content is king” is je vast wel eens ten oren gekomen. Content omvat alle informatie die zichtbaar of hoorbaar is op een website, zoals teksten, afbeeldingen, video’s en audio. Als content wordt gebruikt om de positie in de zoekresultaten te verbeteren, dan noemen we dat SEO content.

Content is de belangrijkste factor voor het opbouwen van vertrouwen bij bezoekers, het creëren van geloofwaardigheid, het bedienen van potentiële klanten en het laten converteren van potentiële klant tot klant in de salesfunnel. Als je fantastische content genereert en nooit gevonden wordt in zoekmachines, dan moet er iets veranderen.

Voordat je besluit om de productie van content op te voeren, moet je jezelf enkele vragen stellen:

  • Worden blogs momenteel geïndexeerd?

  • Scoren de blogs in vergelijking met die van concurrenten?

  • Converteert het verkeer dat op deze pagina’s terechtkomt?

Als je op een van deze vragen ‘nee’ heb geantwoord, kan het waardevol zijn te overwegen om jouw website opnieuw te ontwerpen in combinatie met het optimaliseren van je contentstrategie, bijvoorbeeld met speciale aandacht voor SEO om de website beter vindbaar te maken in de zoekmachine.

Is het tijd voor een redesign?

Evalueer de grootste pijnpunten van jouw website. Zie je overeenkomsten met meerdere redenen? Dan is het serieus tijd om na te denken over een redesign van jouw website. Als er maar een enkele reden is om een redesign te overwegen, dan kun je besluiten om eerst alleen dit onderdeel aan te pakken, bijvoorbeeld een upgrade van de hosting om de snelheid van jouw website te verbeteren. Hoe dan ook is het verstandig om een stap terug te doen, jezelf in de gedachten van de bezoekers te verplaatsen en vanuit dat oogpunt kritisch naar jouw website te kijken. Het belangrijkste teken van een succesvolle website is de gebruikerservaring, want je moet je richten op de best mogelijk ervaring voor de gebruiker. Als dat betekent dat je jouw website moet herontwerpen, dan kunnen wij je helpen.

Benieuwd naar de mogelijkheden?

Deze blog is mogelijk gemaakt door Jeroen van Promoboer

2022-03-29T11:02:53+02:00Door |

Een drukke periode…

Een drukke periode...De afgelopen maanden hebben we weer vele nieuwe projecten mogen uitvoeren voor tevreden klanten. Naast klussen voor nieuwe opdrachtgevers, hebben we ook enkele websites omgebouwd van Joomla naar WordPress (Sikkema Projectbegeleiding en Kuipers van den Berg) waardoor ze weer aan de meest recente specificaties voldoen.

We hebben diverse meertalige websites opgeleverd (bijvoorbeeld Huurteam Leeuwarden). Maar we zijn bijzonder trots op onze eerste Fries/Nederlandstalige website: Skriuwerij Liderke.

Wist u trouwens dat een meertalige website helemaal niet zo ingewikkeld hoeft te zijn? Door gebruik te maken van Google translate hoeft deze alleen in het Nederlands te worden gebouwd en Google doet de rest. Zie voor een voorbeeld N3Projects. Deze website start in het Nederlands, maar met de taalkeuze- module onder de hoofdfoto kan eenvoudig worden geschakeld naar (in dit geval) Engels. Meerde talen kunnen met enkele muisklikken worden toegevoegd.

Tot onze nieuwe opdrachtgevers behoren verder het Verzekeringshuys in Dordrecht, Dennis Brugman Fotografie in Kampen, De Jong beveiliging en Techniek in Boornzwaag en VOF Pion in Tilburg. Ten slotte hebben we een tweede website voor een bestaande klant mogen realiseren: Betondokter in Drachten.

Ook interesse in het laten bouwen van een professionele website?

Neem dan gerust contact op met Webzeker Webdesign. Op basis van een intake gesprek stellen wij een vrijblijvende offerte voor u op.

Ja, ik wil meer informatie!

2022-03-24T14:57:07+01:00Door |

Fotomateriaal op een website

Fotomateriaal op een websiteHet gebruik van afbeeldingen op een website is enorm belangrijk. Het juiste fotomateriaal geeft direct een indruk van de diensten of producten die u als (MKB) ondernemer levert. Naast statische foto’s kunnen wij deze ook plaatsen een diavoorstelling of andere fraai vormgegeven presentaties.

Heeft u zelf geschikte foto’s voor op uw website? Wij plaatsen deze graag voor u.  Beschikt u niet over fotomateriaal? Dan kunnen we gebruik maken van stockfoto’s. Dit zijn professionele afbeeldingen die wij tegen een geringe vergoeding kunnen aanschaffen. Vanwege de goede prijs/kwaliteit verhouding adviseren wij 123rf. Het selecteren van stockfoto’s is zeer eenvoudig:

  • Ga naar de website www.123rf.com

  • Vul in het zoekvak het gewenste onderwerp in (bijvoorbeeld “webdesign”)

  • Op basis van deze zoekvraag worden duizenden foto’s getoond

  • Klik op een afbeelding die u aanspreekt

  • In het scherm dat nu wordt getoond, staat het beeldnummer (Tip: onderaan deze pagina staan alternatieven voor de getoonde afbeelding)

  • Geef het beeldnummer aan ons door en wij schaffen de foto voor u aan tegen de vooraf afgesproken prijs

Bewerken van afbeeldingen

Om beeldmateriaal geschikt te maken voor gebruik op een website, moeten er vaak twee dingen gebeuren. Uiteraard nemen wij u dit uit handen:

1. Comprimeren

Zelfs een foto gemaakt op een smartphone is vaak 3 tot 5 MB (megabyte). Dit is veel te groot voor het gebruik op een website. Een foto moet namelijk in z’n geheel geladen worden voordat deze kan worden getoond. Dit kan een website enorm vertragen. Vooral op een smartphone kan dit behoorlijk irritant zijn voor uw bezoekers. Daarom comprimeren wij afbeeldingen voor het gebruik op een WordPress website. Hiermee wordt de ruimte die een bestand inneemt zonder kwaliteitsverlies verkleind. Zo kunnen wij bijvoorbeeld 3 MB vaak terugbrengen tot minder dan 100 KB (kilobyte). Hiermee wordt een website veel sneller geladen.

2. Bijsnijden

Vaak staat er “loze ruimte” rond het onderwerp op een foto. Over het algemeen kan deze worden weggehaald. Dit noemen we bijsnijden: het verwijderen van bijvoorbeeld een zijkant of onderkant.

Header foto

Over het algemeen is het formaat van een foto op een website niet zo belangrijk. Juist de afwisseling van staande, liggende, vierkante of zelfs ronde foto’s maakt deze levendig.

Voorbeeld van een header foto

Een uitzondering hierop is de “Header foto”. Zoals in deze illustratie is weergegeven, moet deze breed en laag zijn. Bij andere formaten (vierkant, staand) zou alleen een afbeelding in beeld zijn als de website wordt geopend. Het is natuurlijk prima om direct een foto te tonen, maar het is minstens zo belangrijk dat er een paginakop en een eerste stukje tekst in beeld komt. Daarmee wordt direct het onderwerp van de website duidelijk voor uw bezoeker.

Bijsnijden van een foto

De meeste foto’s voldoen niet aan de gewenste verhoudingen voor een “header foto”. Zelfs afbeeldingen met een “liggende oriëntatie” zijn meestal te hoog. Daarom moeten header foto’s flink worden bijgesneden, waarbij het van belang is dat het onderwerp goed in beeld blijft. Zie de illustratie hiernaast: van de totale foto is alleen het gedeelte in het blauwe kader gebruikt.

Het selecteren van header foto’s is vaak lastig omdat er veel moet worden weggesneden. Twijfelt u? Stuur dan een aantal kandidaat afbeeldingen naar ons op. In overleg bepalen we de geschiktheid ervan. Gelukkig kan stockfoto materiaal ook hier uitkomst brengen. Bij www.123rf.com vindt u na een zoekopdracht de gele knop “Filteren”. Hier kunt u onder andere de oriëntatie aangeven. Als u hier voor “Panorama kiest”, worden alleen foto’s getoond in geschikte verhoudingen voor een “header foto”.

Hulp nodig? Vraag gerust!

2022-04-11T12:13:24+02:00Door |

Google Core Web Vitals

GoogleVrijwel iedereen die iets zoekt op internet, gebruikt Google. En dat werkt prima. Google is uitstekend in staat om een passend antwoord te geven op onze vragen. Maar hoe bepaalt Google op welke website we de informatie kunnen vinden die wij zoeken? Hiervoor worden zoekalgoritmes gebruikt die punten toekennen aan informatie op een website. Hoe meer punten, hoe relevanter deze voor Google is. Hoe die algoritmes precies in elkaar zitten, weet niemand. Maar er zijn natuurlijk wel algemene richtlijnen.

Zaken die voor Google van belang zijn

  • Verreweg het belangrijkste is natuurlijk de informatie die een website biedt. Hoe goed sluiten de teksten en afbeeldingen aan op uw zoekopdracht?

  • Wat is de autoriteit van een website? Hierbij kijkt Google naar de populariteit ervan. Dit wordt bepaald aan de hand van het aantal linkjes dat naar een website verwijst. Hoe meer linkjes, hoe belangrijker anderen deze blijkbaar vinden. Daarbij speelt ook de autoriteit van de verwijzende website weer een rol.

  • Is de website geschikt voor mobiele apparaten (Responsive design)? Wist u dat Google tegenwoordig alleen nog  kijkt naar de versie die op een smartphone wordt getoond bij het bepalen van de relevantie? Dit is het “Mobile First” – principe. Oudere websites die dit niet ondersteunen, scoren dus per definitie slecht. Zie ook ons artikel over website redesign.

  • Beschikt de website over een SSL certificaat (het “slotje” in de browser)? Zo niet, dan wordt het verkeer van- en naar de website onbeveiligd verstuurd. Google rekent dit tegenwoordig zwaar aan.

  • Technisch moet natuurlijk alles in orde zijn. De website mag geen fouten bevatten. Verder controleert Google of de beveiliging op orde is. Als een website bijvoorbeeld vreemde linkjes bevat of malware verspreidt, is deze waarschijnlijk gehacked. Een gehackte website krijgt “strafpunten” van Google.

Hoewel dit enkele belangrijke criteria zijn, is deze lijst verre van volledig. Door gebruik te maken van moderne technieken, goede teksten te schrijven en (beveiligings) updates consequent uit te voeren, wordt hier gelukkig al snel aan voldaan.  Maar Google is continue op zoek om de gebruikerservaring op het internet te verbeteren. Sinds enkele maanden is er een nieuw criterium bijgekomen om de relevantie van websites te bepalen: Google Core Web Vitals.

Google Core Web Vitals

Google Core Web Vitals  zijn statistieken waarmee de gebruikerservaring van websites gemeten wordt. Dit is een vrij technisch verhaal, maar simpel gezegd komt het erop neer dat een website snel moet zijn en gewoon goed moet werken. Onderstaande punten vatten dit zeer beknopt samen en geven van iedere statistiek een klein voorbeeld:

Largest Contentful Paint (LCP)

Deze factor gaat over de laadtijd van een pagina: hoe snel staat het grootste element (tekstblok, afbeelding, video) op het scherm? Denk hierbij aan een grote foto die traag wordt geladen. Een gebruiker moet in dat geval wachten totdat de website “klaar” is. Dit is nadelig voor het gebruikersgemak.

First Input Delay (FID)

Hoe snel ziet een gebruiker dat een website reageert als hij of zij ergens op klikt? Vaak gebeurt er na het drukken op een button al van alles “onder water”, maar merkt een bezoeker hier nog niets van. En wachten totdat een website reageert, is vervelend…

Cumulative Layout Shift (CLS)

Deze factor meet de stabiliteit van de lay out tijdens het laden van de pagina. Stel dat er al tekst wordt getoond, maar die wordt opzij geschoven door een afbeelding die later wordt geladen. Denk hierbij aan een website waarop allerlei reclameblokjes vertraagd in beeld komen. Bij het openen van de website wordt een tekst blokje weergegeven, maar dat wordt later weer “opzij geduwd” door een advertentie… Vervelend toch?

Google meet dus het gebruikersgemak van een website en neemt dit mee in de algemene beoordeling ervan. Tegenwoordig kunt u ook testen hoe Google een website “leest”: de prestaties van een website kunnen worden gemeten door middel van de PageSpeed insights. Klik voor de prestaties van uw website eens op onderstaande knop en voer het internetadres in. De resultaten voor een desktop en een smartphone worden apart weergegeven.

Probeer PageSpeed insights

Het is belangrijk om op te merken dat het in een CMS (Content Management Systeem) als WordPress  vrijwel onmogelijk om een 100% score te behalen. Dit komt omdat WordPress een ongelooflijk uitgebreid systeem is. een “normale” website website benut hiervan maar een fractie, waardoor er veel overhead is.

WP Rocket Plugin

Leuk, maar hoe kunnen we tegemoet komen aan de eisen van de Google Core Web Vitals? Dat kan door slimme software te gebruiken; bijvoorbeeld WP Rocket. Dit is een caching plugin die de snelheid van een website flink verhoogt en tevens de gebruikerservaring sterk verbetert. WP Rocket zorgt bijvoorbeeld voor:

  • Caching voor zowel Desktop als Mobiele apparaten. Normaal gesproken wordt bij het opvragen van een webpagina informatie uit de database gelezen, wat het laden vertraagd. Caching zet kant-en-klare pagina’s klaar om te worden opgevraagd.

  • Uitgesteld laden van JavaScript. Om de gebruikerservaring optimaal te maken, wordt eerst alleen het zichtbare deel van een website getoond. De logica die bijvoorbeeld achter een knop zit (JavaScript), wordt pas geladen als dat nodig is.

  • Lazyloading voor afbeeldingen. Bij het opvragen van een webpagina, worden alleen de afbeeldingen geladen die op het scherm worden getoond. Afbeeldingen die verderop in de pagina staan (en nog niet direct zichtbaar zijn), worden daarna pas opgehaald.

  • Verkleinen en samenvoegen bestanden. Een WordPress website kent vele duizenden bestanden, die vaak groot en lang niet allemaal nodig zijn. WP Rocket voegt deze samen en verkleint ze. Dit komt de laadsnelheid van de website ten goede.

Conclusie

Google kent vele parameters om de relevantie en het belang van een website te meten. Core Web Vitals is er daar één van. Maar kleine dingen maken vaak net het verschil. Door gebruik te maken van een caching plugin als WP Rocket verbetert u de gebruikerservaring en daarmee uw score in Core Web Vitals. Als vindbaarheid van belang is, kunt u dit zeker eens in overweging nemen.

Webzeker Webdesign biedt de licentie, installatie en configuratie van WP Rocket alleen aan in combinatie met een technisch onderhoudsabonnement. WP Rocket is een geweldige plugin, maar na iedere update moet de hele website opnieuw worden getest. Verder moeten er soms kleine aanpassingen aan een website plaatvinden om deze optimaal te laten functioneren.

Meer weten? Neem vrijblijvend contact met ons op!

2021-12-15T11:30:53+01:00Door |

Website Redesign

Webzeker Webdesign | Website redesign

Heeft u in het verleden een website laten bouwen en voldoet deze niet meer aan de meest recente standaards? De ontwikkelingen op het gebied van webdesign gaan razendsnel. Wat enkele jaren geleden een “state of the art” website was, is nu hopeloos verouderd. U kunt natuurlijk veel geld en tijd investeren in het updaten en restylen van uw huidige website.

Maar meestal is de goedkoopste oplossing om afscheid te nemen van het oude product en een frisse start te maken met een moderne website.

Belangrijke redenen voor website redesign kunnen zijn:

Problemen met onderhoud

Als uw huidige website niet in een modern CMS (Content Management Systeem) is gebouwd, is het vaak lastig om teksten of afbeeldingen in te voegen. Als u geen kennis heeft van bijvoorbeeld php of html, wordt het wijzigen van een stukje tekst al snel een probleem.

Een verouderde lay-out

Meestal heeft dit te maken met het ontbreken van responsive design. Veel websites stammen uit de tijd vóór de smartphone. Deze kunnen zich dus niet aanpassen aan een kleiner scherm, waardoor ze hierop vrijwel niet te gebruiken zijn. Moderne websites hebben standaard responsive design aan boord, waardoor ze prima werken op Pc’s, tablets én smartphones.

Beveiligingsproblemen

Of zelfs een gehackte website…. Verouderde websites zijn vaak niet bestand tegen geavanceerde pogingen om in te breken. Maar als er een tijdje geen updates zijn geïnstalleerd, worden zelfs moderne systemen als Joomla en WordPress kwetsbaar. Een geïnfecteerde website opschonen is zeer specialistisch werk waar vaak hoge kosten mee zijn gemoeid. Vaak is het goedkoper met een schone installatie te beginnen.

Toevoegen van nieuwe functies

Verouderde systemen zijn vaak erg statisch en daardoor niet aantrekkelijk voor uw bezoekers. De conversie is daardoor erg laag. Moderne systemen als Joomla en WordPress bieden allerlei mogelijkheden om een website aantrekkelijker te maken. Denk hierbij aan:

  • Een diavoorstelling waarin uw product of dienst onder de aandacht wordt gebracht

  • Gebruik van Google fonts met allerlei moderne lettertypen

  • Delen van content via social media

  • Een mooie fotopresentatie

  • Animaties om de aandacht van een bezoeker naar de belangrijkste content (informatie) te trekken

Webzeker Webdesign | Website redesign

Interesse in website redesign?

Overweegt u redesign van uw bestaande website?  Neemt u dan eens contact met ons op. Op basis van een intake gesprek ontvangt u een geheel vrijblijvende offerte. Na een eventueel akkoord, bouwen wij de nieuwe website op een ontwikkelomgeving. Hierdoor blijft u tijdens het project gewoon online. Na uw akkoord verwijderen wij uw verouderde website en vervangen deze door een digitaal visitekaartje waar u weer jaren mee vooruit kunt!

Kunnen wij u helpen? Neem vrijblijvend contact met ons op
2021-11-26T10:41:44+01:00Door |

September 2021 – 3 nieuwe websites opgeleverd

In september 2021 hebben wij 3 hagelnieuwe websites mogen opleveren voor tevreden klanten. Deze zijn in overleg met onze opdrachtgevers ontworpen en gebouwd in het Content Management Systeem WordPress: JBS Yachting, De deuken FXR en MaatMeubel op de Hoek. Bekijk deze websites live via onderstaande linkjes:

De website voor JBS Yachting in Sint Nicolaasga is bovendien geoptimaliseerd voor zoekmachines in samenwerking met onze partner TextCom (www.textcom.nl) in Lemmer. Alle 3 de opdrachtgevers hebben ons beoordeeld met een 5-sterren review op Google.

Ook een nieuwe website?

Heeft u ook interesse in het laten bouwen van een maatwerk WordPress CMS website? Neem dan vrijblijvend contact met ons op via 06 – 41 46 33 02 of info@webzeker-webdesign.nl. Wij nemen uw wensen uitgebreid met u door tijdens een persoonlijk intake gesprek. Wist u dat u al een complete website heeft vanaf slechts € 599,00 exclusief BTW? Dit bedrag is inclusief een ontwerp op maat, plaatsen van teksten / afbeeldingen, een contactformulier, fotopresentaties etc. Ten slotte installeren wij een firewall, back-up programmatuur en zorgen we dat uw bezoekers uw website veilig kunnen bezoeken door de configuratie van een SSL certificaat (het bekende “slotje”).

Onderhoud

WordPress is uiterst gebruiksvriendelijk. Het plaatsen van een afbeelding of wijzigen van een stukje tekst is heel erg eenvoudig. Om het u nog makkelijker te maken, hebben wij een uitgebreide handleiding geschreven. Hierin staan de meest voorkomende aanpassingen stapsgewijs onder elkaar. Komt u er toch niet uit? Neem dan gerust nog even contact met ons op. Een stukje kosteloze nazorg is voor ons vanzelfsprekend.

Interesse? Neem vrijblijvend contact met ons op
2021-10-04T14:51:04+02:00Door |

E-mail adres beheerder op een WordPress website

Bij de installatie van een nieuwe WordPress website moet een e-mail adres van de website eigenaar (administrator) worden opgegeven. Dit wordt gebruikt om de beheerder op de hoogte te houden van belangrijke gebeurtenissen op de website. Denk hierbij aan het opvragen van een vergeten wachtwoord, het aanmaken van een nieuwe gebruiker of het automatisch installeren van belangrijke (beveiligings) updates. In de ontwikkelfase gebruiken wij hiervoor een e-mail adres van Webzeker Webdesign.

Na oplevering van de website

Als wij de website na oplevering voor u beheren, blijft dit e-mail adres ongewijzigd. Hiermee blijft Webzeker Webdesign op de hoogte van wat er op een website gebeurt en kunnen wij waar nodig actie ondernemen. U wordt als klant dus niet “lastig gevallen” met allerlei e-mails.

Als u besluit de website zelf in beheer te nemen, is het van belang dat u weet wat er op uw website gebeurt. Daarom passen wij het administrator e-mail adres bij oplevering aan. Ons eigen adres wordt verwijderd en vervangen door een e-mail adres van u. Zodra wij deze handeling hebben uitgevoerd, stuurt de website automatisch een bericht naar het nieuwe e-mail adres om te verifiëren of dit inderdaad klopt. Hiermee wordt voorkomen dat er een niet bestaand e-mail adres wordt vastgelegd (bijvoorbeeld bij een tikfout). U kunt het nieuwe e-mail adres bevestigen door te klikken op de link in de ontvangen e-mail en in te loggen op de website.

2021-06-02T10:20:19+02:00Door |

Licentiesysteem Avada thema verandert

WordPress is een veelzijdig systeem om allerlei soorten websites mee te bouwen. In theorie kan dit zonder de aanschaf van betaalde software. Ook WordPress zélf is gratis. Maar als WordPress eenmaal is geïnstalleerd, heeft de website een onaantrekkelijk, saai uiterlijk. Dit komt omdat bij de installatie een standaard lay out wordt meegeleverd. Zo’n lay out heet in WordPress-termen een thema. Nu zijn er allerlei gratis thema’s beschikbaar die als aanvullende software kunnen worden geïnstalleerd op een basis WordPress website. Webzeker Webdesign kiest er echter voor een premium  thema op websites te gebruiken. De kosten voor de aanschaf van dit thema (ongeveer $60,00) zijn bij de prijs van uw nieuwe website inbegrepen. Het thema dat Webzeker Webdesign gebruikt heet Avada.

Het Avada thema

Avada is het meest verkochte WordPress thema. En niet voor niets. Avada is stabiel en is vrijwel onbeperkt in zijn mogelijkheden op het gebied van lay out. Maar het heeft ook vele extra functies aan boord die allemaal compatible zijn. Denk hierbij aan fotopresentaties, YouTube integratie, social media, animaties, portfolio’s en sinds kort zelfs een contactformulier. Zonder Avada is dit natuurlijk ook te realiseren, maar hiervoor moet extra software (plugins) worden geïnstalleerd van allerlei verschillende partijen. Dit kan leiden tot problemen met compatibiliteit en beveiliging. Ook moeten al deze plugins worden onderhouden met updates etc.

Licentie van Avada

Avada Website BuilderOmdat Avada niet gratis is, werkt de leverancier met een licentie systeem. Bij de installatie heeft Webzeker Webdesign dit correct ingesteld op uw website. Maar sinds de release van Avada 7.3 begin april 2021, is er iets veranderd. Na de update naar Avada 7.3 (en de overige updates op de website), moet er een éénmalige aanvullende registratie plaatsvinden.

Als u een technisch onderhoudsabonnement bij Webzeker Webdesign afneemt, verzorgen wij deze registratie. Heeft u geen abonnement? Voer dan onderstaande stappen uit om uw website te registreren. Hiervoor heeft u de purchase code nodig die u bij oplevering van uw website heeft ontvangen. Deze staat in het opleverdocument waarin ook de inloggegevens van uw website en hosting zijn vermeld. Let op: dit document bevat twee codes: het Avada validatie token (technisch, website) en de purchase code. Deze laatste moet u gebruiken en heeft de volgende opmaak: 33t8a813-0419-4uf2-bfb7-5d017die3u5a

  • Klik in het WordPress menu aan de linkerkant op Avada > Dashboard
  • Klik op de knop “Update registration”
  • Voer in het veld “Register your website” de purchase code in (u kunt deze het beste knippen en plakken uit het opleverdocument)
  • Klik op “Register now”

Deze stappen zijn ook beschreven op deze pagina van Avada zelf

Uw registratie is nu voltooid. Geeft uw website een foutmelding  of heeft u de purchase code niet meer bij de hand? Neem dan even contact met ons op, wij helpen u graag verder.

Wat gebeurt er als u deze registratie niet uitvoert?

Als u de purchase code niet invoert, blijft uw website gewoon werken. Alleen kunt u geen updates van het Avada thema meer uitvoeren waardoor er in de toekomst wellicht problemen met beveiliging en compatibiliteit met WordPress kunnen ontstaan. Wij adviseren u dan ook deze registratie uit te voeren.

2021-04-14T10:22:51+02:00Door |
Ga naar de bovenkant