Herbruikbare blokken • Voor wie liever slimmer werkt dan harder

Overzicht diensten copy & tekst

Wie werkt met herbruikbare blokken, beheert zijn content op een hele slimme manier. Copy-paste van content is hierbij verleden tijd. Dit maakt je werk niet alleen eenvoudiger, maar ook sneller en consistenter. En wat dacht je van minder foutgevoelig?

Met herbruikbare blokken maak je 1 correctie en zie je dit overal automatisch doorgevoerd worden. Dát is de grote kracht van herbruikbare blokken en gaat nog veel verder dan eenvoudige tekst-correcties. Laten we de eindeloze mogelijkheden voor efficiënt content-management eens bekijken.

Eerst meer weten?

Lees dan:

 

Inleiding
Herbruikbare blokken zijn er vooral voor jouw gemak

Wie wil er nou niet 1 wijziging uitvoeren en dit automatisch overal doorgevoerd zien worden? En dan hoef je niet alleen aan tekst-correcties* te denken. Hoeveel voordeel zou je daarvan hebben?

Wie thuis is in het werken met herbruikbare blokken, heeft hier enorm veel voordeel en plezier van.

* Wij weten dat je woorden als tekst-correctie ook aan elkaar mag schrijven, maar doen dat ‘online’ om 2 wel­­over­­wogen redenen niet.  Lees meer.


Wat is een herbruikbaar blok?

Onze definitie

Een herbruikbaar blok is een content- of code-element dat op meerdere plekken inzetbaar is en centraal beheerd wordt.

Met andere woorden

Een herbruikbaar blok is een vooraf vastgelegd, maar achteraf ook aanpasbaar onderdeel van content of code. Het blok kun je zo vaak als nodig op verschillende plaatsen binnen een website of andere applicatie gebruiken.

Herbruikbaar blokken zijn ontworpen om onderhoud te vereenvoudigen en de efficiëntie van je werk te verhogen: een enkele wijziging in het blok en het blok wordt overal toegepast waar het blok is geplaatst. Daarnaast zijn er nog veel meer voordelen, maar daarover hieronder meer.

LET OP!

Op de rest van deze pagina schrijven we alleen nog over het toepassen van herbruikbare blokken binnen websites en apps. Echter, in de praktijk kun je herbruikbare blokken ook in andere applicaties tegenkomen. De werkwijze en de voordelen zullen voor het grootste deel overeenkomen.


Waarmee kun je herbruikbare blokken vergelijken?

Stel je plaatst afbeeldingen op de website. Eenmaal geüpload, kun je ze her en der op de website plaatsen, zo vaak je maar wilt. In plaats van een afbeelding, hebben we het nu over blokken met 1 of meerdere elementen van de content.


Wat is het grootste voordeel?

Het grootste voordeel van herbruikbare blokken is dat ze tijd besparen door het vermijden van herhaaldelijk werk. Je hoeft bijvoorbeeld slechts 1 keer een tekst aan te passen en overal waar deze geplaatst is, verandert de tekst mee.

Hiermee beheers je ook de foutgevoeiligheid van te vaak dezelfde correctie op meerdere plekken op de website uitvoeren.

Andere voordelen

Daarnaast zijn herbruikbare blokken ondermeer in het voordeel van de consistentie. Ze kunnen de duidelijkheid vergroten en een professionele uitstraling creëren.

Oftewel

Onderaan deze pagina komen we bij de conclusie nogmaals terug op de voordelen en sommen ze dan allemaal op. Het is een flinke lijst, dus laten we ons hier beperken tot alleen de belangrijkste of de grootste voordelen.

Alleen deze 3 zouden je al moeten enthousiasmeren om herbruikbare blokken te implementeren in je werk.

 

  • Efficiëntie content-management (slimmer werken in plaats van harder werken)
    • vereenvoudiging deel werkzaamheden = meer focus voor andere zaken;
    • beperking van dubbel werk en fout-gevoeligheid tot het minimale;
    • hogere productiviteit dankzij tijdsbesparing;
  • eindeloze mogelijkheden.

Hergebruik is de sleutel tot consistentie en vooral tot efficiëntie.


Een simpel voorbeeld uit de praktijk

Stel je voor dat je een handleiding schrijft voor een bepaald type smartphone; een Android. De nieuwste uit een bepaalde serie. Meerdere systeem-instellingen werken in de hele serie van deze fabrikant hetzelfde. Zou je dan elke keer dezelfde uitleg over bepaalde functies opnieuw willen schrijven en/of een serie instructies steeds hetzelfde op willen maken?

Natuurlijk niet!  #aanname

Het is natuurlijk veel efficiënter om hiervoor een standaard-tekst of een blok met de opgemaakte content te hebben, die je steeds kunt hergebruiken. Hiermee zorg je niet alleen voor een tijdsbesparing tijdens het schrijven en de opmaak, maar ook tijdens het doorvoeren van correcties.

En wat dacht je van updates met veranderingen aan het systeem? Door slim met herbruikbare blokken te werken zal de informatie altijd consistent zijn, kan er weinig verwarring over ontstaan en ben je ook nog eens de minimale tijd kwijt voor de nodige aanpassingen.

De geschiedenis van herbruikbare blokken

Het ontstaan

Het concept van herbruikbare blokken in content-management is niet zo nieuw als het lijkt. Herbruikbare blokken ontstonden al in de vroege jaren van web-devel­op­ment en kwamen voort uit de behoefte aan efficiëntie en consistentie. Diverse technieken waaronder include-bestanden werden gebruikt om stukjes code of content te hergebruiken op verschillende pagina’s.

Tijd om te verfijnen

Uiteindelijk is dit idee tot nu toe alleen maar verfijnd. Moderne Content Management Systemen (CMS’en) als Drupal met flexibele blokken en WordPress met Gutenberg-editor (sinds 2018) bieden nog niet eens zo heel lang deze voor de eindgebruiker relatief nieuwe functie.

Herbruikbare blokken zijn niet zomaar een krachtig hulpmiddel geworden voor efficiënt content-management, hieraan is jaren gesleuteld.

Next level

Dankzij dit soort systemen zijn herbruibare blokken wel populair geworden, maar daarmee zijn we er nog niet. Moderne headless CMS’en en component-gebaseerde frameworks zoals React en Vue verfijnden dit concept nog verder. Hierdoor is een nog dynamischer en flexibeler contentbeheer mogelijk geworden.

Aldus

Herbruikbare blokken zijn een belangrijke stap geweest in de evolutie van contentbeheer, maar de ontwikkeling staat niet stil. Moderne systemen bieden nog geavanceerdere oplossingen voor dynamisch en flexibel contentbeheer. What’s next?

 

Herbruikbare blokken in de praktijk

Herbruikbare blokken kun je werkelijk voor allerlei elementen van je content inzetten, maar het gemak zit hem vooral in:

  • het hergebruik;
  • de snelheid van correcties doorvoeren op meerdere (web)pagina’s tegelijk.

Laten we eens kijken hoe dat in de praktijd kan werken.

De dagelijkse praktijk zonder herbruikbare blokken

Stel je hebt een perfecte alinea waarmee je steeds je blog afsluit. Je hebt hier flink op zitten broeden en de call to action (CtA) zit er perfect in verwerkt. Je bent er echt enorm blij mee. Niets meer aan doen.

Je opent dan je vorige blog, scrollt naar beneden en selecteert de alinea, copy, terug naar je huidige pagina, paste. Klaar. Oh ja, nog even je vorige blog afsluiten. Dit doe wekelijks en nu al meer dan een jaar, is ruim 5 keer. Top!

Maar dan komt die ene correctie of die leuke actie.

Die actie wil je erg graag tijdelijk in die alinea verwerken. Misschien moeten het wel 2 alinea’s worden. Alle blogs waar die alinea staat moet je nu gaan aanpassen. Alle blogs moeten nu open en straks na de actie moet ook overal de oude tekst weer terug worden gezet. Weer alles open!

En oeps, je vindt uiteindelijk toch nog een klein foutje, maar wel een foutje. Weer alles aanpassen. Je tijd vliegt en ander werk stagneert.

Dit wil je niet! Dit hoeft ook niet! Dit kan dan ook veel en echt enorm veel makkelijker. Maar dan moet je wel met herbruikbare blokken gaan werken.

De dagelijkse praktijk met herbruikbare blokken

Stel je hebt een perfecte alinea waarmee je steeds je blog afsluit. Je hebt hier flink op zit broeden en de call to action zit er perfect in verwerkt. Je bent er echt enorm blij mee. Ieder nieuw blog sluit je er nu al meer dan een jaar mee af.

Deze alinea heb je ooit opgeslagen als een herbruikbaar blok. Ja, zo slim was je wel. Met slechts een 2 handelingen plaats je nu onder ieder blog dit blok. Hatseflats. Klaar! Kind kan de was doen.

Maar dan komt die ene correctie of die leuke actie. Die wil je er tijdelijk in verwerken en moet er dus na de actie ook weer uit. Je opent het herbruikbare blok, kopieert de huidige tekst voor later naar een veilige plek en vult de tekst in het blok aan met de actie.

En ook weer klaar!

Overal wordt de nieuwe tekst nu doorgevoerd. En ja, dat kleine foutje verbeter je ook nog wel even. Zo, je kunt met een gerust hart weer door met je andere werk en vandaag ook nog op tijd naar huis.

Dit is wat je wel wilt! En wat met een goed Content Management Systeem (CMS) moet kunnen. Daarom ga jij ook vanaf nu met veel plezier met herbruikbare blokken werken. Zo slim ben jij wel!

 

Herbruikbare blokken, hoe LEAN wil je werken?

Werken met herbruikbare blokken is niet zomaar LEAN, maar op en top LEAN. Leaner kan bijna niet, want de kernprincipes van beide methoden komen vrijwel naadloos overeen. Erger nog, ze versterken elkaar op zo’n soepele manier, dat het lijkt alsof ze nooit los van elkaar bestaan hebben.

Herbruikbare blokken en LEAN hebben een perfecte symbiotische relatie. Ze versterken elkaar op een manier die het werkproces extreem efficiënt en effectief maakt.

LEAN draait natuurlijk om efficiëntie, het elimineren van verspilling en continue verbetering. Wie al werkt met herbruikbare blokken, zal direct de overeenkomsten zien. Laten we voor de andere groep dan maar eens snel kijken naar hoe perfect ze op elkaar aansluiten.

 

  • Minder verspilling (Muda) – Geen dubbel werk door herhaling te vermijden. Onnodig kopiëren en plakken behoort tot het verleden, want 1 wijziging in een blok en het is overal aangepast.
  • Efficiënter werken (Flow) – Content wordt centraal beheerd en sneller bijgewerkt, wat tijd en fouten bespaart.
  • Standaardisatie – Herbruikbare blokken zorgen voor een eenduidige (huis)stijl en consistente boodschap.
  • Continu verbeteren (Kaizen) – Blokken kunnen worden geoptimaliseerd en hergebruikt voor betere processen binnen het content-management.
  • Minder overbelasting (Muri) – Teams besparen tijd en moeite. Ze hoeven niet telkens dezelfde taken te herhalen, wat de werkdruk verlaagt.

Zelfs Kanban kun je inzetten om het maken en onderhouden van blokken te structureren. Zo kan het je helpen met het zichtbaar maken van welke blokken in gebruik zijn en waar verbeteringen nodig zijn.

 

Waarvoor kun je herbruikbare blokken allemaal gebruiken?

Herbruikbare blokken zijn voor meerdere zaken binnen de content in te te zetten. Voor hele alinea’s, combinaties van alinea’s, alinea’s met en zonder styling en in combinatie met allerhande elementen voor een mooie heldere opmaak van blokken binnen je content, et cetera, et cetera.

Een enkele keer is het ook in te zetten voor losse teksten binnen zinnen en losse zinnen binnen alinea’s, maar daarvoor weten ontwikkelaars vaak betere oplossingen. Vraag ernaar! En vraag dan om ‘shortcodes’.

Wat zijn shortcodes in relatie tot herbruikbare blokken?

Wat kun je met shortcodes?

Shortcodes zijn korte, maar specifieke stukjes code. Deze codes staan tussen hoekige haakjes als bijvoorbeeld: [attentie-geel-klein]. Je ziet ze terug in de meer belangrijke en veel gebruikte Content Management Systemen (CMS’s).

Waarvoor dienen shortcodes?

Dankzij shortcodes kun je met een klein regeltje code complexe functies toevoegen aan webpagina’s. Hierdoor hoef je als (eind)gebruiker geen uitgebreide HTML– of JavaScript-code te schrijven.

Shortcodes zijn kort en in de regel zo simpel mogelijk. Tegelijk vormt het wel een krachtig hulpmiddel voor efficient content-management. Shortcodes helpen content centraal te beheren en dragen bij aan de consistentie van de content.

Waarvoor worden shortcodes gebruikt?

Shortcodes worden in CMS’en gebruikt om herbruikbare blokken en/of andere reeds vooraf bedachte, gedefinieerde en opgeslagen stukken content op te roepen en in te voegen. Je maakt hiervoor een blok met inhoud en slaat dit blok op om later opnieuw te gebruiken.

Maak je gebruik van interactieve elementen, zoals galerijen, (contact)formulieren of prijstabellen, knoppen met call to actions (CtA’s)? Dan gebeurt dit vaak aan de hand van shortcodes, die je in de HTML van de content terug kan zien.

Kort door de bocht

Shortcodes en herbruikbare blokken zijn beide manieren om wederkerende elementen toe te voegen aan je content. Ze doen vrijwel hetzelfde, maar werken voor de gebruiker op verschillende manieren. Zo zijn shortcodes meer op code gebaseerd, terwijl herbruikbare blokken zich meer visueel herkenbaarder voordoen en hierdoor gebruiksvriendelijker zijn.

Zijn herbruikbare blokken dan niet gewoon shortcodes die zich gebruiksvriendelijker voordoen? Ja en nee. Herbruikbare blokken gaan soms verder in functionaliteit dan shortcodes überhaupt kunnen. Bovendien kunnen ze ook gebruikmaken van andere technieken dan shortcodes.


Toepassingen herbruikbare blokken bij alinea’s

Laten we eens kijken naar de mogelijkheden en klein beginnen met alinea’s tekst die op meerdere plekken op de website geplaatst zijn en/of worden.

 

  • Openingstijden;
  • contact-informatie;
  • slogans en payoffs;
  • USP’s en RBP’s;
  • call to action’s (CtA’s);
  • meldingen (waarschuwingen);
  • juridische teksten:
    • disclaimers;
    • privacy-verklaringen;
    • et cetera;
  • vaste stappen binnen handleidingen;
  • et cetera.

Toepassingen herbruikbare blokken bij opgemaakte elementen

Daarnaast kun je denken aan een combinaties van elementen binnen de content; aan mooi opgemaakte groepen van meerdere elementen.

 

  • Banners;
  • carrousels met afbeeldingen;
  • call to action’s (CtA’s) (inclusief aanmeldknop, et cetera);
  • bepaalde FAQ’s zoals die over het verzend- en retourbeleid;
  • reviews;
  • prijstabellen;
  • teamleden;
  • bio’s en automatische handtekeningen;
  • social-media-links;
  • meldingen:
    • tijdelijke acties;
    • aankondigingen;
    • waarschuwingen als storingsmeldingen;
  • evenementen-kalenders;
  • blokken voor het ruilen van downloadables tegen e‑mailadressen;
  • et cetera.

Andere mogelijkheden met herbruikbare blokken

Omdat je herbruikbare blokken in de regel ook los kunt koppelen van het originele blok, kun je ook weer tal van varianten maken die bijvoorbeeld wel steeds dezelfde styling krijgen, máár een andere inhoud. Hiervan maken wij zelf dagelijks gebruik bij de visuele blokken zoals je die in onze artikelen steeds tegenkomt.

 

  • Inhoudsopgaven;
  • extra uitleg van gebruikte termen;
  • aanvullende artikelen;
  • voetnoten of bronvermeldingen;

Als slagroom op de taart is er nog veel meer mogelijk. Zo kun je zelfs herbruikbare blokken in herbruikbare blokken zetten. Je kunt dan bepaalde blokken tekst hetzelfde laten en bijvoorbeeld 1 blok steeds wisselen. Op deze manier krijg je meerdere varianten op een blok.

Het is wel zaak dit heel goed te benoemen, maar hierop komen we hieronder nog terug.


Ontwikkelaars en herbruikbare blokken

Voor ontwikkelaars zijn bovenstaande lijsten aan te vullen met zaken die er voor hen toe doen. We noemen hier slechts enkele voorbeelden die je wellicht wel herkent.

 

  • Headers (vaste bovenkant websites);
  • footers;
  • navigatie-elementen:
  • dynamische blog- of nieuwsfeeds;
  • styling van blokjes met tabjes voor product-specificaties;
  • gestandaardiseerde knoppen;
  • inschrijf- en andere formulieren.

 

Hoe werken herbruikbare blokken?

Voor de eindgebruikers als content-managers (content-beheerders) en content-creators is het gebruik vrij simpel en is het als volgt eenvoudig uit te leggen.

 

  • Voor de herbruikbare blokken is er een grote bibliotheek.
  • Hierin sla je de herbruikbare blokken op.
  • Wanneer je een herbruikbaar blok op een pagina wilt gebruiken, ‘haal’ je eenvoudig een copy uit die bibliotheek op en voeg je het in. Het origineel van het blok blijft hierbij veilig staan in de bilbliotheek.

Dit systeem werkt achter de schermen vaak via shortcodes, php‑includes of een andere code-achtige techniek. Jij als content-manager of content creator ziet in de regel alleen de gebruiksvriendelijke versie. Laat de rest vooral over aan de ontwikkelaars.

 

Waar vind je herbruikbare blokken en andere benamingen

In bekende CMS’en

  • WordPress;
  • Joomla;
  • Drupal;
  • Squarespace;
  • et cetera.

Synoniemen en andere termen

In verschillende systemen worden voor de herbruikbare blokken verschillende termen gebruikt. De volgende kun je tegenkomen, maar deze lijst is nooit compleet.

 

  • bouwstenen;
  • componenten;
  • blokken (WordPress);
  • macro’s (Confluence);
  • widgets (CSM’en);
  • partials (ontwikkelaars);
  • PHP-includes (ontwikkelaars);
  • et cetera.

 

Conclusie
Daarom is het hergebruiken van blokken zo belangrijk

We kunnen concluderen dat het werken met herbruikbare blokken veel voordelen biedt. Laten we ze nog eens allemaal duidelijk op een rijtje zetten en daarna afsluiten met enkele belangrijke tips.

 

  • Herbruikbaar – Je hoeft de content niet steeds opnieuw te schrijven en te stylen.
  • Onderhoudsvriendelijk – Als je iets wilt veranderen, hoef je dat maar 1 keer en op 1 plek te doen.
  • Consistentie – Door gebruik te maken herbruikbare blokken, tonen alle pagina’s dezelfde content op een uniforme manier. Het zorgt ervoor dat de informatie die je communiceert altijd hetzelfde is. Dit is vooral belangrijk voor zaken die bedoeld zijn om duidelijkheid te scheppen.
  • Productiviteit – Geen dubbel werk meer; herbruikbare blokken besparen je tijd en moeite. Je hoeft niet elke keer dezelfde teksten opnieuw te schrijven, laat staan dezelfde correcties uit te voeren of content te kopiëren. 1 wijziging en alles past zich tegelijk aan.
  • Snelheid – Tijdelijke meldingen, acties en updates zijn in 1 keer overal door te voeren.
  • Duidelijkheid – Door gebruik te maken van herbruikbare blokken met duidelijke en consistente instructies, voorkom je verwarring bij gebruikers. Ze weten precies wat er van hen verwacht wordt.
  • Professionaliteit – Het hergebruiken van teksten en instructies draagt bij aan een professionele uitstraling. Het laat zien dat je zorgvuldig bent en dat je waarde hecht aan consistentie en duidelijkheid.
  • Minimale foutgevoeligheid – Door hergebruik voorkom je inconsistenties en beperk typfouten tot het minimale. Correcties zijn ook nog eens heel snel uitgevoerd.
  • Schaalbaarheid – Grote websites blijven beheersbaar door de content centraal te beheren.
  • Gebruiksvriendelijkheid – Ook niet-technisch onderlegde gebruikers kunnen eenvoudig gebruikmaken van herbruikbare blokken.
  • SEO-voordelen – In het voordeel van de zoek­machine-opti­ma­li­sa­tie (SEO) voorkom je dubbele content en helpen herbruikbare blokken bij het stuctureren van gegevens.
  • A/B-testen – In het voordeel van de conversie-optimalisatie en gebruiksvriendelijkheid kun je met herbruikbare blokken eenvoudig experimenteren met verschillende versies van content (A/B‑testing / split-testing).
  • Technische flexibiliteit – Ontwikkelaars kunnen blokken flexibel aanpasbaar opbouwen en hergebruiken.

Het is altijd slim om na te denken over hoe je teksten en andere content kunt hergebruiken.

Enthousiast geworden?

We hopen van wel en dus nu de beloofde tips.

 

  • Maak een bibliotheek aan – Verzamel alle standaard-teksten en veel gebruikte mooi gestylede content-elementen als herbruikbare blokken.
  • Naamgeving –  Benoem je blokken hee; duidelijk en denk aan een bepaalde logica in de volgorde van termen binnen de naam. Kies bijvoorbeeld eerst voor de algemene deler en verfijn steeds verder.
  • Werk je samen?
    • Bekend zijn met  – Zorg ervoor dat iedereen bekend is met de blokken die er zijn.
    • Maak afspraken – 
      • Wat er is – Maak duidelijke afspraken hoe elkaar op de hoogte te houden van de inhoud van de bibliotheek.
      • Beheer – Moet de bibliotheer beheert worden door 1 persoon of doen jullie het samen?
      • Naamgeving – Maak ook duidelijke afspraken over de naamgeving.
  • Wees consistent – Wees consistent zowel in opslaan, naamgeving als gebruik. Het heeft geen zin om de ene keer de tekst via een herbruikbaar blok te plaatsen en de andere keer als gewone tekst. Mocht er later een aanpassing op die tekst komen, dan is het vrij normaal dat er ergens toch nog een ongecorrigeerde tekst blijft staan. Maak ook hierover duidelijke afspraken.

Uitbesteden heeft zo zijn voordelen

Uitbesteden is ook een interessante optie en kan uiteraard aan the Content Care Company. Je snapt dat ‘de online zorg voor meer klanten voor onze klanten’ onze corebusiness is.

Wij hebben niet alleen ruime ervaring met bloggen en content-management, maar dus ook met herbruikbare blokken (als deze). We helpen je dan ook graag hiermee op weg.

Nieuwsgierig geworden naar wat wij voor jou kunnen betekenen? Dan hoef je alleen maar te bellen met: 06 - 36 07 70 61.


Verdere toekomstplannen

Wie ons blog al volgt, weet het: we delen bijna weke­lijks infor­matie en tips om van het merk, de web­site en/of de app een succes te maken. Met veel van deze blogartikelen kun je zelf hands-on aan de slag.

Wil je deze blogartikelen niet missen? Dan is het geen slecht idee om je onder­aan – voor­bij de onder­staande box – even aan te melden voor de gratis e‑mailalert. Tenminste, als je dat nóg niet gedaan hebt. Je ontvangt dan van ons een melding wanneer er een nieuw artikel online staat.

Zo mis je niets en zien we jou hier binnen­kort weer terug. Tot gauw!


Over de auteur
Nancy Moorman

Nancy Moorman - Content creator, merkenbouwer & conceptor

Nancy Moorman noemt zichzelf het liefst ‘gewoon’ content­maker of merken­bouwer, maar dit dekt niet de lading van wat ze onze klanten biedt. Ze zit al jaren in het vak en is door haar karak­ter zeer breed onder­legd en altijd even toege­wijd. Nancy begon ooit als werk­tekenaar, maar schoolde al snel bij tot copy­writer.
Daarna deed de Mac zijn intrede in de grafische wereld en Nancy verkende als een van de eersten de mogelijk­heden. Dat doet ze eigen­lijk met alles. Voor onze klanten kijkt ze ook altijd naar de beste oplos­singen en is daarbij dus niet wars van inno­vaties. Geen detail verliest ze uit het oog en… wat beter kan, kan beter!

 

Mis nooit meer een artikel met onze gratis e‑mailalert

Wil jij meer weten over dit soort onder­werpen en op de hoogte blijven van het laatste nieuws, de trends, tips en andere interes­sante infor­ma­tie op het gebied van zake­lijk blog­gen, content-marke­ting, conversie-opti­ma­li­sa­tie, branding, SEO en alles daar­omheen? Meld je dan direct even aan voor onze gratis e‑mailalert.

Ook wij gaan vertrouwelijk om met persoonsgegevens.



<< Direct terug naar home