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!
Maak eerst verbinding met de FTP server of de filemanger op jouw control panel.
Ga vervolgens door de mappenstructuur opzoek naar de map ‘themes’ in WordPress. Standaard gaat het via het volgende bestandspad: ‘httpdocs/wp-content/themes’.
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.
Na het aanmaken van de gewenste folder, kun je deze openen en maken hier een text bestand aan dat we vervolgens ‘style.css’ noemen.
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:
Open een fotobewerkings- programma als Adobe Photoshop of het gratis fotobewerk programma GIMP.
Maak hier een nieuw bestand aan in de volgende afmetingen: 880 pixels breed en 660 pixels hoog.
Wat we zelf altijd doen voor onze klanten, is een printscreen maken van de homepage en deze te gebruiken als preview afbeelding.
Sla de preview op in het bestandstype PNG met de volgende bestandsnaam: ‘screenshot.png’.
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!
Wil je graag jouw WooCommerce webshop een totaal andere look geven? Of de huidige blokken op een andere positie neerzetten? Dan kun je middels PHP scripting bepaalde WooCommerce elementen positioneren naar de gewenste positie. Om dit te kunnen bewerkstelligen dien je wel enige ervaring te hebben met de programmeertaal PHP. Let wel op! Het kan voorkomen dat bepaalde PHP functies die we hier beschrijven in de toekomst niet meer zullen werken. Merk je dit op? Laat het dan even weten in de comments. Alle onderstaande scripts kunnen worden geplaatst in de functions.php van jouw thema. Maak hiervoor wel een child theme aan, anders zullen je wijzigingen verloren gaan bij een thema update.
Elementen uitschakelen
Wellicht heb je bepaalde elementen die niet relevant zijn, en die je graag wilt uitschakelen. Vaak is het niet nodig om dit via een script wijziging uit te voeren. Kijk daarom eerst in het WordPress dashboard of dit ook via de ‘Customizer’ te wijzigen is. De Customizer is te benaderen via: ‘Weergave’ > ‘Customizer’. In de Customizer kun je tot slot klikken op ‘WooCommerce’. Hier zou je eventuele elementen ook kunnen in of uitschakelen.
Product tabs verplaatsen
Op elke pagina van jouw product worden standaard de product tabs weergeven. Product tabs bevatten bijvoorbeeld de productomschrijving, extra product informatie of product reviews. Het kan dus zijn dat de positie van deze product tabs in jouw geval niet op de gewenste positie staat. Het is daarom mogelijk om de product tabs te verplaatsen van onder de ‘Add to cart’ sectie naar boven ‘Add to cart’. Om dit te bewerkstelligen neem je het onderstaande PHP script over en plaatst dit in de functions.php van jouw thema.
Product tabs verplaatsen van onderop de pagina naar rechtsboven onder de ‘Add to cart’ button.
Heb jij bijvoorbeeld bepaalde product tabs niet nodig, dan kan je er voor kiezen om deze te verwijderen. Dit is helaas niet mogelijk vanuit de Customizer. Om een bepaalde tab te verwijderen kun je het onderstaande script gebruiken. Het onderstaande script geeft aan dat je alle drie tabs verwijderd. Wil je bijvoorbeeld alleen maar twee van de drie tabs verwijderen, haal dan het stukje code weg dat je wilt behouden. In dit geval willen wij enkel de tab ‘Omschrijving’ behouden. Dan zorgen we dat we de volgende regel uit het script weg halen unset( $tabs['description'] );
add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );
function woo_remove_product_tabs( $tabs ) {
unset( $tabs['description'] ); // Verwijder de omschrijving tab
unset( $tabs['reviews'] ); // Verwijder de reviews tab
unset( $tabs['additional_information'] ); // Verwijder de extra informatie tab
return $tabs;
}
Product tabs hernoemen
Het kan ook voorkomen dat je de product tabs wilt hernoemen. Misschien vind je ‘product omschrijving’ wel beter passen dan enkel ‘omschrijving’. Ook hiervoor bestaan standaard scripts die je aan kunt passen. In onderstaand voorbeeld hebben wij de tab ‘description’ gewijzigd naar ‘Product omschrijving’, de tab ‘reviews’ veranderd naar ‘Beoordelingen’ en tot slot de tab ‘additional information’ naar ‘Details’.
add_filter( 'woocommerce_product_tabs', 'woo_rename_tabs', 98 );
function woo_rename_tabs( $tabs ) {
$tabs['description']['title'] = __( 'Product omschrijving' ); // Hernoem de omschrijving tab
$tabs['reviews']['title'] = __( 'Beoordelingen' ); // Hernoem de reviews tab
$tabs['additional_information']['title'] = __( 'Details' ); // Hernoem de extra informatie tab
return $tabs;
}
Extra product tabs toevoegen
Ook is het mogelijk om extra product tabs toe te voegen. Echter is dit niet net zo eenvoudig als het wijzigen van de huidige tabs. Voor het toevoegen van extra product tabs raden wij de plugin WooCommerce tab manager aan van de uitgever Yith. Dit betreft een betaalde plugin en is al beschikbaar vanaf 79,99 per jaar. Hierbij ontvang je ook degelijke support en updates. Tevens kan je deze plugin kosteloos 30 dagen uitproberen.
Product reviews uitschakelen
Product reviews kunnen vaak handig zijn. Vaak geven goede reviews potentiele klanten net dat ene setje om tot een aankoop over te gaan. Helaas kunnen negatieve reviews het tegenovergestelde effect bereiken, waardoor jouw conversie zal verminderen. In dit geval kan het handig zijn om de reviews juist uit te schakelen. Gelukkig kunnen we de reviews via het WordPress dashboard eenvoudig uitschakelen.
Om de product reviews uit te schakelen log je allereerst in op je WordPress dashboard en ga je vervolgens naar ‘WooCommerce’ > ‘Instellingen’. Op de instellingen pagina navigeer je vervolgens naar het tabblad ‘Producten’ en kom je als het goed is, uit op ‘Producten’ > ‘Algemeen’. Op deze pagina kun je de product reviews aan of uitzetten. Om de reviews uit te schakelen, kun je alles uitvinken. In totaal heb je drie verschillende opties wat betreft product reviews. Deze opties gaan we nu bespreken.
Waarderingen vereist stellen
Wanneer een klant een review achter laat in de vorm van een tekstbericht, is het bij deze optie ook verplicht om een review in sterren aan te geven. Een klant kan dan een beoordeling geven van een tot maximaal vijf sterren.
“Geverifieerde eigenaar”-label tonen voor klantbeoordelingen
Hiermee geeft u website bezoekers de mogelijkheid altijd een review achter te kunnen laten. Ook al heeft men geen product uit jouw webshop besteld. Heeft men het product wel op jouw webshop besteld en schrijft deze persoon een review, dan zal je achter de naam van dit persoon
“Geverifeerde eigenaar” zien staan
Alleen beoordelingen van geverifieerde eigenaar toestaan
Met deze optie worden enkel de klanten die jouw product hebben aangeschaft op jouw webshop in de gelegenheid gesteld om een review achter te laten.
Button ‘In winkelmand’ aanpassen
Het is ook mogelijk de ‘In winkelmand’ button aan te passen. Hiervan kun je de tekst wijzigen. Helaas is het niet mogelijk om dit vanuit het WordPress dashboard te doen. Met een paar regeltjes code PHP zal je in staat moeten zijn dit aan te passen. In het onderstaande script hebben wij de button tekst ‘In winkeldmand’ aangepast naar ‘Toevoegen aan winkelmand’. Wil je hier iets anders van maken dan kun je deze tekst aanpassen naar jouw wensen.
add_filter( 'woocommerce_product_single_add_to_cart_text', 'woo_custom_cart_button_text' ); // 2.1 +
function woo_custom_cart_button_text() {
return __( 'Toevoegen aan winkelmand', 'woocommerce' );
}
Winkelmand button wijzigen voor archiefpagina’s?
Het wijzigen van de winkelmand button op de archiefpagina’s gaat op een iets andere manier. Hiervoor kun je het onderstaande script overnemen en plaatsen in je functions.php. Het script lijkt erg op dat van de normale ‘In winkelmand’ button. Ook in het onderstaande script hebben we weer de tekst ‘In winkelmand’ aangepast naar ‘Toevoegen aan winkelmand’.
add_filter( 'woocommerce_product_add_to_cart_text', 'woo_archive_custom_cart_button_text' ); // 2.1 +
function woo_archive_custom_cart_button_text() {
return __( 'Toevoegen aan winkelmand', 'woocommerce' );
}
Hulp nodig bij het aanpassen van elementen in WooCommerce?
Vind je het erg ingewikkeld om met PHP om te gaan? Of kom je ergens niet uit? Laat het ons dan even weten! Wij helpen je graag bij het aanpassen van jouw WooCommerce webshop.
Moet je je WordPress 5.8 update herstellen? Dan kan deze blog weleens uitkomst bieden. Niets is vervelender dan dat jouw WordPress website crashed na een update. Helaas komt dit wel eens voor. Woensdag 21 juli 2021 is er een nieuwe WordPress update uitgekomen. Versie 5.8 gaat 5.7 vervangen. Over het algemeen zal het updaten geen problemen geven, echter krijgen we ook signalen binnen dat er hierdoor WordPress websites gecrashed zijn.
Er heeft zich een kritieke fout voorgedaan op deze site
En plots zie je dat jouw WordPress website een rare melding vertoont ‘Er heeft zich een kritieke fout voorgedaan op deze site’ of je krijgt een error 500 te zien. Ook merk je dat er niet meer ingelogd kan worden via wp-admin. De beruchte melding die plots kan opduiken na een WordPress update. De nachtmerrie van iedere website beheerder. Zoals nu bekend is, lijkt deze crash zich uitsluitend voort te doen bij WordPress websites waar automatisch updaten staat ingeschakeld. Om dit soort foutmeldingen in de toekomst te voorkomen, raden wij aan om het automatisch updaten van WordPress uit te schakelen.
Wat is de oorzaak van de crash na het updaten?
Bij het automatisch updaten van WordPress kunnen er compatibiliteitsproblemen ontstaan. Dit omdat er bij het update-proces verouderde plugins, niet compatibele plugins, en plugins die mogelijk tijden niet geüpdatet zijn die hierdoor vastlopen en er een time-out op de server zal volgen waardoor het automatische update proces niet meer verder uitgevoerd wordt. Nu zul je begrijpen waarom het belangrijk is om de automatische WordPress updates uit te schakelen. Zo houd je zelf de controle en kun je alvast preventieve maatregelen treffen voordat je überhaupt een update uit zal uitvoeren. Zo voorkom je enorme downtime na een crash bij een update van WordPress.
Hoe kan ik de WordPress update herstellen?
We gaan nu samen de stappen doornemen om de WordPress 5.8 update te herstellen. Het is belangrijk het stappenplan goed te volgen ter verkoming van ergere issues met betrekking tot jouw WordPress website.
Zorg voordat je ook maar iets probeert om jouw website te herstellen voor een back-up. Het is de bedoeling dat je een back-up maakt van de websitebestanden en een export van het database bestand. Hier lees je meer over het maken van back-ups. Zorg er voor dat je deze back-up lokaal ergens wegschrijft en niet op de desbetreffende server (hosting).
Nadat je de back-up geregeld hebt kunnen we de WordPress installatie zelf nog handmatig updaten. Hoe je dit precies doet, lees je op de officiële website van WordPress.
Heeft het handmatig updaten van WordPress niets geholpen? (3) Dan zou het vermoedelijk om een compatibiliteitsprobleem gaan. In dit geval kun je nog proberen via de database de plugins uit te schakelen.
Mocht geen van alle bovengenoemde stappen soelaas bieden, dan rest er alleen nog maar een back-up terug gezet te worden. Mits deze aanwezig is natuurlijk. Hierbij bedoelen we een back-up van voor de crash.
Automatische updates van WordPress uitschakelen
Om de WordPress vanaf nu handmatig te updaten kun je de volgende instellingen controleren. Als eerst kun je inloggen op je WordPress dashboard en vervolgens links in de zijbalk klikken onder ‘Dashboard’ op ‘Updates’. Hier zal je de volgende regel zien staan, indien uitgeschakeld: ‘Schakel automatische updates in voor alle nieuwe versies van WordPress.’. Wanneer automatische updates ingeschakeld zijn zul je de volgende melding zien: ‘Wissel naar automatische updates alleen voor onderhoud- en beveiligingsreleases.’. Nu weet je of je automatische updates hebt ingeschakeld of niet. Om alle automatische updates van jouw WordPress website uit te schakelen dien je in het .wp-config.php bestand de volgende regel code toe te voegen:
define('WP_AUTO_UPDATE_CORE',false );
Hulp nodig bij het herstellen van WordPress?
We kunnen je helpen bij het herstellen van jouw WordPress website. Voor meer informatie over onze diensten kun je onze website raadplegen of neem direct contact op voor meer informatie.
Wellicht heb je er al eens van gehoord, WordPress! Wat is WordPress? En wat kun je er mee? We leggen je het graag uit in deze blog. We proberen je een zo goed en duidelijk mogelijk beeld te geven wat WordPress precies is, en wat je er mee kunt doen. Heb je via deze blog geen antwoord kunnen vinden op jouw vraag? Laat het ons dan even weten in de comments.
Wat kun je doen met WordPress?
WordPress is een Content Management System ook wel afgekort als CMS. Het is momenteel het populairste CMS systeem dat we kennen. WordPress heeft wereldwijd zo’n 18 miljoen gebruikers. WordPress is gerealiseerd in 2003 en kent zijn oorsprong als blog platform, maar hiervoor wordt WordPress allang niet meer alleen voor gebruikt. Tegenwoordig bouwen de meeste webdesign bedrijven met WordPress de mooiste en exclusievere websites. De mogelijkheden zijn dan ook erg toereikend.
Hoe werkt een WordPress website?
Een WordPress website bestaat uit een voor en achterkant. Aan de voorkant zie je de website, wat het publiek, dus iedereen ziet. Aan de achterkant wijzig je bijvoorbeeld de teksten, afbeeldingen of pagina’s. Dit doe je door in te loggen op je website. Hiervoor ga je naar bijvoorbeeld ‘example.com/wp-admin’. Je ziet dat er achter je domeinnaam nog ‘/wp-admin’ staat. Dit betekend dat je direct doorgestuurd wordt naar de inlogpagina van jouw WordPress website. Eenmaal ingelogd kun je gelijk wijzigingen aanbrengen aan jouw website.
Verschil tussen WordPress.com en WordPress.org
Je hebt twee soorten WordPress websites. Een versie die online gehost wordt door WordPress zelf, de WordPress.com. En een versie die je zelf kan installeren op je eigen webserver, WordPress.org. Het voordeel van WordPress.com is dat hosting je niets kost, echter loop je hier weer tegen limieten aan. Zo kun je bijvoorbeeld niet je WordPress.com website back-uppen en overzetten naar je eigen hosting. Met de WordPress.org versie kan dit weer wel. Laat je hierover erg goed informeren, als je eenmaal de website op WordPress.com hebt staan, kan deze dus niet overgezet worden.
Is een WordPress website maken moeilijk?
Een WordPress website maken kan inderdaad moeilijk zijn. Het ligt er eigenlijks maar net aan wat je er precies mee wilt doen. Om te beginnen zal WordPress geïnstalleerd moeten worden op jouw webserver (webhosting). Dit kan al een moeilijke klus zijn voor velen. Echter, bieden veel hostingproviders ook zo geheten One Click Installaties aan. Dit wil zeggen dat je een op WordPress gebaseerd hostingpakket kan afnemen, waar je middels 1 klik op de knop een complete WordPress website installeert.
Wat heb je nodig om WordPress te kunnen gebruiken?
Om gebruik te kunnen maken van WordPress heb je in eerste instantie hosting nodig met ten minste 1 database. We hebben het hier over de WordPress.org. De volgende specificaties worden aanbevolen (21/07/2021):
PHP versie 7.4 of nieuwer
MySQL 5.6 of MariaDB versie 10.1 of hoger
Ngix of Apache met de mod_rewrite module
HTTPS ondersteuning
Aangezien de ontwikkelingen op het gebied van PHP en MySQL razend snel gaan, raden we je aan om de actuele server vereisten te bekijken op de officiele website van WordPress.org
Wat zijn plugins?
Om terug te komen op de vraag, of het moeilijk is om een WordPress website te maken? Kunnen we je vertellen dat er voor WordPress momenteel zo’n 55.000 plugins beschikbaar zijn. Hiermee kun je via een vrij simpele weg, zonder enige programmeerkennis bepaalde functies verkrijgen op jouw WordPress website. Hiermee wordt het maken van een WordPress website een stuk makkelijker. Let wel op! Te veel plugins, of de verkeerde plugins zullen je website enorm kunnen vertragen. Kijk altijd naar de actieve downloads en reviews in de plugin directory van WordPress. Als er een mogelijkheid is om zelf de gewenste functie te programmeren, en hiermee een plugin kunt voorkomen, doe dit dan altijd!
Kies een goed thema
WordPress werkt met thema’s. Er zijn in WordPress verschillende soorten thema’s. Zo heb je gratis thema’s, maar ook betaalde thema’s. Een goede website waar je goede en actuele thema’s op kunt vinden is TemplateMonster. Voor gratis thema’s kun je het beste op de officiele website van WordPress kijken, of via het dashboard van jouw WordPress website. Let hierbij weer goed of je een actueel thema kiest. Je kunt dit zien door te kijken naar de update status van het gewenste template dat aangeboden wordt. Thema’s die al maanden of zelfs jaren niet bijgehouden zijn, kunnen onveilig zijn. Het laatste dat je wilt is dat jouw WordPress website gehackt wordt.
Een eigen thema maken
Ben je gevorderd en wil je meer uit een thema halen? Dan is het ook mogelijk om een eigen thema te maken. Hiervoor heb je wel enige programmeerkennis nodig. Zo is het handig om goed de basis van HTML en CSS te kennen. PHP en Java zijn een pre. Er zijn twee manieren om een eigen thema te maken:
Een child theme aanmaken op een bestaand hoofdthema.
Een compleet eigen thema maken vanaf scratch.
Het meest populair, is het aanmaken van een child theme. Het voordeel van het maken van een child theme is dat zodra je het WordPress hoofd theme update, de wijzigingen niet verloren gaan. Met wijzigingen bedoelen we je eigen geschreven CSS en overig scripting dat je vervolgens opslaat in het style.css bestand of bijvoorbeeld in je eigen functions.php bestand.
Is WordPress goed te beveiligen?
Een WordPress website is wel gevoelig voor aanvallen, vooral omdat WordPress een open source systeem is. Dit komt natuurlijk omdat het platform momenteel erg populair is. Niet alleen bij de eindgebruikers, maar ook bij hackers natuurlijk. Gelukkig zijn er voor WordPress tal van mogelijkheden om jouw website goed te beveiligen. Dit kan uiteraard ook op server niveau. Een populaire beveiligings plugin die erg veel gebruikt wordt, is WordFence. WordFence is er in een gratis, maar ook betaalde versie. Deze plugin scant jouw complete rootfolder (hoofdmap van jouw website) op malafide software en bestanden. Ook houdt WordFence continue verdachte activiteiten in de gaten, en blokkeert indien noodzakelijk. Denk hierbij aan bijvoorbeeld IP adressen.
Kan een WordPress website goed gevonden worden?
Zeker weten! Een WordPress website kan dus goed gevonden, echter hebben we hier wel wat hulp bij nodig. Een goede tool die we jullie kunnen aanraden is de plugin Yoast SEO. Deze plugin is al gratis te gebruiken, echter wel met wat beperkingen, maar niet rampzalig. Deze plugin geeft je een goed inzicht van jouw SEO score wat betreft je webpagina. Per pagina kun je de verbeterpunten inzien. Zodra je deze punten netjes aanpakt, zal alles groen kleuren. Yoast SEO kijkt naar bijvoorbeeld de meta omschrijven en titel. Hierbij wordt gekeken of je bepaalde trefwoorden genoeg naar voren laat komen. Bekijk onze blog "Beter gevonden worden" voor meer informatie over het beter vindbaar maken van jouw website.
Is een WordPress website snel?
Een WordPress website is meestal in het begin erg snel, en zal langzamer kunnen worden naar mate je meer plugins installeert en andere taken laat uitvoeren op je website. Maar WordPress zou WordPress niet zijn, als hier geen plugin voor te krijgen is. Het klinkt misschien raar.. je website sneller maken door juist een plugin te installeren. Maar je moet het zo zien, als een plugin je website traag kan maken, dan moet een andere plugin dit ook weer goed kunnen maken. Een veel gebruikte plugin is W3 Total Cache. Bekijk het blog "Jouw WordPress website optimaliseren” voor meer informatie over het sneller maken van jouw WordPress website.
Heb je nu een beter beeld van WordPress?
Als het goed is, begrijp je nu een klein beetje van wat WordPress is, hoe het gebruikt kan worden en bovendien wat de mogelijkheden zijn. Aangezien WordPress erg groot en complex kan zijn, is dit maar een deel van de informatie. We zijn er in vogelvlucht doorheen gegaan zeg maar. Mocht je vragen hebben over WordPress, dan kun je die vrijblijvend stellen hieronder in de comments.
Kunnen jullie mij helpen met mijn WordPress website?
We helpen je graag verder met jouw WordPress website. Ook als je al een WordPress website hebt, of juist een hele nieuwe WordPress website wilt laten bouwen. Neem gerust telefonisch contact met ons op, of per e-mail en chat.
Wil je hoger scoren met backlinks in diverse zoekmachines? Dan helpen we je hier graag bij. In deze blog leggen we kort en uit wat backlinks zijn, en hoe je hiermee hoger kan scoren in Google, Bing en Yahoo en niet te vergeten alle overige zoekmachines. Ook geven we je een goed overzicht van populaire backlink websites. Dit zijn websites waar je een bedrijfsvermelding op kunt aanmaken, maar ook een link kunt leggen naar jouw eigen website. Wat hiervan het voordeel is, leggen we je graag uit. Bookmark deze pagina, deze kan nogal eens van pas komen!
Wat zijn backlinks?
Een backlink is niets meer dan een link van jouw website op een website van een ander. Het maken van backlinks is niet zo lastig. Het maken van waardevolle backlinks daarin tegen is alweer een ander verhaal. Om ook echt wat aan de backlinks te hebben spelen een aantal factoren een belangrijke rol. Een van deze factoren zijn relevantie en de domein reputatie. Des te relevanter de context is waar de backlink geplaatst wordt, des te meer waarde zoekmachines hieraan kunnen geven.
Wat wordt er verstaan met domain rating?
Domein rating ook wel de domein reputatie genoemd. Domain rating is een metric van Ahrefs. Hiermee kan geanalyseerd worden hoeveel (back) links, en wat de sterkte is van de websites waar jouw backlink op staat. Deze formule berekend hierop jou domain rating. Des te hoger de domain rating is van de pagina’s waar jouw backlink op staat, des te hoger jouw eigen domain rating zal zijn. Domain rating is logaritmisch.
Hoe wordt domain rating berekend?
De domein reputatie wordt berekend door middel van een bepaald aantal punten. Een belangrijk punt waar de meeste focus op ligt, zijn backlinks vanaf unieke domeinen. Hierbij is het ook wenselijk dat deze unieke domeinen een hoge domain rating hebben. Dit zorgt ervoor dat jouw backlink als relevanter gezien wordt. En dit zal weer invloed hebben op jouw eigen domain rating. Tot slot tellen ook het aantal backlinks naar jouw website mee voor de domain rating. Om een bepaalde domain rating te behalen heb je een minimum aan backlinks nodig. Hoeveel dit zijn zie je hieronder.
DR 0-5: 1 d.ref.domains
DR 6-10: 30 d.ref.domains
DR 11-15: 44 d.ref.domains
DR 16-20: 57 d.ref.domains
DR 21-25: 85 d.ref.domains
DR 26-30: 137 d.ref.domains
DR 31-35: 547 d.ref.domains
DR 36-40: 314 d.ref.domains
DR 41-45: 263 d.ref.domains
DR 46-50: 352 d.ref.domains
DR 51-55: 444 d.ref.domains
DR 56-60: 708 d.ref.domains
DR 61-65: 956 d.ref.domains
DR 66-70: 1,374 d.ref.domains
DR 71-75: 2,789 d.ref.domains
DR 76-80: 6,761 d.ref.domains
DR 81-85: 16,425 d.ref.domains
DR 86-90: 36,811 d.ref.domains
DR 91-95: 637,650 d.ref.domains
DR 96-100: 8,891,919 d.ref.domains
Zorg voor een krachtige anchor text
Een link kun je zien als een tweedelig element. Als eerst heb de anchor text, of wel de anker tekst. Dit is het zichtbare deel van de link / koppeling. Dus de tekst die vaak blauw gekleurd is, met een blauwe onderlijn. Blauw is de standaard kleur voor een hyperlink. Het is belangrijk om de anchor text zo duidelijk mogelijk te schrijven. Zo heb je vaak anchor texten die alleen maar uit: “Lees verder” of “Klik hier”. Het liefst kun je dit soort anchor teksten vermijden, en juist gaan voor anchor teksten die jouw hyperlink verduidelijken. Dus neem als voorbeeld hoe het wel zou moeten: “Lees verder over achor text”.
Hoe kan ik dan hoger scoren met backlinks?
Nogmaals, om hoger te scoren met backlinks kun je het beste een combinatie van de volgende punten aanhouden:
Backlinks plaatsen op websites met een hoge domain rating.
Hoog relevantie gehalte, dus zorgen dat jouw backlink ook daadwerkelijk waarde. toevoegd aan de context waar jouw backlink geplaatst is.
Zorg voor krachtige anchor text waarmee je jouw backlink plaatst / laat plaatsen. (alleen mogelijk als je zelf de backlink kunt plaatsen op een externe website).
Scoren met backlinks via relevante gastblogs.
Naast het bijhouden van jouw eigen blog, is het ook aan te raden om te bloggen op een website van een ander. Dit noemen we gastbloggen. Het grote voordeel hiervan is dat je naamsbekendheid kan opbouwen, een hogere domain rating behaald (mits je uiteraard goede backlinks aanmaakt). Zorg wel dat je blogt over onderwerpen die relevant zijn voor jouw website, maar ook voor de website waar je op gaat gastbloggen. Zorg er ook voor dat je alle blogs over een bepaald onderwerp schrijft. Zo gaat het publiek jouw zien als de expert en zul je jouw naam nog groter kunnen maken, waarna mensen je toch echt gaan herkennen. Door de blog heen kun je backlinks invoegen die weer naar jouw pagina leiden. Zorg er altijd voor dat er tenminste een externe link op iedere blog.
Waar vind ik linkruil & gastblog partners?
Via diverse website’s en socialmedia kun je opzoek gaan naar linkruil partner en plaatsen waar je kunt gastbloggen. Linkruil is het uitwisselen van backlinks. Zoals besproken kan dit goed in combinatie op een gastblog. Zo zul je backlink ook nog eens beter scoren in verband met relevantie. Een goede plek om dit soort link & gastblog partners te vinden is de Facebook groep is Linkbuilding met zo’n 1.8 duizend leden. We zijn hier zelf ook bij aangesloten.
Hoger scoren met backlinks via bedrijvengidsen
Het kan zeker de moeite waard zijn om jouw website aan te melden bij diverse bedrijvengidsen. Bij dit soort bedrijvengidsen heb je in veel gevallen de mogelijkheid om tegelijkertijd een backlink te mogen plaatsen op jouw bedrijfsprofiel. Het komt ook vaak voor dat je een zelf een backlink terug moet plaatsen op jouw eigen website. Er wordt dan gevraagd om de URL op te geven waar deze backlink op terug te vinden is. Hiervoor kun je het beste een aparte pagina aanmaken waar je alle backlinks op plaatst. Net als we dat hebben gedaan met deze pagina.
Top 30 bedrijvengidsen
We hebben dit top 30 overzicht bedrijvengidsen overgenomen van Online Marketing.nl. In dit overzicht vind je pagina’s waar je bijna altijd een gratis vermelding kunt plaatsen van jouw bedrijf, met natuurlijk een backlink.
Overige lijst aan websites met backlink mogelijkheden
Nu we onze website op meerdere bedrijvengidsen hebben vermeld, kunnen we ook nog backlinks toevoegen op websites als Facebook, Instagram en andere socialmedia. Ook hiervan hebben we een handig overzicht gemaakt.
We proberen deze lijst aan backlinks zo up te date mogelijk te houden. Het kan daarom voorkomen dat bepaalde links weg zullen vallen, of er juist nieuwe bijkomen. Houdt deze pagina daarom goed in de gaten.
Hulp nodig bij het backlinken van jouw website?
We helpen je graag opweg met het backlinken van jouw website. Vraag naar de mogelijkheden wat wij voor jou kunnen betekenen. Neem direct contact met ons op.
Zou je willen switchen van hostingprovider, en moet je daarom jouw website verhuizen? We leggen het je graag uit. Omdat een verhuizing best complex kan zijn, hebben we een uitgebreide checklist gemaakt. In deze blog behandelen we het verhuizen van een WordPress website. We kunnen jou ook helpen met jouw website verhuizen.
1. Hostingproviders vergelijken.
Wellicht zul je eerste stap zijn; het vergelijken van hostingproviders. Wat heeft een bepaalde provider precies te bieden en wat zijn de kosten van een degelijk hostingpakket. Let wel bij het uitzoeken van hosting wat de specificaties zijn. Zo kan een kleine website prima op een goedkoop shared hostingpakketje, terwijl een zware website met veel bezoekers of veel producten vaker een dedicated server nodig heeft. Laat je hierin goed adviseren, anders loop je straks het risico dat je website wel verhuist is, maar dit voor niets is geweest. Hostingvergelijker.nl kan jou helpen met het kiezen van de juiste hostingprovider en hostingpakket.
2. Back-up maken van jouw WordPress website.
Om jouw huidige website te verhuizen naar jouw nieuwe hostingprovider, heb je een gehele back-up nodig van jouw WordPress website. Een WordPress website bestaat uit veel losse bestanden, zoals JavaScript bestanden, CSS stylesheets, HTML-bestanden etc. maar ook uit een database. Een database bevat tabellen met data afkomstig van jouw website. Dit databasebestand en websitebestanden zullen we over moeten zetten naar de nieuwe hostingprovider. Je kunt dit op verschillende manieren doen.
Handmatige website back-up
Persoonlijk vind ik dit de beste manier van een back-up maken. Met behulp van het FTP-programma FileZilla kun je een back-up maken van al jouw website bestanden. Een back-up van jouw database bestand kun je maken door in te loggen op phpMyAdmin en te gaan naar “Export”.
Website back-up via een plugin
Een makkelijkere manier om een back-up te maken van jouw website is door het gebruik van een plugin. Het voordeel hierbij is dat je geen technische kennis nodig hebt om een back-up te maken. Bovendien kun je een back-up plugin ook zo instellen dat deze automatisch back-ups maakt. Een bekende back-up plugin is UpdraftPlus.
Jouw website verhuizen middels een migratietool
WordPress zou WordPress niet zijn als het geen plugin zou hebben om middels een paar klikken jouw website te migreren. Bij het gebruik van een migratie plugin is het aan te raden om alvast jouw hosting in orde te maken. Dit omdat een migratie plugin rechtstreeks jouw website kan migreren. Let wel op hoe jouw PHP-instellingen staan op jouw hosting. Veel hostingproviders hebben hun PHP-limieten erg laag staan waardoor de migratie plugin vaak een fout melding kan geven. Vaak is het wijzigen van de PHP-limieten de oplossing. Hiervoor kun je properties aanpassen in een .user.ini bestand. Een bekende plugin voor het migreren van een WordPress website is de All-in-One WP Migration plugin.
3. Jouw website verhuizen
Nu we een back-up gemaakt hebben van de website, is het natuurlijk de bedoeling deze terug te plaatsen bij je nieuwe hostingprovider. Dit kan uiteraard weer op verschillende manieren. Heb je een handmatige back-up gemaakt? Dan zul je de website ook handmatig weer moeten terug plaatsen. Het terug plaatsen van de websitebestanden en het databasebestand is niets meer dan het maken van een back-up in omgekeerde volgorde. Let op bij het handmatig terug zetten van jouw website dat de database die aangemaakt is, op correcte wijze verbinding maakt via het wp-config.php bestand. Dit bestand kun je vinden in de hoofdmap van je WordPress website en moet alle connectie gegevens bevatten van je WordPress database bij je nieuwe hostingprovider.
Tip! Vraag het pakket alvast aan zonder de domeinnaam te verhuizen en te koppelen. De meeste hosting bedrijven kunnen het pakket alvast klaar zetten zodat je zonder downtime de website kunt uploaden en testen. Om het hostingpakket alvast te benaderen kun je gebruik maken van een hostfile.
4. De website verhuizen naar een ander domeinen
Het komt ook vaak voor dat je de website wil verhuizen naar een ander domein. Bij het verhuizen naar een ander domein moeten we bijzonder waakzaam zijn. Hier kunnen namelijk veel fouten tegelijkertijd gemaakt worden. Met de volgende punten dient rekening gehouden worden:
URL’s WordPress aanpassen
Zodra je jouw website naar een ander domein verhuist, zul je in de database een aanpassing moeten maken. Aangezien jouw URL zal veranderen moet dit ook doorgevoerd worden in de database. Als we dit niet zouden wijzigen dan zal de website op het nieuwe domein nog verwijzen naar de oude URL. Je kunt deze URL's aanpassen in de database. Je logt je zelf in op phpMyAdmin en gaat hier links in de tabellen opzoek naar de tabel “wp_options”. Op regel 1 en 2 zie je de site URL en blogname staan. Deze dienen beiden gewijzigd te worden naar de nieuwe URL. Gebruik je ook een beveiligde https verbinding? Zorg dan dat jouw URL in https is vermeld.
Permalinks aanpassen
Vaak zul je na een migratie naar een ander domein ontdekken dat alleen de homepagina het doet. De rest van de pagina’s geeft een error 500. Dit heeft vaak te maken met de permalinks. Qua SEO-optimalisatie zou ik kiezen voor de perma-optie “berichtnaam”. Als je deze al gekozen had op het oude domein, hoef je alleen te klikken op “Wijzigingen opslaan”. Als je nu de pagina vernieuwd, zul je zien dat de overige pagina’s het ook weer doen.
SEO linkstructuur
Als je jouw website naar een andere domeinnaam verhuist, dien je extra goed op te letten. Als de link naar je website veranderd, zul je dit ook door moeten geven aan de zoekmachines, anders zullen bezoekers een niet werkende pagina aantreffen. We kunnen dit aan de zoekmachines doorgeven door een doorverwijzing te maken in het .htaccess bestand. We noemen zo’n verwijzing een 301 redirect. Wat staat voor een permanente doorverwijzing. Je dient eerst het aantal oude URL’s in kaart te brengen. Dit kan met het gratis programma Screaming Frog. Dit programma crawlt alle URL's die op de website te vinden zijn. Zonder software zou dit onbegonnen werk zijn. In Screaming Frog kun je de URL's ook exporteren naar Excel sheets. Dit is erg handig omdat je complete bundels met URL's in een keer kunt overnemen. Een 301 redirect naar van je oude domeinnaam naar de nieuwe domeinnaam doe je als aanpassing in het .htaccess bestand met de volgende regels, in het voorbeeld zie je drie voorbeelden van redirecten:
Een veel over het hoofd geziene fout, is het niet correct doorverwijzen van de afbeeldingen na een domein verhuizing. Het is ook noodzakelijk de oude afbeeldingen naar de nieuwe locatie te verwijzen. Dit kan ook via het .htaccess bestand met bovenstaande regels.
5. Moet ook je e-mail verhuist worden?
Gebruik je toevallig een [email protected] e-mailadres of iets soortgelijks? Dan is de kans groot dat je ook je mailbox moet verwijzen naar een andere provider. Hiervan zul je dan eerst een back-up moeten maken. Deze back-up kun je maken door het e-mailadres in te stellen in bijvoorbeeld Outlook of Apple mail en vervolgens er een export van te maken. Maar het kan ook voorkomen dat de e-mail blijft staan bij de huidige partij, dan is er uiteraard geen back-up nodig. Als er bijvoorbeeld gebruik wordt gemaakt van een externe dienst zoals Office 365 of Google Workspace, dan is een back-up ook niet nodig. Een nieuwe koppeling met het DNS is daarin tegen wel meestal nodig. Hulp nodig bij het verhuizen? Geen probleem, we helpen je graag met het verhuizen van jouw e-mail.
6. Het verhuizen van de domeinnaam.
Nadat we een geschikte hostingprovider hebben gevonden, en beschikken over de benodigde back-ups, kunnen we verder met het verhuizen van de domeinnaam. Wellicht wil je ook je domeinnaam verhuizen. Vaak is het een fijn idee om je diensten onder een dak te hebben. Om een domeinnaam te verhuizen, heb je vaak een verhuistoken, EPP-code oftewel een verhuiscode nodig. Bij sommige domein extensies zoals de .UK ontvang je geen verhuistoken. Vraag jouw huidige hostingprovider wat de correcte verhuisprocedure is. De verkregen verhuiscode voeren we in bij de nieuwe hostingprovider. Hierna zul je domein verhuist worden.
Let op! Het verhuizen van een .nl domein duurt vaak maximaal 1 dag, terwijl een .com domein gemiddeld tussen de 3 a 7 werkdagen erover doet om te verhuizen.
WHOIS gegevens controleren
Verhuis je de domeinnaam naar een andere hostingprovider? Dan is het ook aan te raden je WHOIS gegevens te controleren. Veranderd de domeinnaam van eigenaar, dan zul je dit ook moeten aanpassen in de WHOIS gegevens. WHOIS gegevens zijn in sommige gevallen openbaar opvraagbaar en altijd juridisch herleidend.
7. Jouw website is nu verhuist
That’s it! Als het goed is, heb jij nu jouw website kunnen verhuizen, jouw domeinnaam kunnen verplaatsen en de bijhorende e-mail kunnen overzetten. Mocht je toch moeilijkheden ervaren met het verhuizen van jouw website, dan helpen wij jou hier graag bij.
Ben je een startende ondernemer of wellicht toe aan iets compleet anders wat betreft jouw huisstijl? Dan zal deze blog je zeker verder op weg helpen! Hoe kom je tot de gewenste huisstijl? En welke kleuren pas je toe op je website of webshop? Je leest het allemaal in deze blog. Mochten er vragen zijn, dan vernemen we die graag van je. Wist je dat we ook jouw huisstijl en kleuren kunnen samenstellen? Bekijk hier ons aanbod.
Wat is een huisstijl?
De huisstijl is een verzamelingen van visuele componenten. In de huisstijl zijn onder andere het logo, lettertype, kleurstelling, indeling en fotografie opgenomen. De huisstijl is de visuele representatie en identiteit van jouw bedrijf, stichting of andere organisatie. De huisstijl is kenmerkend voor een bedrijf en straalt bovendien professionaliteit uit.
Wist je dit ook over huisstijlen?
Het hebben van een goede huisstijl niet alleen mooi is? Maar dat het ook doorgevoerd kan worden op artikelen die bijvoorbeeld makkelijk nagemaakt kunnen worden. Denk hierbij aan de glazen Coca Cola flesjes waar de huisstijl volledig is geïntegreerd met de flesjes zelf. Hierdoor wordt het vervalsen al een stuk moeilijker.
Waar pas je de huisstijl op toe?
Een huisstijl kan werkelijk op alles worden toegepast. De meest gebruikelijke manieren van toepassen zijn onder andere:
Website of webshop
Bedrijfskleding
E-mailmarketing
Bedrukte relatiegeschenken
Enveloppen en briefpapier
Starten met het ontwikkelen van jouw huisstijl
Het eerste wat je nodig hebt om te starten met jouw huisstijl is de bedrijfsnaam. Deze bedrijfsnaam stellen we centraal. Vanuit deze positie zul je jezelf af moeten vragen; waar staat mijn bedrijf voor? Wat is mijn visie en wat doet mijn eventuele concurrent? Vaak zie je al aan een bepaald type huisstijl met wat voor bedrijf je te maken hebt. En dat is precies de bedoeling bij het gebruiken van een huisstijl. Je mag best kijken naar hoe jouw concurrent hoe hij zijn huisstijl heeft ontworpen, zolang je er maar wel een geheel eigen draai aan geeft. Het blijft immers jouw identiteit.
Het ontwerpen van jouw logo
Zelf denk ik dat het logo wel het belangrijkste deel van jouw huisstijl uitstraalt. Een logo bedenken, ontwerpen en uitwerken kan en mag simpel zijn. Bedenk wel dat bij het ontwerpen van een goed logo dat je de volgende punten hanteert:
Houdt het logo simpel.
Zorg dat het logo dat gene uitstraalt waar je jouw bedrijf mee kan identificeren.
Is het geheel makkelijk te onthouden.
Ontwerp je logo in bijvoorbeeld Adobe Illustrator.
Het type logo dat je wil gebruiken
Je hebt twee types bedrijfslogo’s. Zo gebruiken Apple en Nike een beeldlogo. Als beginnende onderneming kan het erg lastig zijn om gelijk te starten met een beeldlogo. Dit omdat jouw bedrijfsnaam niet uitgedrukt wordt in tekst en het voor de meeste mensen nog niet herkenbaar is. Echter, wanneer jouw merk dusdanig sterk en bekend is, kun je het overwegen om over te stappen op een beeldlogo.
Het andere type logo is het woordlogo. De naam zegt h et al, een logo van woorden. In de meeste gevallen wordt de bedrijfsnaam opgenomen in het logo. Echter, zie je ook vaak dat er slogans worden meegegeven in het logo. Het woordlogo is geschikt om gebruikt te worden door ondernemingen met een beginnend of minder sterk merk.
Kleuren bepalen voor jouw huisstijl
Als je al een logo hebt laten ontwikkelen, dan is de kans zeer groot dat je er al over uit bent welke kleuren je gaat gebruiken in jouw huisstijl. Heb je deze kleuren bewust gekozen, en ook gecheckt of deze kleuren overal in de huisstijl juist doorgevoerd kunnen worden? Zo kan het zijn dat je voor een huisstijl ontwerp bent gegaan waar de kleuren wit of zwart worden gebruikt. Op zich niets mis met deze kleuren. Houd er wel rekening mee dat als je bijvoorbeeld een logo gebruikt waar wit accenten in voorkomen deze niet zichtbaar zullen zijn op witte achtergronden. Zo zal een logo dat compleet wit is, en wordt gebruikt op een zwarte achtergrond, niet zichtbaar zijn in Google. Dit komt omdat Google zelf een witte achtergrond hanteert in de zoekresultaten. Dit geldt uiteraard niet als de achtergrond van het logo zelf zwart is.
Wat betekenen de kleuren in jouw huisstijl?
Wist je dat elke kleur zijn eigen identiteit kan uitstralen? Maar dat een kleur ook kan spreken. Achter elke kleur kun je een diepere betekenis vinden. We hebben wat kleuren voor je op een rijtje gezet die een bepaalde uitstralingen, gevoelens vertegenwoordigen.
De kleur geel
De kleur geel straalt warmte, plezier en creatief denken uit. Ook wordt de kleur geel vaak geassocieerd met actie. Vaak zie je in reclamefolders van die gele prijs sterren staan. Dit omdat geel ook een erg opvallende kleur is, maar tevens ook waarschuwt. Een echte triggerpoint. De kleur geel wordt ook gebruikt in de huisstijl van Caterpillar, Subway & UPS.
De kleur oranje
Oranje combineert de energie van rood, en het geluk van geel. De kleur wordt geassocieerd met zonnig en vreugdevol. De kleur oranje zorgt voor een verfrissend effect en zorgt voor warmte. De kleur staat voor jong en dynamisch en wordt geaccepteerd onder jongeren. De kleur oranje staat op internationaal niveau symbool voor kracht en uithoudingsvermogen. De kleur oranje wordt onder andere in de huisstijl van ING, KNVB & Nickelodeon.
De kleur rood
De kleur rood, een belangrijke kleur dat door heel veel bedrijven wordt gebruikt. Denk hierbij aan McDonalds, Coca Cola & Lays. De kleur rood symboliseert al eeuwen kracht en grootheid uit. Echter, is het wel oppassen met deze kleur. De kleur wekt het zenuwstelsel op en kan een reactie op je gevoelens uitlokken. De gevoelens van liefde, lust en passie maar ook angst en agressie.
De kleur paars
De kleur paars combineert de stabiliteit van de kleur blauw en de energie van de kleur rood. Paars staat voor luxe, macht en adel. Wist je dat de kleur paars het meest gekozen wordt door kinderen? De kleur paars is in de natuur een zeer zeldzame kleur. De kleur paars wordt onder andere gebruikt in de huisstijl van bijvoorbeeld Hallmark, Yahoo & T-Mobile.
De kleur blauw
De kleur blauw wordt erg veel gebruikt. De kleur wordt geassocieerd met diepte en stabiliteit en staat voor zakelijk. Het straalt betrouwbaarheid, loyaliteit, waarheid en wijsheid uit. De kleur blauw komt ook terug in de huisstijl van bijvoorbeeld de Overheid, Oral-B & Facebook.
De kleur groen
De kleur groen symboliseert groei, frisheid, natuur en harmonie. De kleur groen heeft een sterke emotionele correspondentie met veiligheid. Denk maar aan nooduitgang bordjes, maar vergeet ook het stoplicht niet dat groen opkleurd als de weg veilig begaanbaar is. Wist je dat de kleur groen de meest rustgevende kleur is voor het menselijk oog? De kleur groen wordt gebruikt door bijvoorbeeld Starbucks, BP en Greenpeace.
De kleur grijs
De kleur grijs staat voor intelligentie, solide en praktisch. Je ziet deze kleur vaak terugkomen bij techbedrijven zoals Apple. Ook wordt deze kleur vaak gekozen door overige computer bedrijven. De kleur grijs wordt vaak gebruikt als basis in een logo of huisstijl. Het voordeel van de kleur grijs is dat het vaak de kleur die naast het grijze staat versterkt. Bedrijven als Apple, Cartoon Network & Wikipedia hebben de kleur grijs in hun huisstijl verwerkt.
Wat gaat het worden?
We hopen dat we jou een stuk verder op weg hebben kunnen helpen! Weet je al wat je met jouw huisstijl wilt gaan doen? Of ben je nog zoekende, we helpen je uiteraard graag met het samenstellen van de perfecte huisstijl. Neem contact met ons op, bespreek de wensen en vraag een offerte aan.
Merk je op dat jouw WordPress website enorm traag laadt? Hier is wat aan te doen! WordPress is gemakkelijk te optimaliseren. Het ideale van dit platform is dat er de mogelijkheid is tot het installeren van plugins. Er zijn veel plugins beschikbaar die het optimaliseren van jouw website vereenvoudigen. In deze blog behandelen alleen plugins die wij zelf ook getest hebben. Vergeet straks niet het artikel te delen!
Wat kun je precies optimaliseren aan je website.
Binnen WordPress valt er veel te optimaliseren. Zo zijn er diverse plugins te installeren die afbeeldingen comprimeren en optimaliseren. Javascript, HTML en CSS’s bestanden kun je minfyen en samenvoegen. Jouw WordPress website kan aangesloten worden op een CDN netwerk zoals Cloudflare en zo zijn er nog een aantal punten.
Hulp nodig bij het optimaliseren?
Wij staan graag voor je klaar om je te helpen bij het optimaliseren van jouw WordPress website. Ook als je ergens niet uitkomt tijdens het lezen van dit artikel, mag je altijd even contact opnemen. Dit kan telefonisch, per e-mail of via de chat en natuurlijk onze socialmedia kanalen. Wist je dat wij gevestigd zijn in het centrum van Amsterdam? Je mag bij ons altijd een afspraak maken om langs te komen.
GZIP compression inschakelen.
Een van de makkelijkste manieren om je WordPress website sneller te maken is het gebruik van GZIP compression. Wat is GZIP compression? We leggen het je graag uit. Gzip staat voor GNU zip en is een datacompressiemethode. GZIP zorgt er voor dat webpagina’s, stylesheets en scripts geminimaliseerd worden. Over het algemeen kun je met GZIP-resources met veel tekst al verkleinen tot 70 a 90%. Het is daarom niet alleen een van de makkelijkere manieren, maar ook een van de beste manieren om jouw WordPress website te optimaliseren.
Om GZIP compression in te schakelen kun je inloggen via jouw FTP-programma op jouw webserver waar de website staat. In de hoofdfolder (rootfolder) maak je een nieuw bestand aan en noemt het “.user.ini” tot slot geef je het bestand de bestandsrechten 644 mee. Mocht dit bestand al aanwezig zijn, dan open je dit bestand en voeg je vervolgens de volgende code toe:
zlib.output_compression = 1
Sla het .user.ini bestand op en daarna ga je opzoek naar het .htaccess bestand. Het kan zijn dat er geen .htaccess bestand aanwezig is. Deze kun je vrij eenvoudig aanmaken door een nieuw bestand te creëren. Je noemt dit bestand vervolgens ".htaccess" en geeft het de bestandsrechten 644 mee. We openen vervolgens het .htaccess bestand en zetten er de volgende code in:
GZIP-compressie hoort nu volledig geactiveerd te zijn. Het kan ook zijn dat jouw webserver geen GZIP ondersteund, dit merk je gauw genoeg bij het testen van je website. Om je website te testen kun je websites als GTMetrix, PageSpeed Insights, Pingdom gebruiken.
Expired headers toevoegen aan je .htaccess bestand.
Naast GZIP compression kun je ook expired headers instellen voor jouw WordPress website. Expired headers zijn opdrachten die naar het browser gestuurd worden om te bepalen of een bestandstype wel of niet geladen moet worden uit de cache. Ook wordt vanuit de expired headers duidelijk wat het tijdsbestek is van een op te bouwen cache. In het voorbeeld zie je staan “access 1 year”. Dit wil zeggen dat als iemand vandaag jouw WordPress website voor het eerst bezoekt, deze website nog 1 jaar uit de cache wordt opgehaald bij ieder nieuw bezoek. Dit vervalt uiteraard wanneer je zelf jouw browser cache leegt. Hieronder vind je de expires header die je kunt toevoegen aan je .htaccess bestand.
Wat is caching? Dat hoor ik je zeggen! Caching is het tijdelijk opslaan van jouw website in het korte termijn geheugen. Elke keer dat je een website bezoekt wordt deze website opgeslagen in jouw browser in de tijdelijke cache. Waarom dit zo belangrijk is, heeft te maken met de snelheid van jouw pagina’s die moeten inladen. Zonder het gebruik van caching duurt het laden van de pagina’s langer dan als je wel caching zou gebruiken. Op het moment dat je een pagina bezoekt slaat het browser gedeeltes van de pagina op in de cache. Wanneer je zo’n pagina vervolgens op een later moment weer zou bezoeken, controleert je browser eerst of er wellicht iets in jouw cache geheugen is opgeslagen. Mocht dit zou zijn, dan zal de webpagina meteen naar voren komen aangezien deze al opgeslagen staat op de computer in het desbetreffende browser.
Voordelen van WordPress laten cachen.
Naast dat caching zorgt voor een snellere website, wat altijd fijn is voor de gebruikerservaring, zorgt caching ook voor databesparing voor mobiele gebruikers, denk aan gebruikers van smartphones en tablets. Omdat deze groep vaak mobiel internet gebruikt kan dit erg prijzig zijn. Daarom is caching ideaal omdat er zo minder bandbreedte verbruikt wordt omdat de website immers uit de cache opgehaald wordt.
Het gebruik van de caching plugin WP Optimize.
Een van de betere plug-ins om jouw website te cachen is WP Optimize. Met deze plugin kun je naast caching ook gebruik maken van de andere functies. Zo is het ook mogelijk om met deze plugin gebruik te maken van de volgende functies: Database optimalisatie, Comprimeren van afbeeldingen, en tot slot minifying van scripts en stylesheets.
Installeren, activeren en configureren van de plugin WP Optimize.
Ga opzoek in de pluginstore van je backend. “Plugins” > “Nieuwe plugin” > en zoek hier naar WP Optimize. Als het goed is zie je gelijk links bovenaan de desbetreffende plugin staan. Mocht je hem niet kunnen vinden, dan kun je hem hier downloaden. Na het installeren klik je nog even op ‘Activeren’ en je caching plugin is geïnstalleerd.
Het optimaliseren van de database.
Vervolgens klikken we in de linker sidebar op ‘Plugins’ en zoeken de plugin op. Klik op “Optimaliseren”. Je zult dan op het tabblad ‘Database’ uitkomen. We starten dus met het optimaliseren van de database. Dit doen we door op de button “Start alle geselecteerde optimalisaties”. Je kunt eventueel nog op eigen inzicht meer bepaalde selectievakken aanvinken. Persoonlijk laten we de gekozen opties voor optimalisaties staan, en optimaliseren deze. Je zult nu een loader bij alle componenten zien die aan het optimaliseren zijn. Zodra deze loaders gestopt zijn is het proces voltooid en kunnen we naar het volgende tabblad genaamd “Afbeeldingen”.
Afbeeldingen comprimeren en optimizen.
Nadat we de database hebben geoptimaliseerd, kunnen we beginnen met de afbeeldingen. Het is ook mogelijk met deze plugin alle afbeeldingen automatisch te laten comprimeren. Schakel deze functie in door op “Automatisch nieuw toegevoegde afbeeldingen comprimeren”. We zouden dit persoonlijk wel aanraden. Bij “Opties voor compressie” laten we de optie “Aangepast” staan zoals deze al staat ingesteld. Hiermee worden de afbeeldingen naar een gangbaar gegeven gecomprimeerd. Laat de schuif in het midden staan zoals deze al staat ingesteld. Je kunt hem eventueel op eigen gevoel nog iets naar links verplaatsen om de afbeeldingen nog iets meer te comprimeren. Tot slot kun je hier ook nog op geavanceerde opties klikken. Aangezien we enorm veel opties hebben wat betreft comprimeren en optimaliseren kunnen we deze hier helaas niet allemaal behandelen. Verderop in dit artikel lees je ook nog over het optimaliseren van je afbeeldingen met de Smush plugin.
De cache functie gebruiken van WP Optimize.
Nadat we klaar zijn met de afbeeldingen, is het tijd om de cache functie te configureren. Ga hiervoor naar het volgende tabblad ‘Cache’ toe. Gelijk bovenaan de pagina vind je ook een handige video die je uitlegt wat is caching is, hoe het werkt en hoe je het toepast. Om gebruik te maken van de cache functie dien je bovenaan de pagina het schuifje “Zet cachen pagina’s aan” naar rechts te zetten, tot deze blauw opkleurd. Dit kan soms even duren. Nadat dit afgerond is, klik je nog even onderaan de pagina op “Sla wijzigingen op”. Nu is caching geactiveerd en actief. Tot slot voegen we nog een klein stukje code toe in het .htaccess bestand om de website optimaal te laten cachen. Dit stukje code kun je plaatsen onder de code voor GZIP compression wat we eerder in dit artikel hebben geplaatst en opgeslagen. De code is als volgt:
Sla het bestand op, en verwijderd de cache. Dit doe je vanuit je WordPress backend. Je ziet als het goed is na het activeren van de cachinig optie in de plugin WP Optimize, boven in beeld een knop genaamd “Cache legen”. Hier kun je kiezen voor “Cache geheugen opschonen voor alle pagina’s” of het cache geheugen legen per specifieke pagina. Nadat je de cache geleegd hebt, zijn alle wijzigingen die je aan je pagina hebt gedaan zichtbaar.
Caching performance testen na optimalisatie.
Nadat je caching ingesteld hebt, is het handig om te kijken wat dit doet qua prestaties. Om dit goed te testen, gebruiken we hier GTMetrix Legacy reports voor. Met legacy reports kun je erg goed zien welke bestanden er gecached worden en hoe intensief caching toegepast wordt.
Minify van scripts en stylesheets.
Met de laatste stap die we moeten nemen in deze plugin zijn we aanbeland bij het tabblad “Minify”. Dit is een zeer belangrijk onderdeel om jouw WordPress website nog beter te optimaliseren en sneller te maken. Met deze optie kun je het aantal requests terug dringen. Requests zijn verzoeken die gedaan worden vanaf jouw website. Alle losse onderdelen op jouw website zijn in principe per stuk allemaal requests- en verzoeken. Stel dat je drie afbeeldingen hebt, twee scriptjes en een stylesheet dat ingeladen wordt tijdens het openen van je website, Dan moeten we eerst wachten tot deze ingeladen zijn.
Des te meer verzoeken er verwerkt moeten worden, hoe langer het wachten duurt, en dit wil je dus niet. In dit voorbeeld hebben dus te maken met maximaal 6 verzoeken. Wat uiteraard erg weinig is. Gemiddeld heeft een goede WordPress website zo’n 85 requests. Zit je hierboven dan kan je website al een stuk langzamer worden. Het zou nog mooier zijn om lager dan die 85 requests uit te komen. Dit kunnen we realiseren met de functie Minify.
Minify inschakelen en optimaliseren.
Om bestanden te minifyen zullen we als eerst de optie “Verkleinen inschakelen” actief moeten maken. Zet het schuifje naar rechts tot het blauw opkleurd. Vervolgens zien we drie opties omhoog komen die allen staan aangevinkt. Dit kun je eerst prima aanhouden. Klik nu op de button “Schoon de verkleinde bestanden op”.
Het kan een beetje tricky zijn, de optimalisatie van bestanden als Javascript en CSS stylesheets. Na het wijzigen van de minify settings, legen we eerst de pagina cache weer uiteraard, en testen de website uitvoerig op styling maar ook functionaliteit. Uiteraard kun je ook de website gelijk testen op GTMetrix of andere performance testing websites.
LET OP! Gebruik je Cloudflare? Dan zul je je een keuze moeten maken waar je graag je scripts en stylesheets laat minifyen. Je kunt geen bestanden dubbel minifyen, dit zal in de meeste gevallen voor problemen zorgen.
Het gebruik van de caching plugin WP Fastests Cache.
De volgende plugin die we gaan behandelen is de plugin van Emre Vona genaamd WP Fastests Cache. Deze plugin werkt weer iets anders dan de besproken plugin van WP Optimize. Beide plugins optimaliseren je website door middel van caching. Echter, kun je bij deze plugin jouw CDN netwerk verbinden middels een API. Een API is niets meer dan een integratie.
Inhoudelijk over het optimaliseren van afbeeldingen en caching gaan we hier verder niet op in. We gaan nu bespreken hoe je een koppeling kunt leggen met in dit geval Cloudflare en WP Fastest Cache op jouw WordPress website.
Het grote voordeel van deze integratie is dat je niet meer hoeft in te loggen op Cloudflare om hier je opgebouwde cache te legen. Je hoeft dan na het wijzigen van een pagina of iets dergelijks enkel nog je pagina cache te legen op je WordPress website zelf. Met deze cache flush wordt ook gelijk de cache history bij Cloudflare zelf geflushed. Wel zo handig!
We gaan ervan uit dat je de plugin hebt kunnen vinden in de plugin store van je WordPress backend. Problemen met het vinden van de plugin? Klik dan hier. Om Cloudflare te koppelen middels een API gaan we naar “Plugins” > “Instellingen” > “CDN”. Nu zie je een tabblad met meerdere iconen. Klik hier op de icoon van Cloudflare (“CDN by Cloudflare”).
Er wordt nu gevraagd om een token op te geven. Dit token kun je enkel genereren als jouw WordPress website al reeds aangesloten is op Cloudflare. In dit geval gaan we er van uit dat dit al bij jouw WordPress website al is gebeurt. Om een API token te genereren moeten we inloggen op Cloudflare. Log nu in op Cloudflare en volg de volgende stappen:
Klik op de juiste domeinnaam die je wilt verbinden met de plugin.
Op het huidige tabblad “Overview” zie je rechtsonder aan de pagina “Get your API token”. Klik hier op.
Nu komen we uit bij een tabblad waar je jouw gegevens en taal kunt wijzigen. Bovenin beeld zien we in het menu staan “API tokens”, deze klikken we aan.
Om een nieuwe API token aan te maken klikken we op “Create Token” en kiezen hierbij “Edit zone DNS” door op “use template” te klikken.
Nu is het de bedoeling de juiste regels aan te maken. We beginnen eerst de permissions in te stellen. Deze moeten als volgt staan:
PermissionsZone >> Cache Purge >> Purge
Zone >> Zone Settings >> Edit
Dit zijn de bovenste twee invoervelden onder elkaar. Zie je geen 2 invoervelden onder elkaar? Klik dan nog even op de “+Add more” button.
Nu stellen we de onderste regel in. Het instellen hangt hier van af wat hoe jouw situatie is. Je kunt deze API ook voor alle domeinnamen instellen binnen jouw Cloudflare omgeving. Kies dan voor “Include >> All zones”. Stel je deze API in voor een specifiek domein, kies dan de optie “Include >> Specific zone” en zoek hier de juiste domeinnaam op.
Zone resourcesInclude >> All Zones
Include >> Specific zone > “example.nl”
De laatste stap is om op "Create Token” te klikken. Nu zul je het API token in beeld zien en kun je klikken op “Copy”.
De juist gegenereerde API gaan we implenteren in jouw WordPress website. We keren terug naar het WordPress dashboard. Om de API te implenteren voeren we de volgende stappen uit:
Ga naar “Plugins” > “WP Fastest Cache” > “Instellingen” > “CDN” en klikken op “CDN by Cloudflare”.
We vullen hier de API token in dat wij van Cloudflare hebben ontvangen en klikken op “Next”.
In het volgend scherm krijgen we de “Auto minify” opties te zien. Zoals eerder besproken is, moet je hier opletten of je wilt minfyen via Cloudflare of via jouw eigen WordPress website (WP Fastest Cache). Maak hier een keuze en klik op “Next”.
Je kunt hier nog kiezen om “Rocket Loader” in te schakelen. Maak je keuze en klik op “Next”. Mocht je meer informatie willen weten over de Rocket Loader functie, lees dan het hele artikel hier.
Nu krijgen we het tabblad met “Browser Cache Expiration” in beeld. Hier kunnen we aangeven hoelang we willen dat Cloudflare de cache bewaard. Dit stellen we in op standaard 6 maanden. En klikken hier weer op “Next”.
Ready to go! Jouw WordPress website is nu verbonden middels een API met Cloudflare.
Mocht je na het uitvoeren tegen bepaalde punten aanlopen, waar je hulp bij nodig hebt? Geen probleem! Laat het ons weten en we helpen je graag verder.
Afbeeldingen optimaliseren op jouw WordPress website.
Wist je dat het inladen van (grote) afbeeldingen voor performance verlies leidt? Jouw WordPress website kan door het optimaliseren van grote afbeeldingen stukken sneller worden! Soms kan het comprimeren van afbeeldingen afdoende is. Maar het komt ook voor dat afbeeldingen middels HTML (dus in de code) worden verkleind van bijvoorbeeld 1920x1080 pixels naar 350x190 pixels. Het probleem hierbij is dat de afbeelding zijn ware formaat behoud en daarom eerst de grote afbeelding ingeladen moet worden, terwijl hij maar klein op de website wordt weergegeven. Dit is zonde en zal leiden tot een hoger bounce percentage. We bespreken in dit hoofdstuk de verschillende manieren om jouw afbeeldingen te optimaliseren en te comprimeren.
Afbeeldingen optimaliseren met behulp van Smush.
De makkelijkste manier om jouw WordPress website te optimaliseren, wat afbeeldingen betreft is het gebruik van een plugin. In deze case gebruiken we de plugin van Smush.
Zoek hiervoor de volgende plugin op “Smush – Lazy Load Images, Optimize & Compress Images” van de uitgever “WPMU DEV” en installeer deze plugin. Na het installeren van de plugin activeer je deze nog even en gaan we naar de instellingen toe. Er zal nu een popup naar bovenkomen en deze gaan we even samen met je door:
Klik allereerst op “Setup starten”.
Je krijgt nu de vraag of je automatische compressie in wilt stellen. Deze vinken we aan. Elke keer als er een nieuwe afbeelding geüpload wordt zal deze automatische gecomprimeerd worden. En we klikken weer op “Volgende”.
Nu wordt er gevraagd of je EXIF-metadata wil verwijderen. Hier kiezen we uiteraard ook weer voor. Het voordeel hiervan is dat de afbeeldingen kleiner worden qua bestandsgrootte. En klikken weer op “Volgende”.
Uiteindelijk zijn we bij een best belangrijk proces aangekomen, het lazy-loaden van afbeeldingen. Dit is afhankelijk van je website of het even soepel werkt. Je zou het kunnen testen, en eventueel bij fouten uit kunnen schakelen. Het is zeker aan te raden, en zal ook leiden tot minder HTTP requests. Na je keuze gemaakt te hebben klikken we op “Volgende”.
De laatste stap is of jij ook gebruikersgegevens wil verzenden bij eventuele fouten of iets anders dergelijks. Maak hier jouw eigen keuze en klik op “Setup wizard afronden”.
Na het afronden van de Setup wizard, worden alle afbeeldingen gecontroleerd.
Vervolgens scroll je iets naar benden op de pagina tot je de button “Bulk smush nu” en hier klikken we op.
Nu worden alle afbeeldingen die aanwezig zijn geoptimaliseerd voor jouw WordPress website.
Nadat de afbeeldingen allemaal geoptimaliseerd zijn scrollen we een klein stukje door naar beneden en zetten bij “Afbeeldingen verkleinen” het schuifje naar rechts, zodat deze blauw opkleurd. We zouden persoonlijk een maximum formaat van 1920 pixels breed en 1080 pixels hoog adviseren. Lager kan soms nog beter zijn, maar dit heeft wel invloed op de kwaliteit van de afbeelding. We klikken vervolgens op “Instellingen bijwerken”.
Gefeliciteerd alle afbeeldingen op jouw WordPress website zijn nu geoptimaliseerd!
We hebben tot nu toe wel de belangrijkste opties besproken die er mogelijk zijn in de plugin van Smush. We willen je zeker aanmoedigen om even rond te kijken en te testen welke mogelijkheden er nog meer zijn voor het optimaliseren en het sneller maken van jouw WordPress website.
Afbeeldingen optimalisatie via GTMetrix (Legacy reports)
Wil je liever geen gebruik maken van plugins die de afbeeldingen optimaliseren? Dan is het ook mogelijk de afbeeldingen allemaal handmatig te optimaliseren. Het uitvoeren van de onderstaande stappen kan erg lastig zijn voor beginners. Gebruik in dat de plugin van Smush zoals hierboven al reeds besproken is.
Via GTMetrix is het vrij eenvoudig om van het originele afbeelding bestand, het geoptimaliseerde bestand te downloaden en terug te plaatsen op de server waar het origineel ook staat. Je kunt de locatie opzoeken door de URL te volgen in GTMetrix. Deze kun je vervolgens herleiden naar het pad van jouw server, zodat je weet waar je deze foto moet terug zetten. Om deze functie te gebruiken moeten we wel ingelogd zijn bij GTMetrix. Je kunt een gratis account aanmaken, en het account instellen op “Legacy Reports”. Bekijk nu onze tutorial hoe je Legacy reports kan instellen!
Hoe optimaliseren we afbeeldingen via GTMetrix? Volg de onderstaande stappen:
Login met je juist aangemaakte account in bij GTMetrix (of bestaand account).
Voer nu jouw URL in en start de test.
Klik bij het tabblad “PageSpeed” op “Optimize images” en bekijk hier de te optimaliseren afbeeldingen.
Je ziet hier als er afbeeldingen te optimaliseren zijn, een rijtje met mogelijke afbeeldingen. Klik hier op “Optimized version”.
De afbeelding zal nu opkomen in een aparte tabblad. Sla deze afbeelding met dezelfde naam op die je ook in de link ziet verschijnen van de vorige tab.
Upload de afbeelding nu in de exacte map via een FTP cliënt. Deze map kun je traceren door het pad te volgen van de afbeelding. Het pad kun je vinden in de URL.
Wis eventuele cache en test je website opnieuw. Je zult zien als je alle afbeeldingen hier geoptimaliseerd hebt, de balk volledig groen zal kleuren.
TIP! Moet je de afbeeldingen nog resizen? Doe dat dan eerst voordat je de afbeeldingen gaat optimaliseren. Anders zul je er dubbel zo veel werk aan hebben.
Geschaalde afbeeldingen gebruiken.
Wat vaak tot een extreem hoge performance boost kan leiden, is het schalen van jouw afbeeldingen. Doe dit in het exacte formaat dat je ook op je website gebruikt. Zo bespaar je veel datagebruik van afbeeldingen die anders onnodig lang moeten inladen. Het is niet de bedoeling om grote afbeeldingen te uploaden in WordPress. WordPress heeft dit zelf al dicht gezet door het upload limiet te verlagen naar 2MB, wat alsnog erg groot is voor een afbeelding voor op je website. Zorg dat je afbeeldingen altijd onder het formaat van 1920 bij1080 pixels blijven. En dat afbeelding maximaal 1MB groot is. Dit is wel echt het uiterste!
We gebruiken in dit geval GTMetrix Legacy reports om te checken of jouw website wel geschaalde afbeeldingen gebruikt. Hiervoor ga je in GTMetrix naar de tab “PageSpeed” en kijkt nu in de rubriek “Serve scaled images”. Mocht jouw pagina geen geschaalde afbeeldingen bevatten, dan zul je ze hier in het overzicht niet tegenkomen. Zijn er afbeeldingen gevonden? Dan zie je nu achter de link van de afbeelding ongeveer deze tekst staan “is resized in HTML or CSS from 3231x1420 to 102x45. “. Dit kun je als volgt uitlezen; de aangetroffen afbeelding heeft een oorspronkelijk formaat van 3231x1420. Deze afbeelding wordt op de website weergegeven in het formaat 102x45.
Het is dan de bedoeling om in bijvoorbeeld Photoshop eerst een nieuw document aan te maken met de volgende waardes: 102 pixel bij 45 pixel hoog. Hier plak je vervolgens de afbeelding in die je weer van GTMetrix kan halen. Sla het bestand op en zet het terug via FTP. Leeg de cache van je website waar nodig en test de website opnieuw. Nu zul je waarschijnlijk ook opmerken dat je de afbeelding opnieuw moet optimaliseren. Doe dit zoals eerder in dit artikel is besproken.
Jouw WordPress website nog beter optimaliseren.
We komen nu aan het einde van dit artikel. We hopen dat je er wat aan hebt, en jouw WordPress website nu goed kunt optimaliseren. Je weet nu hoe je de laadtijd van je WordPress website kunt verbeteren. Ook weet je nu wat grote afbeeldingen kunnen doen met de laadtijd van jouw website of webshop. Tevens hebben we een greep uit het assortiment van cache en optimize plugins gedaan, behandeld en besproken. Er zijn nog zo veel meer plugins en tools beschikbaar. Laat je dan ook niet afschrikken en ga op onderzoek uit en bekijk hoe jij jouw WordPress website nog beter kunt optimaliseren. Heel veel succes gewenst!
Kom je ergens niet uit, geen probleem!
Wij kunnen je helpen bij het optimaliseren van jouw WordPress website. Wil je meer informatie? Neem dan contact met ons op. Wil je langs komen? Dat is mogelijk, wij zijn gevestigd op de Marnixstraat in het centrum van Amsterdam ter hoogte van de Westerstraat.
Je steekt uren in het ontwerpen van jouw nieuwe website. Op een bepaald moment is de website dan ook echt af en wordt het tijd om bezoekers te trekken naar je website. Maar dan blijkt dat je website nauwelijks nauwelijks vindbaar is. Wat blijkt? Jouw website is nergens in Google of andere zoekmachines te bekennen. In dit artikel nemen we jullie mee door een handig stappenplan om te zorgen dat jouw website beter vindbaar zal worden in diverse zoekmachines. Hiervoor zul je jouw website moeten SEO optimaliseren. We zorgen met dit artikel ervoor dat jouw website beter vindbaar zal worden in de vele zoekmachines.
Soorten zoekmachines
Om beter te begrijpen hoe je jouw website beter vindbaar kunt maken, is het handig om eerst te begrijpen hoe een zoekmachine precies werkt. We kennen drie type zoekmachines. Zo is, wie kent hem niet ‘Google’ een ‘Crawler based’ zoekmachine. Naast het crawler based type zijn er ook nog de ‘Subject Directory’ en de ‘Meta’ type zoekmachines.
Crawler based zoekmachine
Bij een crawler based zoekmachine worden de index pagina’s op het internet opgeslagen in een grote database. Het crawlen gebeurt geheel geautomatiseerd door een bot. Nadat je een zoekopdracht uitvoert komen de websites gerangschikt op relevantie te voor schijn. Zoekmachines als Google, Bing en Yahoo zijn crawler based zoekmachines.
Subject Directory zoekmachine.
Een subject directory based zoekmachine werkt met bepaalde relevantie blokken aan URL’s die per subject worden getoond. Een bekende subject directory zoekmachine is startpagina.nl, wat vroeger vaak ingesteld werd als, de naam zegt het al 'startpagina'.
Hoe werkt een zoekmachine
Nu we weten welke types zoekmachines er zijn, gaan we kijken hoe een zoekmachine werkt. In dit geval nemen we Google even als voorbeeld. Wij denken dat iedereen hier wel bekend mee is. Google biedt naast zijn zoekmachine ook diensten aan als Gmail, gratis tekstverwerkers en cloudopslag via de Google Drive. Wereldwijd worden de meeste zoekopdrachten gedaan met deze zoekmachine. In Nederland komt dit neer op 90% van alle zoekopdrachten. Om te beginnen werken bijna alle (crawler based) zoekmachines met een ‘Ranking Algoritme’. Een algoritme is een vast patroon aan bepaalde stappen. Google werkt met zo’n 250 algoritmes, waarvan er zo’n 150 bekend zijn. Al deze algoritmes hangen met de volgende zaken samen; PageRank, backlinks, website snelheid, relevantie, unieke content, SSL-beveiliging, sitemap, keywords, metabeschrijving etc.
Jouw website aanmelden in de Google Search Console
Om Google een stukje te helpen met indexeren van jouw website is het aan te raden jouw domeinnaam aan te melden bij Google Search Console. Hiervoor is een kleine aanpassing in het DNS nodig. Dit is bedoeld om de domeinnaam te verifiëren en om aan te tonen dat de domeinnaam tot jouw eigendom toebehoord. Houd er rekening mee dat zo’n DNS-wijziging tot maximaal 24 uur kan duren. Ook is het mogelijk om de domeinnaam te verifiëren via een bestand dat je kan plaatsen op je website. Als je domeinnaam eenmaal geverifieerd is, kun je inloggen op je Google Search Console en hier bekijken op welke zoekwoorden jouw website het beste scoort. Ook zie je in dit portaal op welke positie je website momenteel staat en is het mogelijk om een sitemap te uploaden. Dit is erg belangrijk en zorgt ervoor dat Google jouw pagina’s goed kan indexeren. Heb je een WordPress website? Dan is het mogelijk om via de plug-in Yoast SEO jouw sitemap aan te maken en te uploaden in de Google Search Console.
Sitemap gebruiken
Om jouw website pagina’s beter te laten indexeren is het handig om gebruik te maken van een sitemap. Een sitemap is niets meer dan een inhoudstabel. Een sitemap is zowel handig voor de website bezoeker als dan wel zoekmachines. De meeste sitemaps exporteren we als het .XML-bestandstype. Dit is ook het bestandstype dat ondersteund wordt door de Google Search Console. Zoals eerder genoemd in dit artikel is het ook mogelijk om een sitemap aan te maken in WordPress met een tool (plug-in), genaamd Yoast SEO. Deze plug-in kun je eerst downloaden en activeren en vervolgens voer je de volgende handelingen uit:
Log in op je WordPress back-end.
Klik op “SEO” in de zijbalk en klik op “Algemeen”.
Vervolgens klik je op “Functies” en hier ga je opzoek naar “XML-sitemaps” . Tot slot klik je op het rondje met vraagteken.
Nu zie je het volgende staan als het goed is: "Bekijk de XML-sitemap” en klikt hier op.
De sitemap verschijnt nu in een nieuw tabblad. Je kunt de link die boven in de adresbalk staat kopiëren en doorvoeren in de Google Search Console, bij de optie “Sitemap”.
Jouw bedrijf aanmelden bij Google bedrijf en wordt beter vindbaar
Persoonlijk raadt ik je ook aan om jouw bedrijf aan te melden bij Google Mijn Bedrijf. Hierbij heb je de mogelijkheid om dan voor jouw bedrijf recensies te kunnen ontvangen, wat potentiële klanten de indruk kan geven dat er goede producten / diensten geleverd worden. Tevens kun je ook kosteloos een website vermelding opgeven bij Google wat natuurlijk weer een gratis backlink is. Dit is uiteraard bevorderlijk voor de SEO. Ook is het aan te raden gebruik te maken van meerdere review websites. Een bekend review website is bijvoorbeeld Trustpilot. Ook hier kun je weer een backlink opgeven.
Backlinks
Om hoger te scoren in diverse zoekmachines is het aan te raden gebruik te maken van backlinks. Backlinks zijn koppelingen die op andere websites staan, die weer naar jouw website linken. Met meer backlinks zullen zoekmachines concluderen dat jouw website erg relevant kan zijn. Ook is er een verschil tussen de backlinks. Elke backlink is en werkt niet hetzelfde. Er bestaat ook nog zoiets als domein autoriteit. Hiermee wordt bedoeld dat er gradaties per domeinnaam kunnen zijn. Zo zal een domeinnaam afkomstig van een universiteit of overheidsinstantie van hoger autoriteit zijn dan bijvoorbeeld een domeinnaam die gisteren net aangevraagd is, of afkomstig is van een plaatselijke voetbalclub. Dit heeft ook invloed op de backlinks. Backlinks van hoger geautoriseerde domeinnamen die naar jouw website leiden, zullen een hoger relevantie gehalte hebben, en zal 1 backlink waardevoller zijn dan 100 andere backlinks op een lager geautoriseerde domeinnamen.
Jouw website aanmelden bij diverse verzamelsites.
Ook kan het interessant zijn om jouw website aan te melden bij diverse andere websites zoals De Telefoongids, Drimble, Socialmedia kanalen etc. om al gratis een backlink te leggen naar jouw website. Bekijk dit artikel voor meer informatie over het aanmelden van jouw website op diverse verzamelsites.
Meta omschrijving en keywords
De meta omschrijving oftewel meta discription is het tekst gedeelte wat je in de zoekmachine ziet onder de titel in het blauw. In de meta omschrijving kun je in het kort omschrijven waar de specifieke pagina over gaat. Handig is om de omschrijving op te bouwen in keywords. Met behulp van de plug-in Yoast SEO voor WordPress kun je per pagina de meta omschrijving invullen. De plug-in houdt ook rekening met de lengte van de meta omschrijving.
Wat zijn keywords?
Keywords zijn woorden die gebruikers invullen bij de zoekmachines. Het is dan ook de bedoeling, mocht je goed willen scoren op een bepaald onderwerp dat je deze keywords goed in je content verwerkt. Verwerk daarom ook je target keywords in de hoofdtag (H1), en eventueel in de tussenkopjes. Maar ook in de alt beschrijving van je afbeeldingen. Tot slot ook tussen de eerste en laatste 100 woorden van je pagina. De keywords die je op deze pagina kunt vinden zijn bijvoorbeeld: zoekmachine, Google & SEO.
LSI keywords
LSI keywords staat voor Latent Semantic Indexing. Om de zoekmachine meer context te geven over jouw website, is het aan te raden LSI keywords te gebruiken. Dit zijn de keywords die je onderaan de pagina ziet verschijnen in Google en die hoog gerelateerd zijn aan het target keyword. Check daarom altijd even je target keyword in de zoekmachine om te checken of er nog interessante LSI keywords verwerkt kunnen worden in je content. Als we op het target keyword ‘website optimaliseren’ zoeken in Google zien we de volgende LSI keywords verschijnen: ‘wat is website optimalisatie’ en ‘website SEO optimaliseren’. Deze twee keywords hebben we ook in dit artikel verwerkt. Let maar eens op!
Jouw website laten optimaliseren
Om nog hoger te scoren in Google is het aan te raden om je website te optimaliseren. De laadsnelheid van jouw website speelt een grote rol met betrekking tot de PageRank. Dan hoor ik je al zeggen, wat is website optimalisatie? Hiermee wordt bedoeld het verbeteren en versnellen van je website en zijn performance. Voor het optimaliseren van je website kun je gebruik maken van diverse tools als GTMetrix. Lees ook ons artikel over GTMetrix. Via GTMetrix Legacy reports krijg je een inzicht van alle verbeterpunten die je kunt toepassen om jouw website nog veel sneller te laten laden.
Krachtige content om beter vindbaar te worden
Hopelijk heb je nu een beetje door hoe een zoekmachine werkt en met welke punten je op zijn minst rekening mee moet houden. Maar er is meer! We gaan het nu hebben over het schrijven van krachtige content. Content is het belangrijkste wat je op een website kunt vinden. Deze content wordt uiteraard ook uitgelezen door de zoekmachines. Schrijf de content daarom zo foutloos als mogelijk. Denk maar aan het feit dat als je opzoek bent naar een bepaald onderwerp, en je hebt het verkeerd gespeld. Dan zul je zien dat Google je invoer wil verbeteren. Dit kun je herkennen aan de volgende tekst in het blauw: “Bedoelde je:” dat je te zien krijgt wanneer je een woord verkeerd hebt gespeld. Het zou jammer zijn als deze personen niet op jouw website uit zullen komen. Ten tweede zijn spelfouten, en grammatica foutjes in de content voor velen storend. Het zorgt ervoor dat je bedrijf / organisatie minder professioneel overkomt. Bovendien zul je door spelfouten in je content een hoger bounce percentage creëren. Wat wil zeggen dat er wellicht enkel jouw homepage bezocht wordt en daarna je website al weggeklikt wordt. Het gaat er immers om bezoekers zo volledig en lang mogelijk op jouw website te laten surfen. Ook wordt er met krachtige content bedoeld dat de content zo opgesteld wordt dat deze vol zoekwoorden (keywords) zitten die natuurlijk netjes verwerkt zijn in de content. Zo wordt de content ook nog eens beter vindbaar en relevant aan zoekwoorden die in de zoekmachine ingevoerd worden.
Titels, kopjes en paragrafen
Het gebruik van titels, kopjes en paragrafen is erg belangrijk bij het goed vindbaar maken van je website. De hoofd titel is een van de belangrijkste onderdelen op je website. Elke pagina heeft zo’n hoofd titel. We noemen zo'n titel de hoofd heading, ofwel de H1 tag. Deze titel is altijd boven in de browserbalk terug te vinden, maar ook op Google waar je desbetreffende pagina geïndexeerd staat. Op elke pagina komt de H1 tag maar een keer voor. Tot slot is het belangrijk dat in deze titel belangrijke trefwoorden (keywords) verwerkt worden.
Tussenkoppen
We weten dat de hoofdtitel enorm belangrijk is. Maar wist je dat je ook tussenkoppen gebruikt bij het begin van een nieuwe alinea. Als het goed is zie je op de meeste websites bij elk nieuwe inleidende alinea een kleinere tussentitel. Wij noemen dit de tussenkoppen. Deze tussenkoppen zijn gekenmerkt door een H2 of soms H3 aanhaling. Deze tussenkoppen worden ook door zoekmachines als Google uitgelezen.
Paragrafen
Tot slot komen de alinea's in paragrafen te staan. Een paragraaf begint altijd na de H1 tag of na een tussenkop. Zorg ervoor dat de paragrafen niet te lang zijn. Want het zou enorm kunnen afschrikken als je een artikel opent, en deze zou bestaan uit een grote paragraaf. Ook voor het scannen van een pagina voldoen kort maar krachtige paragrafen het beste.
Tot slot
Als je denkt dat dit artikel je alle inzichten geeft in het beter vindbaar maken van je website in diverse zoekmachines, dan heb je het helaas mis. Wel geeft dit artikel je een goed zetje in de rug om hoger in Google te komen. Graag wil ik jullie het advies geven om vooral zelf op onderzoek te blijven gaan. Ook vinden er altijd veranderingen plaatst op het gebied van zoekmachines en SEO. Blijf daarom altijd op de hoogte van de laatste trends om dit proces bij te kunnen houden. Mocht je dit nou een goed artikel vinden? Deel dit artikel dan gerust via je socialmedia kanalen. Veel succes met het optimaliseren van jouw website!
Beter vindbaar worden?
Wij kunnen je helpen bij het beter vindbaar maken van jouw website. Wil je meer informatie? Wij staan graag voor je klaar!
Als we het over analytische websitetools hebben, dan heb je misschien vast wel eens gehoord van GTMetrix. Een veel gebruikte tool dat een wereldwijde bekendheid heeft. Ook tijdens mijn werkzaamheden bij een hostingprovider gebruik ik GTMetrix geregeld om snel tot inzichten te komen. Hoe het met een website er precies voor staat. Ook of er bijvoorbeeld gebruikt word gemaakt van caching en (GZIP) compression, omdat dit super handig is voor de doelgroep klanten waar ik mee werk.
Wat krijgen we nu weer!?
Helaas viel het mij op een dag per abuis op dat GTMetrix totaal vernieuwd was. Op het moment dat ik er achterkwam was ik met een klant in gesprek en we hadden het over de snelheid van zijn website. Dus leidde ik deze klant naar de pagina van GTMetrix, zoals gewoonlijk. De klant startte de test. Na een minuut vroeg deze aan mij, en nu verder? En ik vertelde de klant op welke punten hij moest letten, maar deze punten kon hij immers niet vinden. Gelijk ben ik ook een test sessie gaan starten en zag tot mijn verbazing dat GTMetrix compleet vernieuwd was, en ik ook werkelijk geen idee had hoe ik dit moest moest uitlezen nu.
De introductie van de vernieuwde Lighthouse
GTMetrix biedt vanaf 16 november de vernieuwde Lighthouse versie aan. Dit was het moment om te kijken naar een andere tool, en ben ik gaan kijken naar Google PageSpeed Insights, Uptrends & Pingdom. Maar ook dit was geen denderend succes. Dit omdat ik dit soort tools juist handig vind in de oplevering fase van een nieuw ontworpon website, en niet zo zeer in het begin bij het grof tunen van een startende website. Ook is er gelijk te zien of er bijvoorbeeld gebruik gemaakt wordt van een CDN service. Dat mis ik bij de nieuwe Lighthouse versie.
De heimwee naar GTMetrix werd wel erg groot.
Een tijdje ben ik op zoek gegaan naar vervangende tools. Genoeg verschillende tools uitgeprobeerd. Maar geen enkele tool die ik uitgebreid had getest voldeed aan mijn wensen. Juist omdat ik het zo belangrijk vind om binnen handbereik alles te kunnen monitoren, en ik erg veel functies van GTMetrix gebruikte en het gewend was voelde dit als een enorm gemis. Dus was ik vastberaden om uit te zoeken hoe ik terug kon schakelen naar de oude vertrouwde interface van GTMetrix, en die was er!
Terugschalen van Lighthouse naar de Legacy modus
Na wat rond gekeken te hebben op internet kwam ik er vrij snel achter dat er vrij eenvoudig terug geschaald kan worden naar de Legacy versie (oudere versie). Het enige dat daar voor nodig is, is een gratis account aan te maken op gtmetrix.com en het stappenplan volgen. Ik zal de stappen hier beschrijven zodat voor de gene die interesse heeft in de oldskool GTMetrix hier ook nog gebruik van kunnen maken.
Maak een account aan door je te registeren op gtmetrix.com, en bevestig je registratie per e-mail.
Login en ga direct naar 'Account' rechts boven op de website.
Scroll daarna door naar 'Analysis Options' en zet hier 'Enable Leacy Reports' aan.
Zet ook 'Default to Legacy Reports' aan om Legacy Reports als standaard in te stellen.
Klik tot slot op 'Save Settings' onderaan de pagina, en voer een website test uit.
Veel succes met het inschakelen van de Legacy modus! mochten er vragen zijn, laat ze dan even weten hieronder in de comments.
