Martijn Benschop

Het 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:

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.

Vrijwel 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

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.

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:

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.

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:

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!

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.

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.

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

Omdat 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.

Een goed logo laat in één oogopslag zien waar uw bedrijf voor staat. De keuze voor een goed logo is dus enorm belangrijk. Het staat niet alleen op uw briefpapier maar ook op alle digitale uitingen waaronder uw MKB- website. Bij het ontwerpen van een website gebruiken wij uw logo als uitgangspunt. Kleurgebruik, lettertype en uitstraling worden overgenomen op de website.

De meeste MKB- ondernemers die een website laten ontwikkelen, hebben al een logo. Maar wat als u hier nog niet over beschikt op het moment dat u een nieuwe WordPress website laat bouwen? Net als het bouwen van een website, het schrijven van webteksten en het maken van professioneel fotomateriaal is het ontwikkelen van een goed doordacht logo werk voor specialisten. U kunt natuurlijk zelf op internet op zoek gaan naar een bedrijf dat een logo voor u kan maken. Maar er zijn honderden aanbieders met zeer uiteenlopende tarieven voor het maken van een digitaal logo. Als u bij ons een maatwerk WordPress website laat ontwikkelen, nemen wij deze zorgen uit handen.

We hanteren hierbij de volgende werkwijze:

1. Om een beeld te krijgen van uw voorkeuren, vragen wij u dit formulier te downloaden en in te vullen.
2. Op basis van uw input ontvangt u 3 logo’s van verschillende ontwerpers.
3. U kiest het logo dat u het meeste aanspreekt.
4. Is dit nog niet helemaal naar wens? Wij laten dit logo aanpassen tot u helemaal akkoord bent, ook als hier 10 review rondes voor nodig zijn.
5. Is logo helemaal naar uw tevredenheid? Dan leggen wij het definitief vast.
6. Wij plaatsen het nieuwe logo op de website die wij voor u gaan bouwen.
7. U ontvangt het logo voor uw eigen gebruik in de verschillende digitale formaten waaronder .jpg, png en .eps. Dit laatste formaat wordt een vectorbestand genoemd en is uitermate geschikt voor grote afdrukken op bijvoorbeeld banners en t-shirts. Handig toch?

Bekijk onze tarieven voor het ontwikkelen van een professioneel logo onze tarievenpagina

Enkele voorbeelden van logo’s die wij op deze wijze hebben opgeleverd: