In dit artikel laten we zien hoe permalinks werken, hoe je ze op je website kan optimaliseren en hoe je ze \u2013 met code of via de instellingen \u2013 kan configureren.<\/p>\n
Wat zijn WordPress permalinks?<\/h2>\n
WordPress permalinks worden gedefinieerd in de offici\u00eble WordPress Codex<\/a> als:<\/p>\n “De permanente URL\u2019s naar je individuele weblogartikelen, categorie\u00ebn en andere lijsten met weblogcontent.”<\/p><\/blockquote>\n Elke pagina binnen je website (dus artikelen, pagina’s, archiefpagina’s en bijvoorbeeld de 404 pagina) zal een eigen permalink hebben.<\/p>\n Zo zal je homepage bijvoorbeeld te vinden zijn op jouwsite.com, terwijl je blog zich op jouwsite.com\/blog<\/a> bevindt.<\/p>\n Als je een categorie “featured” hebt binnen je blog, kan die op verschillende URL\u2019s te vinden zijn:<\/p>\n Individuele artikelen hebben ook hun eigen permalink. Binnen de templatebestanden van je thema<\/a> wordt de template-tag the_permalink()<\/a> gebruikt om de URL van een artikel op te halen en daar een klikbare link van te maken.<\/p>\n WordPress gebruikt dit om de unieke permalink voor het artikel op te halen, en vervolgens met een <a> element terug te sturen zodat het als link gebruikt kan worden in een lijst met artikelen.<\/p>\n Het mooie van deze template tag is dat je maar \u00e9\u00e9n stukje code hoeft te gebruiken om de link van elk artikel binnen je website op te halen. En je hoeft ook geen links binnen je thema te hardcoden.<\/p>\n In dit artikel hebben we het vooral over permalinks, maar we zullen ook naar slugs<\/a> kijken. Wat is nou precies het verschil?<\/p>\n De permalink is een volledige link naar een artikel. Bijvoorbeeld de link die ik eerder noemde naar een Kinsta artikel over widgets: https:\/\/kinsta.com\/blog\/wordpress-widgets\/<\/a>.<\/p>\n De slug is het laatste deel van de permalink en is uniek voor dat artikel. In dit voorbeeld dus wordpress-widgets.<\/p>\n De slug wordt automatisch gegenereerd op basis van de titel. Maar als je liever handmatig een slug maakt voor een artikel kan dat ook. Ik zal je verderop in dit artikel laten zien hoe je dat doet en waarom je dat zou willen.<\/p>\n\n Binnen een statische website identificeert een URL een bron door middel van de naam en het bestandspad, zoals hieronder te zien:<\/p>\n Om goed gestructureerde URL\u2019s te krijgen hebben we dus alleen maar een goed gestructureerd bestandssysteem nodig, met goed benoemde bronnen.<\/p>\n Maar tegenwoordig is het web dynamischer dan ooit. Als je een site beheert, is de kans heel groot dat je een database-driven CMS<\/a> gebruikt. Dat betekent dat URL\u2019s allerlei parameters kunnen bevatten. Deze parameters zijn zogenaamde query\u2019s, aanvragen, die bij de database worden ingediend.<\/p>\n Kijk maar eens naar dit voorbeeld:<\/p>\n In deze URL zie je een scheidingsteken (het vraagteken) en een aantal key-value paren (gescheiden door een en-teken), die samen een query string<\/em> vormen. De URL voldoet duidelijk niet aan de toegankelijkheids- en gebruikseisen en zou veranderd moeten worden in een beter leesbare en SEO vriendelijke permalink<\/a>.<\/p>\n Hoe je deze “lelijke” URL\u2019s kunt veranderen naar geoptimaliseerde permalinks hangt af van je webserver. Als je Apache<\/a> gebruikt, zul je een aantal rewrite directives<\/em> moeten toevoegen aan het .htaccess bestand<\/a> van de hoofdmap. Als je Nginx<\/a> gebruikt, dan zou je een try_files directive moeten toevoegen aan het instellingenbestand.<\/p>\n Maar geen zorgen! Over het algemeen hoef je niet zelf de webserver regel voor regel te configureren. WordPress doet dat namelijk voor je!<\/p>\n Als sitebeheerder kun je eenvoudig aangepaste rewrite-regels instellen in het beheerderspanel. Gevorderde gebruikers en developers<\/a> kunnen nog meer doen, dankzij de WordPress Rewrite API, waarmee je functions en hooks<\/a> kunt gebruiken. Hiermee maak je het aanpassen van permalinks nog een stapje geavanceerder.<\/p>\n Maar hoe zorgt WordPress dat query\u2019s kunnen worden opgebouwd, dat ze worden uitgevoerd en dat de resultaten uit de WordPress database<\/a> worden opgeslagen? Nou, daarvoor is de WP_Query class<\/a> in het leven geroepen. Dankzij deze class hoeven sitebeheerders niet veel met query\u2019s bezig te zijn. WP_Query handelt elke query\/verzoek automatisch af, bouwt query\u2019s op en voert ze uit. Na dit proces stuurt WordPress de gevraagde bron terug volgens de template-hi\u00ebrarchie<\/a>.<\/p>\n Standaard staat WordPress query\u2019s toe voor individuele artikelen\/pagina’s en artikeltypen. Ook kan het platform overweg met een aantal archieven, gesorteerd op onder meer categorie, tag, datum of auteur.<\/p>\n Als de standaardfunctionaliteit niet toereikend is, kunnen developers ook nog custom query\u2019s bouwen door nieuwe instances<\/em> van de WP_Query class (het query object) te maken of door specifieke parameters door te geven aan een bestaande instance.<\/p>\n De queryparameters heten query variabelen<\/strong> en zijn onderverdeeld in drie groepen.<\/p>\n Deze variabelen zijn openbaar in zo verre dat ze beschikbaar zijn binnen openbare verzoeken (zoals de URL\u2019s). Dankzij deze variabelen kunnen we bijvoorbeeld artikelen per auteur opvragen:<\/p>\n Of per categorie of tag:<\/p>\n Voor datum en tijd:<\/p>\n Per artikel of pagina:<\/p>\n En nog veel meer.<\/p>\n Deze variabelen zijn niet bedoeld als toevoeging aan URL query strings. Ze kunnen wel gebruikt worden om query\u2019s te veranderen binnen een script (zoals het functions.php bestand van een plugin of thema).<\/p>\n De volgende query string zou daardoor niet het verwachte resultaat opleveren:<\/p>\n meta_key<\/strong> en meta_value<\/strong> zijn variabelen voor private query\u2019s die niet gedefinieerd kunnen worden in query strings. Ze moeten doorgegeven aan een instance van het query object, zoals ik later zal laten zien.<\/p>\n Zie de Codex voor de volledige lijst van variabelen voor public en private query\u2019s<\/a>.<\/p>\n Deze variabelen worden door de gebruiker gedefinieerd en kunnen net als public query variabelen worden doorgegeven via URL query strings. Het grootste verschil tussen public en custom variabelen is dat WordPress zelf geen custom variabelen afhandelt, en we de waarden dus van een plugin moeten krijgen die query\u2019s zelf aanpast.<\/p>\n Nu we dat weten, kunnen we terug naar permalinks.<\/p>\n Lelijke permalinks laten de query string zien, oftewel het deel van de URL met een aantal query variabelen die de uiteindelijke bron bepalen.<\/p>\n Bekijk ter illustratie de volgende URL\u2019s eens:<\/p>\n WordPress zou op deze URL\u2019s de archieven met artikelen leveren die horen bij de genoemde categorie\u00ebn.<\/p>\n We kunnen meer dan \u00e9\u00e9n parameter per URL doorgeven. In de volgende voorbeelden bouwen we ingewikkelder query\u2019s:<\/p>\n In de eerste query string zorgen de variabelen author_name en category_name ervoor dat alle artikelen van die auteur binnen WebDev getoond worden. In de tweede query string, zorgen \u2018tag\u2019 en \u2018m\u2019 er samen voor dat alle artikelen tevoorschijn komen die getagd zijn als “wordpress” en gepubliceerd zijn in juni 2016.<\/p>\n Zo zie je dat we dus meer dan \u00e9\u00e9n query variabele kunnen gebruiken, en we WordPress geavanceerde query\u2019s kunnen laten draaien door de juiste key-value paren toe te voegen aan de query string.<\/p>\n Door mooiere permalinks in te schakelen krijgen we een leesbare, toegankelijke en SEO-vriendelijke URL structuur. Vergelijk deze URL\u2019s eens:<\/p>\n In dit voorbeeld laat de lelijke permalink de inhoud van de ‘p’ variabele (het ID) zien, terwijl de mooie URL de slug van het artikel laat zien.<\/p>\n WordPress biedt vier formats voor mooie permalinks waar we uit kunnen kiezen in het instellingenvenster voor permalinks, zoals hieronder te zien.<\/p>\n Maar je hoeft je niet te beperken tot de standaard formats, aangezien WordPress het mogelijk maakt het format voor permalinks aan te passen door \u00e9\u00e9n of meer structure tags te gebruiken.<\/p>\n Verderop in het artikel zal ik daar verder op ingaan.<\/p>\n Mooie permalinks gebruiken binnen je WordPress website levert twee grote voordelen op: SEO<\/a> en gebruikerservaring (UX).<\/p>\n Waarom? Zoekmachines<\/a> beschouwen je URL als eerste aanwijzing waar het artikel over gaat. Als de content van de permalink over hetzelfde gaat als de content van je artikel, helpt dat de zoekmachines bij het bepalen van het onderwerp van je artikel. Idealiter komt het onderwerp van beide dus overeen.<\/p>\n Ook voor de gebruikerservaring zijn mooie permalinks beter. Ze zijn voor bezoekers makkelijker te onthouden en te gebruiken. Niemand onthoudt de URL van je contactpagina<\/a> als deze\u00a0jouwsite.com\/?p=456<\/strong> is. Maar jouwsite.com\/contact<\/strong> is een heel ander verhaal.<\/p>\n De slug van een artikel is het laatste stukje van de URL. Wanneer je de instellingen voor WordPress permalinks zo hebt geconfigureerd dat de naam van het artikel wordt gebruikt, is jouwsite.com\/zo-maak-je-mooie-permalinks\/<\/strong> bijvoorbeeld de slug van een artikel dat “Zo maak je mooie permalinks” heet.<\/p>\n Dat is een prima slug. Gebruikers weten immers waar het artikel over gaat, en zoekmachines zien dat er “mooie permalinks” in staat, wat het keyword is waarmee jij waarschijnlijk bezoekers wil aantrekken.<\/p>\n Maar het kan nog beter.<\/p>\n Je slugs moeten lang genoeg zijn voor de belangrijkste keywords, maar kort genoeg om te onthouden. Ook moeten ze zoekmachines niet verwarren met onnodige woorden (zo maak je SEO-vriendelijke permalinks in WordPress<\/a>).<\/p>\n Een artikel dat “Zo maak je mooie permalinks\u201d heet, kan dus beter een slug zoals mooie-permalinks<\/strong> gebruiken, waarmee de volledige link dus jouwsite.com\/mooie-permalinks\/<\/strong> wordt. Of als je meerdere artikelen over mooie permalinks hebt geschreven en je deze een specifieke slug wil geven die duidelijk maakt dat het om een handleiding gaat, dan kun je\u00a0mooie-permalinks-maken<\/strong> gebruiken, met als volledige link:\u00a0jouwsite.com\/mooie-permalinks-maken<\/strong>.<\/p>\n Je kan de SEO nog verder verbeteren door ook ‘WordPress’ te noemen: voorbeeld.com\/mooie-wordpress-permalinks-maken<\/strong>.<\/p>\n Wanneer mensen je link zien in een zoekresultaat, wil je voorkomen dat het resultaat te lang is en niet helemaal wordt weergegeven. Hieronder zijn twee resultaten te zien van het Kinsta blog wanneer ik zoek op “wordpress permalinks”.<\/p>\n Dit zijn allebei goed geoptimaliseerde slugs. De eerste is wordpress-permalinks-url-rewriting, wat dus over die keywords zal gaan, en de tweede is wordpress-slug, wat dus een nog sterkere focus heeft.<\/p>\n Deze slugs gebruiken alle woorden erg effectief. Ze vertellen een zoekmachine precies waar het artikel over gaat, en niet meer dan dat.<\/p>\n Je kan je slugs optimaliseren voor SEO door Berichtnaam<\/strong> te selecteren in de instellingen voor permalinks en vervolgens de slug van elk artikel handmatig aan te passen<\/a> wanneer je het geschreven hebt.<\/p>\n Door goede permalinks te gebruiken in combinatie met korte, duidelijke slugs, zal je een betere gebruikerservaring (UX<\/a>) krijgen.<\/p>\n Volgens een artikel uit 1999 van Jacob Nielsen<\/a> vereist een bruikbare website:<\/p>\n Een URL zou nooit moeten veranderen, aangezien deze opgeslagen en gedeeld kan worden. We noemen ze natuurlijk niet voor niets permalinks. Verder moet een URL semantisch zijn<\/a>, oftewel ze moeten direct en eenvoudig te begrijpen zijn voor gebruikers.<\/p>\n Alhoewel het dus prima mogelijk is om de permalink van een artikel te veranderen nadat je deze gepubliceerd hebt, is dat een slecht idee. Dat komt omdat de originele permalink misschien inmiddels wel gedeeld kan zijn door je bezoekers. Als je het t\u00f3ch wil veranderen, let er dan op dat je de WordPress redirect best practices<\/a> volgt.<\/p>\n Je kan de permalinks op diverse manieren veranderen binnen WordPress:<\/p>\n Laten we deze opties eens bekijken.<\/p>\n Het instellingenscherm voor permalinks is de beste plek om permalinks te configureren. Je vindt deze onder Instellingen > Permalinks<\/strong>.<\/p>\n Het eerste deel gaat over de instellingen voor individuele artikelen. De keuzes zijn:<\/p>\n Onderstaande tags zijn specifieke keywords die je moet plaatsen binnen de %-symbolen. WordPress biedt de volgende tags:<\/p>\n Probeer eens Aangepaste structuur<\/strong> aan te vinken en \u00e9\u00e9n van de volgende strings toe te voegen aan het tekstveld:<\/p>\n Deze genereren allemaal een andere, mooie permalink met specifieke semantische waarden, zoals hieronder te zien:<\/p>\n In het eerste voorbeeld benadrukt de URL de auteur van het artikel<\/a>. De andere twee formats laten respectievelijk het jaar van publicatie en de categorie zien. Je kunt zelf kiezen welk format het beste bij jou past.<\/p>\n Na het kiezen van beste optie, kun je naar de sectie ‘Optioneel’ gaan of klikken op Wijzigingen opslaan<\/strong> om alles op te slaan.<\/p>\n Naast de instellingen voor individuele artikelen, biedt het instellingenscherm voor permalinks ook opties om een aangepaste structuur te maken voor je categorie- en tagarchieven.<\/p>\n Doe je dit niet, dan is de standaardinstelling het opnemen van \/category\/categorie-slug\/<\/strong> aan het einde van de permalink. Wanneer je dus een categorie “featured” hebt, zal de archiefpagina daarvan te vinden zijn op jouwsite.com\/category\/featured<\/strong>.<\/p>\n Je kunt dit veranderen binnen de sectie “Optioneel” van de permalinks instellingenpagina. Als je jouwsite.com\/blog\/featured\/<\/strong> wilt als permalink voor het archief van die categorie, voer je blog<\/strong> in bij het veld Categoriebasis<\/strong>. Je hoeft verder geen tags toe te voegen of backslashes te gebruiken.<\/p>\n Nadat je mooie permalinks hebt geactiveerd op je WordPress website<\/a>, is het tijd om de slugs voor individuele artikelen en pagina’s te optimaliseren.<\/p>\n Het ideale moment om dat te doen is tijdens het cre\u00ebren van je content<\/a>. Wanneer je de slug van een artikel verandert, verander je ook de gebruikte URL. De links die je bezoekers dan al hebben gedeeld, werken dus niet meer.<\/p>\n Om een slug te veranderen, ga je naar de bewerkingspagina van dat artikel. Ga naar Berichten<\/strong> en selecteer het artikel dat je wil veranderen. (Als je momenteel bezig bent om het artikel te maken, zit je al in op de goede plek.)<\/p>\n In dit venster selecteer je het Document<\/strong> panel aan de rechterkant en ga je naar de sectie Permalink<\/strong>. Klik op het pijltje rechts daarvan, als dit nog niet geopend is.<\/p>\n De automatisch gemaakte slug zal te zien zijn in het URL slug<\/strong> veld. Hier kun je de slug bewerken door deze in te korten.<\/p>\n Voordat je de slug bewerkt, is het slim de slug ergens naartoe te kopi\u00ebren, mocht je deze alsnog later nodig hebben voor het instellen van een redirect<\/a> (dit geldt alleen voor al gepubliceerde artikelen).<\/p>\n Klik vervolgens op Publiceren of Bijwerken<\/strong> om de veranderingen op te slaan en\/of te publiceren.<\/p>\n Niet vergeten: nadat je slug van een bestaand artikel hebt veranderd, kunnen de mensen die de oude link gebruiken het artikel niet meer vinden. Je moet dus redirects instellen.<\/p>\n Om de instellingen voor permalinks van individuele archiefpagina’s te veranderen, kun je de instellingen bewerken in het instellingenscherm voor permalinks voor de “category” of “tag”. Ook kan je de slug van een individuele categorie, tag of custom taxonomie aanpassen.<\/p>\n Laten we eerst kijken hoe je dat doet en vervolgens kijken naar hoe je de permalink van aangepaste taxonomie\u00ebn en berichttypen verandert tijdens het aanmaken hiervan.<\/p>\n Om dit te doen ga je naar Berichten > Categorie\u00ebn <\/strong>(of Berichten > Tags<\/strong>).<\/p>\n Zoek de categorie of slug die je wilt bewerken en klik op de naam.<\/p>\n Je kunt vervolgens zelf een slug intypen voor de categorie of tag. WordPress maakt automatisch een slug aan op basis van de naam van de categorie of tag, maar dit hoef je niet aan te houden. Net als met artikelen: het meest logische moment om dit te doen, is wanneer je er een aanmaakt. Doe je het op een later moment, dan zul je een redirect in moeten stellen.<\/p>\n Wanneer je een aangepaste taxonomie aanmaakt, of je een plugin dat laat doe<\/a>n, dan kun je de slugs voor de individuele termen binnen de taxonomie op dezelfde manier aanpassen. Maar als je de slug voor de taxonomie zelf wil aanpassen, zul je wat code moeten wijzigen.<\/p>\n Wanneer je een aangepaste taxonomie registreert, zullen de archiefpagina’s daarvoor automatisch de URL\u00a0jouwsite.com\/taxonomy\/term<\/strong> krijgen, waarbij taxonomy <\/strong>het ID van de taxonomie is, en term<\/strong> de slug voor de term.<\/p>\n\n
Het verschil tussen permalinks, slugs en links<\/h3>\n
Hoe maak je WordPress permalinks?<\/h2>\n
https:\/\/example.com\/path\/to\/resource\/wordpress-permalinks.html<\/pre>\n
https:\/\/example.com\/?key1=val1&key2=val2<\/pre>\n
Een overzicht van WordPress query\u2019s<\/h3>\n
Public query variabelen<\/h4>\n
?author=12?\nauthor_name=mickey<\/pre>\n
?cat=4,5,6\n?category_name=CMS\n?tag=wordpress<\/pre>\n
?monthnum=201601\n?year=2015?w=13\n?day=31<\/pre>\n
?p=123\n?name=hello-world\n?page_id=234<\/pre>\n
Private query variabelen<\/h4>\n
?meta_key=city&meta_value=London<\/pre>\n
Custom query variabelen<\/h4>\n
Lelijke WordPress permalinks en query variabelen<\/h3>\n
![\"Standaardinstelling](\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/04\/standaardinstelling-permalinks-instellingenvenster.jpg\")
https:\/\/example.com\/?cat=5\nhttps:\/\/example.com\/?cat=5,7,9<\/pre>\n
?author_name=lucy&category_name=WebDev?tag=wordpress&m=201606<\/pre>\n
Mooie permalinks: een beter alternatief<\/h3>\n
https:\/\/example.com\/?p=123\nhttps:\/\/example.com\/wordpress-permalinks\/<\/pre>\n
![\"Pretty](\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/04\/pretty-permalinks-binnen-instellingen-permalinks.jpg\")
![\"Mogelijkheden](\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/04\/mogelijkheden-custom-structure-tags.jpg\")
Waarom zijn mooie permalinks belangrijk?<\/h4>\n
Permalinks, slugs, en SEO<\/h2>\n
![\"Google](\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/04\/google-resultaat-wordpress-permalinks.jpg\")
Permalinks, slugs en UX<\/h2>\n
\n
Hoe verander je de instellingen van permalinks in WordPress?<\/h2>\n
\n
Bewerken van de algemene instellingen voor permalinks<\/h3>\n
![\"Instellingenscherm](\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/04\/instellingenscherm-permalinks.jpg\")
Algemene instellingen<\/h4>\n
\n
\n
\n
example.com\/rachelmccollin\/wordpress-permalinks\/\nexample.com\/2020\/wordpress-permalinks\/\nexample.com\/CMS\/wordpress-permalinks\/<\/pre>\n
Optionele instellingen voor permalinks<\/h4>\n
![\"Optionele](\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/04\/optionele-instellingen-permalinks.jpg\")
Zo verander je permalinks en slugs voor individuele artikelen en pagina’s<\/h3>\n
![\"Bewerken](\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/04\/bewerken-permalinks-binnen-bewerken-artikel.jpg\")
![\"Bewerkte](\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/04\/bewerkte-slug.jpg\")
Zo verander je de instellingen voor permalinks van archiefpagina’s<\/h3>\n
Veranderen van slugs voor categorie\u00ebn en tags<\/h4>\n
![\"Instellingen](\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/04\/instellingen-categorieen.jpg\")
![\"Bewerken](\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/04\/bewerken-slug-categorie.jpg\")
Slugs voor aangepaste taxonomie\u00ebn veranderen<\/h4>\n