Je steekt tijd in je blog. Je deelt tips, beantwoordt vragen en helpt bezoekers op weg. Dan is het fijn als iemand die jouw artikel waardeert, je ook later weer weet te vinden.
Met Googles functie voor voorkeursbronnen kunnen lezers jouw website als favoriet instellen. Een knop in je blog maakt die stap makkelijker. Maar wat levert dat op? En is het ook geschikt voor jouw website?
Liever meteen naar de code om je de knop te integreren? Ja, toon me de code!

Wat is een voorkeursbron in Google?
Een voorkeursbron is een website waarvan iemand graag vaker content ziet in Google. Zodra een lezer jouw website selecteert, kunnen jouw artikelen vaker verschijnen in Topverhalen bij relevante zoekopdrachten.
Ook kunnen je links in AI-overzichten en de AI-modus een herkenbaar label krijgen voor mensen die jou als voorkeursbron hebben ingesteld.
De lezer geeft dus zelf aan dat jouw website bij zijn of haar favoriete bronnen hoort.
Dus voor we verdergaan, maak WebBuddies je Google favoriet en mis nooit meer handige tips zoals deze om je website en online marketing te optimaliseren 😉

Waarom zou je zo’n knop toevoegen?
Een goed blogartikel hoeft geen eenmalige interactie te zijn. Misschien vindt iemand vandaag een handige tip op je website, maar is diegene nog niet klaar om contact op te nemen. Dan wil je graag dat je bedrijf ook later in beeld blijft.
Een knop voor voorkeursbronnen geeft tevreden lezers een kleine, concrete vervolgstap. Ze hebben iets aan je artikel gehad en kunnen meteen aangeven dat ze vaker content van je willen zien.
Voor jou is het een extra manier om contact met je lezers op te bouwen. Vooral als je regelmatig artikelen publiceert over vragen die bij je klanten leven, kan dat interessant zijn.
Verwacht alleen geen volle agenda door één knop. Het is een aanvulling op goede content en een duidelijke website. De stap van lezen naar een aanvraag vraagt ook om vertrouwen, een passend aanbod en een makkelijke manier om contact op te nemen.
Controleer eerst of jouw website beschikbaar is
Ga naar Googles bronvoorkeuren en zoek je domeinnaam op.
Gebruik je hoofddomein, bijvoorbeeld jouwwebsite.nl. Een losse pagina zoals jouwwebsite.nl/blog kan niet apart als bron worden toegevoegd.
Staat jouw website er niet tussen? Wacht dan met het plaatsen van de knop. De knop zelf meldt je website niet aan. Google noemt bronnen die niet regelmatig worden bijgewerkt als mogelijk niet beschikbaar. Op dit moment is het ook nog niet mogelijk om je website hiervoor aan te melden.
Of eigenlijk geven ze je wel al een tip, ze zeggen dat websites die niet regelmatig worden bijgewerkt mogelijk niet beschikbaar zijn. Ik heb het even voor mijn klanten getest en het klopt grotendeels. Op een actieve klant na hadden al mijn klanten die wel actief bezig zijn met posts of andere content op hun website de optie om favoriet te worden.

Zo voeg je de knop toe aan je website
Is jouw website selecteerbaar bij Googles voorkeursbronnen? Dan kun je de knop op twee manieren toevoegen: met een gewone link of met de interactieve Google-knop. Ons advies is om de knop te plaatsen onder je artikel, bovenaan na de intro of in je sidebar.
Optie 1: een gewone link met je eigen vormgeving
Heb je een website waarin je gewoon content kan schrijven? Dan kun je een gewone link gebruiken. Daar heb je geen extra plugin voor nodig.
Open een blogbericht in bijvoorbeeld WordPress en voeg onder je artikel een stukje aangepaste HTML toe. Plak daarin deze code:
<a
href="https://www.google.com/preferences/source?q=JOUWDOMEIN.NL"
style="display:inline-block; padding:12px 20px; background:#1748cf; color:#ffffff; border-radius:6px; text-decoration:none; font-weight:600;"
>
Maak ons favoriet in Google
</a>
Vervang JOUWDOMEIN.NL door je eigen domeinnaam. Wil je de knop laten aansluiten op je website? Vervang dan de kleurcode #1748cf door je eigen merkkleur.
Open de voorbeeldweergave en test de link. De bezoeker komt op een Google-pagina en bevestigt daar zelf de keuze. Dit is een van de manieren die Google ondersteunt om lezers naar jouw voorkeursbron te verwijzen.
Optie 2: De interactieve Google-knop met Javascript
Wil je de officiële Google-knop gebruiken? Google biedt een interactieve versie waarmee de bezoeker je website kan toevoegen en daarna terugkeert naar je pagina.
De installatie bestaat uit twee onderdelen.
Voeg eerst dit script één keer toe, bij voorkeur in de <head> van je website. Gebruik hiervoor de functie voor aangepaste code van je thema of paginabouwer, als die beschikbaar is.
<script
async
src="https://news.google.com/swg/js/v1/publisher.js">
</script>
Open daarna je blogbericht en plaats een blok Aangepaste HTML op de plek waar je de knop wilt tonen:
<div google-add-preferred-source-btn></div>
Wil je de knop onder ieder artikel? Plaats dit blok dan in je blogtemplate.
De standaardknop neemt automatisch de taal van de bezoeker over. Voor een donkere uitvoering gebruik je:
<div
google-add-preferred-source-btn
data-theme="dark">
</div>
Je kunt deze nog verder stylen zoals wij hebben gedaan uiteraard.
Kun je de tekst en kleuren zelf aanpassen?
Bij de standaardknop kun je de taal en het lichte of donkere thema kiezen. Voor een eigen tekst, zoals Maak WebBuddies je Google-favoriet, en eigen kleuren gebruik je Googles aangepaste JavaScript-installatie.
Daarbij maak je zelf de knop en koppel je de klik aan Googles functie. Ook een logo voeg je dan zelf toe. Bekijk de uitleg voor een eigen knop.
Controleer ook of de knop werkt
Open na het opslaan een blogpagina en klik op de knop. Controleer of je jouw website als voorkeursbron kunt selecteren.
Een knop die er goed uitziet, is nog geen bewijs dat de koppeling werkt. Verwijdert WordPress het script uit je HTML-blok? Plaats het dan via de functie voor aangepaste code van je website.

Kom je er niet uit?
Kom je er niet uit? Wil je de knop automatisch onder al je blogs laten terugkomen zoals bij ons? Of wil je deze laten aansluiten op de uitstraling van je website? We helpen je graag met de plaatsing en vormgeving. Dan kun jij verder met je klanten.