Stel je even het volgende voor. Je bent net klaar met het ontwerpen van een strakke pagina of het schrijven van een interessant artikel in WordPress en je opent de pagina om even een voorbeeld te bekijken van hoe het er voor de bezoeker uitziet. Tot je verbazing staat de paginatitel niet op de plek waar die hoort te staan en is het ontwerp van je pagina helemaal verpest.
Helaas is er in WordPress niet een eenvoudige manier om te voorkomen dat een titel wordt weergegeven. Ook is er geen makkelijke methode om zelf aanpassingen te doen en ben je wat de looks betreft grotendeels afhankelijk van je thema. Wat moet je doen als de titel te groot en opdringerig is? Dat is de reden waarom het belangrijk is dat je weet hoe het proces eruitziet van het verbergen van paginatitels in WordPress.
Je eerste instinct is misschien om gewoon de kop (heading) van de pagina te verwijderen. Dit raden we echter ten zeerste af, omdat het je SEO negatief kan beïnvloeden. Maar als dit niet kan, wat zijn dan je opties om titels te verbergen?
Er mag dan wel geen makkelijke “titel verbergen” optie zijn in WordPress, maar gelukkig is het verwijderen ervan ook weer niet zó moeilijk. Je hebt nogal wat opties tot je beschikking, of je nu slechts één titel wil uitschakelen of ze allemaal wil verbergen.
Hier zijn vijf mogelijke manieren om de paginatitel in WordPress te verbergen.
Waarom zou je de paginatitels willen verbergen?
Niet elke pagina op je site heeft per se een titel nodig. Hoewel de meeste verwachten een titel verwachten bij een blogpost, ziet het er niet altijd goed uit op andere pagina’s. Een goed ontwerp voor een blog(pagina) is niet altijd een goed ontwerp voor de rest van de website.
Het is bijvoorbeeld niet nodig om een “Home” titel op je homepagina te hebben; het kan er zelfs een beetje onprofessioneel uitzien. Hetzelfde geld voor de “Over ons”of “Diensten” pagina’s. Deze pagina’s spreken voor zichzelf en dit maakt de titel vaak overbodig.
Ook kan het titelelement ook misstaan in het algehele ontwerp. Hoewel je CSS zou kunnen gebruiken om het te stylen en het er beter te laten uitzien, is de beste keuze misschien wel om het helemaal te verwijderen. In plaats daarvan kan je een hero-afbeelding kiezen of een ander stijlelement toevoegen.
In de meeste gevallen wil je misschien niet eens de titel helemaal verwijderen en is het alleen de plaatsing of de themastijl waar je last van hebt. Als je paginatitel zich op een vreemde plaats bevindt of niet goed bij je ontwerp past, dan is het mogelijk om deze te verbergen en op een andere plek een H1 heading toe te voegen.
Maar het verbergen van de titel van een pagina is niet zo eenvoudig als het verwijderen van een afbeelding of een alinea met tekst. Koppen (headings) hebben een impact op je SEO en hoe zoekmachines de hiërarchie van je pagina lezen. Voordat je meteen al je titels verbergt, zijn er een paar dingen waarmee je rekening moet houden.
SEO overwegingen
Zoekmachines als Google gebruiken bots, crawlers genaamd, die websites bezoeken en de pagina’s van die website indexeren. Terwijl ze je site indexeren, lezen ze elementen zoals de titel, paginatekst en paginahiërarchie om erachter te komen waar je pagina over gaat.
Dit proces helpt ze om de relevante pagina’s te laten zien aan mensen die naar bepaalde termen zoeken. En sites die de SEO best practices opvolgen, krijgen daarmee een kleine boost in hun ranking.
Als je iets googelt als: “hoe maak je je WordPess site sneller“, dan zie je dat de tekst van deze zoekopdracht vaak (grotendeels) overeenkomt met de titel van het artikel.
De titel van een pagina wordt bepaald door de HTML titeltag, of, als die er niet is, de H1 heading. Als beide missen, dan pakt de zoekmachine de eerste heading die het vindt of een willekeurige regel tekst om deze vervolgens als titel te markeren. Dit ziet er natuurlijk niet mooi uit in de zoekmachines.
Snap je waar we heen willen? Het verwijderen van je H1 heading en hier niets voor in de plaats zetten, kan een negatieve invloed hebben op je SEO en click-through-rate.
Zelfs als je alleen de paginatitel verbergt en niet verwijdert, negeren crawlers van zoekmachines meestal verborgen elementen, dus ook dat gaat je niet helpen. Een goede hiërarchie – een pagina met een H1 element en eventueel H2 of H3 headings – helpt crawlers (en mensen!) te begrijpen waar je pagina over gaat.
H1 headings zijn echter niet strikt noodzakelijk voor SEO. Waar ze wel nuttig voor zijn is het bieden van paginastructuur. Het is dus een sterke aanbeveling, om het zeker voor het onzekere te nemen.
Dus wat is de oplossing? De gemakkelijkste is om een plugin te gebruiken als Yoast SEO. Hiermee kan je voor elke pagina een “SEO titel” instellen. Je krijgt dan steeds een mooi resultaat binnen de zoekmachines, maar je kan in elk geval zonder vorm van straf de headings verwijderen.
Wat is het verschil tussen een title tag en een H1 heading?
Zowel de title tag (oftewel titeltag) als de H1 beïnvloeden hoe zoekmachines de content van je site analyseren. Ze zijn vaak identiek, dus wat is het belangrijkste verschil tussen de twee?
De titeltag is het HTML element <title>. Het is onderdeel van de onderliggende code van je website en doorgaans niet zichtbaar voor mensen. Crawlers kunnen het echter wel lezen en gebruiken het om de titel binnen de zoekmachine weer te geven. Je thema stelt het meestal zó in dat deze tag overeenkomt met de titel van het bericht of de pagina die je in de back-end instelt, of SEO plugins kunnen hem handmatig wijzigen.
H1 headings, daarentegen, kunnen wel door de bezoekers worden gezien. Headings worden gebruikt om structuur aan te brengen aan je pagina’s. Dit doen ze door een hiërarchie te maken en je content op te breken in makkelijk te lezen delen. H1 fungeert hierbij als een titel om de content te introduceren.
De meeste WordPress thema’s pakken de titel van je pagina/bericht en voegen een H1 heading toe. Ook stellen ze achter de schermen de <title> tag in.
Als zoekmachines zowel de HTML <title> tag als de H1 heading tegenkomen, geven ze prioriteit aan de eerste. Als er geen <title> tag voorhanden is, dan wordt de H1 heading gebruikt.
Functioneel is er dus weinig verschil, maar het onderscheid is belangrijk.
Zo verberg je snel alle paginatitels en berichttitels in WordPress
De volgende methodes zijn over het algemeen veilig en veroorzaken geen problemen. Zorg er echter wel voor dat je altijd een back-up maakt van je site voordat je je je eigen code toevoegt of een plugin installeert.
Er zijn manieren om titels selectief te verbergen voor berichten of pagina’s, en dat bespreken we hieronder.
Maar laten we eerst eens kijken hoe we met een kleine CSS truc alle post- en paginatitels in WordPress kunnen verwijderen. Om alle titels voorgoed te laten verdwijnen, is er slechts één regel met code nodig.
Ga vanuit je WordPress dashboard naar Weergave > Customizer en zoek het menu Extra CSS. Plak de volgende code in het codevak dat verschijnt:
.entry-title {
display: none;
}Als het goed is zou je meteen alle titels aan de rechterkant moeten zien verdwijnen. Zo simpel kan het zijn. Wanneer je een individuele post of pagina bezoekt, zal de kop ook daar ontbreken. Ook zal je merken dat widgets als Recente berichten nog steeds de titel gebruiken die je in de back-end hebt ingesteld.
Als deze code niet voor je werkt, dan is het zaak om uit te zoeken welke CSS class je thema gebruikt om titels weer te geven. Klik in de websitepreview aan de rechterkant op de Thema customizer. Klik met rechts op de titel van het bericht en op Inspect. Afhankelijk van je browser, kan dit ook Inspect Element of Inspector zijn.
Er verschijnt nu een nieuw scherm waarin een gebied met code is gehighlight. Kijk rond in code die gehighlight is om de H1 of H2 class name te vinden, bijvoorbeeld: <h2 class="entry-title heading-size-1">
In plaats van “entry-title”, kan er eventueel ook “post-title”, “page-title” of iets dergelijks staan.
Gebruik in dat geval de CSS code die we hierboven hebben opgegeven, maar verwissel “entry-title” voor de CSS class die je thema gebruikt. Dit zou zonder problemen moeten werken.
Zo verberg je paginatitels in WordPress
Misschien wil je niet meteen ál je paginatitels kwijtraken; wat als je bijvoorbeeld alleen de titels van je pagina’s (en dus niet die van je berichten) wil verbergen? In dat geval hoef je alleen de bovenstaande CSS code een beetje aan te passen. Voeg daarvoor “.page” toe vóór de code. Bijvoorbeeld:
.page .entry-title {
display: none;
}Hiermee zou je onmiddellijk alle paginatitels moeten verbergen op je site.
Zo verberg je de titels van individuele pagina’s
Wil je de titel van slechts één pagina verbergen in WordPress? Dan heb je twee opties: een plugin installeren of een aangepaste versie van de CSS code hierboven gebruiken waarbij je het ID van de pagina’s gebruikt om ze te targeten.
Er zijn plugins gebouwd speciaal om titels te verbergen, zoals de plugin Hide Page And Post Title (een van de meest populaire).
In plaats van het downloaden van een kleine plugin (te veel plugins kunnen een veiligheidsrisico op je site vormen), kun je het ook proberen met een paginabuilder.
Een voorbeeld is Elementer. Deze builder bevat de mogelijkheid om met een simpele schakelaar paginatitels te verbergen. Ga in de back-end naar een willekeurige pagina, klik op Edit with Elementor en klik vervolgens op het Settings tandwiel in de linkerbenedenhoek.
Schakel nu Hide Title in en de paginatitel is verdwenen.
De laatste optie is om de oude CSS code te bewerken, zodat deze alleen op specifieke pagina’s wordt gebruikt in plaats van op allemaal.
Daarvoor zul je eerst de ID’s van de pagina’s moeten achterhalen. Ga in je back-end naar All Pages en plaats de muisaanwijzer op een titel.
In de linkerbenedenhoek zou een preview van een linkadres moeten verschijnen. Daarin zie je aan het einde van de string “post=”. Het nummer dat volgt is de ID van de pagina.
Nu kan je de ID gebruiken om die pagina te targeten met de CSS, waarbij je “0” vervangt door de ID die je net hebt gevonden:
.page-id-0 .entry-title {
display: none;
}
Als dit niet werkt, dan gebruikt je thema mogelijk een andere CSS class.
Bezoek de pagina die je wil targeten en druk op F12 om de developer console in Chrome te openen. Druk op Ctrl-F en type “body”, gebruik de navigatiepijlen om naar beneden te gaan totdat je “<body class=” en een grote lijst met classes ziet.
Zoek er een met de pagina ID en vervang de class in de bovenstaande code.
Als je bijvoorbeeld in de lijst een class ziet met de naam “page-id-133”, dan zou je deze code moeten gebruiken:
.page-id-113 .entry-title {
display: none;
}Zo verwijder je de titels van WordPress pagina’s
Je vraagt je waarschijnlijk af waarom je de paginatitel niet gewoon leeg kan laten. Als je alleen te titels wil verwijderen, dan is dit eenvoudig te doen. Ga naar Pagina’s > Alle pagina’s. Plaats de muisaanwijzer op een pagina en klik op Snel bewerken, maak de titel leeg en klik op Bijwerken.
Ook kan je op de titel klikken (of de muisaanwijzer er overheen bewegen) en op Edit klikken. Vervolgens moet je even bovenaan zoeken naar de heading, de tekst daarbinnen verwijderen en op Bijwerken klikken. Wanneer je teruggaat naar het Pagina’s scherm, staat er als het goed is “(geen titel)” en zijn ze verdwenen van je live site.
Dit lijkt misschien de meest voor de hand liggende oplossing, maar is eigenlijk een heel slecht idee. Permalinks zijn belangrijk voor SEO en WordPress genereert ze normaal gesproken op basis van je titel. Als je geen een hebt, wordt er een gemaakt met cijfers of een willekeurige reeks letters. Uiteraard stellen de zoekmachines dit niet op prijs.
Je kan handmatig je permalink wijzigen (of ook wel “URL slug” genoemd), maar dan moet je wel eraan denken om dit elke keer te doen.
Daarnaast worden berichten en pagina’s zonder titel in je back-end weergegeven als “(geen titel)”. Wanneer je tientallen of honderden op je site hebt en je bent op zoek naar een specifiek bericht, dan is dit als zoeken naar een speld in een hooiberg.
En dit is niet alleen jouw probleem. Afhankelijk van je thema wordt een titelloze pagina of bericht ook op je front-end weergegeven als “(geen titel)”. Denk hierbij aan een pagina binnen een menu of als je de widget Recente berichten gebruikt. Dit maakt het navigeren op je site zo goed als onmogelijk.
En alsof dit nog niet erg genoeg is, is er een enorm gat in de lay-out waar normaal de titel was. Nóg een nadeel van deze nauwelijks functionerende manier om de WordPress paginatitels te verwijderen.
Dus hoe eenvoudig het ook lijkt om de titel gewoon leeg te laten, is het aan te raden om in plaats daarvan een van de andere methodes te kiezen – door een plugin te installeren of je eigen CSS toe te voegen. Het verbergen van een titel is een veel beter idee dan deze helemaal verwijderen.
Zo verberg je titels van blogberichten
Het verbergen van titels van alle berichten binnen WordPress is net zo eenvoudig als het verbergen van alle paginatitels. Je kan dezelfde CSS gebruiken die we eerder noemden, maar in plaats van dat je .page voor de code toevoegt, moet je nu “post” toevoegen, zoals je hieronder kan zien:
.post .entry-title {
display: none;
}Hiermee verberg je de titels van berichten, maar behouden je pagina’s hun titels.
De titel van een enkel WordPress bericht verbergen
Het verbergen van een blogbericht is vrijwel hetzelfde als het verbergen van de titel van een pagina, zoals we hierboven beschreven. Je kan een plugin installeren die de titels verbergt, een paginabuilder gebruiken, ze handmatig verwijderen of met CSS de ID van het bericht targeten.
Als je CSS wil gebruiken, dan is de code die je gebruikt net iets anders. Ook hier moet je naar de back-end, met de muis over de titel gaan om de ID te zien. Vervolgens kan je onderstaande code gebruiken. Zorg ervoor dat je “0” vervangt door de bericht ID die je probeert te targeten.
.postid-0 .entry-title {
display: none;
}Als dat niet werkt, kan je de developer console openen door op F12 te drukken terwijl je op de pagina van het bericht zit. Druk op Ctrl-F, type “body” en zoek naar “<body class=” voor een lijst met classes die je op de pagina gebruikt. Zoek in de lijst naar een ID nummer, zoals “post-11” en vervang de code hierboven met de juiste class.
Zo verwijder je titels van blogberichten in WordPress
Zoals we hierboven al hebben vermeld, is het niet een goed idee om de titel van je berichten en pagina’s te verwijderen. We raden sterk af om dit te doen, omdat dit problemen kan veroorzaken met je permalinks, SEO en zelfs de lay-out van je site.
Maar als je het per se wil doen: het proces is vergelijkbaar met het verwijderen van titels van pagina’s.
Ga naar Berichten > Alle berichten om een lijst te zien met alle blogberichten van je site. Plaats de muisaanwijzer op de titel van het bericht dat je wil verwijderen en klik op Snel bewerken. Maak de titel leeg en klik op Bijwerken. Of klik op Bewerken om de Gutenberg editor te openen, klik bovenaan op de kop en verwijder de titeltekst.
Klik op Bijwerken en de titel zou voorgoed moeten verdwijnen. Houd er rekening mee dat je hiermee elke titel van elk bericht verandert in “(geen titel)”. Als dit betekent dat je (in de toekomst) problemen krijgt met het navigeren van honderden berichten, dan kan je ze beter verbergen met een plugin of CSS.
Samenvatting
Er is geen ingebouwde knop waarmee je in WordPress paginatitels verbergt. Gelukkig heb je desalniettemin genoeg opties om dit voor elkaar te krijgen. Voor individuele berichten of pagina’s kan je een plugin installeren die je de mogelijkheid geeft om titels naar believen aan of uit te zetten. Of je kan kan CSS gebruiken om alle paginatitels of die van specifieke pagina’s te verbergen.
Wat je altijd moet doen, is vermijden dat je de titel simpelweg leeglaat in de back-end. Dit veroorzaakt namelijk problemen met je SEO en permalinks, maakt je back-end onoverzichtelijk en verstoort functies die bericht/paginatitels opvragen, zoals menu’s en de Recente berichten widget.
Hoe dan ook, houd in elk geval in het achterhoofd dat een H1 heading of een HTML titelelement nodig is om te voorkomen dat je wordt bestraft door zoekmachines. Als je besluit de titel te verbergen, kan je overwegen om een SEO plugin te installeren. Zorg er ook voor dat het “SEO title” en “HTML title” element is ingesteld op elke pagina.
