De blog van het marketing agentschap IntoTheMinds
Marktonderzoek en ondernemers coaching

SEO: 8 uitstekende article designs voor betere blog prestaties

Share This Post On

Een goed artikelontwerp kiezen is essentieel voor een goede SEO: het leidt tot meer tijd die wordt doorgebracht op de site, een lagere bounce rate en een hogere tevredenheid. We hebben een analyse gemaakt van 8 opvallende ontwerpen en geven u alle best practices om uw site tot voorbeeld te maken. MEER GEDETAILLEERDE uitleg vindt u in deze gids, die u zal inspireren en die een aanvulling is op ons blogartikel over het updaten van oude artikelen.

Samenvatting

Waarom een goed blogontwerp van essentieel belang is

Ik laat de technische aspecten buiten beschouwing (die zijn niet mijn sterkte) en probeer u in EENVOUDIGE woorden uit te leggen waarom stijl belangrijk is voor uw blogs.
Weet u hoe op welke manier uw ranking in Google wordt bepaald? Er is natuurlijk de autoriteit van uw website, de lengte van uw inhoud… maar ook de bounce rate, de backlinks, de tijd die op uw website wordt doorgebracht spelen een rol. Misschien beseft u het niet, maar het ontwerp van het artikel (de vorm dus) is een bepalende factor. Stel u een tekstblok voor zonder enige verluchting. Wie wil zoiets lezen? Gegarandeerd 100% bounce rate en niemand beveelt dit aan andere lezers aan (dus geen backlinks).

Een goed artikelformaat garandeert de tevredenheid van bezoekers door:

  • hen gemakkelijk de informatie te laten vinden waarnaar ze op zoek zijn (Google beloont u daarvoor)
  • hen te entertainen met een verschillende (maar doeltreffende) presentatie
  • hen langer op uw site te houden

80% van de internetgebruikers scrollt niet

In 13 jaar heb ik meer dan 3500 artikelen op deze blog geschreven en mijn werkwijze in de loop der jaren geoptimaliseerd. Mijn blogartikelen zijn om die reden effectiever geworden. In het artikel van vandaag analyseer ik 8 artikelontwerpen die ik fantastisch vind. Het 8e is een artikel van ons 🙂 en zoals u merkt is er in 10 jaar tijd heel wat veranderd.

Het magische recept voor een uitnodigend artikel

In al die jaren dat ik (zelf) schrijf en me verdiep in de SEO van mijn blog heb ik veel geleerd. Ik hoop dat mijn concurrenten niet meelezen, want ik ga u enkele van mijn geheimen vertellen:

  • Gebruik cijfers: mensen houden van getallen, statistieken, … Ze zijn gemakkelijk te verteren en maken uw artikel geloofwaardig.
  • Vergeet niet een samenvatting te geven: niemand scrollt meer. U moet direct naar het nieuws kunnen gaan. Spijtig voor hen die vergeten een samenvatting toe te voegen
  • Schrijf een titel: de titel is wat de lezer op de pagina houdt. Besteed aandacht aan het schrijven van een goede titel om de lezer ervan te overtuigen het artikel te lezen.
  • Mix formaten: wie zegt dat u alleen tekst moet gebruiken? Laat de lezer ademen door af te wisselen met foto’s, video’s, geanimeerde gif’s en natuurlijk podcasts.
  • Maak inserts: om inhoud verteerbaar te maken, kunt u inserts invoegen met kleine samenvattingen. Voel u vrij om informatie te herhalen door ze samen te vatten. Het breekt het onderwerp ook in kleine meer ‘verteerbare’ stukjes.
  • Maak gebruik van kleurcodes: niets erger dan een volledig zwart artikel. Gebruik een stylesheet (css-bestand) om kleuren te bepalen.

 

6 praktische tips voor een geslaagd blogartikel

  1. Gebruik cijfers
  2. Voeg een samenvatting toe
  3. Schrijf een titel die uitnodigt tot lezen
  4. Wissel tekst en inhoudelijke formaten
  5. Maak gebruik van inserts om inhoud te belichten
  6. Maak gebruik van kleurcodes

Tijd voor enkele voorbeelden.

Voorbeeld 1: The New York Times

Als voorbeeld koos ik dit artikel (Engelse site) over de keuken van de Sioux-indianen. The New York Times publiceert ook artikelen met een veel klassieker ontwerp, maar dit vind ik bijzonder mooi. Vooreerst een grote afbeelding met een korte tekst (links) die uitnodigt om verder te gaan (zie screenshot hierboven). Verderop in het artikel is er een opeenvolging van beelden en korte teksten rondom een lijst (zie hiernaast) om de verschillende traditionele recepten voor te stellen.

Goede ideeën om te onthouden: de grote afbeelding (die bovendien responsief is) en het ‘lijst’-formaat onderaan het artikel (waar de recepten worden weergegeven) dat beelden afwisselt met korte tekstblokken.

Wat kan beter: veel tekst in het begin, wat het geheel een nogal monolithische uitstraling geeft.

 

 

 



Voorbeeld 2: De dossiers van La Libre Belgique

De Belgische krant La Libre publiceert soms zeer gedetailleerde dossiers die opvallen dankzij een zorgvuldige lay-out online. Het dossier over de heropening van het Afrikaans Museum (Franse site) in Tervuren (België) verdient onze aandacht. Het bestand wordt in zijn digitale vorm gepresenteerd met een grote afbeelding (zoals in de New York Times), maar de lay-out is verregaander (misschien te ver?) dan die van zijn Amerikaanse neef. We zien de achtergrondafbeelding met daarop de tekst en een veelvoud van interactieve elementen (video, podcasts, interactieve kaart). Ik vind het bovenste deel van het artikel erg leuk, maar ik ben veel minder fan van de onderste 2/3 dat een beetje van alles door elkaar is. Die wanorde blijft, ondanks de slimme visuele opdeling die de navigatie vergemakkelijkt.

Goede ideeën om te onthouden: de grote afbeelding, het gebruik van video- en audio-elementen, de indeling in secties

Wat kan beter: veel multimedia-elementen, de achtergrond die gebruikt wordt voor Soundcloud-podcasts die de algemene esthetiek doorbreekt.

 



Voorbeeld 3: dossier op de website van de VRT over de Leonardo da Vinci-tentoonstelling

Dit artikel is een echt meesterwerk van design en interactiviteit. U blijft er meerdere minuten hangen.  De hoofdafbeelding is groot, maar niet te groot. De niet-tekstuele elementen hebben allemaal dezelfde breedte, wat de navigatie vergemakkelijkt en de tekst mooi breekt. Er is een podcast-aflevering geïntegreerd en in tegenstelling tot La Libre (zie hierboven) is de illustratie van de podcast perfect aangepast aan de algemene esthetiek van de pagina EN het onderwerp. Ik hou ook van het belichten van sommige citaten.
Bijna foutloos.

Goede ideeën om te onthouden: allemaal! De intelligente integratie van audio- en videomedia in een aanvaardbare hoeveelheid, de afwisseling van tekst en illustraties en de daaruit voortvloeiende opdeling van het artikel.

Wat kan beter: door de tekst in kleine blokjes te snijden, wordt deze soms te gefragmenteerd. Er is ook geen samenvatting om uw weg te vinden in dit zeer lange artikel (in grootte maar niet in woorden).



Voorbeeld 4: FigData

FigData is de rubriek ‘data’ van Le Figaro, de rubriek met ‘data-driven’ artikelen. Ik had de verantwoordelijke ervan al ontmoet op een workshop dat ik in februari 2019 voor de EBU in München organiseerde. Om het ontwerp van de artikelen te analyseren gebruikte ik een recent voorbeeld (Franse site).
Wat ik in de eerste plaats leuk vind, is de harmonie van de kleuren. De huisstijl van Le Figaro gebruikt blauwe schakeringen en de computer graphics in het artikel zijn allemaal blauw getint. Er is meer tekst dan in het vorige voorbeeld van de VRT. Deze tekst wordt verlucht met grafieken en tabellen. Anderzijds begint het artikel met een groot tekstblok dat alleen door een gemarkeerde tekst wordt gebroken (het is overigens niet duidelijk of het hier om een titel of een citaat gaat).

Goede ideeën om te onthouden: De huisstijl in één enkele kleurcode. De goede afwisseling tussen tekst en illustratieve elementen (grafieken, tabellen), het gedeelte ‘bron en methodologie’ deel aan het einde van het artikel dat goed naar voren wordt gebracht.

Wat kan beter: te veel tekst aan het begin van het artikel, de structuur van het artikel die moeilijk te begrijpen is.

 

 

 

 

 

 

 



Voorbeeld 5: Neil Patel

Neil Patel is een persoonlijkheid die zijn plaats heeft in de wereld van SEO. Zijn blogartikelen zijn daarom dus een bron van inspiratie. Voor de analyseoefening van vandaag koos ik een willekeurig artikel (Engelse site) uit. Het algemene beeld van zijn artikelen is minder gezocht dan de sites die we hierboven analyseerden. Interessant is dat Neil in het eerste blok veel hyperlinks naar zijn eigen artikelen heeft opgenomen. Aangezien de kans op lezen vermindert met de lengte van een artikel, is het beter om hyperlinks aan het begin te plaatsen om de kans te maximaliseren dat de gebruiker op een van de hyperlinks zal klikken. Ook valt op te merken dat Neil Patel een van zijn video’s bovenaan het artikel plaatst. Dit is een goed idee, omdat de kans op het spelen ervan groter is en de tijd die op de site wordt doorgebracht zal toenemen. Tot slot is er in zijn artikel, net als in veel andere artikelen, een afwisseling van tekst (vaak zeer kort) met illustratieve elementen. Ook hier geen samenvatting, maar een zeer goed uitgevoerde computergrafiek die de geest van het artikel ‘samenvat’ en u in één oogopslag de belangrijkste informatie geeft. We noteren ook de overvloed aan getallen en de logische structuur in stappen (stap 1, stap 2, …) die voor de lezer gemakkelijk te begrijpen is.

Goede ideeën om te onthouden: zet uw belangrijke hyperlinks/video aan het begin van het artikel, pas nummering toe zodat de lezer de structuur van het artikel gemakkelijk kan begrijpen.

Wat kan beter: hoe dan ook een beetje gebrek aan fun en ik vind dat door een teveel aan illustraties de efficiëntie van het lezen aantast

 



Voorbeeld 6: Brian Dean

Nog een goeroe in SEO en dus nog een voorbeeld om te volgen. Ik moet toegeven dat van alle voorbeelden, deze mijn favoriet kan zijn. Zijn videomarketinggids (Engelse site) is geweldig op het vlak van design en ergonomie.
De gids is ingedeeld in blokken, elk met een andere kleur (handig om uw weg te vinden en gemakkelijk om te navigeren). De intro is duidelijk en overtuigend en u komt direct bij een geïllustreerde samenvatting die echt een voorbeeld is. De structuur per hoofdstuk is heel eenvoudig: u krijgt zicht op de volledige gids en u kunt ook direct naar het deel gaan dat u interesseert. De hoofdstukken wisselen illustraties en tekst af; elk hoofdstuk begint ook met een samenvatting. Er wordt gebruik gemaakt van verschillende formaten (video’s, grafieken, …). De video’s starten automatisch (autoplay) waardoor de leestijd op het YouTube-kanaal van de goeroe wordt verlengd. Het grote voordeel van dit type ontwerp is dat u zeer lange artikelen kunt schrijven (vergeet niet dat Google houdt van lange artikelen die als referentie kunnen dienen) zonder dat dit ten koste gaat van het leescomfort. Het nadeel is dat de tijd die nodig is om zo’n gids te schrijven oneindig veel langer is dan voor een klassiek artikel (Brian Dean publiceert slechts één artikel per maand) en het ontwikkelen van een specifiek model kost u noodzakelijkerwijs heel wat geld.

Goede ideeën om te onthouden: allemaal! Het is het beste ontwerp dat ik ken.

Wat kan beter: is het niet mogelijk om het een beetje eenvoudiger te maken, zodat de ontwikkelingskosten dalen?



Voorbeeld 7: C-marketing

Een andere site die ik leuk vind is die van C-marketing. Voor de oefening van vandaag heb ik gekozen voor een artikel over het auteursrecht (Franse site). In tegenstelling tot de meeste voorbeelden hebben we hier een samenvatting (die heel anders is dan de rest van het artikel) na een korte inleiding. Opvallend op de site is dat de titels in een andere kleur staan. Persoonlijk ben ik geen fan, maar smaken verschillen. Ik denk dat de tekst homogener moet blijven en dat de illustraties al voldoende kleur geven. Er is een zeer goede afwisseling van video’s en beelden met tekst en het leest zeer aangenaam. Ik hou ook van de inserts (zoals het ‘copyright jargon’) die aparte leesruimtes zijn; goed gestructureerd en gemakkelijk te lezen. Kortom, we zien dat er achter over elk artikel is nagedacht en dat er ook veel werk in is gestoken.

Goede ideeën om te onthouden: de zeer praktische, gedetailleerde samenvatting, de inserts, afwisselend tekst en video’s

Wat kan beter: de verschillende kleuren van de tekst

 

 



Voorbeeld 8: IntoTheMinds

Ere wie ere toekomt. Ik wil graag laten zien dat ik mijn tips ook zelf toepas. Hieronder ziet u het verschil tussen een artikel dat ik in 2009 (10 jaar geleden!) schreef en een artikel uit 2016 dat ik in 2019 heb bijgewerkt (zie hier voor meer details). Van het onleesbare tekstblok uit 2009 zijn we overgestapt op iets dat luchtiger is. Ik start met het belichten van onze marktonderzoeksgids en begin daarna direct met de samenvatting. Dan komen we tot de kern van de zaak en om de tekst een beetje te breken tussen twee alinea’s door heb ik een ‘samenvattende afbeelding’ toegevoegd, dat wil zeggen een jpg-bestand dat de belangrijkste punten van het artikel samenvat. Met een geschikte bestandsnaam kan ik zo ook in de zoekresultaten van de afbeelding verschijnen. U zult ook de appelgroene insert zien die mij de gelegenheid geeft om een bepaald punt te benadrukken.

Goede ideeën om te onthouden: alles natuurlijk! Even ernstig…ik hou van de samenvatting en de ‘samengevatte beelden’ die wij, voor zover ik weet, als enige gebruiken.

Wat kan beter: nog altijd geen video’s in mijn artikelen (we gaan er binnenkort aan werken, beloofd), het ontbreekt aan citaten en een OMG-ontwerp zoals bij de VRT.

Afbeelding: Shutterstock

 

Tags:

Author: Pierre-Nicolas Schwab

Pierre-Nicolas est Docteur en Marketing et dirige l'agence d'études de marché IntoTheMinds. Ses domaines de prédilection sont le BigData l'e-commerce, le commerce de proximité, l'HoReCa et la logistique. Il est également chercheur en marketing à l'Université Libre de Bruxelles et sert de coach et formateur à plusieurs organisations et institutions publiques. Il peut être contacté par email, Linkedin ou par téléphone (+32 486 42 79 42)

Share This Post On

Submit a Comment

Your email address will not be published. Required fields are marked *