Գրելու մեծ ենթատեքստ տեքստը կայքերի պատկերների համար

Մատչելիության եւ էջի բովանդակության բարելավում ենթաթեղմային տեքստով

Նայեք այս կայքէջում շատ կայքերի այսօր, եւ դուք կտեսնեք, որ դրանցից մի քանիսը նկարներ են: Պատկերները կարող են օգտագործվել վեբ-կայքերում, վիզուալ ֆլեյեր ավելացնել, օգնել պատկերացնել գաղափարները եւ ավելացնել էջի ընդհանուր բովանդակությունը: Բացի ճիշտ պատկերների ընտրությունից եւ պատշաճ նախապատրաստում նրանց վեբ առաքման համար `համոզվեք, որ ձեր կայքի բոլոր նկարները պատշաճ կերպով օգտվում են ALT տեքստից, պատշաճ կերպով օգտագործելով այդ պատկերները Web- ի համար:

Ինչ է Alt տեքստը

Alt տեքստը այլընտրանքային տեքստ է, որն օգտագործվում է տեքստային բրաուզերների եւ այլ վեբ օգտագործող գործակալների կողմից, որոնք պատկերներ չեն կարող դիտել: Այն նաեւ միակ ատրիբուտներից է, որը պահանջում է պատկերային պիտակը: Արդյունավետ ենթատեքստը գրելով `Դուք ապահովում եք, որ ձեր վեբ էջերը մատչելի են այն մարդկանց համար, ովքեր կարող են օգտվել էկրանային ընթերցողից կամ այլ աջակցվող սարքերից, ձեզ դեպի կայք մուտք գործելու համար: Դուք նաեւ համոզված եք, որ ինչ-որ բան կցուցադրվի պատկերի տեղում, եթե այն որեւէ պատճառով չի բեռնում (սխալ ճանապարհ, հաղորդման ձախողում եւ այլն): Սա Alt- ի տեքստի իրական նպատակը է, սակայն այս բովանդակությունը կարող է նաեւ ձեզ ավելի շատ տեղեր տալ, որպեսզի SEO- ի բարեկամական տեքստը ավելացվի, որ որոնիչները չպատժեն ձեզ (ավելի շուտ այդ մասին):

Ներածված տեքստը պետք է կրկնի տեքստը նկարում

Ցանկացած պատկեր, որը տեքստ ունի, պետք է ունենա այդ տեքստը որպես այլընտրանքային տեքստ: Այլ բառեր կարող եք տեղադրել այլընտրանքային տեքստում, բայց առնվազն այն պետք է ասի նույնը, ինչպես պատկերն է: Օրինակ, եթե ձեր պատկերների համար լոգոն ունեք, Alt տեքստը պետք է կրկնի ձեր գրաֆիկական լոգոնով գրված ընկերության անունը:

Հիշեք նաեւ, որ լոգոների նման պատկերները կարող են նաեւ ենթադրել տեքստը, օրինակ, երբ դուք տեսնում եք վոլեյբոլի կարմիր գնդակի պատկերակը, վեբ-կայքում, նշանակում է «about.com»: Այս պատկերակն այլընտրանքային տեքստը կարող է ասել «about.com» եւ ոչ միայն «ընկերության լոգոն»:

Պահեք տեքստը կարճ

Որքան երկար է ձեր այլընտրանքային տեքստը, այնքան ավելի դժվար կլինի կարդալ տեքստային բրաուզերների միջոցով: Հնարավոր է գայթակղիչ գրել այլընտրանքային տեքստի երկար նախադասություն (սովորաբար դա արվում է, քանի որ ինչ-որ մեկը փորձում է պիտակավորել հիմնաբառերով), բայց պահելով ձեր Alt տողերը կարճ պահում են ձեր էջերը ավելի փոքր եւ ավելի փոքր էջերի ներբեռնումը ավելի արագ:

Այլընտրանքային տեքստի լավ սկզբունքն այն է, պահել այն ընդամենը 5-ից 15 բառով:

Օգտագործելով SEO- ի հիմնաբառեր ենթատեքստում

Մարդիկ հաճախ սխալմամբ մտածում են, որ այլընտրանքային տեքստի նպատակն է որոնման բանալին բառեր դնել: Այո, դա օգուտ է, որը կարող եք օգտագործել, բայց միայն այն դեպքում, եթե դուք ավելացնում եք տեքստի իմաստը, ենթատեքստի իրական նպատակի համար իմաստուն տեքստը ցուցադրելու համար, որը բացատրում է, թե ինչ պետք է լինի պատկերը, ինչ-որ մեկը չի կարողանա տեսնել:

Այժմ, ասելով, որ ենթատեքստը չի նշանակում որպես SEO գործիք, չի նշանակում, որ դուք չեք կարող օգտագործել այս բառի բառերը: Քանի որ այլընտրանքային տեքստը կարեւոր է եւ պահանջվում է պատկերների վրա, որոնման համակարգերը դժվար թե պատժվեն այնտեղ, եթե հիմնաբառեր դնելով, եթե դրանք ավելացնում են իմաստը: Պարզապես հիշեք, որ ձեր առաջնահերթությունը ձեր ընթերցողներինն է: Այլընտրանքային տեքստում spamming բառախաղը կարող է հայտնաբերվել եւ որոնման համակարգերը փոխել են իրենց կանոնները ամբողջ ժամանակ, որպեսզի կանխեն սպամեր:

Լավագույն կանոնը, ձեր որոնման բանալի բառերի օգտագործումը, որտեղ դրանք համապատասխանում են նկարի նկարագրությանը եւ այլընտրանքային տեքստում չեն օգտագործում մեկից ավելի բանալի բառ:

Պահեք ձեր տեքստը իմաստալից

Հիշեք, որ ենթատեքստի կետն է ձեր ընթերցողների պատկերները սահմանել: Շատ Վեբ մշակողները օգտագործում են այլընտրանքային տեքստը իրենց համար, ներառյալ պատկերների չափսերը, պատկերների ֆայլերի անունները եւ այլն: Թեեւ դա կարող է օգտակար լինել ձեզ համար, դա ոչինչ չի ընթերցողների համար եւ պետք է, թերեւս, թողնել այդ պիտակներից:

Օգտագործեք միայն տեքստի տեքստը Սրբապատկերներ եւ փամփուշտների համար

Պարբերաբար օգտագործեք նկարներ, որոնք չունեն օգտակար նկարագրական տեքստեր, ինչպիսիք են փամփուշտները կամ պարզ պատկերակները: Այս պատկերների օգտագործման լավագույն տարբերակը CSS- ում է, որտեղ այլընտրանքային տեքստի կարիք չկա: Բայց եթե դուք բացարձակապես դրանք պետք է ունենաք ձեր HTML- ում, օգտագործեք դատարկ ենթատիպ հատկանիշ, այլ ոչ թե ընդհանրապես դուրս թողնել:

Հնարավոր է գայթակղիչ կերպով դնել աստղանիշ (*) նման կերպար դնելու համար, բայց դա կարող է լինել ավելի շփոթեցնող, որը պարզապես թողնում է այն դատարկ: Եվ «փամփուշտ» տեքստը դնելով ավելի տխուր կերպով տեքստային բրաուզերում:

Իրական հոդվածը Ջենիֆեր Քրինինն է: Երեքշաբթի, 3/3/17 թ