Բջջային և մատչելիություն

Google-ն օգտագործում է mobile-first ինդեքսավորում: Մատչելիության խնդիրները ձեզ ենթարկում են ADA դատական հայցերի ռիսկի: Երկուսն էլ չափվում են նույն Lighthouse շարժիչով, որն ապահովում է Google-ի դասակարգման ազդանշանները:

Ludwig Makhyan · Հիմնադիր, WebsiteCoach

Անցնել բաժնին

Ակնարկ Գնահատականի բաղադրիչները Ով է գործում

Ամփոփագիր ղեկավարների համար

Google-ի mobile-first ինդեքսավորումը նշանակում է, որ ձեր կայքի բջջային տարբերակն է որոշում որոնման արդյունքներում ձեր դիրքը՝ նույնիսկ համակարգչով որոնումների դեպքում: Lighthouse SEO ստուգումները հաստատում են, որ ձեր էջերը ճիշտ են կազմաձևված Google-ի քրաուլերի համար: Մատչելիության գնահատականները չափում են համապատասխանությունը WCAG ստանդարտներին, որոնք հանդիսանում են ԱՄՆ-ում ADA-ի (Title III) դատական հայցերի և ԵՄ-ում համանման օրենսդրության հիմքը:

Բիզնեսի վրա ազդեցություն

Կայքերի դեմ ADA մատչելիության դատական հայցերը ԱՄՆ-ում 2023 թ.-ին գերազանցել են 4,600-ը, որտեղ յուրաքանչյուր գործի միջին ծախսը կազմում է 25,000-100,000 դոլար: Վատ բջջային SEO-ն ուղղակիորեն նվազեցնում է օրգանական տրաֆիկը: Անբավարար մատչելիությունը բացառում է համաշխարհային բնակչության մոտ 15%-ին, ովքեր ունեն հաշմանդամություն, որն ազդում է նրանց կողմից վեբի օգտագործման վրա:

Աղբյուր՝ Google Lighthouse-ի բջջային աուդիտ PageSpeed Insights API-ի միջոցով:

Գնահատականի բաղադրիչների բացատրություն

Այս Lighthouse ազդակը ազդում է mobile visibility-ի, accessibility risk-ի և UX-ի վրա:

SEO-ի ընդհանուր գնահատական
Սկանավորելիություն և ինդեքսավորելիություն
Մոբայլ օպտիմալացում
Տեքստ/HTML հարաբերակցության վերլուծություն
Պատկերների alt ատրիբուտներ

Գործողությունների պլան ըստ դերերի

Ղեկավարություն / ԻրավաբանականԻրավական համապատասխանություն և ռիսկեր

→Պատվիրել մատչելիության աուդիտ՝ WCAG 2.1 AA բազային համապատասխանություն սահմանելու համար
→Ավելացնել մատչելիության շտկումները պրոդուկտի ճանապարհային քարտեզում (roadmap)՝ նշելով վերջնաժամկետ
→Վերանայել ADA-ի համապատասխանության կարգավիճակը իրավաբանի հետ - պրոակտիվ աուդիտները պաշտպանություն են դատական գործընթացներում

Frontend մշակողՇտկումներ

→Շտկել գույնի կոնտրաստի խնդիրները - օգտագործել Colour Contrast Analyser կամ բրաուզերի DevTools
→Ավելացնել նկարագրական alt տեքստ բոլոր ինֆորմացիոն պատկերներին
→Համոզվել, որ բոլոր ձևաթղթերն ունեն կապակցված <label> էլեմենտներ
→Փորձարկել ստեղնաշարի միջոցով նավիգացիան բոլոր ինտերակտիվ քայլերով
→Շտկել console-ի սխալները - յուրաքանչյուր սխալ իջեցնում է Լավագույն փորձի (Best Practices) գնահատականը

UX / ԴիզայնԴիզայնի համապատասխանություն

→Ստեղծել գունային պալիտրա, որը բավարարում է 4.5:1 կոնտրաստի պահանջը տեքստ/ֆոն բոլոր համադրությունների համար
→Նախագծել նվազագույնը 44px սեղմման թիրախներ (tap targets) բոլոր ինտերակտիվ տարրերի համար
→Ներառել focus վիճակները բոլոր կոմպոնենտների դիզայնում (տեսանելի ստեղնաշարի focus շրջանակ)

SEO մասնագետՈրոնման կարգավորումներ

→Համոզվել, որ բոլոր էջերն ունեն եզակի <title> և <meta description> թեգեր
→Ստուգել, որ robots.txt-ը չի արգելափակում հիմնական էջերը Google-ի քրաուլերի համար
→Համոզվել, որ կանոնիկ (canonical) թեգերը ճիշտ են դրված և չեն հակասում իրար

Բովանդակության թիմԷջի մատչելիություն

→Ավելացնել նկարագրական alt տեքստ բոլոր պատկերներին - նկարագրել բովանդակությունը և ենթատեքստը
→Օգտագործել վերնագրերի ճիշտ հիերարխիա (H1 → H2 → H3) - բաց չթողնել մակարդակներ
→Համոզվել, որ հղումների տեքստը նկարագրական է ('Կարդալ ավելին գների մասին' ոչ թե պարզապես 'Կարդալ ավելին')

Հաճախ տրվող հարցեր

Ի՞նչ է Բջջային և մատչելիություն-ը:

Ինչո՞ւ է Բջջային և մատչելիություն-ը կարևոր:

Պաշտոնական հղումներ

Հարակից թեմաներ

Core Web Vitals HTML վալիդացիա Էջի որակ

Ստուգեք ձեր SEO և մատչելիություն գնահատականը հիմա

Անվճար աուդիտ 60 վայրկյանում - հաշիվ չի պահանջվում:

Անվճար աուդիտ