Rich text
Rich text is de technische benaming voor tekst die, in tegenstelling tot kale en onopgemaakte tekst, verrijkt is met visuele opmaakelementen. Waar een standaardtandartsrekening of een simpel kladblokbestand puur bestaat uit letters en cijfers in één saai lettertype, stelt rich text je in staat om structuur, kleur en hiërarchie aan te brengen. Binnen de online marketing en e-commerce is dit formaat de absolute norm om saaie lappen tekst om te toveren tot aantrekkelijke, scannable digitale pagina’s die de aandacht van de bezoeker moeiteloos vasthouden.
Inhoudsopgave
Het cruciale verschil met platte tekst en HTML
Om de logica achter dit formaat te begrijpen, helpt het om te kijken naar de drie smaken waarin digitale tekst voorkomt. Aan de basis staat plain text (platte tekst): puur de letters, zonder fratsen, waarbij het onmogelijk is om zelfs maar één woord schuingedrukt te maken. Aan het andere uiterste staat HTML-code, de taal van het internet die vol zit met technische codes en tags om teksten vorm te geven. Rich text zit hier perfect tussenin. Het geeft de schrijver de visuele luxe van opmaak via een simpele tekstverwerker, terwijl het systeem op de achtergrond stilletjes zorgt voor de juiste vertaling naar internetcode.
De magische WYSIWYG-editor in je webshop
Wanneer je in de achterkant van je webshop (zoals Shopify of WooCommerce) een productomschrijving typt, maak je bijna altijd gebruik van een zogeheten WYSIWYG-editor (What You See Is What You Get). Dit is de ultieme belichaming van rich text. Dankzij de vertrouwde knoppen boven het tekstvak kun je met één klik op de knop woorden vetgedrukt maken, handige opsommingstekens toevoegen, titels vergroten of een directe hyperlink naar een maattabel plaatsen. Je ziet direct op je scherm hoe de uiteindelijke klant de tekst te zien krijgt, zonder dat je zelf ook maar één regel code hoeft te typen.
Een boost voor je conversiepercentage en SEO
Het strategisch inzetten van rich text heeft een gigantische, directe impact op het succes van je website. Mensen lezen online namelijk niet woord voor woord, maar scannen een pagina in een fractie van een seconde op zoek naar de belangrijkste informatie. Door gebruik te maken van duidelijke tussenkoppen (###), opsommingen en vetgedrukte kernwoorden, help je de gehaaste mobiele shopper om razendsnel de voordelen van je product te begrijpen, wat je conversiepercentage direct ten goede komt. Bovendien zijn deze duidelijke structuren ook voor de crawlers van zoekmachines zoals Google een feestje om te lezen, wat je online vindbaarheid een flinke duw in de rug geeft.
Veelgestelde vragen
Een PDF is een vaststaand, digitaal document dat is ontworpen om er op elk apparaat exact hetzelfde uit te zien (vaak als een digitale print). Rich text is daarentegen flexibel en vloeibaar: het past zich moeiteloos aan aan de schermgrootte van een smartphone of desktop, wat essentieel is voor een goede mobiele gebruikerservaring.
Microsoft Word gebruikt een heel eigen, complex rich text-formaat met verborgen codes. Wanneer je deze tekst direct in de achterkant van je webshop plakt, ontstaan er vaak lay-outfouten omdat de webshop die specifieke Word-codes niet begrijpt. Het is daarom slimmer om tekst eerst als platte tekst (zonder opmaak) te plakken en de opmaak pas in je webshopeditor aan te brengen.
Dit is een universeel bestandstype dat al in de jaren 80 door Microsoft werd ontwikkeld om opgemaakte teksten uit te kunnen wisselen tussen verschillende computerprogramma’s. Hoewel het formaat nog steeds bestaat, heeft het internet de voorkeur verschoven naar webgebaseerde content die direct in HTML wordt uitgedrukt.
Ja, absoluut. Als je strooit met te veel verschillende lettertypes, felle kleuren, overmatig veel vetgedrukte woorden en willekeurige hoofdletters, schiet het zijn doel volledig voorbij. De pagina wordt dan visueel veel te druk en chaotisch, wat scrol-vermoeidheid (scroll fatigue) in de hand werkt en ervoor zorgt dat bezoekers je webshop snel wegklikken.
Stan Classens Front-end developer
Gerelateerde begrippen
- 500 Internal Server Error
- Access Control
- Accessible Rich Internet Applications
- Browser Compatibility
- Browservenster
- Cookie stuffing
- Cookieless tracking
- Cookies
- Ethisch hacker
- Font stack
- Footer
- Google Mijn Bedrijf
- Hyperlink
- Interaction to Next Paint
- ISO
- Landingspagina
- Modulair CMS
- Pagespeed Insights
- Performance testing
- Projectmanagement
- Visual hierarchy
- VS Code
- Webdesign
- Wireframing
