Hoe de toegankelijkheid van uw website + SEO te vergroten

Het vinden van de plaats waar toegankelijkheid en SEO gelukkig naast elkaar bestaan

Het is geen mythe - er zijn enkele gebieden waar SEO en toegankelijkheid elkaar kunnen kruisen. Credit: Unsplash

Zoekmachineoptimalisatie (SEO) en website-toegankelijkheid zijn niet hetzelfde. Er zijn verschillende te volgen regels, verschillende doelgroepen en verschillende manieren om de effectiviteit van elk te testen.

Het optimaliseren van uw website voor zoekmachine bots betekent niet dat deze ook automatisch toegankelijk is voor echte mensen. Sommige SEO-praktijken kunnen zelfs de toegankelijkheid van uw website schaden.

Het is echter niet allemaal slecht nieuws, er zijn enkele gebieden waar de twee werelden elkaar overlappen. Als u een beperkt budget en / of tijdsbestek voor een project heeft, kan het targeten van deze zes gebieden * tegelijkertijd de SEO en de toegankelijkheid van de website verbeteren.

* Opmerking: de focus van dit artikel ligt op de overlappingsgebieden. Elke specifieke taak in elk onderstaande gebied is mogelijk meer gericht op SEO, sommige taken kunnen meer op toegankelijkheid zijn gericht.

Waarschuwing: bebaarde hipster pizzaruit zal op je jagen en je dwingen een handgemaakt brouwsel te drinken dat hij in zijn badkuip heeft gemaakt, als je het belang van de gebruikersinterface voor SEO en website-toegankelijkheid onderschat. Credit: Unsplash

Structuur is belangrijk

Onderschat de kracht van een goede gebruikersinterface (UI) niet. Websites met schone, duidelijke en consistente UI's zijn bijzonder goed voor zoekmachine bots en mensen die hulpmiddelen voor hulptechnologie gebruiken of die alleen een toetsenbord gebruiken. Denk er eens over na - als een gebruiker of bot een pagina niet kan vinden, hoe kunnen ze deze dan lezen of ermee omgaan? U moet het vinden van pagina's en interactie met de website zo gemakkelijk mogelijk maken.

Best practices

  • Stel uw navigatie en pagina-indeling op een duidelijke en consistente manier samen, en heb meerdere manieren om inhoud te vinden (bijv. Zoeken, sitemap, inhoudsopgave). Zoekmachinebots houden van een goed georganiseerde website-architectuur, waardoor ze uw inhoud op een meer betekenisvolle manier kunnen indexeren.
  • Als uw website moeilijk te navigeren of te gebruiken is, kan dit van invloed zijn op uw gebruikersanalysestatistieken, waaronder - tijd op een website, bekeken pagina's en bouncepercentage. Dit kan op zijn beurt uw SEO-positie schaden. Het zal op zijn minst uw gebruikers irriteren.
  • Vermijd het gebruik van CSS of andere stilistische markup om betekenis over te brengen. U moet nooit een element "namaken" dat in plaats daarvan HTML-opmaak zou moeten gebruiken.
  • Gebruik, indien van toepassing, toegankelijke HTML 5-pagina-elementen, zoals , ,
    ,
    . Die elementen zijn meer beschrijvend voor zoekmachine bots en hulpmiddelen voor hulptechnologie dan gewone
    of

    elementen.

Tags, tags, overal tags. Handgemaakte pakketlabels in verschillende maten en kleuren. Credit: Unsplash

Correct gebruik van tags

De inhoud van uw website kan in wezen worden beperkt tot HTML-opmaak, inclusief tags die worden gebruikt voor de koppen van uw pagina (niet te verwarren met

-tags). Navigeren door de tags

en

kan een gebruiker of zoekmachine een overzicht geven van een pagina en hoe de inhoud ervan is gestructureerd, terwijl de tags

tot en met

een snel begrip van de details in elke sectie bieden . Het is belangrijk voor zowel website-toegankelijkheid als SEO om deze tags goed te krijgen.

Best practices

  • Houd koptags consistent en gebruik niet alleen tekst om koppen visueel te maken - gebruik echte koptags. Anders weten zoekmachines en gebruikers niet welke inhoud het belangrijkst is.
  • Richtingstags moeten in orde zijn. Dat betekent dat een

    wordt gevolgd door een

    , een

    wordt gevolgd door een

    of

    enzovoort.

  • Vermijd het overslaan van koptags wanneer u op een websitepagina naar beneden gaat. Sla bijvoorbeeld niet van een

    naar een

    over. Opmerking: het is ok om koptags over te slaan wanneer je in volgorde omhoog gaat (
    tot

    ), als je een nieuwe paginasectie start.

  • Het is een goede gewoonte om slechts één

    per pagina te hebben. Beschouw

    -tags als in wezen "tweede paginatitel-tags" die een relevantiesignaal naar zoekmachines-bots verzenden.

Oefening baart kunst. Atleet rust witte Adidas schoenen op chainlink hek. Credit: Unsplash

Perfectioneer uw links

Links kunnen een website maken of breken voor zowel bots van zoekmachines als mensen die hulpmiddelen voor hulpmiddelen gebruiken, zoals schermlezers. Na het bekijken van de paginakoppen zijn links het volgende belangrijke element waar gebruikers en crawlers het meest rekening mee houden, dus het is van essentieel belang dat uw links zo perfect mogelijk zijn.

Best practices

  • Zorg ervoor dat je geen verbroken links hebt. Dit kan worden gezien als een teken van een verwaarloosde of verlaten website voor SEO. Het is ook een slechte website-toegankelijkheid die uw gebruikers kan frustreren / verwarren.
  • Gebruik interne links van het tagging-type, maar overdrijf het niet. Volgens Yoast.com: "het verbetert uw SEO door een deel van de inhoud aan een ander te relateren, en meer specifiek een groep berichten aan elkaar." Het biedt gebruikers ook gemakkelijke toegang tot soortgelijke inhoud met één klik.
  • Geef een beschrijvende linktekst op. Vermijd uitdrukkingen zoals klik hier en lees meer. Als u deze zinnen liever gebruikt, kunt u ze bewaren * als * u aanvullende koppelingsinformatie toevoegt met behulp van visueel verborgen of ARIA-methoden.
  • Sla het toevoegen van beschrijvende titelattributen aan uw links over (die tekst die verschijnt wanneer u over een link zweeft). Het is niet noodzakelijk verkeerd om linktitels toe te voegen, maar is aantoonbaar niet erg nuttig voor zowel SEO als website-toegankelijkheid.
Zeg kaas! Vrouw die in roze bloemenoverhemd retro Nikon-camera houdt. Credit: Unsplash

Beeldoptimalisatie

Hoewel bots van zoekmachines en mensen die schermlezers gebruiken niet in de traditionele zin kunnen 'zien', vertrouwen beide op afbeeldingsnamen en alternatieve tekst om hen te vertellen wat de afbeelding afbeeldt. Het hebben van deze elementen is essentieel voor zowel het aanvullen van de omringende inhoud als voor de algehele gebruikerservaring.

Best practices

  • Wees zo consistent en nauwkeurig mogelijk bij het benoemen van uw afbeeldingen. Noem uw bestand bijvoorbeeld niet brown-puppy.jpg voor een foto van een oranje gestreepte kat.
  • Gebruik geen niet-alfa-tekens (bijv. 7,%, &, $) en gebruik streepjes tussen woorden in plaats van onderstrepingstekens in uw afbeeldingsnamen of alternatieve tekst. Schrijf bijvoorbeeld orange-tabby-cat.jpg en niet 0r @ nge_t @ 66y_c @ t! .Jpg
  • Houd uw alternatieve tekst tot 125 tekens. Als u meer tekens nodig hebt, gebruikt u bijschrifttekst of beschrijft u de afbeelding in het hoofdtekstgebied op de pagina.
  • Schrijf alternatieve tekst als een mens en geen robot. Het vullen van zoekwoorden komt niemand ten goede - mensen die de schermlezer gebruiken, zullen geïrriteerd raken en bots van zoekmachines zullen u benadelen. Doe het gewoon niet.
Laat uw media werken voor bots en mensen. Close-up van draaiende platenspeler. Credit: Unsplash

Vul uw media aan

Mensen met visuele handicaps (bijv. Inbeslagnemingsstoornissen, blind), auditieve handicaps (bijv. Doof, slechthorend), situationele / tijdelijke handicaps, mensen met slechte bandbreedteverbindingen en vele anderen kunnen veel baat hebben bij media die worden weergegeven in een toegankelijke manier. Evenzo zijn zoekmachine bots "uitgeschakeld" omdat ze geen ogen, oren of handen hebben, dus dit is een gebied waar zowel SEO als website-toegankelijkheid een behoorlijke overlap heeft.

Best practices

  • Minder is meer. Beperk het gebruik van gecompliceerde mediacomponenten (bijv. Diavoorstellingen, video's) in uw ontwerp waar mogelijk. Geen angst ... er zijn alternatieve lay-outopties.
  • Voeg duidelijke, volledige en beknopte tekstbeschrijvingen en markeringen toe aan essentiële media. Denk twee keer na over het houden van niet-essentiële media.
  • Alle video's en diavoorstellingen moeten een afspeel- / pauzeknop hebben als deze automatisch doorloopt - maar start nooit automatisch. In het ideale geval zouden alle mediabedieningen toegankelijk moeten zijn.
  • Bied alternatieve manieren om toegang te krijgen tot uw media. Gebruik bijvoorbeeld transcripties en / of bijschriften voor video's; een transcript maken voor een bestand met alleen audio; voeg een in braille geformatteerd bestand toe aan uw media. Er zijn veel verschillende soorten alternatieve formaten beschikbaar voor uw gebruik.
Inhoud is koning. Container met drukpersblokletters van verschillende grootten en lettertypefamilies. Credit: Unsplash

Ruim uw inhoud op

Last but not least, na het adresseren van de algemene structuur van uw website, koptags, links, afbeeldingen en andere media, is de volgende stap om zich te concentreren op de werkelijke inhoud. Omdat elke website een unieke sneeuwvlok is, is er veel variabiliteit in website-inhoud van de ene website naar de volgende. Wat voor sommige gebruikers op sommige websites werkt, werkt mogelijk niet voor u en uw site. De sleutel is om de best mogelijke inhoud te schrijven en de mantra voor inhoudcreatie van Google in uw achterhoofd te houden:

“Denk na over wat uw website uniek, waardevol of aantrekkelijk maakt. Laat uw website zich onderscheiden van anderen in uw vakgebied. "

Best practices

  • Beperk de lengte van elke alinea tot ongeveer drie zinnen en streef naar een leesniveau dat overeenkomt met uw doelgroep. In het ideale geval, voor zowel website-toegankelijkheid als SEO-doeleinden, moet u zich richten op het niveau van het 9e leerjaar.
  • Gebruik geen vetgedrukte en cursieve tags om woorden te markeren, maar gebruik sterk en nadruk. Visueel zien ze er hetzelfde uit, maar schermlezers (in de juiste modus) leggen de nadruk op woorden omringd door en tags, terwijl ze de tags en volledig negeren of slechts licht wijzigen .
  • Dupliceer uw inhoud niet. Zoekmachinebots zullen je opmerken en bestraffen. Uw gebruikers zullen gewoon in de war zijn.
  • Opsommingstekens en genummerde lijsten helpen bij het opdelen van uw inhoud voor lezers, waardoor ze gebruiksvriendelijker worden. Bonus: wat onderzoek wijst erop dat bots van zoekmachines de voorkeur geven aan inhoud met opsommingstekens en cijfers boven gewone tekst.

❤ Als je dit artikel leuk vond, toon je steun door op het klappictogram te klikken (zo vaak als je wilt), het verhaal te delen op sociale media en mij te volgen op Medium of Twitter! Bedankt en veel leesplezier❤

Dit verhaal is gepubliceerd in The Startup, de grootste publicatie over ondernemerschap, gevolgd door 273.971+ mensen.

Abonneer u om onze topverhalen hier te ontvangen.