Hogyan javíthatja webhelyének akadálymentességét + SEO

Annak a helynek a megkeresése, ahol akadálymentesség és SEO együtt létezik

Ez nem mítosz - vannak olyan területek, ahol a SEO és az akadálymentesség keresztezheti egymást. Hitel: Unsplash

A keresőmotor optimalizálása (SEO) és a weboldal elérhetősége nem ugyanaz. Különböző szabályokat kell követni, különféle közönségeket kell megcélozni, és az egyes módszerek hatékonyságának tesztelésére különféle módok vannak.

Webhelyének optimalizálása keresőmotorok számára nem azt jelenti, hogy automatikusan elérhető lesz valódi emberek számára is. Egyes SEO gyakorlatok sérthetik még a webhely akadálymentességét is.

Ez azonban nem minden hír, vannak olyan területek, ahol a két világ átfedésben van. Ha korlátozott költségvetés és / vagy időkerete van egy projekthez, akkor a hat terület * megcélzása egyidejűleg fokozhatja mind a SEO, mind a webhelyek elérhetőségét.

* Megjegyzés: Ez a cikk az átfedésekre összpontosít. Az egyes területeken az egyes feladatok több SEO-t célozhatnak meg, egyes feladatok inkább az akadálymentességet célozzák meg.

Figyelem: A szakállas csípő pizza srác vadászni fog téged, és arra kényszeríti, hogy igyon meg egy kézműves sört, amelyet a kádjában készített, ha alábecsüli az UI fontosságát a SEO és a weboldalak elérhetősége szempontjából. Hitel: Unsplash

Szerkezeti kérdések

Ne becsülje alá a jó felhasználói felület (UI) erejét. A tiszta, tiszta és következetes felhasználói felülettel rendelkező webhelyek különösen jók a keresőmotorok robotjainak és az olyan személyeknek, akik segítő technológiai eszközöket használnak, vagy akik csak billentyűzetet használnak. Gondolj bele - ha a felhasználó vagy a bot nem talál oldalt, hogyan tudják elolvasni vagy velük interakcióba lépni? A lehető legegyszerűbbé kell tennie az oldalak megtalálását és a weboldallal való interakciót.

Legjobb gyakorlatok

  • Konstruálja a navigációt és az oldal elrendezését egyértelműen és következetesen, és többféle módon is megtalálhatja a tartalmat (pl. Keresés, webhelytérkép, tartalomjegyzék). A keresőmotorok robotjai kedvelik a jól szervezett weboldal-architektúrát, ami arra készteti őket, hogy tartalmát értelmesebb módon indexeljék.
  • Ha nehéz a webhely navigálása vagy használata, ez befolyásolhatja felhasználói elemzési statisztikáit, ideértve - a webhelyen töltött időt, a megtekintett oldalakat és a visszafordulási arányt. Ez viszont károsíthatja a SEO rangsorolását. Legalább irritálja a felhasználókat.
  • Kerülje a CSS vagy más stílusjelölés használatát a jelentés közvetítéséhez. Soha nem szabad „hamisítani” egy elemet, amelynek ehelyett HTML-jelölést kell használnia.
  • Adott esetben használjon hozzáférhető HTML 5 oldal elemeket, mint például a , , , . Ezek az elemek inkább leírják a keresőmotorok robotjait és a segítő technológiai eszközöket, mint egyszerű
    vagy

    elemek.

Címkék, címkék, mindenhol címkék. Kézzel készített, különböző méretű és színű csomagcímkék. Hitel: Unsplash

A címkék megfelelő használata

Webhelyének tartalmát alapvetően HTML-jelölésig lehet leforgatni, beleértve az oldal fejlécében használt címkéket (nem szabad összekeverni a

címkékkel). A

és

címkékben való navigálás révén a felhasználó vagy a keresőmotor robotja áttekintést nyújthat az oldalról és annak tartalmáról, miközben a

-

címkék gyorsan megértik az egyes szakaszok részleteit. . A weboldal akadálymentességének és a SEO szempontjából is fontos, hogy ezeket a címkéket helyesen megkapjuk.

Legjobb gyakorlatok

  • Tartsa a fejléccímkéket következetesen, és ne csak a szöveg stílusát adja meg a címsorok megjelenésének megjelenítéséhez - használja a tényleges címsorokat. Ellenkező esetben a keresőmotorok és a felhasználók nem tudják, melyik tartalom a legfontosabb.
  • A címsoroknak rendben kell lenniük. Ez azt jelenti, hogy a

    -et egy

    követi, a

    -et egy

    vagy

    és így tovább.

  • Kerülje el a fejléccímkék átugrását, amikor sorrendre csökken a weboldalon. Például ne ugorjon a

    -ről

    -re. Megjegyzés: rendben van a fejléccímkék kihagyása, ha sorrendben haladunk (
    -

    ), ha új oldalrészt indítunk.

  • A legjobb gyakorlat, ha csak egy

    van egy oldalon. Gondolj a

    címkékre, mint alapvetően „második oldal címcímkéire”, amelyek relevancia jelet küldenek a keresőmotor robotjai számára.

Gyakorlat teszi a mestert. A sportoló a fehér láncszem kerítésén nyugszik a fehér Adidas cipőket. Hitel: Unsplash

Tökéletesítse linkeit

A linkek létrehozhatják vagy megbonthatják a weboldalt mind a keresőmotorok robotjai, mind a segítő technológiai eszközöket (például képernyőolvasókat) használó emberek számára. Az oldal fejlécének áttekintése után a linkek a következő fő elem, amelyet a felhasználók és a bejárók gyakran észrevesznek, ezért alapvető fontosságú, hogy a linkek a lehető legtökéletesebbek legyenek.

Legjobb gyakorlatok

  • Győződjön meg arról, hogy nincsenek megszakadt linkek. Ez a SEO elhanyagolt vagy elhagyott webhelyének jeleként tekinthető. Ez egy rossz webhely-hozzáférési gyakorlat is, amely csalódást okozhat / zavarhat a felhasználók számára.
  • Használjon belső címkézés-típusú hivatkozásokat, de ne túlságosan. A Yoast.com szerint: „javítja az Ön SEO-ját azáltal, hogy egy tartalomdarabot a másikhoz köti, és pontosabban egy hozzászóláscsoportot kapcsol össze.” Ezenkívül lehetővé teszi a felhasználók számára, hogy egy kattintással könnyen hozzáférjenek a hasonló tartalmakhoz.
  • Adjon leíró hivatkozási szöveget. Kerülje a kifejezések használatát, például kattintson ide, és olvassa el többet. Ha inkább ezeket a kifejezéseket használja, megtarthatja azokat *, ha * további hivatkozási információkat ad hozzá vizuálisan rejtett vagy ARIA módszerekkel.
  • Hagyja el a leíró címettribútumok hozzáadását a linkekre (az a szöveg, amely akkor jelenik meg, ha az egérmutatót egy link fölé viszi). Nem feltétlenül helytelen hivatkozási címek hozzáadása, de vitathatatlanul nem nagyon hasznos sem SEO, sem a weboldal elérhetősége szempontjából.
Mondj sajtot! Nő a gazdaság rózsaszín virágos ing retro Nikon fényképezőgép. Hitel: Unsplash

Képoptimalizálás

Annak ellenére, hogy a keresőmotorok és a képernyőolvasókat használó emberek nem képesek „látni” a hagyományos értelemben, mindkettő a képnevekre és az alternatív szövegre támaszkodik, hogy elmondja nekik, mi a kép. Ezen elemek elhelyezése elengedhetetlen mind a környező tartalom kiegészítése, mind az általános felhasználói élmény szempontjából.

Legjobb gyakorlatok

  • A képek elnevezésekor a lehető leg következetesebb és pontos legyen. Például ne nevezze el a barna-puppy.jpg fájlját egy narancssárga cirmos macska fotójához.
  • Kerülje a nem alfabetikus karakterek (pl. 7,%, &, $) használatát, és használjon kötőjelet szavak között, ahelyett, hogy aláhúzást jelentene a képnevekben vagy az alternatív szövegben. Írja például a orange-tabby-cat.jpg, és ne 0r @ nge_t @ 66y_c @ t! .Jpg
  • Tartsa az alternatív szöveget 125 karakter alatt. Ha további karakterekre van szüksége, használjon feliratozást, vagy írja le részletesebben a képet az oldal fő szövegterületén.
  • Írjon alternatív szöveget úgy, mint egy ember, nem pedig robot. A kulcsszó-tömés senkinek nem jár előnyökkel - a képernyőolvasót használó emberek bosszantottak lesznek, és a keresőmotor robotjai büntetik Önt. Csak ne csináld.
Tegye a média működését robotok és emberek számára. Közeli kép a forgó lemezjátszó. Hitel: Unsplash

Kiegészítse a médiát

Látássérültek (pl. Rohamok, vakok), hallássérültek (pl. Siket, hallássérültek), szituációs / átmeneti fogyatékossággal élők, rossz sávszélességű kapcsolatok és még sokan mások számára nagy előnye lehet annak, ha a média elérhető módon elérhető út. Hasonlóképpen, a keresőmotorok botjai „le vannak tiltva”, mivel nincs szemük, füle vagy kezük, tehát ez a terület olyan, ahol mind a SEO, mind a webhelyek akadálymentesek.

Legjobb gyakorlatok

  • A kevesebb több. Amikor csak lehetséges, korlátozza a bonyolult médiakomponensek (pl. Diavetítések, videók) használatát a tervezésben. Nincs félelem ... vannak alternatív elrendezési lehetőségek.
  • Adjon egyértelmű, teljes és tömör szöveges leírást és jelölést az alapvető adathordozókhoz. Gondolj kétszer a nem alapvető hordozók megőrzésére.
  • Az összes videónak és diavetítésnek lejátszás / szünet gombbal kell rendelkeznie, ha automatikusan halad, de kérjük, soha ne indítsa el automatikusan. Ideális esetben az összes médiavezérlőnek elérhetőnek kell lennie.
  • Adjon meg alternatív módszereket a média eléréséhez. Például rendelkezzen videókat átiratokkal és / vagy feliratokkal; hozzon létre egy átiratot a csak audio fájlokhoz; adjon hozzá Braille-formátumú fájlt az adathordozóhoz. Sokféle alternatív formátum létezik az Ön számára.
A tartalom király. Különböző méretű és betűkészlet-család nyomdagép nagybetűs tárolója. Hitel: Unsplash

Csökkentse tartalmát

Végül, de nem utolsósorban, miután foglalkoztam a webhely általános struktúrájával, címspecifikus címkéivel, hivatkozásaival, képeivel és egyéb adathordozóival, a következő lépés az aktuális tartalomra való összpontosítás. Mivel az egyes weboldalak egyedi hópehely, sok a weboldal tartalma változik az egyik webhelyről a másikra. Előfordulhat, hogy nem működik az Ön és a webhelyén, ami működik egyes webhelyek egyes felhasználói számára. A legfontosabb az, hogy megírja a lehető legjobb tartalmat, és ne felejtse el a Google tartalom létrehozásának mantráját:

„Gondoljon arra, mi teszi egyedivé, értékesé vagy vonzóvá webhelyét. Tegye webhelyét kitűnővé a saját területén szereplő másoktól. ”

Legjobb gyakorlatok

  • Korlátozza az egyes bekezdések hosszát körülbelül három mondatra, és célozza meg a közönségének megfelelő olvasási fokozatot. Ideális esetben mind a weboldal elérhetősége, mind a SEO szempontjából a 9. osztály szintje körül kell kitűznie.
  • Ne használjon félkövér és dőlt szót a szavak kiemelésére, ehelyett az erőteljes és kiemelt szót használja. Vizuálisan hasonlóak lesznek egymással, de a képernyőolvasók (a jobb módban) hangsúlyt adnak a és címkékkel körülvett szavaknak, miközben teljesen figyelmen kívül hagyják, vagy csak kissé módosítják a és címkéket .
  • Ne másolja a tartalmát. A keresőmotor robotjai észreveszik és büntetik Önt. A felhasználók csak össze vannak zavarodva.
  • A felsorolásjel és a számozott lista segítséget nyújt az olvasók tartalmának felosztásához, így felhasználóbarátabbá téve őket. Bónusz: egyes kutatások azt mutatják, hogy a keresőmotorok botjai inkább a golyókkal és számokkal ellátott tartalmat részesítik előnyben, mint a sima szöveget.

❤ Ha tetszett ez a cikk, mutassa meg támogatását a taps ikonra kattintással (ahányszor csak akarja), megosztja a történetet a közösségi médiában, és kövessen engem a Mediumon vagy a Twitteren! Köszönöm és boldog olvasást❤

Ezt a történetet a The Startup, a Medium legnagyobb vállalkozási kiadványában tették közzé, amelyet 273 971+ ember követ.

Feliratkozás, hogy itt kaphassa a legfontosabb történeteket.