Categorie: Webdesign

Hoe ontwerp ik een website, zelf een website maken met Wordpress. Webwinkel maken. Website portfolio Brinkman.IT.

Web Developer Gmail Spam DMARC (AI Generated image)

GMail, Spoofing en Spam. DMARC records instellen in DirectAdmin

Het gebeurt steeds vaker dat Gmail legitieme email als spam markeert. Hoe zorg je er voor dat Gmail jouw email niet als spam markeert? Door DMARC te gebruiken. Hoe doe je dat?

Web Developer Gmail Spam DMARC (AI Generated image)

Uw DMARC records kunt u bij de meeste hostingaanbieders zelf aanpassen, maar wat moet daar in staan? GMail geeft een uitgebreide uitleg, maar voor de gemiddelde gebruiker, die een website heeft en email gebruikt in combinatie met de eigen domeinnaam, is dit onnavolgbaar.

Gelukkig zijn er goede, online, hulpmiddelen beschikbaar waarmee u een valide DMARC record kunt aanmaken.

EasyDMARC

Via EasyDMARC kun je, door eenvoudigweg je domeinnaam in te typen in het zoekveld, controleren of de domeinnaam een deugdelijk DMARC record heeft. Daarna krijg je te zien wat de resultaten zijn.

Voorbeeld

(er is bewust gekozen voor een website/domein die geen DMARC record heeft)

DMARC Record Lookup and Checker EasyDMARC

Klik na invoeren van je domeinnaam op [Check DMARC]. In dit geval is het resultaat:

Gmail DMARC EasyDMARC

Vervolgens kun je klikken op “Generate DMARC record”. Kies de instellingen die je wilt gebruiken.

DMARC genereren

Er volgt een DMARC record die je vervolgens in (bijvoorbeeld) DirectAdmin via DNS Management (onder “Your Account”) kunt toevoegen onder de optie “Add Domain Records”.

DMARC DirectAdmin DNS

Vul dus in _dmarc in de eerste kolom en plak het aangemaakte DMARC record in het veld in de laatste kolom. Klik daarna op [Add].

Geef het wat tijd en controleer daarna je domeinnaam opnieuw. De “EasyDMARC Reporting” zal niet werken ténzij je bij hen een account neemt, dat is echter absoluut niet nodig.

MXToolbox DMARC check

Een andere, uitstekende, online tool is MXToolbox. Via MXToolbox kun je allerlei instellingen in je DNS records controleren. Voor de DMARC records ga je naar https://mxtoolbox.com/dmarc.aspx.

Vul de domeinnaam in die je wilt controleren:

DMARC Check Tool - Domain Message Authentication Reporting Conformance Lookup - MxToolBox

Vervolgens krijg je het resultaat te zien. In dit geval is het inmiddels keurig groen gemarkeerd omdat we de DMARC record hebben toegevoegd die gemaakt is met EasyDMARC maar ook MXToolbox heeft een optie een DMARC record aan te maken via deze link.

Nu zou GMail je emails niet meer naar de spambox moeten verwijzen (er van uitgaande dat ook je SPF- en DKIM correct zijn, deze staan echter meestal default goed ingesteld bij onze hosting accounts).

Een DMARC record kunnen we niet default instellen. Immers, dat is mede gebonden aan persoonlijke voorkeuren. Daarbij is het een recente ontwikkeling en ons bedrijf bestaat al bijna 25 jaar. Het is voor ons onmogelijk bij alle cliënten, ongevraagd en handmatig, dit in te gaan stellen. Al was het maar vanwege de tijd die daarmee gemoeid is.

Hulp nodig bij instellen DMARC?

Constateer je dat mensen klagen dat je email niet bij hen aankomt en gebruiken ze GMail, Hotmail enz? Kom je er zelf niet uit of durf je zelf deze aanpassingen niet te maken in je DirectAdmin panel? Neem dan even contact met ons op, we helpen je graag en stellen het voor jou in. Vergeet niet aan te geven welke domeinnaam het betreft!

JHudStudio - Music Audio plugins that will make audio sit in the mix

Nieuwe website JHudstudio Audio Plugins

JHudStudio - Music Audio plugins that will make audio sit in the mixDe nieuwe website voor JHudstudio, maker van audio plugins voor Windows en Macintosh studiosoftware, is vandaag door ons opgeleverd.

De website biedt mensen de gelegenheid informatie over de audio plugins te lezen, instructievideo’s te bekijken maar bovenal uiteraard de diverse audio plugins te downloaden.

JHudstudio, USA, is de programmeur van de bekende Vocal King plugin, een plugin die door veel (semi)professionele studio’s wereldwijd wordt gebruikt en veel lovende reviews heeft gekregen. Naast Vocal King produceert JHudstudio ook een groot aantal andere plugins voor studiosoftware (Digital Audio Workstations, DAW).

Doordat de oude hostingprovider van JHudstudio’s website werd verkocht en de nieuwe hostingprovider zijn website per ongeluk had gewist zonder dat er nog toegang mogelijk was had JHudstudio een acuut probleem. Wij hebben dit opgelost door met behulp van de wayback machine afbeeldingen en tekst te recoveren en een nieuwe website gebouwd.

Naast het bouwen van de website verzorgen we nu ook de hosting. De website is overgedragen aan de client die verdere afwerking en finetuning zal gaan doen.

De website is te vinden op https://jhudstudio.com/

boerderijwinkel grooten heerlen webdesign

Website redesign voor Boerderijwinkel Grooten

Voor boerderijwinkel Grooten hebben wij een nieuwe website gebouwd omdat de oude website gebaseerd was op verouderde techniek en de website moest worden opgefrist.

De look and feel van de oude website is grotendeels gehandhaafd maar de website is volledig opnieuw opgebouwd in WordPress.

Boerderijwinkel Grooten

boerderijwinkel grooten heerlen webdesignBoerderijwinkel Grooten is een familiebedrijf en is door de vele jaren heen, langzaam uitgegroeid tot wat het nu is. Sinds 2015 is de 4e generatie toegetreden tot het landbouwbedrijf.

Bij Boerderijwinkel Grooten vindt u scharrelvarkenvlees, groente en fruit, aardappelen, rundvlees, streekproducten, eieren, soepkippen, kerstbomen, hooi en stro en nog veel meer!

Daarnaast is er een mooi binnenterras, D’r Binneplei. Bij D’r Binnenplei kunt u tijdens uw wandeling of fietstocht op de Brunssummerheide even uitrusten onder genot van een heerlijke kop koffie met een lekker stuk Limburgse vlaai en ambachtelijk boeren ijs!

Webhosting
Voor Boerderijwinkel Grooten verzorgden wij al geruime tijd de webhosting en ook voor de nieuwe website verzorgen wij wederom de webhosting.

De website is te vinden via: https://www.boerderijwinkelgrooten.nl/

Google Analytics Statistiek Website SEO van WordPress

Verbeter de SEO van WordPress in een paar minuten

WordPress is een populair CMS systeem en niet zonder reden! Hoe goed is eigenlijk de SEO van WordPress als je het “out of the box” installeert?

Google Analytics Statistiek Website SEO van WordPress

Out of the box is een term voor producten en software die geen tot weinig installatie behoeven. WordPress is dat ook. Zodra je de installatie uitvoert kun je natuurlijk van alles gaan aanpassen, zoals bijvoorbeeld de lay-out, maar in principe kun je direct aan de slag met WordPress.

SEO van WordPress

WordPress staat er om bekend standaard een goede SEO (Search Engine Optimalisation) te hebben. Is dat ook zo? Een kleine proef op de som laat zien dat dit inderdaad het geval is. Maar de SEO van WordPress kun je in een paar minuten flink verbeteren.

Voor een goede SEO van WordPress is niet alleen de software van WordPress zelf van belang maar ook hoe je de website verder opbouwt en de snelheid van de website.

De snelheid van de website wordt vooral bepaald door:

  1. de webhosting. Hoe snel is de hosting waar je een website onderbrengt?
  2. de website zelf. Thema, bestandsomvang van afbeeldingen, plugins die je gebruikt, caching.

Voor wat betreft afbeeldingen: maak, wanneer mogelijk, gebruik van het WEBP-formaat en niet van JPEG of PNG! Dit maakt je website vaak aanzienlijk sneller en de kwaliteit van afbeeldingen blijft goed.

Optimaliseren WordPress website

Waar vroeger keywordstuffing en teksten optimaliseren grote invloed had is tegenwoordig ook de snelheid van een website mede doorslaggevend voor de indexering in onder andere Google.

Wil je dus hoger in Google komen dan is snelheid van je website een punt waar echt aandacht aan besteed moet worden.

Voor een betere performance van een website zijn er uitstekende opties beschikbaar. Waardoor er zelfs op minder snelle hostingdiensten een redelijk tot goed presterende website mogelijk is.

Je hebt de optie gebruik te maken van een externe dienst als CloudFlare maar aanbevolen is eerst te zorgen dat je eigen website goed performt. Naast het optimaliseren van je WordPress theme zijn er een groot aantal plugins beschikbaar voor performance verbetering.

Eén van deze plugins is WP-Optimize, die onder andere een uitstekende functie heeft voor het optimaliseren van afbeeldingen. Maar ook voor het ‘cachen’ van je website.

WordPress optimalisatie in de praktijk

Voor de website https://noordhorn.info/ is voor de optimalisatie een meting gedaan van de performance met Pingdom. Daarna is WP-Optimize geïnstalleerd en geconfigureerd.

SEO van WordPress voor optimalisatie

(meting Pingdom voor optimalisatie)

Zorg dat je, alvorens te beginnen met configureren, een backup maakt van de website. Niet alle opties werken bij elk WordPress thema even vlekkeloos en sommige opties (optimalisatie van tabellen bijvoorbeeld) kunnen je website beschadigen.

Na het optimaliseren (afbeeldingen optimaliseren, caching) is onderstaande het resultaat.

SEO van WordPress na optimalisatie

(meting Pingdom na optimalisatie)

De toepassing van WP-Optimize zorgt voor een verbetering van de laadtijd van de website van 1,2 seconden (1190 ms) naar 729 ms. Dat is een verbetering van 461 ms oftewel maar liefst 38,7%. Voor een mens is het verschil tussen 729 ms en 1190 ms nauwelijks waarneembaar maar voor zoekmachines als Google des te meer, ze zullen je op basis van de performance namelijk (mede) een ranking geven. Daardoor is elke milliseconde verbetering pure winst.

SEO controleren met Google Pagespeed

Je SEO kun je controleren met (uiteraard) Google’s Pagespeed. Daarnaast zijn websites als https://www.seosos.nl/ ook een goed hulpmiddel.

Google Pagespeed Website performance

(testresultaat pagespeed)

De belangrijkste speler is natuurlijk Google, te vinden op https://pagespeed.web.dev/ en de resultaten van de test van Google. Is de test teleurstellend? Kijk naar de uitgebreide aanwijzingen van Google en tools als SeoSOS en verbeter je website aan de hand daarvan.

Seo van WordPress SeoSos

(testresultaat SeoSOS)

Zoals blijkt is de SEO van WordPress, en de mogelijkheden die WordPress biedt voor bijvoorbeeld het optimaliseren van de SEO van afbeeldingen, ‘out of the box’ goed. De analyse van SeoSOS geeft een aantal verbeterpunten die Pagespeed niet aangeeft. Je kunt uiteraard ook daar mee aan de slag gaan.

Je kunt de SEO van WordPress na optimalisatie van afbeeldingen en het gebruiken van caching verder verbeteren met een SEO plugin. Die zijn (veelal) gericht op de inhoud van je website.

Meer over het verbeteren van de SEO van WordPress kun je hier vinden:

Gutenberg Principe en Webdesign Willi Heidelbach CC BY 25

Het Gutenberg Principe – moet dat plaatje nu links of rechts op je webpagina?

Wat heeft de ontdekker van de drukpers, Gutenberg, te maken met het ontwerpen van een effectieve website? Wat is het Gutenberg Principe en hoe is dat in deze moderne tijd nog relevant? De boekdrukkunst is immers “een mechanisch proces om geschriften te vermenigvuldigen door middel van een drukpers.” en ontwikkeld in een heel grijs verleden?

Gutenberg Principe en Webdesign Willi Heidelbach CC BY 25

Gutenberg Principe en webdesign

Johannes Gutenberg ontwikkelde in de 15e eeuw het mechanische drukproces. Eigenlijk is het waarschijnlijk al veel eerder ontdekt maar voor ons Europeanen begint het verhaal bij Gutenberg.

Een grote stap voorwaarts in de ontwikkeling van informatieverspreiding is natuurlijk het internet.

In de begindagen van digitale informatie via internet waren de meeste websites niet meer dan wat platte tekst. Hoogstens met wat kopjes en paragrafen ingedeeld. Dat is snel veranderd!

Tegenwoordig zijn veel websites bijna een multimediale ervaring. Maar moet jouw website dat ook zijn als je diensten, producten of informatie aanbiedt?

User Experience (UX)

De vader van “moderne gebruikerservaring” (User Experience of kortweg UX) is Don Norman. De term User Experience is door hem bedacht in 1993 toen hij werkte bij Apple.

Gutenberg vond zijn pers uit in 15e eeuw en in die tijd waren de enige geschreven documenten handgeschreven boeken. Na de publicatie van de beroemde Gutenbergbijbel begon een groter aantal mensen te lezen.

Traditioneel volgden handgeschreven boeken de “regel van derden”, een visuele vlakverdeling die wordt gebruikt in onder andere de schilderkunst en nog steeds wordt gebruikt in de kunstvormen zoals de podiumkunsten en fotografie.

Het Gutenberg principe is een minder bekend ontwerpprincipe dat de beweging van de ogen beschrijft bij het kijken naar een ontwerp waarin elementen gelijkmatig verdeeld zijn. Het staat ook bekend als de Gutenberg-regel of het Z-verwerkingspatroon.

Gutenberg Principe kijkrichting

(Gutenberg Principe, afbeelding © R. Brinkman/BrinkmanIT)

Het Gutenberg-principe gaat er vanuit dat een tekst of afbeelding in vier gelijke kwadranten is verdeeld. Van deze vier worden linksboven en rechtsonder als “actieve kwadranten” beschouwd voor mensen die lezen van links naar rechts.

Dat betekent dat linksboven het oog eerst ‘valt’, en daarna naar rechtsboven gekeken wordt en zo wordt de pagina verder ‘gescand’ op informatie. De leesactie is ‘binnenkomen’ (linksboven) op de pagina en ‘verlaten’ (rechtsonder).

Van Links naar Rechts lezen

Mensen lezen dus meestal van links naar rechts, zeker in Nederland. De vraag is dan: “waar zet ik een afbeelding in de tekst”? Die vraag wordt beantwoord met een andere vraag: wáár wil je de focus in de website op leggen?

De focus van de bezoeker, oftewel de consument van de informatie, ligt rechtsboven.

Gutenberg Principe focus in de website (voorbeeld 1)

(website over fotografie, Gutenberg Principe)

Heb je een website over fotografie, dan kan de focus dus rechtsboven worden gelegd op een foto (zie voorbeeld). De interesse van de bezoekers is immers fotografie?

Als er dan rechtsboven een leuke foto staat stimuleert dat om de website verder te bekijken. Staat daar een gortdroge tekst over hoe je diafragma instelt op een camera dan ben je de ‘plaatjeskijkers’ sowieso al kwijt als bezoekers. In dit geval is de vlakverdeling dus gericht op foto’s zodat men links-onder kijkt en dan kan er ‘doorgeklikt’ worden.

Een website waar je een bezoeker wilt uitnodigen meer informatie over je product of dienst te vragen of iets te kopen bij je, een “call to action”, heeft een hele andere focus.

Als je daar de afbeelding in het vak rechtsboven zet prikkel je mensen minder om tot actie over te gaan. Daarom is in onderstaande voorbeeld door ons het Gutenberg principe toegepast voor de client.

Immers, naast informeren van clienten wil je ook graag dat ze contact met je opnemen ingeval ze kunststof kozijnen willen laten plaatsen?

Gutenberg Principe focus in de website (voorbeeld 2)

(Afb. Website ALLES Kunststof Kozijnen)

Het Gutenberg-principe wordt dus toegepast om de “zwaartekracht” van de pagina te bepalen. Wáár moet de nadruk op liggen? Wat wil je graag dat de client of bezoeker van de website opvalt en op acteert?

Vlakverdeling-Gutenberg-Principe-Call-to-Action

(Afb. Website Brinkman.IT, vlakverdeling volgens Gutenberg Principe)

Soms kan een website er nog zo eenvoudig uitzien, zoals die van ons, toch is er dus wel degelijk over nagedacht hoe de pagina ingedeeld is.

Wat wij met de website beogen is immers niet dat de bezoekers een leuk plaatje van een paar webservers als focuspunt heeft maar dat de focus ligt op onze diensten zoals webhosting en het ontwerpen en bouwen van websites?

UX Design Facebook

(Afb. inlogpagina Facebook)

De startpagina van Facebook (afbeelding hier boven) heeft het Gutenberg principe heel stringent en minimalistisch doorgevoerd en is een uitstekende illustratie van het Gutenberg principe. Die pagina is niets anders dan één “call to action”: inloggen of lid worden.

De startpagina van LinkedIN is overigens precies tegengesteld aan dat principe gebouwd. Dat kan óók een keuze zijn, als je als dienstenaanbieder al een hele grote naamsbekendheid hebt kún je een dergelijke regel eventueel links laten liggen of juist kiezen voor een ontwrichtend ontwerp (dat is weer een heel ander principe).

Plaatje links of rechts op de pagina?

Moet dat plaatje dus links of rechts op de pagina? Zoals duidelijk zal zijn is dat afhankelijk van het doel van het plaatje.

Als een afbeelding alleen maar ter illustratie is en de nadruk op actie van de gebruikers moet liggen (de call to action), is de keuze om de afbeelding rechtsboven te plaatsen discutabel.

Anderzijds kan een ontwerpbeslissing soms op andere gronden worden genomen. Bijvoorbeeld omdat u het nu eenmaal mooi vind het op een bepaalde manier te doen en de call to action minder relevant is.

Een UX-ontwerper heeft echter meestal de voorkeur om de belangrijke elementen en aandachtspunten (de belangrijkste informatie) langs het reispad van het Gutenberg principe te plaatsen om zo de beste resultaten te behalen. Dit vergroot het begrip en de verwerking van de informatie. Daarmee resulteert het in veel minder cognitieve belasting.

___
Afb. © Willi Heidelbach, ongewijzigde overname, CC BY 2.5

Webdesign in Groningen

Hoe maak je een website snel op alle apparaten

Hoe maak je een website snel op alle apparaten? De eisen die gesteld worden aan websites veranderen regelmatig. Eén van de stellers van die eisen is Google. Of je het nu leuk vindt of niet, Google domineert het internet en kan daarom eisen stellen.

Maar gelukkig laten ze je niet in het ongewisse over welke wensen en eisen ze stellen. Ze zijn zelfs zeer behulpzaam in het analyseren van je website en aanreiken van verbeteringen.

Onze website, die vrij eenvoudig is qua ontwerp omdat deze vooral is gericht op functionaliteit, controleren we regelmatig aan de hand van Google’s Pagespeed. Samen met een tool als Pingdom Speed Test onmisbaar om de snelheid en bovenal compatibiliteit van je website te testen.

Website snel op alle apparaten

Waarom zou een website snel op alle apparaten moeten zijn? Als eerste is het zo dat het grootste deel van de internetgebruikers via mobiele apparaten online gaat. Dat is hier al eens besproken.

BrinkmanIT PageSpeed Insights Website Optimalisatie
BrinkmanIT PageSpeed Insights Website Optimalisatie

Verbinding bezoekers website
De gemiddelde smartphone heeft een redelijke rekenkracht maar als je heel veel data naar de gebruiker toe stuurt ervaart de gebruiker de website als traag. Zeker als er sprake is van een gebruiker die via het 4G-netwerk of 3G werkt.

Pingdom Tools website speedtest
(Pingdom Meetpunt Londen)

Als de startpagina van een website 3 of 4 mb aan (veelal nutteloze!) data verstuurt naar de gebruiker, komt deze pagina tergend langzaam binnen en haakt de bezoeker van de website al snel af. De gouden regel is: hoe kleiner (in KB’s) hoe beter!

In mijn ogen is elke website die een startpagina heeft groter dan 1.000 KB (1 MB) niet goed ontworpen. Daar valt bijna altijd winst te behalen.

Op de gemiddelde laptop en desktop computer is een website, omdat deze vaak via snelle kabelverbindingen, glasvezel of ADSL met het internet zijn verbonden, meestal voor het oog wel snel. Maar ook hier geldt dat niet iedereen een snelle computer heeft, laat staan een snelle verbinding.

Ontwerp van je website
In je ontwerp moet je daarom altijd rekening houden met de “instap”-gebruikers. Mensen met een minder snelle verbinding, een minder snel apparaat, een (trage) publieke WiFi-verbinding.

Websites met veel sliders, een video op de startpagina die automatisch begint af te spelen of achtergrondmuziek(!) zijn ongewenst. Net als enorm grote afbeeldingen. Het gaat dan niet om het formaat van afbeeldingen op het scherm maar om het bestandsformaat op de schijf, het aantal KB’s of MB’s.

Analyse van je website
Naast eerder genoemde Pingdom en Pagespeed is ook GTMetrix een aanrader. Niet zozeer om de snelheid van je website te testen (want GTMetrix is een website in Canada) maar vooral om deze goed te analyseren.

Afbeeldingen in WEBP-formaat

Veel website-bouwers gebruiken nog afbeeldingen in JPG of PNG-formaat. In 2010 heeft Googe het WEBP-formaat ontwikkeld.

“WebP is een modern afbeeldingsformaat dat superieure verliesvrije en verliesgevende compressie biedt voor afbeeldingen op internet. Met WebP kunnen webmasters en webontwikkelaars kleinere, rijkere afbeeldingen maken die het internet sneller maken. WebP lossless-afbeeldingen zijn 26% kleiner in vergelijking met PNG’s.” (Google).

Gebruik, voorzover mogelijk, voor afbeeldingen het WEBP-formaat. Het maakt de afbeeldingen op je website kleiner (als in: het bestand is minder groot in KB’s), je verliest geen afbeeldingsdetails en de website wordt dus sneller geladen zonder aan kwaliteit in te boeten.

Een foto in WEBP-formaat
(Een foto in WEBP-formaat ©2023 R. Brinkman)

Tot een paar jaar geleden was WEBP nog niet algemeen ingeburgerd omdat Internet Explorer dit niet ondersteunde. Nu Internet Explorer is vervangen door Edge, die WEBP wel ondersteunt, is dat probleem opgelost. Er is dan ook geen enkele reden om geen WEBP te gebruiken. Ook niet voor foto’s (zie boven!).

Caching toepassen

Tot slot kun je daarná, dus als alles zo optimaal mogelijk is, gaan werken met caching. In het bijzonder van belang als je met CMS-systemen als WordPress werkt. Daarmee is extra winst te behalen maar belangrijk is dat de basis van de website goed is. Alles wat je daarna met caching kunt behalen is extra winst.

Blijft de website ondanks alle optimalisaties langzaam? Dan is het wellicht tijd over te stappen naar een andere webhostingpartij 😉

404 daar gaat iets mis

Hoger in Google? Dode links in de website voorkomen!

404 daar gaat iets mis

Dode links in de website kunnen uw conversieratio’s (bezoek naar leads of verkopen converteren) ernstig beïnvloeden. Het is alleen daarom al zaak er voor te zorgen dat dode links in de website niet voorkomen en zonodig gerepareerd worden.

Gebroken of dode links zijn indirect schadelijk voor de SEO (zoekmachine-optimalisatie die de plek die u in de zoekresultaten van Google en andere zoekmachines krijgt kan beïnvloeden) door het bouncepercentage.

Als iemand op een pagina op een link klikt die een ‘404 error’ of andere foutmelding geeft, is de kans heel groot dat de bezoeker vertrekt van de site. En dát wil je niet! Hoe kun je dode links in de website voorkomen en repareren? Daarvoor zijn een paar handige oplossingen beschikbaar die nog gratis zijn ook!

Hoger in Google

De intelligente software van zoekmachines als Google ziet die dode links ook en dat zal, als er veel van zijn, er voor zorgen dat je minder hoog in Google komt.

Gebroken links kunnen de SEO-ranglijst dus rechtstreeks schaden, ook omdat ze aan zoekmachines als Google het signaal afgeven dat uw website oud is, niet onderhouden wordt of informatie achterhaald is. En dan is het gevolg dat je daalt in de rankings bij Google.

Wil je dus hoger in Google dan is het niet alleen van belang dat je allerlei bekende “SEO-trucs” toepast maar vooral dat je website op orde is!

Dode links in de website zijn funest

Recent bezocht ik een website van een opleiding om wat informatie op te zoeken. De website was een paar maand geleden helemaal vernieuwd door, naar ik aanneem, een webdesigner. Het nieuwe “mobile first” ontwerp van de collega ziet er goed uit, al valt er ook het een en ander af te dingen, maar er was één groot en zéér ernstig probleem!

Ik had via een andere website die ik beheer al gemerkt dat links naar pagina’s bij hen foutmeldingen gaven (omdat ik de eigen website regelmatig, geautomatiseerd, intern check op dode links in de website middels een plugin). Die dode links in de website pas ik aan of verwijder ik dan ingeval ik niet snel een correcte verwijzing meer kan vinden.

Dat betekent dat de doelwebsite, waar ik heen link, geen of veel minder verkeer krijgt vanaf mijn website. En niet alleen vanaf mijn website, maar ook van heel veel andere websites ontvangen ze op den duur geen bezoek meer. Of bezoekers vanaf andere websites worden naar dode links gestuurd.

Dat is erg onprofessioneel voor een (groot) opleidingsinstituut en had de websitebouwer moeten voorkomen. Het is een grote bron van frustratie voor bezoekers van de website en ze haken af onder het motto “de site werkt niet meer”. Erger is dat ook Google en andere zoekmachines, als je dat niet snel oplost, minder verkeer naar de website gaan sturen.

Dode links in de website Complete SEO Keyword Ranking History

Uit een kleine online check blijkt dit ook (afb. boven). Je ziet de ranking en het verkeer (kliks) naar de website in de loop van de tijd mooi opbouwen en plotseling, na mei 2023, snel terug lopen. Dat terwijl het juist zou moeten oplopen gezien de cijfers van voorgaande jaren!

Dat is doodzonde, jaren werk en opbouwen van een positie in Google gaan zo verloren. Nog afgezien van de frustratie bij bezoekers die niet meer kunnen vinden wat ze zochten en websitebeheerders die op hun eigen sites alle dode links in de website moeten aanpassen of, zoals in mijn geval, verwijderen.

Ik heb de beheerders van de betreffende website uiteraard een mailtje gestuurd en een link naar de resultaten (honderden dode links in de website) zodat ze er mee aan de slag kunnen gaan.

Voorkomen en repareren dode links

Hoe ga je precies om met het repareren van dode links? Het begint met het voorkomen van dode links in de website!

Ga je een website helemaal vernieuwen dan is het van het grootste belang, zoals het voorbeeld hierboven illustreert, dat je 301-redirects toepast zodat mensen die via de zoekmachines een link aanklikken correct worden doorverwezen naar de nieuwe pagina.

Dit geldt, uiteraard, niet alleen voor menselijk verkeer. Ook de zoekmachines moet verteld worden dat een pagina verplaatst is naar een nieuwe locatie (link). Daarnaast moet je binnen je eigen website ook voorkomen dat er dode links zijn, dus geen interne verwijzingen naar pagina’s die niet meer bestaan. En tot slot moet je voorkomen dat uitgaande links, naar andere websites, dode links zijn.

301-redirect
Een nog veel toegepaste methode om, na vernieuwing van je website, het inkomende verkeer op je website goed te routeren is middels een .htaccess  bestand waarin je alle oude links doorverwijst naar nieuwe links.

Dit doe je met een 301-redirect. Een 301 “Permanent Redirect” leidt de ene URL permanent om naar een andere. Je stelt een 301-omleiding in met .htaccess om bezoekers naar een nieuwe URL te sturen en zoekmachines te laten weten dat een pagina is verplaatst, zodat de nieuwe pagina correct kan worden gevonden door bezoekers en geïndexeerd door de zoekmachines.

Na verloop van tijd zijn ze niet meer nodig en kunnen ze verwijderd worden. Geef de zoekmachines hier geruime tijd voor en controleer het via google voordat je ze verwijderd.

In de .htaccess van je website neem je bijvoorbeeld regels op als onderstaand:

Redirect 301 /oudepagina.html https://voorbeeldwebsite.nl/nieuwe-pagina.html

Met een relatief kleine website is dat handmatig goed te doen. Maar wat als je een website hebt met duizenden producten of pagina’s? Het is ontzettend veel werk om dat allemaal goed te doen.

Toch raad ik aan de tijd er voor te nemen en het wél te doen! Dit moet je dus wel allemaal vóóraf bedenken en regelen! Achteraf kun je alleen maar ‘noodreparaties’ uitvoeren.

Via een site als https://www.xml-sitemaps.com/ of https://www.mysitemapgenerator.com/ kun je een volledige mapping maken van je oude site. Converteer de XML eventueel naar bijvoorbeeld Excel. Vervolgens kun je die links gebruiken om een lijst van 301 redirects te maken.

De meest simpele methode is al het verkeer naar pagina’s op je website die niet meer bestaan afvangen en naar de (nieuwe) homepage routeren. Dat is niet aan te bevelen maar het kan via één regel in de .htaccess, spaart veel tijd en zorgt in elk geval er voor dat mensen geen “pagina niet gevonden” melding krijgen.

Hou bij deze methode er wel rekening mee dat je zorgvuldig opgebouwde SEO verdwenen is. Mensen krijgen ook niet de informatie die ze verwachten. Dat kan erg frustrerend zijn voor bezoekers van je website.

ErrorDocument 404 /

of via deze methode

ErrorDocument 404 https://example.com

301 en 404 Redirects in WordPress

WordPress biedt natuurlijk een fijne oplossing voor dit probleem middels diverse plugins.

De beste methode is een 301 redirect en dus installeer je bij voorkeur een plugin die dat regelt voor je, zie hier voor een overzicht er van:

https://nl.wordpress.org/plugins/search/301+redirect/

Het is lastig te zeggen welke de beste 301-redirect plugin is. Het hangt van je eigen voorkeuren af en de vraag hoeveel werk je er in wilt steken.

Sommige SEO-plugins leveren op dit gebied ook de nodige functionaliteit. Rank Math SEO heeft hier bijvoorbeeld een (gratis) functie voor.

Dode links vinden en repareren met WordPress plugins

Wanneer je WordPress gebruikt voor je website kun je zorgen voor goede en effectieve redirects in de website zelf, voor het binnenkomende verkeer, maar er zijn ook plugins die in je website kunnen zoeken naar gebroken of dode links.

Zo kun je voorkomen dat er onjuiste, dode, links in de website zitten en het inkomende verkeer goed opvangen en naar de juiste pagina leiden. En natuurlijk uitgaand verkeer ook goed doorverwijzen!

Broken Links Checker
Broken links can kill your SEO, user experience, and site health… Broken Link Checker helps you find and resolve them faster than similar plugins.”

Rank Math SEOOp een privé-blog, waar inmiddels bijna 3.500 links staan (interne en uitgaande links) gebruik ik Broken Link Checker, zie https://wordpress.org/plugins/broken-link-checker/.

broken links checker WordPress plugin

Deze plugin is een uitstekende methode om de links in je website geautomatiseerd te controleren. Hoewel voorkomen beter is dan genezen, is het immers soms niet te voorkomen dat links niet meer werken? Wanneer bijvoorbeeld de situatie zich voordoet dat een website off-line gaat of besluit tot een herontwerp waar ze geen goede redirects toegepast hebben..

Online dode links checken

Een handige online tool voor het checken van dode links in de website is de Free Broken Link Checker op https://www.deadlinkchecker.com/

Dit is ideaal wanneer je geen WordPress gebruikt. De website scant je site en laat zien waar de problemen zitten. Op basis daarvan kun je de dode links op je website herstellen.

Tot slot: een goede 404-pagina!

Tot slot. Fouten worden gemaakt. Ondervang dat door een goede informatieve “404”-pagina. Mét zoekfunctie! Zodat, móchten mensen onverhoopt op een dode link op de website komen, ze in elk geval verder kunnen.

BrinkmanIT - webhosting en webdesign

____
Hoger in Google? Dode links in de website voorkomen!
Door: Rudy Brinkman, Brinkman.IT

Joomla!

Migratie Joomla 3.10 naar Joomla 4.x

Joomla!Zoals eerder enkele malen is aangegeven door ons is het noodzakelijk dat u, wanneer u Joomla gebruikt voor uw website, een migratie uitvoert van Joomla 3.10 naar Joomla versie 4. Vanaf 17 augustus 2023 wordt Joomla 3.x niet meer ondersteund.

Op de website van Joomla staat een handleiding hoe u de migratie kunt uitvoeren.

— “Veel cliënten gebruiken Joomla. Wij constateren regelmatig dat de software niet onderhouden wordt. Dat betekent dat er op korte termijn een update naar 3.10 moet worden gedaan alvorens u kunt overstappen naar Joomla! 4.x.”

Het migreren van uw website naar een Joomla 4-versie is alléén mogelijk al u op dit moment Joomla 3.10 gebruikt. Is dat nog niet het geval, dan moet u eerst upgraden naar de 3.10 versie en daarna naar de 4.x versie.

Upgrade Joomla via Installatron

Wanneer u een Joomla-upgrade wilt uitvoeren kunt u hiervoor meestal gebruik maken van Installatron. Een handleiding is hier te vinden.

» Let op, alvorens u updates uitvoert: maak altijd vooraf een backup!

U kunt er ook voor kiezen om éérst een “staging”-omgeving aan te maken en in de staging omgeving de upgrade uit te testen en eventuele problemen na upgrade daar oplossen alvorens u het op uw live website uitvoert.

Lees hier verder over het maken van een staging omgeving met Installatron.

Upgrade Joomla laten uitvoeren?

Tot slot kunt u ook door ons de upgrade laten uitvoeren op “no cure, no pay” basis. Of uw Joomla website laten migreren naar WordPress. In beide gevallen zijn er kosten aan verbonden op basis van respectievelijk uurtarief danwel offerte.

Deze upgrades voeren wij alléén uit voor onze eigen cliënten, op onze eigen servers. Deze dienst kunnen wij helaas niet aanbieden wanneer u elders bent gehost.

Neem voor meer informatie of vragen via deze link contact met ons op.

Energielabel aanvragen via Energielabels Nederland

Nieuwe website Energielabels Nederland

Voor Energielabels Nederland is door ons een nieuwe website opgeleverd. De bestaande website voldeed niet aan de wensen die ze hadden en daarom hebben wij de website voor hen opnieuw gebouwd.

De website is in samenspraak met Energielabels Nederland opgebouwd op basis van WordPress. De hosting was reeds elders ondergebracht en daarom hebben wij de website ook bij hun eigen hostingprovider voor ze geinstalleerd.

Energielabel aanvragen via Energielabels Nederland
Afb. Website Energielabels Nederland.

Energielabels Nederland

Een energielabel laat zien hoe energiezuinig een woning is. Eigenaren zijn verplicht bij verkoop en verhuur een energielabel beschikbaar te stellen aan de koper of huurder. Deze verplichting geldt ook als eigenaren een nieuwe woning laten bouwen (Rijksoverheid). Bij Energielabels Nederland kunt u voor uw appartement, tussenwoning, hoekwoning of vrijstaande woning een energielabel aanvragen.

Niet iedereen mag zomaar een energielabel afgeven, alleen NTA8800 gecertificeerde energieprestatieadviseurs mogen het energielabel opnemen en registreren bij de overheid.

Kijk voor meer informatie over het aanvragen van een energielabel op de website van Energielabels Nederland.

ChatGPT voor SEO-optimalisatie

ChatGPT gebruiken voor SEO-optimalisatie

Kun je ChatGPT gebruiken voor SEO-optimalisatie? Zijn er dingen waar je dan rekening mee moet houden en hoe doe je dat?

Een stapje verder: kun je ChatGPT gebruiken om een tekst te schrijven voor een blog over SEO-optimalisatie? Over webdesign geoptimaliseerd voor Google waarbij SEO-optimalisatie wordt toegepast door ChatGPT? En hoe voorkom je dat Google dan ziet dat deze tekst door ChatGPT is gemaakt?

ChatGPT voor SEO-optimalisatie
Afbeelding van Alexandra Koch via Pixabay

De sleutel tot een succesvolle website: SEO-optimalisatie

In de digitale wereld van vandaag is een sterke online aanwezigheid essentieel voor het succes van elk bedrijf. Bij het opzetten van een website zijn webdesign en webhosting van cruciaal belang, maar zonder SEO-optimalisatie kan zelfs de mooiste website moeilijk gevonden worden in de zoekresultaten van Google.

Meer bezoekers op je website

In dit artikel bespreek ik enkele belangrijke SEO-strategieën die webdesigners en online publicisten kunnen gebruiken om hun websites te optimaliseren om meer organisch verkeer te genereren. Met andere woorden: meer bezoekers op je website!

  1. Kies de juiste trefwoorden.
    Het optimaliseren van je website begint met het begrijpen van de trefwoorden waarop jouw doelgroep zoekt. Doe grondig onderzoek naar relevante zoektermen en integreer ze op strategische plaatsen in je website, zoals de paginatitels, meta-tags, headers en de bodytekst van je pagina’s. Vergeet niet om je inhoud natuurlijk en leesbaar te houden voor de gebruiker, want Google (de zoekmachine waar de meeste mensen gebruik van maken) hecht veel waarde aan kwalitatieve content.
  2. Creëer boeiende en unieke content.
    Een van de belangrijkste aspecten van SEO-optimalisatie is het creëren van hoogwaardige en unieke content die waarde biedt aan je bezoekers. Zorg ervoor dat je website relevante en boeiende inhoud bevat die antwoorden biedt op de vragen en behoeften van je doelgroep. Door regelmatig waardevolle content te publiceren, vergroot je de kans dat andere websites naar jouw website linken, wat de autoriteit van je website verhoogt en je positie in de zoekresultaten van Google verbetert.
  3. Optimaliseer de technische aspecten.
    Naast de inhoud is het belangrijk om aandacht te besteden aan de technische aspecten van je website. Zorg ervoor dat je website snel laadt, gebruiksvriendelijk is en goed geoptimaliseerd voor mobiele apparaten. Maak hiervoor gebruik van een goed ontworpen website en snelle hostingdienst. Het gezegde “penny wise, pound foolish” gaat ook hier op.
  4. Prijs-/prestatie
    De goedkoopste webhostingpartij kiezen kan je uiteindelijk veel geld kosten door onbeschikbaarheid, traag laden en slechte services zoals een onbereikbare of zelfs totaal afwezige helpdesk. Met als gevolg dat je slecht geïndexeerd wordt (dalende ranking Google) en bezoekers weblijven. Dat kost veel meer geld dan een initiële investering in een goed ontworpen website gehost bij een goed hostingbedrijf. Een goede websitestructuur, duidelijke URL-structuur en het gebruik van sitemaps dragen bij aan een betere indexering door zoekmachines. Als je gebruik maakt van WordPress als CMS is dit grotendeels al standaard ingeregeld en met behulp van een aantal goed gekozen plugins kan dit nog verder verbeterd worden. Een ervaren webdesigner weet dit en kan dit goed voor je implementeren.
  5. Versterk je online aanwezigheid
    Naast on-page optimalisatie is het ook belangrijk om je online aanwezigheid te versterken door middel van off-page SEO-technieken. Bouw waardevolle links op door samen te werken met gerenommeerde websites en door actief te zijn op relevante sociale media platforms. Dit vergroot je zichtbaarheid en reputatie, en helpt je hoger te ranken in de zoekresultaten van Google.
  6. Houd de prestaties van je website bij.
    Het monitoren en analyseren van de prestaties van je website is van cruciaal belang om te begrijpen hoe goed je SEO-inspanningen werken. Maak gebruik van tools zoals Google Analytics en Google Search Console om inzicht te krijgen in het organisch verkeer naar je website, het gedrag van je bezoekers en eventuele technische problemen die moeten worden opgelost.

SEO-optimalisatie voor Google

Het optimaliseren van je website voor Google door middel van SEO-optimalisatie is een doorlopend proces dat aandacht en toewijding vereist. Vooral omdat het Google algoritme met enige regelmaat aangepast wordt. Op de wijzigingen van het Google algoritme moet je met enige regelmaat inspelen.

Door de juiste trefwoorden te gebruiken, hoogwaardige content te creëren, technische aspecten te optimaliseren, je online aanwezigheid te versterken en de prestaties van je website bij te houden, vergroot je de kans om hoger te ranken in de zoekresultaten van Google en meer organisch verkeer te genereren.

Het is belangrijk om te benadrukken dat eerlijkheid en transparantie belangrijke waarden zijn voor het creëren van content.

Het is altijd het beste om te vermelden dat de tekst is gegenereerd met behulp van een AI-model zoals ChatGPT. Dit bevordert de transparantie en helpt lezers de oorsprong van de inhoud beter te begrijpen. Door open te zijn over het gebruik van AI, kunnen lezers een bewuste keuze maken over de betrouwbaarheid van de informatie en de mogelijke beperkingen ervan.

SEO-optimalisatie met ChatGPT

Het bovenstaande is grotendeels door ChatGPT geschreven. Was u zich daarvan bewust? De vraag had ik namelijk voorgelegd aan ChatGPT zelf. En het restulaat als uitgangspunt voor dit artikel genomen.

Het antwoord bovenstaand (door mij gecontroleerd, aangevuld en geredigeerd) is het resultaat. SEO-optimalisatie met behulp van ChatGPT is eenvoudig, goedkoop en snel toepasbaar. Het heeft echter ook een keerzijde.

— Afgelopen april onderzocht The Washington Post de datasets waarop populaire chatbots zijn gebouwd. De krant vond ‘gepatenteerde, persoonlijke en vaak aanstootgevende websites’. (Groene Amsterdammer).

Dergelijke inhoud wil je natuurlijk niet in je website verwerken! Denk ook aan de recente blunder van Google met AI. Dat heeft hen tientallen miljarden gekost doordat er een fout antwoord uit hun systeem rolde.

Als daarnaast steeds meer mensen ChatGPT en soortgelijke systemen gaan gebruiken gaat de content van artikelen steeds meer op elkaar lijken. Want ChatGPT e.a. ‘voeden’ zichzelf met de inhoud van.. (andere) websites en artikelen die online te vinden zijn.

Hoe gebruik je ChatGPT voor SEO-optimalisatie?

Rudy Brinkman - Brinkman.IT
Rudy Brinkman, Brinkman.IT

In mijn ogen is de beste methode om ChatGPT voor SEO-optimalisatie te gebruiken niet het laten genereren van een tekst door ChatGPT op basis van een paar woorden of een vraag.

Zorg als eerste zelf voor een stuk originele content. Laat vervolgens ChatGPT deze originele content verbeteren en optimaliseren. Dat is een veel slimmere methode om ChatGPT voor SEO-optimalisatie te gebruiken. Ook voorkom je daarmee plagiaat en dus eventuele schendingen van het auteursrecht.

ChatGPT heeft daarnaast een niet onbelangrijke disclaimer in de kleine lettertjes onderaan elke pagina: “ChatGPT may produce inaccurate information about people, places, or facts.”. Een artikel door ChatGPT gegenereerd kan dus volstrekte nonsens bevatten.

Controle van feiten bij artikelen die je laat genereren door ChatGPT is dus een vereiste! Zelf spelen met ChatGPT? Je vindt het hier.