Geplaatst op

Afbeeldingen voor je website gebruiken

Pexels, de locatie voor gratis stockphotos

In deze blog gaan we het hebben over de afbeeldingen die je voor je website kunt gaan gebruiken. Ook bespreken we een aantal fotobewerkings- programma’s. Wist je bijvoorbeeld dat het niet altijd is toegestaan om zomaar elke willekeurige foto op je website te plaatsen? Wil je weten hoe dit precies zit? Lees dan gauw deze blog!

Welke afbeeldingen ga je gebruiken voor je website?

Let goed op bij het uitzoeken van de afbeeldingen die je voor je website wilt gaan gebruiken. Veel afbeeldingen zijn auteursrechtelijk beschermd. Dit wil zeggen dat je dit soort afbeeldingen niet mag plaatsen op je website zonder toestemming van de auteur. Doe je dit toch dan kan het gebeuren dat je een dagvaarding zal ontvangen van de rechtbank. De boetes kunnen hoog oplopen. Er bestaan goede foto websites waar je gratis afbeeldingen kunt downloaden. Hieronder vind je de websites:

Duidelijke afbeeldingen, maar niet te groot van formaat

Zorg er altijd voor dat je afbeeldingen niet te groot van formaat zijn! Duidelijke afbeeldingen zijn uiteraard een must, maar dit mag niet ten nadele gaan van de laadtijd van je website. De laadtijd van je website kan aanzienlijk vertragen door het gebruik van afbeeldingen met een hoge resolutie. Houd voor een banner foto altijd een maximum van 1920 pixels bij 1080 pixels, echter kan dit er nog wel voorzorgen dat de afbeelding meer dan 3 MB bedraagt. Zorg er dan ook altijd voor dat de afbeelding nooit meer dan 1 MB bedraagt. Gebruik je WordPress? Dan kun je ook gebruik maken van de plugin Smush van WPMU DEV. Met deze plugin kun je vrij eenvoudig de huidige afbeeldingen resizen en optimaliseren. Bovendien kan er gebruik worden gemaakt van de Lazy loading functie.

Wat is lazy loading precies?

Komen er veel afbeeldingen voor op je webpages? Dan kan het lonen om gebruik te maken van de lazy loading functie. Wat lazy loading precies inhoudt is in principe vrij simpel. Bij normale websites zonder een lazy loading functie, worden alle afbeeldingen tegelijkertijd ingeladen. Dit kan er voor zorgen dat het openen van zo’n webpage waar veel afbeeldingen opstaan, erg lang kan duren. Met de functie lazy loading worden enkel de afbeeldingen geladen die er op dat moment zich in het beeld bevinden. De afbeeldingen die verderop de pagina staan, zijn nog niet geladen omdat deze ook nog niet zichtbaar zijn.

Het gebruiken van de alt-tekst

Een alt-tekst is ook wel een alternatieve tekst voor een afbeelding. Een alt-tekst is bedoeld voor op het moment dat een afbeelding niet geladen kan worden. Ook wordt de alt-tekst gebruikt door zoekmachines om je afbeelding te kunnen uitlezen. Een zoekmachine bot kan zelf geen afbeeldingen bekijken, wel lezen. Tot slot word de alt-tekst ook gebruikt door blinden of slechtzienden die aan de hand van bepaalde software de alt-teksten kan laten voorlezen. Het wordt aangeraden in de alt-tekst een zo duidelijk mogelijke omschrijving te geven van waar de afbeelding over gaat. De alt-tekst kun je instellen bij het uploaden van een afbeelding in WordPress. Ook kun je de alt-tag toevoegen via html.

Het bewerken van je foto’s

Vaak is het handig om de afbeeldingen die je wil gebruiken voor je website te bewerken. Dit kun je doen met verschillende fotobewerking programma’s. Er zijn zowel betaalde als gratis bewerkingsprogramma’s te vinden. Het meest gebruikte programma om foto’s mee te bewerken is Adobe Photoshop. Aan het gebruik van Adobe Photoshop zitten helaas wel hoge kosten aan verbonden. Om toch gratis je foto’s te kunnen bewerken kun je gebruik maken van het programma GIMP. GIMP is een zogenaamde open source software.

Geplaatst op

Google stopt met aanbieden verouderde gratis G suite-software

Google Workspace, verouderde Gsuite

Vanaf 1 juli 2022 stopt ook de versie van de verouderde gratis zakelijke G suite-software. Klanten die toch gebruik willen blijven maken van hun diensten, dienen hun contract om te zetten naar een betaalde Google Workspace account. Het verouderde G suite pakket was al sinds 2012 niet meer beschikbaar voor nieuwe klanten. Klanten die nog zo’n verouderd pakket afnemen zijn inmiddels al op de hoogte gebracht.

Wat is Google G suite?

In Google G suite, nu Google Workspace worden zakelijke apps zoals Gmail, Google Agenda, Meets, Chat en nog meer apps gebundeld. Hierdoor is het bijvoorbeeld te e-mailen met je eigen domeinnaam via de servers van Google. Ook zit er bij een Google account een cloudopslag varierent per licentie van 30GB, 2TB, 5TB tot onbeperkt. De opslag capaciteit bij een gratis G suite account was 15GB.

Wanneer moet ik mijn account omzetten?

Heb je nog een verouderd G suite pakket? Dan kun je deze nog omzetten tot 1 mei 2022. Het nieuwe pakket zal dan gelijk op 1 juli 2022 actief zijn. Heb je na 1 mei 2022 nog steeds geen actie ondernomen? Dan zal Google het pakket automatisch voor je omzetten. Hierbij wordt gekeken welk pakket het best bij je onderneming past. Denk hierbij aan verbruikte resources. Google blijft wel hun gratis Workspace pakketten aan onderwijsinstellingen en stichtingen. Deze Workspace pakketten zijn wel beperkter dan de betaalde versies. Bekijk hier alle tarieven van de nieuwe Google Workspace pakketten.

Let op! Als klanten voor 1 juli geen betaalmethode hebben geselecteerd zal Google het account voor 60 dagen schorsen.

Hulp nodig bij het instellen van Google Workspace?

Wij kunnen je helpen bij het instellen van Google Workspace voor jouw bedrijf! Heb je al een e-mailadres bij een andere provider lopen? En wil je deze overzetten naar Google Workspace, dan kunnen wij je hierbij helpen!

Geplaatst op 1 reactie

Wat is een domeinnaam of URL?

domeinregistratie

Misschien vraag je je wel af, wat is een domeinnaam of URL? En wat kun je ermee? In deze korte blog proberen we je een handje op weg te helpen bij het kiezen van de juiste domeinnaam. Ook zullen we dieper ingaan op wat er precies allemaal mogelijk is met een eigen domeinnaam.

Een domeinnaam, wat is het precies?

Een domeinnaam kun je het beste zien als een telefoonnummer. Om bijvoorbeeld iemand op te kunnen bellen, heb je het telefoonnummer nodig om verbinding met iemand te kunnen leggen. Ditzelfde principe geldt ook voor een website. Om een website te kunnen bezoeken moeten we het IP-adres weten om de website te bezoeken. Aangezien het onmogelijk is voor iedere website het IP-adres te onthouden is er de domeinnaam in het leven geroepen. Een domeinnaam is niets meer dan een webadres of URL, zeg maar een naam dat zodra je het invoert in de adresbalk, dat daarna omgezet wordt in een IP-adres. Een voorbeeld van een domeinnaam of URL is bijvoorbeeld google.com of dewebdeveloper.nl.

Wat is een domeinextensie?

Een URL bestaat uit drie onderdelen. Als eerste heb je het subdomein, denk bijvoorbeeld aan www. Daarna krijg je de domeinnaam zelf, dus enkel de naam, neem als voorbeeld Google, dewebdeveloper. Tot slot krijg je de domeinextensie. Dan hoor ik je al zeggen, wat is een domeinextensie? Een domeinextensie refereert vaak na het land van afkomst-bedrijvigheid. Zo kennen we extensies als .nl, .be, .de etc. Deze extensies worden vaak gebruikt voor binnenlandse activiteiten. Zo kun je zien dat .nl een domeinextensie van Nederlandse komaf is. Ook bestaan er tig van andere extensies die vaak branche gerelateerd zijn. Zo heb je de extensies .hotel, .sport, .dev.

Welke domeinextensie moet ik kiezen?

Misschien vraag jij je wel af welke domeinextensie er gekozen moet worden. Enigszins is dit niet heel erg spannend. Vrijwel alle extensies kunnen gekozen worden. En met de nadruk op vrijwel alle, aangezien er voor elke domeinextensie weer andere voorwaarden kunnen gelden. Zo kan het zijn dat je in bepaalde landen moet kunnen bewijzen dat jouw bedrijf gevestigd is in het desbetreffende land. Dit is bijvoorbeeld bij de domeinextensie .us het geval (Amerikaanse domeinextensie).

Tip! Heb jij een bedrijf dat in Nederland gevestigd is, maar wel Europees gezien actief bent, dan zou je naast een .com domeinextensie (.com is een internationale domeinextensie wereldwijd) ook kunnen kiezen voor een .eu domeinextensie.

Domein extensie per land

Beheer jij een meertalige website, en heb je meerdere domein extensies per land? Dan zou je deze domein extensies kunnen koppelen aan de verschillende vertalingen van je website. Zo kun je de .nl naar de Nederlandstalige versie van je website verwijzen en de .es naar bijvoorbeeld de Spaanstalige versie. Gebruik je WordPress? Dan zou je dit kunnen regelen met een vertaal-plugin.

Wat kost een domeinnaam?

De prijzen verschillen vaak per extensie en per provider. Zo kan een .NL-extensie variëren tussen de 0,49 cent en 25.- wat uiteraard een enorm verschil is. Bovendien heb je vaak bij de meeste hostingproviders, waar je een domeinnaam kan registreren de eerste jaar een korting, waarna de domeinnaam vaak bij de verlening dubbel zoveel kost. Erg bijzonder om te melden is dat de domeinextensie .HOTELES 74.900,- kost bij de registratie, en dan hebben we het enkel nog over het eerste jaar!

Zijn er ook gratis domeinnamen te registreren?

Ja zeker, maar aan te raden is het zeker niet! Met een gratis domeinnaam wek je nou niet bepaald vertrouwen. Vaak zie je bij gratis domeinnamen en hosting dat er als voorwaarde reclame wordt geplaatst. Ook hebben gratis domeinnamen vaak last van imagoschade. Dit komt omdat gratis domeinnamen & hosting erg interessant kan zijn voor spammers en phishing-attacks. Een erg bekende gratis domeinextensie is de DOT.TK-extensie. TK staat voor Tokelau. Tokelau is een overzees gebiedsdeel van Nieuw-Zeeland.

Premium domeinnaam

Een premium domeinnaam heeft een speciale meerwaarde. Een premium domeinnaam is vaak kort in karakters, generiek en eenvoudig te onthouden. Denk bijvoorbeeld aan voetbal.com. Het beoordelen van de domeinnamen wordt gedaan door de registry van de desbetreffende domein extensies.

Wil jij ook een eigen domeinnaam?

Controleer goed bij het registreren van jouw domeinnaam op spelfouten. Als een domeinnaam eenmaal geregistreerd is kan dit later niet meer gewijzigd worden. In het geval toch een wijziging aan te brengen, zal de huidige domeinnaam opgezegd moeten worden, en zal er een nieuwe domeinnaam geregistreerd moeten worden. Wij kunnen je helpen bij het adviseren en registreren van je domeinnaam.

Geplaatst op

Kwetsbaarheden gevonden Log4j Apache

Apache log4j

Op 13 december heeft het Duitse ministerie van Binnenlandse Zaken code rood afgekondigd in verband met een lek in Log4j van Apache. Door deze kwetsbaarheid is er op eenvoudige wijze in te breken op netwerken en een ransomware-aanvallen uit te voeren. Er is inmiddels wel een beveiligings- patch beschikbaar. Op zondag 12 december kwam het Nationaal Cyber Security Centrum (NCSC) al met een lijst van kwetsbaarheden die betrekking hebben op apps en andere systemen die kwetsbaar zijn door een groot lek in de Apache Log4j-tool. Bekijk hier de lijst op GitHUb.

Waar wordt de Log4j-tool voor gebruikt?

De tool Log4j wordt gebruikt om de logboeken van onder andere applicaties bij te houden. Deze logboeken kunnen bijvoorbeeld uitgelezen worden om te zien welke errors zich voordoen in computerprogramma’s of webapplicaties. Log4j wordt bijvoorbeeld veel gebruikt door Netflix, McAfee en Minecraft.

Moet ik mij zorgen maken als klant van De Web Developer?

Nee, je hoeft je hierover geen zorgen te maken. Na het uitkomen van dit nieuwsbericht hebben we gelijk actie ondernomen. Zo hebben we gekeken of Log4j van invloed is op onze servers. Dit lijkt niet het geval te zijn. We houden verder de situatie nauwlettend in de gaten. Mochten er ontwikkelingen zijn, dan zullen wij hiervan een update geven in dit nieuwsbericht.

Geplaatst op

Welke Content Management Systems zijn er

computer schrift

Ben je benieuwd naar welke content management systems er zijn? We leggen het je graag even uit. Voordat we gaan uitleggen welke content management systems er momenteel gebruikt worden, is het handig om eerst even uit te leggen wat precies een content management system is. Een content management system wordt ook wel afgekort als CMS en is niets meer dan een website dat bestaat uit een front en back-end. De front-end is de voorkant van de website, zeg maar waar de bezoekers van jouw website zich op bevinden. De back-end is de achterkant waar je op inlogt. In de back-end kun je op een eenvoudige manier de content van jouw website aanpassen, hiervoor heb je geen programmeerkennis nodig. Een van de bekendste CMS systeem is WordPress.

Verschillende types CMS systemen

Het aanbod vandaag de dag is erg groot. Er bestaan verschillende types CMS systemen. Zo heb je opensource en closedsource CMS systemen. WordPress behoort bijvoorbeeld tot een opensource CMS systeem. Opensource CMS systemen zijn altijd gratis te downloaden en te gebruiken. Daarnaast is de broncode ook altijd inzichtelijk om aanpassingen door te voeren, te verbeteren en dit vervolgens weer te delen. Een closedsource CMS is altijd betaald en hiervan is de broncode niet inzichtelijk, hierbij kan alleen de software uitgever de broncode wijzigen. Een voorbeeld van een bekend closedsource CMS systeem is Wix.

Wat is een headless CMS

Naast het feit dat je open en closedsource CMS systemen hebt, is er ook nog een verschil tussen een regulier CMS en een headless CMS. In een normaal CMS systeem zoals WordPress zijn de front en back-end gezamenlijk in één systeem. Doordat de front en back-end gezamenlijk één systeem vormen zit je hier als ontwikkelaar vast aan de vaste structuur dat het desbetreffende CMS te bieden heeft, dit kan erg onhandig zijn. Omdat bij een headless CMS systeem het design en de content gescheiden zijn, kan de content ook worden doorgevoerd op andere applicaties, denk hierbij aan mobiele apps voor op de smartphone. Het headless CMS kan gekoppeld worden aan de desbetreffende front-end middels een API koppeling. Het opzetten van een headless CMS systeem is voor beginners niet weggelegd.

Top 10 populairste CMS systemen

Zoals eerder gezegd is, is WordPress op dit moment het meest gebruikte CMS systeem ter wereld. Omdat WordPress zo populair is, is de community achter dit CMS ook enorm. Dit wil zeggen dat mocht je ergens tegenaan lopen, dat er altijd wel een antwoord op internet te vinden is, en anders altijd support kunt vragen op één van de vele WordPress forums/kanalen. Hieronder tref je de populairste CMS systemen van dit moment aan.

Content Management System

Aantal pagina’s

   

1. WordPress

ca. 18 miljoen

2. Adobe Dreamweaver

ca. 2.7 miljoen

3. Joomla!

ca. 2.5 miljoen

4. Blogger

ca. 830 000

5. Drupal

ca. 772 000

6. TYPO3

ca. 425 000

7. Shopify

ca. 282 000

8. Magento

ca. 272 000

9. PrestaShop

ca. 263 000

10. Brix

ca. 151 000

1. WordPress

WordPress bestaat sinds 2003. Echter was WordPress voorheen meer bedoeld om als blog te functioneren. Het CMS was daarom ook niet echt gebruiksvriendelijk te noemen. Dat is hedendaags wel anders. Zelf omschrijven we WordPress als één van de gebruiksvriendelijke type CMS. Voor WordPress zijn er extreem veel plugins te downloaden, zowel gratis als betaald. WordPress wordt aangeboden in twee vormen. Zo kun je er voor kiezen om WordPress op jouw eigen server te hosten. Dit noemen we dan self-hosted. Self-hosted geeft je veel meer vrijheid om te doen met je website wat je maar wilt. Ook kun je er voor kiezen om WordPress door WordPress.com te laten hosten. Het (gratis) laten hosten van jouw WordPress website kan enige beperkingen met zich meebrengen.

Welke grote bedrijven hebben een WordPress website?

Altijd al nieuwsgierig geweest welke bedrijven een WordPress website hebben? We hebben een lijstje samengesteld met populaire bedrijven die gebruik maken van WordPress. Je kunt de website bekijken door even op de link te klikken.

  1. Koffietijd
  2. D66
  3. Auto Totaal Glas
  4. HP / De tijd
  5. Diergaarde Blijdorp

2. Adobe Dreamweaver

Dreamweaver is ontwikkeld door het bedrijf Macromedia. Het is een wysiwyg editor waarin websites als HTML en andere programmeertalen als CSS, XML, JavaScript, PHP gemaakt kunnen worden. De software wordt veelal gebruikt door webontwikkelaars. In Dreamweaver is het bijvoorbeeld mogelijk om met een split-screen te werken. Dit houdt in dat je zowel de broncode als de visuele elementen kunt zien. Dreamweaver werkt niet zoals je van de meeste CMS systemen gewend bent door erop in te loggen. Nee, Dreamweaver is echt een fysiek programma dat op de computer geïnstalleerd dient te worden.

3. Joomla!

Joomla! voorheen een razend populair open source content management systeem, maar wordt vandaag de dag steeds minder gebruikt. Joomla! Is ontstaan in augustus 2005 en is voortgekomen uit het inmiddels uitgefaseerde Mambo CMS. Ook is het in Joomla! mogelijk om net als in WordPress, plugins te installeren, alleen dan noemen we plugins in Joomla! extensions.

Wat is het verschil tussen Joomla! en WordPress?

Het grote verschil tussen deze twee bekende content management systems is dat Joomla! veel uitgebreider is dan WordPress. Dat maakt Joomla! In dat opzicht ook weer lastiger om te ontwikkelen en te beheren. Uiteraard is het wel mogelijk om ontbrekende functionaliteiten in WordPress toe te voegen middels plugins of custom scripts hiervoor te schrijven.

Webshop maken in Joomla!

Net als in WordPress is het met een Joomla! website ook mogelijk deze uit te breiden met een webshop extensie. Voor Joomla! zijn er verschillende soorten webshop extensies beschikbaar. De meest bekende zijn Virtuemart en HikaShop. Ook is het mogelijk om bij deze twee extensies iDEAL te integreren.

Welke grote bedrijven hebben een Joomla! website?

Altijd al nieuwsgierig geweest welke bedrijven een Joomla! website hebben? We hebben een lijstje samengesteld met populaire bedrijven die gebruik maken van Joomla! website. Je kunt de website bekijken door even op de link te klikken.

  1. IKEA
  2. Peugot
  3. Velux
  4. Pickwick Ice Tea
  5. Nintentdo Denemarken

4. Blogger.com

Blogger.com is een blogplatform dat bij te houden is door in te te loggen op de achterkant van je blog. Het blogplatform is opgericht in 1999 door Pyra Labs. In 2003 is het toenmalige Pyra Labs opgekocht door Google. Het blogplatform bevind zich in de cloud en is daarom ook niet te downloaden en te installeren op een eigen server zoals dit wel bij WordPress en Joomla! website mogelijk is.

Gebruik maken van een domeinnaam

Bij het aanmaken van een nieuwe blog binnen Blogger.com krijg je automatisch een subdomein toegewezen. Zo’n subdomein ziet er bijvoorbeeld als volgt uit: dewebdeveloper.blogspot.com. Sinds 2012 zijn ook de overige landextensies erbij gekomen zoals .nl, .be etc. Tot slot is het ook mogelijk om Blogger.com aan een eigen domeinnaam te koppelen.

Advertenties

Ook biedt Blogger.com de mogelijkheid tot advertenties te tonen op jouw blog. Hiermee kun je op maat gevoerde advertenties toestaan via Google AdSense om zo een enige vorm van inkomen te creëren met jouw eigen geschreven blogs.

5. Drupal

Een ander populair content management system is Drupal. Ook Drupal is een opensource content management system, dit is niet altijd zo geweest. Drupal is ontwikkeld door Dries Buytaert in eerste instantie als een bulletin board system. In 2001 werd dit een opensourceproject. Met Drupal is bijvoorbeeld weer meer mogelijk dan als met WordPress of Joomla!. Echter stijgt de complexibiliteit ook naar mate het content management systeem uitgebreider is.

Welke grote bedrijven hebben een Drupal website?

Altijd al nieuwsgierig geweest welke bedrijven een Drupal website hebben? We hebben een lijstje samengesteld met populaire bedrijven die gebruik maken van Drupal. Je kunt de website bekijken door even op de link te klikken.

  1. RTL Nieuws
  2. De Tweede Kamer
  3. Telegraaf
  4. Pfizer
  5. Van Dale

Advies nodig over content management systemen?

We adviseren je graag over de verschillende content management systemen. Elk CMS systeem heeft zijn voordelen en zijn nadelen.

Beoordeel deze pagina post
Geplaatst op

Starten met Google Search Console

Starten met Google Search Console

Vraag je je soms ook wel eens af waarom jouw website niet gevonden kan worden in zoekmachines als Google en Bing? Dit kan te maken hebben met het feit dat jouw website nog niet aangemeld is in diverse zoekmachines. We helpen je graag op weg om te kunnen starten met Google Search Console. Ook zullen we in deze blog andere zoekmachine tools bespreken voor het aanmelden in bijvoorbeeld Bing. Heb je hulp nodig bij het aanmelden van jouw website? Dan helpen we je hier graag verder bij. Vergeet straks niet om dit artikel te beoordelen!

Wat is Google Search Console?

Google Search Console is een developer tool dat jou analytische inzichten verstrekt over jouw website. Voorheen ‘Google Webmaster Tools’ of ‘Webmaster hulpprogramma’s’. Met deze tool krijg je inzicht in je website positie, trefwoorden waar jouw website op gevonden wordt, hyperlinks en backlinks en pagina fouten. Het gebruik van Google Search Console is volledig gratis. Google Search Console wordt nog vaak verward met een ander analytische tool genaamd Google Analytics. Het verschil tussen Google Search Console en Google Analytics is dat Google Analytics meer gericht is op het verbeteren van de user experience en het gedrag te monitoren van je website bezoekers.

Jouw website aanmelden in Google Search Console

Nu we weten wat Google Search Console is, kunnen we onze website aanmelden in Google Search Console. Om gebruik te kunnen maken van Google Search Console hebben we allereerst een Google account nodig. Dit kan bijvoorbeeld een Gmail adres zijn die je hiervoor wilt gebruiken. Het is ook mogelijk om meerdere domeinnamen te beheren op hetzelfde Google account. Als je al een Google account hebt, kun je onderstaande stappen volgen:

  1. Login op jouw Google account
  2. Ga naar Google Search Console
  3. Vul jouw domeinnaam in bij ‘Domein’ en klik op ‘Doorgaan’
  4. Er wordt nu gevraagd om een verificatiecode toe te voegen in het DNS van jouw domeinnaam
  5. Nadat je het verificatie record hebt toegevoegd in het DNS van jouw domeinnaam bij jouw hostingprovider kun je klikken op ‘Verifiëren’ Het kan tot 24 uur duren voordat het ingevoerde record ook daadwerkelijk zichtbaar is, en herkend wordt
  6. Als de domeinnaam geverifieerd is, kunnen we starten met het beheren in Google Search Console

Helaas verschilt het per hostingprovider hoe het DNS aangepast kan worden. Mocht je hier niet uitkomen, dan kun je huidige hostingprovider hierin ondersteunen.

Starten met het beheren in Google Search Console

Nu de domeinnaam op juiste wijze geverifieerd is, kunnen we beginnen met het beheren van de website in Google Search Console. Om tot de gegevens van jouw website te komen klikken we linksboven op ‘Property doorzoeken’ en selecteren we de domeinnaam die we zojuist hebben toegevoegd. Zodra we hier op geklikt hebben komen we op de pagina ‘Overzicht’ uit. Hier vinden we een beknopte weergave van de categorieën prestaties, dekking, functionaliteit & optimalisaties. Deze opties vinden we ook in het menu in de linker zijbalk.

Wat vinden we op het tabblad Prestaties?

Op deze pagina kunnen we de zoekprestaties van jouw website aantreffen. Zo kun je de volgende prestaties tonen totaal aantal klikken, totaal aantal vertoningen, gemiddelde CTR en de gemiddelde positie. Verder zien we een grafiek dat berekend wordt door middel van een tijdsvlak dat we kunnen instellen. De grafiek kan uitgebreid worden door bepaalde prestaties aan te vinken. Ook kun je het tijdsbestek wijzigen door op ‘Datum: Afgelopen 3 maanden’ te klikken. Verder is het ook mogelijk om prestaties te vergelijken, door bijvoorbeeld de mobiele en desktop average position naast elkaar te houden. Dit soort filter kun je instellen door op de knop ‘+ NIEUW’ te klikken. Stel vervolgens de filters in naar eigen wens.

Totaal aantal klikken (blauw)

Hiermee worden het aantal klikken weergegeven die een bezoeker heeft uitgevoerd om via de zoekresultaten naar jouw website te komen. Hoe dit precies wordt geteld is afhankelijk van het type zoekresultaat.

Totaal aantal vertoningen (paars)

Hiermee worden het aantal vertoningen naar jouw website in de zoekresultaten weergegeven. Dit wordt op verschillende manieren berekend voor afbeeldingen en andere typen zoekresultaten, afhankelijk van of het resultaat in beeld is gescrold.

Gemiddelde CTR (groen)

Het gemiddelde CTR, ook wel bekend als Click-through rate, is het percentage vertoningen dat heeft geleid tot een klik. Dit zegt helaas verder niet over de website inhoudelijk, aangezien men de website nog niet heeft gezien.

Gemiddelde positie (oranje)

Dit is de gemiddelde positie voor je site in zoekresultaten, waarbij de hoogste positie voor je site wordt gebruikt wanneer deze is weergegeven in zoekresultaten. De positie van afzonderlijke pagina's is beschikbaar in de tabel onder het diagram. Het bepalen van de positie kan worden bemoeilijkt door functies zoals carrousels of Kennisvensters.

Prestaties specificeren

Onder het grafiek vinden we in de navigatiebalk de volgende items: zoekopdrachten, pagina’s, landen, apparaten, zoekopmaak en datums. Met deze tools kunnen we specifiek bepaalde data analyseren. Het eerste onderdeel is ‘Zoekopdrachten’, hiermee kun je achterhalen op welk zoekwoord je website gevonden wordt. Dit kun je bovendien weer filteren op totaal aantal klikken, vertoningen, CTR en algemene positie. Deze tool kan erg handig zijn om er achter te komen op welke zoekwoorden jouw website goed scoort. Ook kun je dit per pagina bekijken door op het navigatie item ‘Pagina’s’ te klikken. Het navigatie item ‘Landen’ geeft een inzicht over de zoekopdrachten verdeeld over verschillende landen.

Wat is URL-inspectie?

Met de optie URL-inspectie kun je de URL'S van je website controleren. Hiermee kun je zien of de desbetreffende URL al opgenomen is in Google. Als dit het geval is zul je linksbovenaan een groen vinkje moeten zien. Als dit niet het geval is kun je de indexering aanvragen door op ‘Indexering aanvragen’ te klikken. Na het aanvragen kan het enkele dagen tot enkele weken duren voordat de URL ook daadwerkelijk in Google te vinden. Ook is het mogelijk om alvorens indexering aan te vragen, een URL live test uit te voeren. Hiermee wordt inzichtelijk of de desbetreffende pagina ook geïndexeerd kan worden. Tot slot vind je de dekking van de pagina, of deze ook opgenomen is in de sitemap, en optimalisaties. Tussen ‘Optimalisaties’ kun je terugvinden welke features er worden weergegeven zoals een kruimelpad en reviewfragmenten.

Wat vinden we op het tabblad Dekking?

Op deze pagina kunnen we onder andere zien of er fouten zitten in de door Google bekende URL'S van jouw website. Het is van vitaal belang om eventuele fouten zo spoedig mogelijk op te lossen, aangezien dit veel bezoekers kan kosten omdat deze pagina’s uitgesloten zijn en niet worden weergegeven in Google.

Fout (rood)

Dit zijn pagina’s die om de een of andere reden niet kunnen worden geïndexeerd. Deze pagina’s worden niet in de zoekresultaten van Google weergegeven, wat weer kan leiden tot verlies van verkeer naar jouw website.

Geldig met waarschuwing (geel)

Dit zijn pagina’s die zijn geïndexeerd. Er zijn echter bepaalde problemen en Google weet niet zeker of deze opzettelijk door jou zijn aangebracht. Deze pagina’s worden wel op Google weergegeven, maar het kan zijn dat dit niet de bedoeling is. Je zou kunnen controleren of dit inderdaad het geval is.

Geldig (groen)

Dit zijn de geïndexeerde pagina’s. Hier hoef je verder geen actie op te ondernemen.

Uitgesloten (grijs)

Dit zijn pagina’s die met opzet niet zijn geïndexeerd. Deze pagina’s worden dus niet weergegeven op Google, en dit is naar alle waarschijnlijkheid met opzet gebeurt. Dit kunnen bijvoorbeeld betreffen een bedank pagina van een contactformulier bijvoorbeeld.

Wat vinden we op het tabblad Sitemaps?

Op de pagina sitemaps kunnen we een sitemap aan Google toevoegen. Een sitemap is een pagina met links op jouw website. Door zo’n lijst aan links kan Google makkelijker jouw website crawlen. Het is daarom handig om een sitemap op te geven. De sitemap is in de meeste gevallen in het formaat .xls wat staat voor extensible markup language. Je kunt bij ‘Geeft de sitemap-URL op’ de URL invoeren die leidt naar jouw sitemap. Gebruik je WordPress, en wil je een sitemap aanmaken? Lees dan ook eens dit artikel.

Wat vinden we op het tabblad Verwijderingen?

Merk je bijvoorbeeld op in Google dat er bepaalde pagina’s zijn opgenomen die eigenlijks helemaal niet opgenomen hadden moeten worden? Dan kun je deze hier verwijderen door een verzoek in te dienen. Verwijderd hier de URL'S die je niet wilt laten weergeven in Google. Echter zul je ook de desbetreffende pagina moeten uitsluiten zodat deze na het verwijderen niet weer opnieuw zichtbaar wordt in de zoekresultaten.

De tabbladen paginafunctionaliteit, site-vitaliteit en gebruiksgemak op mobiele apparaten

Met de optie paginafunctionaliteit krijg je een inzicht per pagina wat er bijvoorbeeld verbetert kan worden om een betere gebruikerservaring te creëren. Site-vitaliteit geeft aan hoe snel, responsief en stabiel pagina’s worden geladen. Het kan enkele dagen duren voordat deze gegevens worden ingeladen. Tot slot hebben we nog de functie ‘Gebruiksgemak op mobiele apparaten’. Hiermee krijg je een inzicht in het totaal aantal fouten dat betrekking heeft op de website voor mobiele apparaten. Denk hierbij aan niet leesbare objecten op jouw website voor mobiele apparaten. Deze problemen zijn vrij eenvoudig te herstellen.

Wat vinden we op het tabblad Optimalisaties?

Hier treffen we onder anderen aan: Broodkruimels, Reviewfragmenten & Zoekvak voor sitelinks. Afhankelijk van de onderdelen waar je gebruik van maakt, kan deze lijst langer of korter zijn. Hier kun je ook zoeken op eventuele fouten. Herstel waar nodig de fouten.

Wat vinden we op het tabblad Links?

Het laatste interessante tablad wat Google Search Console te bieden heeft. Op deze pagina krijgen we een inzicht van alle hyperlinks van en naar jouw website. Hier kun je in principe ook de backlinks naar jouw website volgen, echter is dit niet erg uitgebreid. Hiervoor raden we aan om bijvoorbeeld gebruik te maken van Ahrefs backlink checker. Deze geeft een veel uitgebreider inzicht. De pagina ‘Links’ wordt opgedeeld in twee vakken, zo heb je externe en interne links.

Meest gelinkte pagina’s

Hier vind je het totale aantal unieke links naar de huidige property dat afkomstig is van buiten de property.

Sites met de meeste links naar jouw site

Hier tref je onder andere alle backlinks aan die naar jouw website leiden. Helaas is het niet met Google Search Console te zien hoeveel waarde een backlink bijvoorbeeld bedraagt. Hiervoor kun je het beste een backlink checker raadplegen van onder andere Ahrefs.

Tekst met de meeste links naar jouw pagina

Hier worden de ankerteksten weergegeven. Een ankertekst of wel anchor text genoemd zijn tekst fragmenten die klikbaar zijn. Een veel voorkomende anchor text is bijvoorbeeld ‘Lees meer’ of ‘Klik hier’.

Pagina’s met de meeste interne links

Deze lijst zal het langst moeten zijn. De links die je op deze pagina aantreft komen van je property en verwijzen naar jouw property. Per pagina kun je kijken welke interne links erop deze pagina’s vermeld staan.

Jouw website aanmelden bij Microsoft Bing

Naast de Google Search Console, om jouw website aan te melden in Google, is het natuurlijk ook handig dat jouw website goed vindbaar wordt in Microsoft Bing. Dan hoor ik je al zeggen, maar ik zoek toch alleen met Google, waarom zou ik hem dan mijn website aan willen melden in Microsoft Bing? Dit omdat je misschien wel in Google zoekt, maar dat hoeft niet te betekenen dat een ander het ook doet. Best veel mensen gebruiken het browser Microsoft Edge. In Microsoft Edge zoek je eigenlijks standaard met Bing, tenzij je dit wijzigt natuurlijk.

Hoe werkt het?

Het principe is eigenlijks hetzelfde als de Google Search Console. Om je website aan te melden bij Microsoft Bing, kun je inloggen met jouw Google account dat je ook al voor jouw Search Console hebt gebruikt. Volg de onderstaande stappen:

  1. Ga naar Bing Webmastertools
  2. Klik op ‘Get started’ en login met bijvoorbeeld Google
  3. Vervolgens krijg je de keuze om te importeren van een bestaande Google Search Console, of om het zelf handmatig door te voeren
  4. Zodra je de keuze hebt gemaakt kun je de vervolgstappen even goed doornemen

Als het goed is, is jouw domein nu goed gekoppeld in de Bing Search Console. Opzich zijn de functies redelijk gelijk als bij de Google Search Console. Wellicht is het handig om hier nog even een beetje doorheen te navigeren om bepaalde functies te ontdekken.

Kunnen we je helpen?

Mocht je na het lezen van dit artikel met bepaalde vragen zitten, en heb je eventueel hulp nodig bij het toepassen van Google Search Console of Bing, dan helpen we je graag verder hierbij. Neem hiervoor contact op via de chat, telefoon of e-mail. Vergeet niet dit artikel de beoordelen!

Geplaatst op

WordPress website beter beveiligen

WordPress beter beveiligen

Wat kun je doen om jouw WordPress website beter te beveiligen? We leggen het je graag in deze blog uit. Zoals al wellicht bekend is, willen we zo min mogelijk gebruik maken van plugins, dit omdat des te meer plugins je gebruikt op je website, des te langzamer je website zal functioneren. We proberen in deze blog zo veel mogelijke handmatige methodes te bespreken voor het veiliger maken van jouw website. Ook besteden we aandacht aan enkele goede beveiligings- plugins die eigenlijks onmisbaar zijn voor betere beveiliging.

Waarom zouden ze mij hacken?

Veel mensen denken vaak onterecht dat enkel grote bekende websites met veel verkeer worden gehackt. Helaas is dit niet waar. Echter is de kans bij een kleine website met weinig verkeer even veel kans om gehackt te worden. Het doel van een hack kan zijn om veel spam te versturen via jouw server. Het nadeel hiervan is dat Google, Bing of andere serviceproviders je op een blacklist kunnen plaatsen. Hierdoor komen jouw e-mails veel sneller in de spamfolder terecht. Om zoiets weer te herstellen, kan een hele lange tijd overheen gaan.

Hoe kunnen ze mij hacken?

We hebben een overzicht gemaakt van de meest voorkomende methodes van verschillende hacks. In WordPress is het als volgt verdeeld:

  • 41% van de hacks heeft iets te maken van de hosting van jouw WordPress website.
  • 29% van de hacks komt voort uit onveilige of verouderde thema’s.
  • 22% van de hacks hebben te maken met onveilige of verouderde plugins.
  • 8% van de hacks zijn te wijten aan het gebruik van onveilige wachtwoorden.

Zorg allereerst voor een veilige omgeving

Voor we überhaupt inloggen op WordPress is het van groot belang dat we dit doen vanuit een veilige omgeving. Zorg allereerst dat de computer waarvan je inlogt virusvrij is. Scan de gehele computer op virussen en mal en spyware. Ook is het af te raden om in te loggen op je WordPress website als je computer verbonden is met een onbeveiligd WiFi netwerk.

Tip! Mocht je wachtwoorden moeten verzenden naar bijvoorbeeld je webbouwer, dan kun je deze het beste verzenden via de ouderwetse SMS. Wachtwoorden verzenden per e-mail wordt afgeraden.

1. Wachtwoorden optimaliseren

Wellicht is de eerste logische stap om je huidige wachtwoorden na te kijken. Zo wordt geadviseerd om jouw wachtwoord minimaal een keer te gebruiken. Want als bijvoorbeeld jouw WordPress wachtwoord achterhaald zou worden, zouden kwaadwillenden ook dit wachtwoord kunnen proberen op andere platformen / websites waar je dit wachtwoord ook gebruikt. Gebruik bij voorkeur een wachtwoord generator. Een wachtwoord generator genereert een uniek en moeilijk te kraken wachtwoord. Check naast je WordPress wachtwoord ook het wachtwoord van je FTP-toegang, en je MySQL database.

WordPress wachtwoord wijzigen via het dashboard

Om je WordPress wachtwoord te wijzigen volg je de onderstaande stappen:

  1. Login op het WordPress dashboard. Dit doe je door je domeinnaam in te vullen gevolgd door /wp-admin.
  2. Klik op de linkerkant op ‘Gebruikers’ en klik onder de gebruiker op ‘Bewerken’.
  3. Onderaan op de pagina, tref je ‘Nieuw wachtwoord instellen’ aan, hier klikken we op.
  4. Er wordt nu als het goed is, automatisch een sterk wachtwoord gegenereerd. Deze kun je behouden of aanpassen.
  5. Na het behouden of invoeren van het nieuwe wachtwoord scrol je helemaal naar onder op de pagina en klik je op ‘Update profiel’.

WordPress wachtwoord wijzigen indien vergeten

Het kan ook voorkomen dat je überhaupt WordPress niet meer in komt. Om toch in te kunnen loggen dienen we eerst het wachtwoord te wijzigen. Dit gaat ook via de inlogpagina. Hoe dit precies werkt leggen we hieronder uit.

  1. Ga naar de inlogpagina van jouw WordPress website. Dit doe je door je domeinnaam in te vullen gevolgd door /wp-admin.
  2. Onder het inlogveld zien we ‘Wachtwoord vergeten?’ staan. Hier klikken we op.
  3. Je kunt nu het administratie e-mailadres of gebruikersnaam invoeren, waarna je per e-mail een wachtwoord reset link toegestuurd krijgt en het wachtwoord kunt aanpassen.

Geen WordPress wachtwoord reset ontvangen per e-mail?

Ook kan het zijn dat je geen automatische e-mail terug hebt gekregen van WordPress bij het aanvragen van een nieuw wachtwoord. In dit geval is er ook nog een mogelijkheid het wachtwoord aan te passen via de database. Echter is dit wel een stuk lastiger. Mocht je hier hulp bij willen ontvangen, dan staan we altijd voor je klaar hierbij te helpen. Om het WordPress wachtwoord te resetten via de database volg je de onderstaande stappen.

  1. Allereerst moeten we inloggen op de database. Dit gaat bij vele hostingproviders via het control panel zoals Plesk, cPanel of DirectAdmin.
  2. Eenmaal ingelogd op de database klikken we links in het menu op de database naam (de link boven of onder ‘information_schema’).
  3. Vervolgens klikken we links in het net uitgeklapte menu op de tabel ‘wp_users’.
  4. Aan de rechterkant zien we nu alle gebruikers staan. Hier klikken we bij de desbetreffende gebruiker op ‘Edit’.
  5. Bij ‘user_pass’ in het veld rechts, kunnen we nu het wachtwoord invoeren.
  6. Selecteer in het dropdown menu achter ‘varchar (255)’ nu ‘MD5’.
  7. Om het nieuwe wachtwoord door te voeren, klikken we op ‘Go’ helemaal onderaan de pagina.

Database wachtwoord wijzigen via het control panel (Stap 1)

Eerder gaven we ook al aan om ook het WordPress database te wijzigen. Dit wachtwoord kun je zo uitgebreid mogelijk maken, aangezien we dit wachtwoord nooit ergens hoeven in te voeren. Het wijzigen van het WordPress database wachtwoord bestaat uit twee stappen. Zo dient het database wachtwoord aangepast te worden in bijvoorbeeld het control panel, maar ook dient deze aangepast te worden in het wp-config.php bestand. Als we dit wachtwoord enkel wijzigen in het control panel en niet goed doorvoeren dan zal jouw WordPress website de volgende melding geven ‘Error establishing a database connection’. Door de onderstaande stappen te volgen wijzigen we eerst het database wachtwoord via het control panel.

Klik hier om te zien hoe je het database wachtwoord wijzigt in Plesk

Klik hier om te zien hoe je het database wachtwoord wijzigt in cPanel

Klik hier om te zien hoe je het database wachtwoord wijzigt in DirectAdmin

Dit zijn de meest bekende control panels die bekend zijn. Het kan echter ook voorkomen dat jouw hostingprovider een eigen control panel aanbied. Hiervoor zou je op de website van de desbetreffende hosting provider kunnen kijken voor verdere instructies. Teven is het ook mogelijk het database wachtwoord te wijzigen via phpMyAdmin.

Database wachtwoord doorvoeren in het wp-config.php bestand (Stap 2)

Nadat we het wachtwoord aangepast hebben via het controlpanel of phpMyAdmin, dienen we dit wachtwoord nog door te voeren in het wp-config.php bestand. Dit bestand zorgt ervoor dat jouw WordPress website verbonden kan worden met de desbetreffende database. We vervangen in dit bestand het oude wachtwoord met het net aangemaakte wachtwoord (stap 1). Het wijzigen van dit bestand gaat als volgt:

  1. Log via de filemanager of via FTP in op jouw webserver en ga naar de rootfolder van jouw WordPress installatie.
  2. In de rootfolder tref je het wp-config.php bestand aan. Open dit bestand met een daarvoor bestemde editor als bijvoorbeeld Notepad++ of het standaard kladblok dat je kan vinden in Windows. (Gebruik hiervoor geen Wordpad, of Word bijvoorbeeld).
  3. Ga hier op zoek naar de volgende regel: /** MySQL database password */, op de regel hieronder kun je dan het nieuwe wachtwoord opgeven. Tussen de aanhalingstekens na: define( ‘DB_PASSWORD’ , ‘Hier kun je het nieuwe wachtwoord plaatsen’ );.
  4. Sla vervolgens het bestand op en test of de wijziging goed is doorgevoerd.

Als het goed is dan moet de verbinding tussen de database en je WordPress website hersteld zijn. Door het wachtwoord gewijzigd te hebben in een sterk wachtwoord, maken we het eventueel kwaadwillenden ook een stuk lastiger om bijvoorbeeld in te breken op de database.

Wachtwoord van de FTP-omgeving wijzigen

Ook hebben we eerder besproken dat het ook aan te raden is het wachtwoord van je FTP-omgeving te wijzigen. Als men toegang heeft tot jouw FTP-omgeving, kan men ook kwaadaardige randsomeware plaatsen op jouw website of webserver. Bovendien kan men ook via FTP het wachtwoord opvragen van de database en tot slot ook de domeinnaam doorsturen naar bijvoorbeeld een malafide website. Dit willen we uiteraard voorkomen. Ook voor het FTP-wachtwoord geldt natuurlijk dat we een zo sterk mogelijk wachtwoord genereren. Het wachtwoord wijzigen van jou FTP-gegevens gaat als volgt:

Klik hier voor de instructies met betrekking tot het wijzigen van het FTP-wachtwoord in Plesk

Klik hier voor de instructies met betrekking tot het wijzigen van het FTP-wachtwoord in cPanel

Klik hier voor de instructies met betrekking tot het wijzigen van het FTP-wachtwoord in DirectAdmin.

2. Het wp-config.php bestand beveiligen en encrypten

Het wp-config.php bestand is het bestand dat zorgt voor de koppeling tussen jouw WordPress website en de database. In dit bestand staat gevoelige informatie zoals het database wachtwoord. Het is daarom van belang dit bestand goed te beveiligen. Hiervoor kun je de onderstaande stappen uitvoeren.

Het wp-config.php bestand enkel toegankelijk maken vanaf een specifiek IP-adres

Het is aan te raden om enkel via jouw eigen IP-adres toegang te verlenen tot het openen en bewerken van jouw wp-config.php bestand. Hiervoor kun je een speciaal .htaccess bestand aanmaken en hierin enkel jouw huidige uitgaande IP-adres in op te nemen. Zo voorkom je dat buitenstaander het bestand kunnen openen of bewerken. Tevens geef je het wp-config.php bestand de bestandsrechten 600 mee. Dit wordt ook vanuit WordPress geadviseerd. Allereerst zullen we het .htaccess bestand moeten beveiligen. Dit doe je door in je huidige .htaccess de volgende code te zetten:

<Files .htaccess>
order allow,deny
deny from all
</Files>

Nu het .htaccess bestand beveiligd is, kunnen we het wp-config.php bestand beveiligen. Dit doe je door een nieuw .htaccess bestand aan te maken in de map ‘/wp-admin’ . In dit .htaccess bestand zet je de onderstaande code. Vervang uiteraard het IP-adres met jouw eigen IP-adres. Jouw IP-adres kun je hier opvragen.

order deny,allow
allow from 123.456.7.8
deny from all

Keys & Salts encryptie verbeteren van het wp-config.php bestand

Tot slot kunnen we in het wp-config.php bestand nog de keys & salts aantreffen. Voor deze key’s kunnen we een uniek code aanmaken om de encryptie te verbeteren. Hieronder zie je de standaard Key’s & Salts weergegeven. Om hiervoor een unieke code voor te maken, kun je de keys & salts generator van WordPress gebruiken.

 
define('AUTH_KEY', 'put your unique phrase here');
define('SECURE_AUTH_KEY', 'put your unique phrase here');
define('LOGGED_IN_KEY', 'put your unique phrase here');
define('NONCE_KEY', 'put your unique phrase here');
define('AUTH_SALT', 'put your unique phrase here');
define('SECURE_AUTH_SALT', 'put your unique phrase here');
define('LOGGED_IN_SALT', 'put your unique phrase here');
define('NONCE_SALT', 'put your unique phrase here');

3. Two Step Authentication inschakelen voor WordPress

Wellicht heb je wel eens gehoord van Two Step Authentication, ook wel 2FA genoemd. Hiermee kun je een beveiligde verificatie instellen. Hierbij wordt er bij het inloggen een SMS verstuurd naar je smartphone. Na het invoeren van het wachtwoord zul je ook de verificatie moeten invoeren bij het inloggen. Erg veilig!

We maken zelf gebruik van Rublon. Dit is een betaalde dienst, echter bieden ze ook een gratis account aan voor maximaal 1 website. We zullen hier binnenkort een heel blog aan toewijden. Houd daarom onze website goed in de gaten.

4. De juiste bestandsrechten instellen

Wellicht heb je wel eens gehoord van bestandsrechten. Met deze bestandsrechten kun je de permissies toewijzen aan elke soort gebruiker. We kennen drie soorten gebruikers ‘Eigenaar, Groep & Openbaar’. Deze kunnen met de opgelegde permissies ‘Lezen, Schrijven of Uitvoeren’. Het is daarom van groot belang dat deze bestandsrechten goed staan. Zet nooit zomaar je bestandsrechten op 777. We hebben een overzicht voor je gemaakt welke bestandsrechten er ingesteld moeten worden.

  • Mappen en directories: 755 of 750
  • Bestanden: 644 of 640
  • Het wp-config.php bestand kun je het beste op 600 zetten

5. WordPress updates uitvoeren

Net als bij computers en telefoons zijn het uitvoeren van updates van essentieel belang. Updates kunnen beveiliging fixes bevatten. Het updaten geldt niet alleen voor het WordPress systeem zelf, maar ook voor je plugins en thema’s. Als je deze updates niet geregeld bijhoud wordt jouw WordPress website steeds kwetsbaarder. Zo kan er bijvoorbeeld een lek zitten in een oud thema die al tijden niet geüpdatet is, terwijl de ontwikkelaar deze lek gevonden heeft, en het bij een update al hersteld heeft. Zolang het thema niet over de laatste updates beschikt, blijft dit lek actief en is er dus een ingang voor kwaadwilligen om bijvoorbeeld een aanval in te zetten op jouw WordPress website.

Automatische WordPress updates

Je kunt ervoor kiezen alle updates binnen WordPress automatisch te laten verlopen. Dit kan erg handig zijn als je meerdere websites hebt die onderhouden moeten worden. Ook kleeft hier een nadeel aan. Zo kan het zijn dat er bij een grote WordPress core update jouw gehele website kan crashen. Dit kan erg frustrerend zijn als je geen back-up hebt of dat het met meerdere websites tegelijk gebeurt. Dit omdat WordPress op hetzelfde moment updatet als er een nieuwe update beschikbaar is. Wil je weten hoe je kunt checken hoe je de automatische updates in en uit kunt schakelen, lees dan even dit artikel.

WordPress updates uitvoeren.

De benodigde WordPress updates uitvoeren gaat vrij eenvoudig. Hiervoor kun je de volgende stappen in acht nemen:

    1. Login op het WordPress dashboard. Dit doe je door je domeinnaam in te vullen gevolgd door /wp-admin.
    2. Klikt vervolgens aan de linkerkant op ‘Dashboard’ > ‘Updates’.
    3. Hier zie je alle updates die klaar staan.
    4. Selecteer per groep ‘Plugins’, ‘Thema’s, ‘Vertalingen’ de updates en klik op ‘Update plugins’ & ‘Thema’s bijwerken’.

Let op! Maak altijd een back-up van je WordPress website als je een core update van WordPress uitvoert. Een core update is niets meer dan een upgrade naar een nieuwere versie van WordPress. Het systeem zal hier zelf ook een waarschuwing over geven.

Gebruik je eigen CSS? Zorg er dan voor dat je gebruik maakt van een child theme. Na een update van het huidig thema zul je CSS verdwijnen. Hoe je child theme maakt lees je in dit artikel.

6. Verwijder ongebruikte plugins en thema’s

Wist je dat ongebruikte plugins en thema’s extra risico’s met zich meebrengen? En waarom zou je thema’s en plugins willen bewaren die je toch niet gebruikt. Ook al heb je de niet gebruikte plugins en thema’s uitgeschakeld, ze zijn wel degelijk aanwezig op je website en vormen zo alsnog een gevaar. Dus gebruik je een bepaalde plugin of thema niet meer? Deactiveer de plugin of thema en verwijder hem ook daadwerkelijk. Zo houd je je WordPress website weer een stukje veiliger. Bekijk trouwens ook bij de plugins en thema’s die je wel gebruikt of deze regelmatig geüpdatet zijn.

7. De standaard WordPress gebruikersnaam wijzigen

Het kan zijn dat jouw (oudere) WordPress website nog de standaard ‘admin’ gebruikersnaam heeft. Dit weten hackers ook en kunnen door middel van de gebruikersnaam en standaard inlogpad ‘/wp-admin’ gerichter aanvallen. Het is daarom ook aan te raden deze gebruikersnaam te wijzigen. Gelukkig is dit probleem bij nieuwe WordPress installaties inmiddels opgelost en zijn de gebruikersnamen identiek. Maak je nog gebruik van de standaard gebruikersnaam ‘admin’, dan kun je dat wijzigen door het uitvoeren van de onderstaande stappen:

  1. Controleer eerst of de gebruiker ‘admin’ wel daadwerkelijk bestaat. Dit doe je door in te loggen op jouw WordPress dashboard en vervolgens te gaan naar ‘Gebruikers’.
  2. Filter hier op ‘Beheerders’. Staan hier meerdere beheerders? Dan kun je de beheerder ‘admin’ veilig verwijderen. Zorg wel dat je niet als ‘admin’ bent ingelogd, anders kun je deze beheerder niet verwijderen.
  3. Of is er maar 1 beheerder en heet deze toevallig ‘admin’, dan kun je een nieuwe beheerder aanmaken, een sterk wachtwoord aanmaken en vervolgens uitloggen met de huidige beheerder. Hierna weer inloggen met de nieuwe beheerder en tot slot de beheerder ‘admin’ te verwijderen.

8. Locatie van de standaard inlogpagina wijzigen

Na de standaard gebruikersnaam ‘admin’ te wijzigen, is het ook erg veilig om de inlogpagina naar het dashboard van locatie te wijzigen. Standaard is dat bijvoorbeeld example.com/wp-admin. Dit kunnen we wijzigen naar example.com/beheerder of iets wat je eigen voorkeur betreft. Je kunt dit op twee manieren wijzigen. Dit kan via de handmatige methode, dus door wat scripts aan te passen, of via een plugin. We behandelen beide methoden, maar onze voorkeur gaat uiteraard voor het wijzigen zonder plugin. Onderstaande methode werkt via het plaatsen van een cookie en een aanpassing in het .htaccess bestand. Om het pad naar jouw inlogpagina aan te passen volg je de onderstaande stappen:

    1. Login op jouw FTP-server en navigeer naar de rootfolder.
    2. Download het bestand wp-login.php en maak hier ook gelijk voor de zekerheid een kopie van. Mocht er iets mis gaan, dan kunnen we altijd nog dit bestand herstellen.
    3. Zoek nu in het wp-login.php bestand naar: ‘wp-admin’, in ons geval komen er 13 gerelateerde resultaten naar boven.
    4. Vervang ‘wp-admin’ naar ‘wp-redirect’. Doe dit uiteraard voor alle gevonden overeenkomsten. En sla het bestand op en schrijf het weg naar jouw server.

De bovenstaande stappen zorgen ervoor dat het inlogscherm dat normaal via /wp-admin te benaderen was, niet meer te bereiken is. Uiteraard moeten we nog wel kunnen inloggen op de website en zullen we dus een redirect in moeten stellen. Dit doen we met behulp van een cookie en een aanpassen verwijzend naar deze cookie in het .htaccess bestand.

Het .htaccess bestand aanpassen met een cookie referentie

Nu we de standaard locatie van de pagina /wp-admin verborgen hebben. Kunnen we de wijzigingen doorvoeren aan het .htaccess bestand. In dit geval wijzigen we de locatie van ‘/wp-admin’ naar ‘wp-beheercms.php’, maar je mag het ook anders noemen, zolang het maar begint met ‘wp-’. Het is van belang dat wij er .php achter zetten, dit verwijst naar de nog aan te maken pagina in de volgende stap. Voer nu de volgende code door die je hier beneden in de snippet aantreft in jouw .htaccess bestand, en schrijf het weg naar jouw server:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{HTTP_COOKIE} !^.*wp\-beheercms=2917998723.*$ [NC]
RewriteRule wp-login.php - [F]
</IfModule>

De pagina wp-beheercms.php aanmaken.

We hebben het .htaccess bestand zojuist aangepast. Nu is het van belang dat wij een cookie aanmaken die redirect naar ‘/wp-login.php’. Zorg er allereerst voor dat de bestandsrechten voor ‘wp-login.php’ gewijzigd worden van 644 naar 640. Dit zorgt er voor dat zonder het gebruiken van de cookie het bestand niet meer publiekelijk beschikbaar is. Je kunt deze bestandsrechten instellen via jouw FTP cliënt. Als dit is gedaan maak je de pagina ‘wp-beheercms.php’ (afhankelijk van hoe je de redirect van je inlogpagina hebt genoemd) in de rootfolder. Hier plak je de volgende syntax in:

<?php
setcookie("wp-beheercms", 2917998723);
header("Location: wp-login.php");
?>

Nadat je de bovenstaande code in het cookiebestand hebt geplaatst kun je deze vervolgens opslaan en wegschrijven naar jouw server. Als het goed is zou je nu kunnen inloggen via jouwdomein.nl/wp-beheercms.php, deze cookie zul je je omleiden naar ‘/wp-login.php’ die enkel via deze omleiding dan wel te bereiken is. Test in dit geval de volgende punten:

  1. Kun je nog inloggen via ‘wp-admin’? Als dit niet het geval is, dan heb je deze stap correct uitgevoerd.
  2. Kun je de pagina ‘wp-login.php’ nog bereiken? Als dit niet geval is, dan heb je deze stap correct uitgevoerd.
  3. Wordt je juist doorgestuurd naar ‘wp-login.php’ als je ‘/wp-beheercms.php’ in hebt gevoerd? En zie je hierna de inlogpagina? Dan is alles nu correct ingesteld.

Probeert tot slot te testen of je kunt inloggen, en of het uitloggen ook wilt loggen. Als dit het geval is, dan heb je alle stappen succesvol afgerond, en is jouw dashboard vanaf nu goed te bereiken via de nieuwe inloglink.

Locatie van de standaard inlogpagina wijzigen met plugin

Mocht het handmatig wijzigen van jouw inlogpagina te ingewikkeld zijn, dan is er ook altijd nog de mogelijkheid om dit in te stellen met behulp van een plugin. Het overmatig gebruik van plugin’s raden wij altijd af. Er zijn verschillende plugins om het standaard pad van de inlogpagina te wijzigen. Een lichtgewicht plugin die wij hiervoor kunnen gebruiken is de plugin ‘Change wp-admin login’ van de uitgever Nuno Morais Sarmento.

  1. Login op het WordPress dashboard. Dit doe je door je domeinnaam in te vullen gevolgd door /wp-admin.
  2. Ga vervolgens naar ‘Plugins’ > ‘Nieuwe plugin’.
  3. Zoek hier naar ‘Change wp-admin login’ en installeer de plugin en activeer deze.
  4. Ga nu naar ‘Instellingen’ > ‘Permalinks’.
  5. Scrol door tot ‘Login URL’ > Hier vul je de gewenste URL in, wat standaard ingesteld staat op ‘login’. Nadat je dit opslaat, log in je in op bijvoorbeeld jouwdomein.nl/login in plaats van jouwdomein.nl/wp-admin.
  6. Tot slot kun je ook nog een returnpad invullen. Dit is de pagina waar bezoekers op terecht moeten komen die nog het oude pad invoeren, bijvoorbeeld jouwdomein.nl/wp-admin. Deze kun je bijvoorbeeld redirecten naar je homepage (standaard) of door 404 in te vullen. Dan komen bezoekers op de algemene not found page van je WordPress website.

9. Beperk WordPress inlogpogingen

Geef hackers geen kans meer die door middel van een zo geheten brute force attack jouw inloggegevens proberen te achterhalen. Met een brute force attack proberen hackers door middel van systematisch wachtwoorden en encryptiesleutels uit te proberen een weg naar binnen te wanen. Standaard zit er geen beperking op het totaal aantal inlogpogingen binnen WordPress. Dit is vrij eenvoudig in te stellen door middel van een plugin. De plugin die wij hiervoor gebruiken heet ‘Limit Login Attempts’. Met deze plugin kun je het aantal inlogpogingen beperken tot maximaal vier inlogpogingen. Na de vierde keer het geprobeerd te hebben zul je WordPress website automatisch blokkeren. Hierdoor is een aanval op jouw website veel minder interessant. Een echte must have voor jouw WordPress website.

10. Beveilig je headers

Zorg ervoor dat je de X-Frame-Options, X-Content-Type-Options & Strict-Transport-Security layers beveiligd. Dit kun je doen door onderstaande code in je .htaccess bestand te zetten. Vervolgens kun je een test doen via securityheaders.com om te zien wat je score is. In combinatie met SSL en dit stukje code zou je minimaal een C moeten scoren.

# Set browser headers
<IfModule mod_headers.c>
Header set Strict-Transport-Security "max-age=31536000" env=HTTPS
Header always set X-Frame-Options "SAMEORIGIN"
Header always set X-Xss-Protection "1; mode=block"
Header always set X-Content-Type-Options "nosniff"
</IfModule>

11. Beveiligde verbinding via HTTPS

Wat vandaag de dag niet mag ontbreken aan jouw website is een beveiligde verbinding via https door middel van een SSL-certificaat. Met een beveiligde verbinding encrypt je de gegevensstroom die vanaf jouw website plaats vindt. Denk hierbij ingevulde contactformulieren, bestelformulieren, persoonlijke klantgegevens. Bovendien geven zoekmachines ook een hogere prioriteit aan websites met een beveiligde SSL-verbinding. Een SSL-certificaat is in vele gevallen gratis aan te vragen. Een erg bekende certificaat, is het Let’s Encrypt certificaat. Hiermee beveilig je jouw hoofddomein en subdomeinen. Soms Is het ook noodzakelijk om alle verwijzingen van HTTP naar HTTPS te wijzigen. Hiervoor zijn ook erg handige plugins beschikbaar zoals Realy Simple SSL.

12. Je WordPress website beveiligen met Wordfence

Er zijn diverse plugins beschikbaar die enorm bijdragen aan het veiliger maken van jouw website. Een van die plugins is Wordfence. Deze plugin is verkrijgbaar in zowel een gratis als betaalde versie. Wordfence beschikt over een ingebouwde firewall, malware scanner & integriteitschecks. Maak voordat je Wordfence installeert en configureert wel eerst een back-up van jouw website. Mocht er iets mis gaan, dan kun je altijd nog terug vallen op een back-up. Let ook op dat je niet te veel beveiligings- plugins installeert. Dit zal ten eerste ten kosten gaan van de website prestaties, maar ook kunnen meerdere beveiliging plugins elkaar erg tegen gaan werken.

13. WordPress website back-up

Het laatste punt wat wij bespreken is het maken van back-ups! Mocht je na het uitvoeren van alle bovenstaande punten toch nog gehackt worden, dan is het wel handig om een back-up achterhanden te hebben. Maak daarom altijd van je WordPress website een back-up. Het maken van een WordPress back-up kan op drie manieren. Je kunt er voor kiezen om de back-up handmatig uit te voeren, wat vooral handig is als je de bestanden lokaal wil opslaan. Ook kun je een plugin gebruiken die de back-ups voor je maakt. Deze plugin installeer je op je WordPress website. Een bekende back-up plugin is bijvoorbeeld ‘UpdraftPlus’. Met deze plugin kun je een back-up schema instellen. Zo kun je er voor kiezen om eens per week een back-up te maken. Tot slot kun je ook op server niveau een back-up maken, dit kan bijvoorbeeld via Plesk, cPanel & DirectAdmin etc. Een WordPress back-up bestaat altijd uit twee delen: Website bestanden die je kunt downloaden via FTP en het database bestand dat je via phpMyAdmin kunt exporteren.

Kom je er uit?

Heb je na het lezen van dit artikel nog vragen? Dan helpen we je graag verder op weg! Je mag ook altijd een berichtje achterlaten onder in de reacties. Wil je dat wij de bovenstaande beveiligings- opties toevoegen aan jouw website? Dan helpen we je graag verder! Vergeet niet dit artikel een beoordeling te geven!

Geplaatst op

Review fragmenten aan zoekresultaten toevoegen

Reviewfragmenten aan zoekresultaten toevoegen

Wellicht ben je op deze blog terecht gekomen vanaf Google, en viel het je waarschijnlijk op dat deze pagina in Google wordt weergeven met rating stars onder het zoekresultaat. We leggen je graag uit hoe je review fragmenten aan zoekresultaten kunt toevoegen. Deze extra feature geeft de bezoeker meer vertrouwen, en een goede indruk wat hij of ze van de inhoud kan verwachten alvorens door te klikken naar jouw website.

Hoe stel je review fragmenten in voor Google?

In deze blog behandelen we het instellen van review fragmenten in WordPress. Het instellen van review fragmenten is volledig gratis! Om het wat makkelijker te maken om review fragmenten in te stellen maken we gebruik van een licht gewicht plugin genaamd ‘kk Star Ratings’. Het instellen van review fragmenten bestaat uit drie stappen. Zo geef je per pagina of bericht aan of je review fragmenten wilt toepassen, na het toepassen controleren we de URL met Google ‘Test voor uitgebreide resultaten’, en tot slot indexeren we de URL met Google Search Console.

Stap 1. Het installeren en configureren van de plugin kk Star Ratings

Laten we beginnen met het installeren van de plugin en de configuratie nakijken. Volg de onderstaande stappen:

  1. Login op het dashboard van jouw WordPress website.
  2. Ga naar ‘Plugins’ > ‘Nieuw plugin’.
  3. Zoek naar de plugin ‘kk Star Ratings’ en installeer en activeer deze plugin.
  4. In de zijbalk (links) van je dashboard zie je de geïnstalleerde plugin nu verschijnen, en klik hier op.
  5. Op het eerste tabblad ‘General’ kun je de gewenste instellingen bekijken en indien gewenst aanpassen. Zo kun je kiezen op welke soort onderdelen je deze feature wilt toepassen.
  6. Bij het tabblad ‘Appearance’ kun je de begroetingstekst aanpassen en het totaal aantal sterren bewerken.
  7. Gefeliciteerd! De plugin is nu op juiste wijze geconfigureerd. Er is nog een tabblad ‘Rich Snippets’, hier hoef je niets mee te doen.

Controleer het de inhoud van het tabblad ‘Rich Snippets’
Om er zeker van te zijn dat de reviews goed door zoekmachines opgepakt zullen worden, moet er in het codeveld bij ‘Richt Snippets’ de volgende snippet zijn toegepast. Mocht er iets mis zijn gegaan met je snippet, dan kun je hem hieronder altijd nog even kopiëren en weer terug plakken.

{
    "@context": "https://schema.org/",
    "@type": "CreativeWorkSeries",
    "name": "[title]",
    "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "[score]",
        "bestRating": "[best]",
        "ratingCount": "[count]"
    }
}

Stap 2. Rating stars toevoegen aan bericht of pagina

Nu we de plugin geïnstalleerd, geactiveerd & geconfigureerd hebben, kunnen we hem gebruiken. Onderaan in de zijbalk (rechts) van elke pagina of bericht zie je nu een module waarmee je kan bepalen of je de star ratings wilt in of uitschakelen. Zodra je het aan het checkt, en je de pagina of het bericht opslaat, is de feature gelijk actief. Als je nu naar de desbetreffende pagina of het bericht gaat, zul je de rating stars aantreffen. *Gebruik je SiteOrigin als framework? Dan worden ze niet standaard weergeven, hiervoor moeten we nog iets extra uitvoeren. Dit lees je verderop in deze blog.

Stap 3. Controleren van de rating stars feature

Het is nu van groot belang om te kijken of de feature wel opgemerkt wordt door Google. Dit kun je doen door eerst even een paar keer op je net aangemaakte rating stars te klikken, zodat dit straks terug te vinden is in de test console van Google. Nadat je wat ratings hebt gegeven kun je naar ‘Google – Test voor uitgebreide resultaten’ gaan. Hier plak je de URL van de pagina waar jij je rating stars op toegepast hebt in de zoekbalk en drukt op ‘Enter’. Nadat de pagina geladen is en het resultaat gepresenteerd wordt moet je opzoek gaan naar het tabblad ‘Reviewfragmenten’. Als het goed is, zie je deze er nu tussen staan, en bij ‘ratingCount’ het aantal keren dat je hebt gedrukt op een ster.

Stap 4. De URL indexeren in Google Search Console

Als je inderdaad bij stap 3 de optie ‘Reviewfragmenten’ ziet en het aantal ratingCount’s dat je ook daadwerkelijk hebt gegeven, kun je pas doorgaan met deze laatste stap. Het is nu van groot belang om de URL te indexeren in Google Search Console. Dit doe je als volgt:

  1. Ga naar je Google Search Console.
  2. Klik aan de linkerkant op het desbetreffende domein.
  3. Bovenin beeld kun je de URL inspecteren, voer hier de URL van de pagina of het bericht in, en druk op enter.
  4. Vervolgens kun je klikken op de knop rechtsboven ‘Live URL testen’, dit kan even duren.
  5. Tot slot zie je als het goed is nu bij ‘Optimalisaties’ de review fragmenten staan. Thats it!

Let op! Het kan enige tijd duren voordat je pagina daadwerkelijk gecrawled is in Google. Dit betekend dat het soms enkele dagen tot zelfs weken kan duren voordat je ook daadwerkelijk de review fragmenten onder je zoekresultaten te zien krijgt.

Review fragmenten toevoegen in combinatie met SiteOrigin

Maak je gebruik van de page builder SiteOrigin, dan zal het toevoegen van review fragmenten via bovenstaande stappen niet voldoende zijn. Hiervoor zijn wat extra handelingen nodig. Dit kan erg technisch zijn, mocht je hier niet uit komen dan helpen je hier graag bij. Voer de onderstaande stappen uit om de review fragmenten actief te maken op jouw pagina / bericht:

  1. Maak bijvoorbeeld eerst een nieuwe pagina of bericht in de tekst editor van WordPress (dus niet in de ‘Page Builder’). Dit kun je toepassen door te klikken op ‘Terugkeren naar editor’.
  2. Geef de pagina de juiste titel.
  3. Scroll naar beneden op de pagina en selecteer rechts in de zijbalk bij ‘kk Star Ratings’ en check hier ‘Inschakelen’ aan.
  4. Druk vervolgens op ‘Updaten’.
  5. Klik vervolgens boven aan de pagina op de permalink om de pagina te bekijken.
  6. Je ziet nu de ranking icoontjes staan.
  7. Ga met je muis nu op de tekst ‘Rate this post’ staan, en klik met rechtermuisklik op ‘inspecteren’.
  8. Klik vervolgens met rechter muisklik op de volgende syntax ‘<div class="kk-star-ratings kksr-valign-bottom kksr-align-left " style="display: none;" data-id="1385" data-slug="">’ en klik tot slot op de optie ‘Edit as HTML’.
  9. Kopieer vervolgens de gehele code wat je ziet verschijnen in het codeblok.
  10. Bewaar deze code vervolgens even in een kladblok bestand of iets dergelijks, want deze hebben we straks nodig.
  11. Wijzig nu weer de editor van ‘Tekst’ naar ‘Page Builder’.

De HTML snippet die we zojuist hebben gekopieerd heeft een uniek ID en moet per pagina dus op deze wijze achterhaald worden, anders zal het niet werken. Het unieke ID kun je herkennen bovenin de snippet als ‘data-id="1583"’. Hieronder zie je een voorbeeld van de snippet:

  <div style="display: none;" class="kk-star-ratings kksr-valign-bottom kksr-align-left " data-id="1583" data-slug="">
  <div class="kksr-stars">
  <div class="kksr-stars-inactive">
  <div class="kksr-star" data-star="1">
  <div class="kksr-icon" style="width: 24px; height: 24px;"></div>
  </div>
  <div class="kksr-star" data-star="2">
  <div class="kksr-icon" style="width: 24px; height: 24px;"></div>
  </div>
  <div class="kksr-star" data-star="3">
  <div class="kksr-icon" style="width: 24px; height: 24px;"></div>
  </div>
  <div class="kksr-star" data-star="4">
  <div class="kksr-icon" style="width: 24px; height: 24px;"></div>
  </div>
  <div class="kksr-star" data-star="5">
  <div class="kksr-icon" style="width: 24px; height: 24px;"></div>
  </div>
  </div>
  <div class="kksr-stars-active" style="width: 100.8px;">
  <div class="kksr-star">
  <div class="kksr-icon" style="width: 24px; height: 24px;"></div>
  </div>
  <div class="kksr-star">
  <div class="kksr-icon" style="width: 24px; height: 24px;"></div>
  </div>
  <div class="kksr-star">
  <div class="kksr-icon" style="width: 24px; height: 24px;"></div>
  </div>
  <div class="kksr-star">
  <div class="kksr-icon" style="width: 24px; height: 24px;"></div>
  </div>
  <div class="kksr-star">
  <div class="kksr-icon" style="width: 24px; height: 24px;"></div>
  </div>
  </div>
  </div>
  <div class="kksr-legend">
  <strong class="kksr-score">3.7</strong>
  <span class="kksr-muted">/</span>
  <strong>5</strong>
  <span class="kksr-muted">(</span>
  <strong class="kksr-count">12</strong>
  <span class="kksr-muted">
  stemmen </span>
  <span class="kksr-muted">)</span>
  </div>
  </div> 

Snippet plaatsen op jouw pagina of bericht

Nu kunnen we in de Page Builder van SiteOrigin een extra ‘Rij’ toevoegen. Deze rij geven we een vastgestelde rij lay-out van ‘1’ mee, en we drukken op ‘Invoegen’. Vervolgens klikken we op ‘Widget toevoegen’ en kiezen hier de ‘Eigen HTML’ widget. In deze HTML widget plakken we tot slot de HTML snippet en klikken daarna uiteindelijk op ‘Voltooid’. Je kunt nu de pagina opslaan en het resultaat testen. Na het testen kun je URL testen, en de reguliere stappen volgen.

Hulp nodig bij het maken van review fragmenten?

We kunnen goed begrijpen dat het uitvoeren van de bovenstaande stappen niet erg eenvoudig is. En al helemaal niet als je ook nog eens gebruik maakt van een SiteOrigin based framework. Dan willen we je hier graag bij ondersteunen! Neem gerust contact met ons op!

Geplaatst op

Yoast SEO overgenomen door Amerikaans bedrijf

Overname Yoast SEO

Wie kent hem niet? De Yoast SEO plugin voor het zoekmachine gerelateerd optimaliseren van jouw WordPress website. Van oorsprong een Nederlands bedrijf dat opgezet is door Joost van der Valk. Yoast SEO is overgenomen door het amerikaanse bedrijf Newfold Digital met steun van Clearlake Capital Group en Capital Group. De overname maakt deel uit van een langetermijns strategie om de klanten van Newfold Digital ‘te verbinden met eersteklas tools en diensten om hun online aanwezigheid en hun succes in een digitale wereld te optimaliseren’, is te lezen in het officiele persbericht. Het daadwerkelijke overname bedrag is niet bekend gemaakt.

Wat is Yoast?

Voor degene die nog niet bekend zijn met Yoast, leggen we het graag nog even uit. Yoast is een WordPress plugin die meer dan 12 miljoen websites ondersteund. Deze plugin is bedoeld om jouw content te optimaliseren voor zoekmachines als Google en Bing en overige zoekmachines natuurlijk. De plugin geeft handige tips en richtlijnen die je kunt volgen om nog beter vindbaar te worden. De plugin is zowel in een gratis versie verkrijgbaar als de betaalde versie. Wat hier in gaat veranderen na de overname houden we nauwlettend in de gaten.

Hoe het is begonnen

Yoast is opgericht in 2010 door zoals eerder al aangegeven Joost van der Valk. Later in 2013 kwam hier ook zijn vrouw Marieke van de Rakt bij. Van der Valk is ook werkzaam geweest als SEO-adviseur voor onder andere The Guardian, Ebay & Disney. Sinds 2019 heeft hij zijn taak als CEO neergelegd om verder te gaan als Chief Product Officer van zijn eigen bedrijf Yoast. Ditzelfde jaar is hij ook nog CMO van WordPress, echter heeft hij dit enkel een halfjaar volgehouden. Het bedrijf Yoast telt nu inmiddels 140 werknemers.

Hoe nu verder?

Zoals het nu lijkt, Zal Yoast zelfstandig doorgaan zoals ze voorheen ook al deden. Echter, zullen Joost en Marieke veel minder managementtaken op zich nemen. Echter is het grote verschil nu, ze zijn overgenomen geen financieel risico meer lopen. De naam Yoast zal ook voorlopig niet wijzigen. Zoals eerder genoemd telt het bedrijf 140 medewerkers, ook deze zullen de huidige werkzaamheden blijven verrichten. Het lijkt ons niet dat je de kennis en ervaring wat heeft geleid tot het grote succes van Yoast overboord wilt gooien.

Geplaatst op

Child theme maken

Child theme aanmaken

Wil je weten hoe je een child theme aan kunt maken? Lees dan gauw verder. In deze blog gaan we een child theme maken. We nemen je mee door het proces en leggen je uit waarom het belangrijk en soms handig kan zijn om een child theme te gebruiken. Een child theme aanmaken voor WordPress is vrij eenvoudig. Mocht je na het lezen van deze blog er toch niet helemaal uitkomen? Geen probleem! We helpen je graag verder bij het aanmaken van jouw eerste WordPress child theme.

Wat is een child theme?

Een child theme is niets meer dan een thema dat de functies en styling overneemt van een hoofdthema dat je al gebruikt. Wil je bijvoorbeeld bepaalde styling in CSS of bepaalde functies in PHP veranderen? Doe dit dan met zo’n child theme. Zo voorkom je dat jouw wijzigingen verloren gaan bij een update van het desbetreffende hoofdthema. Een child theme bestaat tenminste uit 1 folder met 1 CSS bestand. Zonder het CSS bestand kun je het thema niet vinden in jouw WordPress dashboard. Een child theme kun je op verschillende manieren aanmaken.

Handmatig een child theme maken

Aangezien het niet moeilijk is om handmatig een child theme aan te maken, gaat onze voorkeur hier ook naar uit. Zoals eerder benoemd moet een child theme tenminste bestaan uit één folder en één CSS bestand. Het is de bedoeling dat je in het CSS bestand een aantal regels aan gaat maken dat er voor moet zorgen dat het child theme verbinding gaat maken met het hoofdthema dat je al geïnstalleerd hebt. Neem de stappen zorgvuldig door!

  1. Maak eerst verbinding met de FTP server of de filemanger op jouw control panel.
  2. Ga vervolgens door de mappenstructuur opzoek naar de map ‘themes’ in WordPress. Standaard gaat het via het volgende bestandspad: ‘httpdocs/wp-content/themes’.
  3. Hier zie je als het goed is ook jouw hoofdthema staan dat je wellicht al gebruikt. Het is nu de bedoeling hier een nieuwe folder aan te maken. Je mag deze zelf een gewenste naam geven.
  4. Na het aanmaken van de gewenste folder, kun je deze openen en maken hier een text bestand aan dat we vervolgens ‘style.css’ noemen.
  5. Open nu het bestand ‘style.css’. Dit kun je het beste openen met een code editor als Notepad ++ of Atom bijvoorbeeld.

Nu we het bestand style.css aangemaakt hebben kunnen we dit bestand voorzien van de benodigde code om hem te laten verbinden met het hoofdthema dat je hiervoor wil gebruiken. Voeg hiervoor de volgende code toe:

/*
Theme Name: De Web Developer
Theme Name: De Web Developer
Theme URI: https://www.dewebdeveloper.nl/
Author: Bouke Lourens
Author URI: https://www.dewebdeveloper.nl/
Description: Hier kun je een omschrijving invullen voor het template.
License: Hier vul je de eventuele license in.
License URI: license.txt
Tags: Tags: tags, kun, je, op, deze, manier, invoeren
Text Domain: Hier vul je de mapnaam van je childtheme in.
Template: storefront
Version: Hier vul je de versie in van jouw template, bijvoorbeeld: 1.0
*/

Na het toevoegen van de bovenstaande code moet je nog bij ‘Template:’ de templatenaam invullen van het hoofdthema waarvoor je deze child theme aanmaakt. De naam moet wel exact overeenkomen met de naam van het hoofdthema (parent theme), anders kan deze geen verbinding maken en zul je hem niet zien tussen de jouw templates. Je kunt de naam vrij eenvoudig opzoeken in de template folder via FTP of de filemanager. Nadat je de bovenstaande code juist heb ingevuld kun je de style.css pagina opslaan. Gelukt! Jouw child theme is nu aangemaakt.

Het child theme activeren

Nu jouw child theme aangemaakt is, kunnen we deze activeren. Dit doe je door allereerst in te loggen op jouw WordPress dashboard. Nadat je ingelogd bent ga je naar: ‘Weergave’ > ‘Thema’s’. Op deze pagina zie je vervolgens alle geïnstalleerde thema’s staan. Ook zul je jouw net aangemaakte child thema hier zien staan. Om het child thema te gebruiken moeten we deze eerst nog activeren. Hover met je muis over het child theme, waarna je de knop ‘Activeren’ ziet staan en klik hierop. Gefeliciteerd! Je WordPress website is nu ingesteld met jouw eigen net aangemaakte child theme. Je kunt ook nog even drukken op ‘Themadetails’. Hier zie je vervolgens alle details die je hebt kunnen invullen in de code die je opgeslagen hebt in het style.css bestand. Echter, zie je nog geen tumbnail oftewel een thema afbeelding. Hoe we dit oplossen, gaan we nu bespreken.

Preview afbeelding instellen voor jouw child theme

Zoals je hebt kunnen merken hebben alle templates netjes een thema preview afbeelding, behalve jouw eigen child theme. Dit kunnen we vrij eenvoudig oplossen door een afbeelding in het juiste formaat en bestandsformaat te uploaden in de hoofdfolder van het child theme. Doe dit als volgt:

  1. Open een fotobewerkings- programma als Adobe Photoshop of het gratis fotobewerk programma GIMP.
  2. Maak hier een nieuw bestand aan in de volgende afmetingen: 880 pixels breed en 660 pixels hoog.
  3. Wat we zelf altijd doen voor onze klanten, is een printscreen maken van de homepage en deze te gebruiken als preview afbeelding.
  4. Sla de preview op in het bestandstype PNG met de volgende bestandsnaam: ‘screenshot.png’.
  5. Upload de afbeelding ‘screenshot.png’ naar de hoofdmap van jouw child theme.

Als je nu weer terug gaat naar de thema pagina in jouw WordPress dashboard zul je de preview moeten zien bij jouw child theme. Mocht dit niet het geval zijn, controleer dan even goed of je de juiste bestandsnaam en of bestandstype gebruikt.

PHP functies toevoegen aan jouw child theme

Het kan ook voorkomen dat je bepaalde wijzigingen wilt doorvoeren aan jouw template. Hiervoor zou je de PHP code bijvoorbeeld naar het bestand ‘functions.php’ kunnen doorvoeren van jouw parent theme. Echter zal na een update ook hier de code weer verdwijnen uit de ‘functions.php’. Het is daarom aan te raden hiervoor een ‘functions.php’ voor aan te maken in de hoofdfolder van jouw child theme. Zo blijven de wijzigingen na een thema update netjes bewaard.

Om jouw eigen functions.php in te laden zullen we deze eerst moeten aanmaken. Deze kan aangemaakt worden in de hoofdmap van jouw child theme. Dit gaat op dezelfde wijze als het aanmaken van het style.css bestand. Maak nu een nieuw bestand aan via FTP en noem deze ‘functions.php’. Voer vervolgens het onderstaande script in:

<?php
function my_function() {
    // Hier kun je jouw aangepaste functions plaatsen.
}
?>

Vervolgens kun je jouw aangepast functies toevoegen in de placeholder van bovenstaande script. Het bovenstaande script zal ervoor zorgen dat de huidige functions.php overschreven zal worden.

Child theme aanmaken via een plugin

Zoals eerder besproken is het ook mogelijk een child theme aan te maken door hiervoor een plugin te gebruiken. Dit zouden we enkel adviseren als het via de handmatige manier niet wil lukken. Voor het aanmaken van een child theme kun je de volgende plugins gebruiken:

Uiteraard zullen er nog veel meer plugins zijn die je kunnen helpen bij het maken van een child theme. Voor meer informatie over bovenstaande plugins kun je altijd contact opnemen met de ontwikkelaars van deze plugins.

Hulp nodig bij het aanmaken van jouw child theme?

We helpen je graag bij al je vragen omtrent het aanmaken van jouw eigen child theme. Loop je vast op een bepaalde stap, of werken bepaalde functies niet? Neem dan gerust contact met ons op, en we helpen je graag verder!