Išsamus vadovas, kaip rašyti efektyvų paveikslėlių alt tekstą, užtikrinant prieinamumą regos negalią turintiems vartotojams ir gerinant SEO pasaulinei auditorijai.
Alt teksto rašymas: aprašomasis paveikslėlių prieinamumas pasaulinei auditorijai
Šiuolaikiniame skaitmeniniame pasaulyje vizualinis turinys atlieka lemiamą vaidmenį pritraukiant auditoriją ir perteikiant informaciją. Tačiau regos negalią turintiems vartotojams pasiekti šį turinį gali būti sudėtinga. Čia į pagalbą ateina alt tekstas. Alt tekstas, arba alternatyvus tekstas, yra trumpas paveikslėlio aprašymas, įterptas į HTML kodą. Jį garsiai perskaito ekrano skaitytuvai, leisdami regos negalią turintiems vartotojams suprasti paveikslėlio turinį ir kontekstą. Be to, alt tekstas taip pat gerina paieškos sistemų optimizavimą (SEO), padėdamas paieškos sistemoms suprasti ir indeksuoti jūsų paveikslėlius, todėl jūsų svetainė tampa labiau matoma pasaulinei auditorijai.
Kodėl alt tekstas svarbus: prieinamumas ir SEO
Alt tekstas nėra tik maloni funkcija; tai yra esminis interneto prieinamumo aspektas ir vertingas SEO įrankis. Štai kodėl jis toks svarbus:
Prieinamumas regos negalią turintiems vartotojams
Ekrano skaitytuvai remiasi alt tekstu, kad apibūdintų paveikslėlius vartotojams, kurie negali jų matyti. Be tikslaus ir aprašomojo alt teksto, šie vartotojai negali visiškai suprasti jūsų svetainės turinio. Įsivaizduokite, kad naršote naujienų svetainėje ir matote protesto nuotrauką. Be alt teksto, ekrano skaitytuvas gali tiesiog pranešti „paveikslėlis“, palikdamas vartotoją visiškai nežinioje, apie ką protestas. Aprašomasis alt tekstas, pvz., „Protestuotojai Londone laiko ženklus, pasisakančius už klimato veiksmus“, suteikia esminį kontekstą.
Tai tampa dar svarbiau mokomajame turinyje. Pavyzdžiui, maisto gaminimo svetainėje, rodančioje sušių gaminimo etapus, reikalingas alt tekstas, pvz., „Šefas, tolygiai paskirstantis ryžius ant nori jūros dumblių lapo iš arti“, kad vartotojai galėtų sekti veiksmus.
Geresni SEO rezultatai
Paieškos sistemos naudoja alt tekstą, kad suprastų paveikslėlių turinį ir jų ryšį su aplinkiniu tekstu. Pateikdami aprašomąjį ir raktiniais žodžiais praturtintą alt tekstą, galite padėti paieškos sistemoms efektyviau indeksuoti jūsų paveikslėlius, taip pagerindami bendrą jūsų svetainės paieškos reitingą. Pavyzdžiui, jei internetu prekiaujate rankų darbo keramika, naudojant alt tekstą, pvz., „Rankų darbo keraminis puodelis su mėlyna glazūra“, jūsų produktas pasirodys paieškos rezultatuose, kai žmonės ieškos panašių prekių. Tai ypač svarbu elektroninės prekybos verslams, orientuotiems į pasaulinę rinką.
Be to, paveikslėlių paieška yra vis svarbesnė paieškos srities dalis. Gerai optimizuotas alt tekstas užtikrina, kad jūsų paveikslėliai būtų aptinkami paveikslėlių paieškos rezultatuose, pritraukdami papildomą srautą į jūsų svetainę.
Atitiktis prieinamumo standartams
Daugelyje šalių yra prieinamumo įstatymai ir gairės, pvz., Amerikiečių su negalia aktas (ADA) Jungtinėse Valstijose, Ontarijo gyventojų su negalia prieinamumo aktas (AODA) Kanadoje ir Europos prieinamumo aktas (EAA) Europoje. Šie įstatymai dažnai reikalauja, kad svetainės būtų prieinamos neįgaliesiems, įskaitant tuos, kurie turi regos sutrikimų. Tikslaus ir aprašomojo alt teksto pateikimas yra būtinas norint atitikti šiuos standartus. Neatitikimas gali sukelti teisines sankcijas ir pakenkti reputacijai.
Geriausios praktikos, kaip rašyti efektyvų alt tekstą
Norint parašyti efektyvų alt tekstą, reikia atidumo ir dėmesio detalėms. Štai keletas geriausių praktikų, kurių reikėtų laikytis:
Būkite aprašomojo pobūdžio ir glausti
Pagrindinis alt teksto tikslas yra kuo tiksliau ir glaustai apibūdinti paveikslėlį. Siekite pusiausvyros tarp pakankamo detalumo, kad perteiktumėte paveikslėlio prasmę, ir trumpo bei lengvai suprantamo teksto. Paprastai pakanka nuo kelių žodžių iki trumpo sakinio. Apsvarstykite, ką paveikslėlis bando perteikti. Įsivaizduokite, kad apibūdinate paveikslėlį tam, kas jo nemato.
Pavyzdys:
Blogai: paveikslelis.jpg
Gerai: Žmonių grupė Mumbajuje švenčia Divalį su bengališkomis ugnelėmis.
Sutelkti dėmesį į kontekstą
Idealus alt tekstas priklausys nuo paveikslėlio konteksto. Apsvarstykite, kaip paveikslėlis susijęs su aplinkiniu turiniu ir kokią informaciją jis suteikia. Jei paveikslėlis yra tik dekoratyvinis, galite naudoti tuščią alt atributą (alt=""), kad praneštumėte ekrano skaitytuvams, jog jį reikia ignoruoti. Pavyzdžiui, jei turite raštuotą fono paveikslėlį, kuris neperteikia jokios prasmingos informacijos, tinkama naudoti tuščią alt atributą.
Pavyzdys:
Puslapyje apie keliones Japonijoje:
Blogai: Japoniškas sodas
Gerai: Ramus japoniškas sodas su koi tvenkiniu Kiote.
Įtraukite svarbius raktinius žodžius (bet neperkraukite)
Nors pagrindinė alt teksto paskirtis yra prieinamumas, jis taip pat suteikia galimybę pagerinti SEO. Įtraukite svarbius raktinius žodžius, kurie tiksliai apibūdina paveikslėlį ir yra susiję su aplinkiniu turiniu. Tačiau venkite raktinių žodžių perkrovimo, kuris gali pakenkti SEO ir padaryti alt tekstą mažiau naudingą vartotojams. Sutelkite dėmesį į natūralų ir aprašomąjį apibūdinimą, kuriame, kai tinkama, įtraukiami svarbūs raktiniai žodžiai.
Pavyzdys:
Tradicinio škotiško kilto paveikslėliui:
Blogai: kiltas tartanas vilna drabužiai Škotija tradicinis škotiškas
Gerai: Vyras, vilkintis tradicinį škotišką kiltą su „Royal Stewart“ tartano raštu.
Būkite konkretūs kalbėdami apie žmones
Jei paveikslėlyje vaizduojami žmonės, pateikite konkrečią informaciją apie juos, pvz., jų vardus, vaidmenis ar veiklas. Tai ypač svarbu paveikslėliams, kurie yra naujienų straipsnių ar mokomojo turinio dalis. Jei paveikslėlyje yra istorinė asmenybė, paminėkite jos vardą ir reikšmę. Jei tai komandos nario nuotrauka puslapyje „Apie mus“, įtraukite jo vardą ir pareigas.
Pavyzdys:
Blogai: Žmonės
Gerai: Nelsonas Mandela kreipiasi į minią per mitingą prieš apartheidą Johanesburge.
Apibūdinkite paveikslėlio funkcionalumą
Jei paveikslėlis yra nuoroda ar mygtukas, alt tekstas turėtų apibūdinti nuorodos ar mygtuko funkciją. Pavyzdžiui, jei paveikslėlis yra mygtukas su užrašu „Pateikti“, alt tekstas turėtų būti „Pateikti“. Jei paveikslėlis yra nuoroda į kitą puslapį, alt tekstas turėtų apibūdinti paskirties puslapį. Tai labai svarbu vartotojams, kurie naršydami svetaines naudojasi ekrano skaitytuvais.
Pavyzdys:
Paveikslėliui, kuris nukreipia į kontaktų puslapį:
Blogai: Logotipas
Gerai: Nuoroda į kontaktų puslapį.
Venkite perteklinės informacijos
Jei paveikslėlis jau aprašytas aplinkiniame tekste, venkite kartoti tą pačią informaciją alt tekste. Vietoj to, sutelkite dėmesį į papildomų detalių ar konteksto, kurie dar nėra aptarti tekste, pateikimą. Tai padeda išvengti perteklinės informacijos ir užtikrina, kad alt tekstas suteikia vertės vartotojams.
Pavyzdys:
Jei pastraipoje šalia paveikslėlio jau aprašoma tam tikra gėlių rūšis:
Blogai: Saulėgrąža
Gerai: Saulėgrąžos stambiu planu, rodanti jos sudėtingą sėklų raštą.
Naudokite taisyklingą gramatiką ir rašybą
Įsitikinkite, kad jūsų alt tekste nėra gramatikos ir rašybos klaidų. Tai palengvins ekrano skaitytuvams teksto interpretavimą, o vartotojams – paveikslėlio supratimą. Prieš publikuodami, atidžiai patikrinkite savo alt tekstą. Net ir mažos klaidos gali paveikti vartotojo patirtį ir SEO.
Neįtraukite „Paveikslėlis...“ arba „Nuotrauka...“
Ekrano skaitytuvai automatiškai praneša, kad tai yra paveikslėlis, todėl nurodyti „Paveikslėlis...“ arba „Nuotrauka...“ yra perteklinė informacija. Tiesiog apibūdinkite, kas yra paveikslėlyje.
Pavyzdys:
Blogai: Eifelio bokšto paveikslėlis
Gerai: Eifelio bokštas, apšviestas naktį Paryžiuje.
Išbandykite savo alt tekstą
Parašę alt tekstą, išbandykite jį su ekrano skaitytuvu, kad įsitikintumėte, jog jis pateikia aiškų ir tikslų paveikslėlio aprašymą. Yra daug nemokamų ekrano skaitytuvų, pvz., NVDA („NonVisual Desktop Access“) ir „ChromeVox“. Išbandę savo alt tekstą, galėsite nustatyti sritis, kurias reikia tobulinti, ir užtikrinti, kad jis būtų prieinamas visiems vartotojams.
Efektyvaus alt teksto pavyzdžiai skirtinguose kontekstuose
Norėdami dar geriau iliustruoti efektyvaus alt teksto rašymo principus, pateikiame keletą pavyzdžių skirtinguose kontekstuose:
Elektroninė prekyba
Paveikslėlis: Odinės rankinės stambiu planu su įmantriais dygsniais.
Alt tekstas: Rankų darbo odinė rankinė su detaliu susiuvimu ir žalvarine sagtimi.
Naujienų straipsnis
Paveikslėlis: Protesto nuotrauka Honkonge.
Alt tekstas: Protestuotojai Honkonge laiko skėčius demonstracijos prieš ekstradicijos įstatymą metu.
Mokomoji svetainė
Paveikslėlis: Žmogaus širdies iliustracija.
Alt tekstas: Žmogaus širdies diagrama, rodanti prieširdžius, skilvelius ir pagrindines kraujagysles.
Kelionių tinklaraštis
Paveikslėlis: Panoraminis Maču Pikču vaizdas Peru.
Alt tekstas: Panoraminis Maču Pikču, senovinės inkų citadelės, įsikūrusios Peru Andų kalnuose, vaizdas.
Receptų svetainė
Paveikslėlis: Lėkštė su šviežiai iškeptais šokoladiniais sausainiais.
Alt tekstas: Krūvelė auksaspalvių šokoladinių sausainių baltoje lėkštėje.
Dažniausiai pasitaikančios klaidos, kurių reikia vengti
Nors alt teksto rašymas gali atrodyti paprastas, yra keletas dažniausiai pasitaikančių klaidų, kurių turėtumėte vengti:
- Bendrinio alt teksto naudojimas: Venkite naudoti bendrinius alt tekstus, pvz., „paveikslėlis“ arba „nuotrauka“. Tokie aprašymai nesuteikia jokios vertės vartotojams.
- Raktinių žodžių perkrovimas: Venkite perpildyti alt tekstą per dideliu raktinių žodžių kiekiu. Tai gali pakenkti SEO ir padaryti alt tekstą mažiau naudingą vartotojams.
- Paliekant alt tekstą tuščią: Jei paveikslėlis perteikia prasmingą informaciją, tuščias alt tekstas yra didelė prieinamumo problema.
- Ilgų ir padrikų aprašymų naudojimas: Rašykite glaustą ir konkretų alt tekstą. Venkite ilgų ir padrikų aprašymų, kuriuos sunku suprasti.
- Konteksto ignoravimas: Rašydami alt tekstą, visada atsižvelkite į paveikslėlio kontekstą ir jo sąsają su aplinkiniu turiniu.
Alt teksto įgyvendinimas HTML
Pridėti alt tekstą prie paveikslėlių yra paprasta. Naudokite `alt` atributą `` žymoje savo HTML kode.
Pavyzdys:
`
`
Jei paveikslėlis yra tik dekoratyvinis, naudokite tuščią alt atributą:
`
`
Įrankiai ir ištekliai alt teksto rašymui
Yra daug įrankių ir išteklių, kurie gali padėti jums parašyti efektyvų alt tekstą:
- Interneto prieinamumo vertinimo įrankiai: Naudokite interneto prieinamumo vertinimo įrankius, kad nustatytumėte paveikslėlius, kuriems trūksta alt teksto arba kurių aprašymai yra netinkami. Pavyzdžiai: WAVE ir Axe.
- Ekrano skaitytuvai: Naudokite ekrano skaitytuvus, kad išbandytumėte savo alt tekstą ir įsitikintumėte, jog jis pateikia aiškų ir tikslų paveikslėlio aprašymą.
- Prieinamumo gairės: Išsamesnės informacijos apie prieinamo alt teksto rašymą iešokite prieinamumo gairėse, pvz., Interneto turinio prieinamumo gairėse (WCAG).
- Internetiniai kursai ir mokymo programos: Dalyvaukite internetiniuose kursuose ir mokymo programose, kad sužinotumėte daugiau apie alt teksto rašymą ir interneto prieinamumą.
Išvada
Alt tekstas yra esminis interneto prieinamumo elementas ir vertingas SEO įrankis. Laikydamiesi šiame vadove pateiktų geriausių praktikų, galite užtikrinti, kad jūsų paveikslėliai būtų prieinami visiems vartotojams, įskaitant tuos, kurie turi regos negalią, ir pagerinti savo svetainės matomumą paieškos rezultatuose. Rašydami alt tekstą, nepamirškite būti aprašomojo pobūdžio, glausti ir atsižvelgti į kontekstą, ir visada išbandykite savo alt tekstą su ekrano skaitytuvu, kad įsitikintumėte, jog jis pateikia aiškų ir tikslų paveikslėlio aprašymą. Suteikdami prioritetą alt tekstui, galite sukurti įtraukesnę ir prieinamesnę internetinę patirtį pasaulinei auditorijai.
Užtikrindami, kad jūsų svetainė būtų prieinama visame pasaulyje, parodote savo įsipareigojimą įtraukumui ir praplečiate savo potencialių vartotojų ratą. Laikydamiesi šių gairių, jūs ne tik užtikrinate svetainės atitiktį reikalavimams, bet ir gerinate patirtį visiems savo vartotojams, nepriklausomai nuo jų gebėjimų ar vietos.
Atminkite, kad internetas yra pasaulinis išteklius, o prieinamas turinys naudingas visiems.