In de begintijd van het web waren ontwerp en SEO niet echt vrienden — websites met goede SEO hadden vaak een zwak ontwerp, terwijl websites met een indrukwekkend ontwerp vaak niet geweldig waren voor SEO. In die tijd waren er gekke dingen aan de hand, zoals het volproppen van zoekwoorden in de inhoud, slechte websitenavigatie en gewoon ouderwets ontwerp.
Toen ik bij bedrijfsgids.biz kwam, werkte ik samen met ons SEO-team om online ervaringen te ontwerpen die organisch verkeer naar onze website op schaal konden laten groeien. Omdat ik de reputatie van SEO bij ontwerpers kende, was ik sceptisch over het kunnen maken van boeiende ontwerpen en tegelijkertijd het aantal bezoekers en leads waarvoor ik verantwoordelijk was. Ik was echter blij met de uitdaging!
Gelukkig stond ik voor een verrassing. Door het afgelopen jaar met het SEO-team van ons bedrijf samen te werken, ben ik gaan beseffen dat de doelen van SEO en ontwerp niet met elkaar in strijd hoeven te zijn — in feite zijn ze met elkaar verweven rond anticiperen op en het leveren van waarde aan uw klanten .
Ontwerpen met SEO in het achterhoofd zorgt uiteindelijk voor een uitstekende klantervaring.
Hier ga ik onderzoeken hoe u een SEO-gericht ontwerp kunt gebruiken om het verkeer te vergroten terwijl u toch een boeiende gebruikerservaring – maar eerst, waarom is het zelfs belangrijk?
Contents
De impact van SEO-Minded Design
In de kern kijkt ons team naar om verkeer naar onze website te leiden, wat van invloed is op ons vermogen om leads en productaanmeldingen te verwerven.
Ik zie ontwerp als een integraal onderdeel van het kunnen leveren van deze KPI's, omdat we direct invloed hebben op wat bezoekers – en zoekmachines – zien op een bepaalde pagina.
Uiteindelijk het ontwerpen van pagina's om te bieden een doordachte en waardevolle ervaring voor bezoekers is van invloed op de vraag of onze inhoud wordt weergegeven in een SERP (Search Engine Results Page) of niet.
Als gebruikers onze navigatie bijvoorbeeld verwarrend vinden, kunnen ze onze pagina snel verlaten, wat voor de SERP's aangeeft dat onze pagina's verouderd zijn of niet overeenkomen met de beschikbare zoekwoorden.
Er zijn er genoeg. andere design-gerelateerde factoren die van invloed kunnen zijn op SEO — bekijk onze Ultieme Gids voor Google Ranking Factors in 2019 voor meer informatie.
Laten we nu eens kijken hoe uw team SEO-minded design kan toepassen.
Hoe SEO-minded design te oefenen
Er zijn een paar concepten die SEO en ontwerp met elkaar verbinden die nuttig zijn bij het balanceren van de best practices van beide gebieden, en ik wil er vandaag vier in het bijzonder behandelen. Laten we erin duiken.
1. Negeer de mobiele ervaring niet.
Google is overgestapt op mobile-first indexing, wat betekent dat het de mobiele versie van uw website gebruikt voor indexering en ranking.
De waanzinnige realiteit is dat Google mogelijk nooit een desktopversie van uw website te zien krijgt.
Deze wijziging maakt het absoluut noodzakelijk om ervoor te zorgen dat de kwaliteit van de inhoud niet in het gedrang komt bij het ontwerpen voor kleinere schermformaten. Inhoud verbergen op mobiel maar weergeven op desktop is als het knippen van de vleugels van een vogel: crawlers (de bots die het web afspeuren naar nieuwe inhoud) zullen niet in staat zijn om de breedte van uw website te verkennen en voldoende context te krijgen met betrekking tot de waarde van uw inhoud biedt.
In de praktijk betekent dit dat uw sitenavigatie volledig beschikbaar moet zijn voor mobiele gebruikers.
Bovendien wilt u ervoor zorgen dat de linkstructuur op mobiel niet dramatisch verschilt van de navigatie-opties die op desktop worden aangeboden. Bovendien moeten tekstinhoud en afbeeldingen beschikbaar blijven om ervoor te zorgen dat crawlers voldoende context hebben om te begrijpen waar uw website over gaat.
Ik zal de eerste zijn om toe te geven dat het verminderen van inhoud voor mobiel een slechte gewoonte is die ik eerder heb ontwikkeld in mijn carrière, en het is echt moeilijk om te doorbreken.
Om responsive design beter te omarmen, heb ik mijn mentaliteit verlegd van proberen de ervaring over alle contactpunten te repliceren, naar het leveren van de best mogelijke ervaring op elk platform.
Dit geeft u de vrijheid om conversiestromen per platform te optimaliseren, gebruikmakend van wat u weet over de behoeften van uw gebruikers wanneer ze uw site bezoeken via verschillende apparaten.
Ter ondersteuning van mobile-first indexeringpraktijken , wegen zoekmachines ook zwaar de mobielvriendelijkheid van uw website. Daarom moet u goed op de volgende zaken letten bij het ontwerpen van uw site voor mobiele apparaten:
- Grootte van gebieden waarop kan worden getikt: Zorg ervoor dat er voldoende ruimte is voor een persoon om met zijn vingers op een link te tikken. Tikdoelen van ten minste 48 pixels worden als standaard beschouwd door zoekmachines zoals Google.
- Gebruik van leesbare lettergroottes: Tekstgroottes moeten worden geschaald om leesbaarheid op elk apparaat te garanderen. Het gebruik van te kleine lettertypen leidt tot boetes van zoekmachines.
- Bestandsgrootten van afbeeldingsitems: Probeer bij het exporteren van afbeeldingen en andere media-inhoud de bestandsgrootte voor internet te optimaliseren, zodat het laden niet eeuwig duurt. De aandachtsspanne van gebruikers is kort en als het laden van pagina's te lang duurt, zullen potentiële bezoekers uw site verlaten.
We hebben deze aanpak gebruikt bij het bouwen van bedrijfsgids.biz's Business Templates-directory, die in maart 2019 werd gelanceerd. De inhoud die we aanbieden is in de vorm van bewerkbare documentsjablonen, die gebruikers kunnen downloaden en gebruiken. Aangezien de sjablonen worden aangeboden voor Microsoft Word, Excel en PDF – meestal desktoptoepassingen – realiseerden we ons dat gebruikers waarschijnlijk niet veel waarde zouden hechten aan het downloaden van de sjablonen naar hun mobiele apparaten.
Op mobiel, ik besloten prioriteit te geven aan de optie om een link naar zichzelf te e-mailen om de sjabloon later te downloaden, zodat gebruikers hun doelen kunnen bereiken, ongeacht het platform waarop ze zich bevinden.
Kleine aanpassingen in de downloadervaring tussen desktop en mobiel zorgen voor een geoptimaliseerde ervaring voor elk platform. Deze schermen laten zien hoe e-mailen naar jezelf de primaire optie is op mobiel, terwijl downloaden prioriteit heeft op desktop.
Ik heb ook een heel eenvoudige wijziging aangebracht in mijn workflow om ervoor te zorgen dat ik in elke fase van het ontwerpproces responsive design overweeg. Als ik een nieuw bestand opzet in Sketch (de belangrijkste software die ons team gebruikt voor het ontwerpen van interfaces), maak ik altijd twee “artboards” naast elkaar: een voor desktop en een voor mobiel.
Terwijl ik een scherm voor desktop ontwerp, rangschik ik tegelijkertijd dezelfde inhoud naar de grootte van het mobiele scherm zonder iets te verwijderen, en maak vervolgens de nodige aanpassingen op basis van de mobiele context. Het is niet echt een mobile-first benadering, maar het is een stap in de goede richting.
Een voorbeeld van een bestand dat is opgezet voor een responsieve ontwerpbenadering
Hoe beter uw navigatie de structuur van uw website naar boven haalt, hoe beter crawlers in staat zullen zijn om inhoud te ontdekken en te begrijpen waar uw website over gaat.
Maar duidelijke navigatie is niet alleen voor bots — het helpt bezoekers ook om door uw website te navigeren en interessante, relevante inhoud te vinden. Denk na over uw eigen ervaring bij het voor het eerst bezoeken van een website. Misschien heb je op Google een artikel gevonden dat je leuk vond om te lezen en wil je meer artikelen van die auteur zien. Een goed georganiseerde website maakt die inhoud direct voor u beschikbaar.
U bent waarschijnlijk bekend met verschillende modules die vaak worden gebruikt om inhoud te ordenen: “Gerelateerde” feeds, “Mensen zoeken ook naar”, “Mensen kochten ook …” — deze functies worden vaak gebruikt op e-commerce- en directorywebsites. Hoewel ze misschien een gimmick lijken, kunnen ze om de volgende redenen waardevol zijn voor klanten:
- Versterkt inhoudscategorisatie. Bezoekers leren hoe u categorieën definieert op uw website en het type inhoud dat bij elk hoort. Dit stelt hen in staat om zonder hulp specifieke inhoud te vinden.
- Bevordert de ontdekking van relevante inhoud.Hierdoor kunnen websites waarde leveren aan klanten die verder gaan dan hun oorspronkelijke vraag, waardoor klanten worden aangemoedigd om ons te beschouwen als goed geïnformeerde, behulpzame informatieverstrekkers. Als ze in de toekomst inhoud van ons zien, is de kans groter dat ze ons vertrouwen.
- Helpt bij het nemen van beslissingen. Deze componenten verminderen de cognitieve belasting van het moeten herkennen versus terughalen van gegevens, en klanten voelen zich gerustgesteld dat ze niet alleen zijn. Het is echter belangrijk om deze gegevens verstandig te gebruiken om behulpzaam te zijn – en om er geen misbruik van te maken.
Andere UI-componenten zoals breadcrumb-navigatie en inhoudsopgave hebben misschien een slechte reputatie in de ontwerpwereld, maar ze zijn handig voor het benutten van complexe informatie-architecturen.
Deze componenten laten zien hoe uw website is georganiseerd — en laten crawlers en bezoekers gemakkelijker hun weg vinden op uw website.
Vanuit het perspectief van de gebruiker werkt duidelijke navigatie als verkeersborden, die u meer vertellen over waar u bent, waar je bent geweest en waar je naartoe gaat. Er is niets erger dan terug te moeten grijpen naar de Terug-knop in uw browser, omdat u niet weet waar u anders moet klikken.
3. Geef mensen wat ze willen.
Hoe vaak heb je op Google naar antwoorden gezocht en op een link geklikt die je andere inhoud gaf dan je had verwacht? We zijn het er waarschijnlijk over eens dat het krijgen van inhoud die onze vraag niet beantwoordt een frustrerende ervaring is en kan leiden tot verlies van vertrouwen.
Zoekmachines willen inhoud van hoge kwaliteit aanbieden die de vragen beantwoordt die ze ontvangen — waardoor het ontwerpen van pagina's met relevante inhoud een van de belangrijkste onderdelen is om sterke SEO mogelijk te maken. Immers, als zoekmachines geen kwaliteitsinhoud leveren, verliezen ze daardoor klanten en inkomsten.
Begrijpen wat waardevol is voor bezoekers komt voort uit het begrijpen van hun intentie achter een zoekopdracht. Vertrouwd zijn met gebruikersdoelen legt de basis voor u om inhoud te creëren die waarde zal opleveren.
Er zijn een paar eenvoudige manieren om meer te leren over gebruikersdoelen (afgezien van hun gedachten kunnen lezen) die ik leuk vind om regelmatig te oefenen:
1) Zoekwoordonderzoek
Zoekwoordonderzoek onderzoekt de termen die mensen in zoekmachines typen, het aantal keren dat er in een bepaalde periode (meestal maandelijks) naar wordt gezocht en een paar andere statistieken die u helpen de waarde en moeilijkheidsgraad te bepalen van het nastreven van een positie in zoekmachines voor die term.
Door de volledige zoekopdrachten te onderzoeken die mensen zoeken, kunt u meer ontdekken over de kennis van de gebruiker over het zoekwoord en de intentie achter hun zoekopdracht. Het afstemmen van de specificiteit van uw inhoud op de verwachtingen van de gebruiker is van cruciaal belang om ervoor te zorgen dat u waarde levert.
Hier is bijvoorbeeld een voorbeeld om te overwegen:
In het eerste voorbeeld kan iemand die zoekt naar “download sjabloon voor businessplanvoorstel” een pagina verwachten waarop hij direct een sjabloon voor een businessplan kan downloaden, wat duidt op een hoge mate van specificiteit en intentie — deze klant bevindt zich waarschijnlijk in de overwegingsfase van hun zoektocht, en weet waarschijnlijk al wat een voorstel voor een businessplan is en hoe het te gebruiken.
Aan de andere kant, iemand die een zoekopdracht typt als “voorbeelden van sjabloonvoorstellen voor een businessplan” weet misschien niet wat er in een goed businessplan, en misschien geïnteresseerd in een artikel op hoog niveau dat hen meer context geeft, evenals een paar verschillende opties.
Zoekwoordonderzoek dient ook als een goede lakmoesproef voor hoe goed uw exemplaar resoneert met klanten. U kunt statistieken zoals maandelijks zoekvolume (MSV) gebruiken om te zien welke zoekwoorden vaak in zoekmachines worden getypt. Dit kan u helpen begrijpen hoe klanten verwijzen naar relevante concepten in de echte wereld. U kunt hiermee rekening houden bij het afwegen van de kosten en baten van het gebruiken van een algemeen bekende term versus het aanleren van een nieuwe term.
Het is echter belangrijk om de beperkingen van het gebruik van zoekwoordonderzoek te begrijpen wanneer u dit in uw proces opneemt. Zoekwoordonderzoek toont u waar gebruikers naar zoeken, maar vertelt u niet waar ze eigenlijk naar zoeken.
Mensen die naar dezelfde term zoeken, zoeken mogelijk naar heel verschillende dingen, en dat hangt sterk af van de context die hen ertoe heeft aangezet een zoekopdracht in te voeren. U kunt trefwoordonderzoek gebruiken om u te helpen een hypothese te vormen over de intentie van de gebruiker, maar u kunt er geen conclusies over causaliteit uit trekken. Het gebruik van trefwoordonderzoek kan een krachtig hulpmiddel zijn, maar alleen als u de bevindingen ervan serieus neemt en op de juiste manier gebruikt.
2) Empathie-oefening
Zodra ik heb gekeken naar de woorden waarnaar mensen zoeken, begin ik de mogelijke bedoeling achter hun zoekopdracht te analyseren. Voor elke pagina of elk item dat ik aan het maken ben, maak ik een korte lijst met de zoekwoorden, doelen en inhoud die een bezoeker waardevol kan vinden om zijn doelen te bereiken.
Deze eenvoudige empathie-oefening helpt me de context waarin mensen op bezoek zijn, en breng de modules in kaart die waarde zouden creëren voor gebruikers.
Hier is een sjabloon om u te helpen aan de slag te gaan met uw eigen empathie-oefening:
Voor de Business Template directory heb ik een lijst gemaakt die er ongeveer zo uitzag:
De context achter de zoekopdracht van een gebruiker kan een enorme impact hebben op hun verwachtingen voor uw inhoud — dus tijdens het uitvoeren van de empathie-oefening is het belangrijk om te weten dat u mogelijk niet elke use case of elk scenario vastlegt.
Ik gebruik deze empathie-oefening om een hypothese te vormen over de doelen van een gebruiker en vervolgens te bepalen welke inhoud op die pagina het meest waardevol zou kunnen zijn. Dit vormt een maatstaf voor de inhoud die moet worden opgenomen, waardoor ik modules kan wireframen die essentiële inhoud zullen presenteren.
We kunnen voortbouwen op deze basis en inhoud toevoegen die uw marketingteam of belanghebbenden mogelijk nodig hebben, zoals zolang het klanten er niet van weerhoudt om de meeste waarde te behalen.
3) Gebruikersonderzoek en testen
Testen of onderzoek door gebruikers is een ander nuttig hulpmiddel bij het evalueren van de aannames die u in een project brengt. Het is ongelooflijk hoe vaak uw aannames afwijken van de werkelijke waarden die uw klanten hebben, dus het is van cruciaal belang om waar mogelijk hun directe inzichten te krijgen.
In ons team hebben we zowel gemodereerde als niet-gemodereerde gebruikers opgenomen testen in ons arsenaal met behulp van programma's zoals Validately en Respondent, waarmee u beide gebruikers kunt werven en screenen om uw ontwerpen te testen.
Wanneer ze samen worden gebruikt, kunnen deze drie methoden u een beter begrip geven van de context achter de zoektermen van mensen, evenals de doelen die ze kunnen verwachten dat uw inhoud hen helpt te bereiken.
4. Pas best practices voor toegankelijkheid toe.
Uw inhoud toegankelijk maken voor alle bezoekers is een belangrijke maar vaak over het hoofd geziene stap in het ontwerpproces. Er zijn veel veelvoorkomende verklaringen waarom toegankelijkheid geen prioriteit heeft gekregen — helaas klinken sommige hiervan misschien bekend in de oren:
“Toegankelijk ontwerp is niet zo visueel interessant en ziet er saai uit.”
>
“Het kost extra tijd om iets voor iedereen toegankelijk te maken.”
“Het heeft slechts invloed op een klein deel van onze klanten.”
De waarheid is dat toegankelijkheid niet zo moeilijk is, en het is onaanvaardbaar om excuses te verzinnen waarom we het niet kunnen. Het toegankelijk maken van inhoud heeft invloed op SEO omdat het een betere gebruikerservaring creëert en zoekmachines helpt te begrijpen waar uw inhoud over gaat.
Als het ontmoedigend klinkt, zijn dit een paar eenvoudige dingen die u kunt doen om de algehele klantervaring te verbeteren en een positieve invloed hebben op uw SEO:
1) Voeg beschrijvende alt-tekst toe.
Alt-tekst helpt mensen met een visuele beperking te begrijpen waar niet-tekstuele inhoud op uw website over gaat. Technologie zoals schermlezers wordt gebruikt om mensen met visuele beperkingen te helpen bij de interactie met websites, en deze tools lezen de alt-tekst die u opgeeft wanneer deze een afbeelding, video of andere niet-tekstuele inhoud tegenkomt.
Bovendien, in gevallen waarin afbeeldingen niet kunnen worden geladen (zoals trage of onstabiele internetverbindingen), verschijnt alt-tekst in plaats van de afbeelding, zodat gebruikers de inhoud die ze niet kunnen zien, toch kunnen begrijpen.
Mensen zijn niet de enigen die alt-tekst gebruiken, ook zoekmachines. Crawlers gebruiken alt-tekst voor twee dingen:
- Begrijpen waar een afbeelding over gaat. Door het onderwerp en doel van uw afbeelding vast te leggen in de alt-tekstbeschrijving, kunnen zoekmachines uw afbeelding in zoekopdrachten naar afbeeldingen en genereer extra verkeer naar uw website.
- Begrijp waar uw website over gaat.Dit helpt zoekmachines beter te begrijpen waar uw website over gaat en de waarde die deze levert aan gebruikers, wat van invloed is op de SERPs waarop uw pagina wordt gezien.
Ontwerpers, ontwikkelaars en marketeers kunnen samenwerken om zorg ervoor dat beschrijvende alt-tekst wordt geïmplementeerd op alle inhoud. Door samen te werken en elkaar verantwoordelijk te houden voor deze praktijk, kan meer verkeer naar uw site worden geleid en kunnen we een inclusieve ervaring voor iedereen creëren.
2) Creëer een duidelijke inhoudshiërarchie.
Door kopteksten te gebruiken om een consistente visuele hiërarchie tot stand te brengen, wordt inhoud beter verteerbaar voor zowel mensen als crawlers. Het is moeilijk voor mensen om lange stukken tekst te lezen, dus kopteksten spelen een belangrijke rol om gebruikers een manier te bieden om snel te scannen en hun weg te vinden door lange stukken inhoud.
Kopteksten moeten visueel onderscheiden, duidelijk, en beschrijvend, en vertel lezers (en crawlers) precies wat hen te wachten staat.
3) Schrijf beschrijvende ankertekst.
Het is relatief gebruikelijk om knoppen en CTA's te zien die “Lees meer” of “Meer informatie” zeggen. Helaas is dit niet erg nuttig voor bezoekers of bots om te begrijpen wat ze vervolgens kunnen verwachten.
Bij effectief gebruik zouden CTA's en hyperlinkkopieën moeten helpen de verwachting van de bezoeker te bepalen over waar een gelinkte pagina over gaat , zodat ze kunnen beoordelen of het al dan niet waardevol voor hen zou zijn om de pagina te bezoeken.
Ankertekst wordt ook gelezen door schermlezers voor bezoekers met visuele beperkingen, en het gebruik van links die niet beschrijvend zijn, kan vooral verwarrend voor gebruikers die niet de visuele context hebben van waar uw CTA zich bevindt.
Ontwerpen met SEO in gedachten zal u helpen een sterkere, betere klantervaring te creëren. Uiteindelijk is het beste wat u in elke situatie kunt doen de klant op de eerste plaats zetten.
Door een gezamenlijke, bewuste benadering van ontwerp en SEO te gebruiken, kunnen we een meetbare impact voor onze bedrijven genereren — en meer inclusieve ervaringen voor iedereen creëren.