Ինչպե՞ս ճիշտ ավելացնել ALT հատկանիշը պատկերին:

Բովանդակություն:

Ինչպե՞ս ճիշտ ավելացնել ALT հատկանիշը պատկերին:
Ինչպե՞ս ճիշտ ավելացնել ALT հատկանիշը պատկերին:
Anonim

Յուրաքանչյուր վեբ էջ ստեղծվում է նշագրման միջոցով՝ կոդ, որը գրված է հատուկ տրամադրված լեզվով (առավել հաճախ՝ HTML): Օգտատիրոջ զննարկիչն իր հերթին կարող է կարդալ այս կոդը, որպեսզի պատշաճ կերպով ցուցադրի այն ամբողջ տեղեկատվությունը, որը ռեսուրսի ստեղծողները ցանկացել են փոխանցել մեզ։ Պարզվում է, որ բոլոր այն տարրերը, որոնք մենք տեսնում ենք վեբ էջում, ապահովված են մեր այցելած կայքի սկզբնաղբյուրով:

Կոդերի օպտիմիզացում

սահմանել ALT հատկանիշը
սահմանել ALT հատկանիշը

Ինչպես կարող եք կռահել, այս կոդի յուրաքանչյուր տառ, յուրաքանչյուր նշան ունի իր նշանակությունը: Բացի այդ, հետաքրքիր է, որ պատահում է, որ տեսողականորեն կայքը կարող է չպարունակել այն տարրերը, որոնք չափազանց կարևոր են դրա օպտիմալացման համար (նկատի ունի որոնման համակարգերի ռեսուրսի ճիշտ կարգավորումը): ALT հատկանիշը կարելի է վերագրել նման հազիվ նկատելիների թվին, օրինակ։ Այն գտնվում է բազմաթիվ ռեսուրսների էջերում, և շատ հաճախ մենք դա պարզապես չենք նկատում:

Այս հոդվածում մենք կցանկանայինք ուշադրություն դարձնել վեբ դիզայնի հենց այս տարրին: Այստեղ մենք ձեզ կասենք, թե ինչու է այն այդքան կարևոր կայքի ճիշտ վարկանիշի, դրա տրաֆիկի աճի և դրա հետ աշխատելու օգտատերերի հարմարության համար։

Ի՞նչ է ALT հատկանիշը:

Սկսենք ամենասկզբից. մենք նկարագրելու ենք, թե ինչի մասին է այս հոդվածըխոսքը և ինչու է մեզ ընդհանրապես անհրաժեշտ այս հատկանիշը:

ALT հատկանիշ
ALT հատկանիշ

Այսպիսով, այս տեքստը հասկանալու համար նախ պետք է հասկանալ HTML նշագրման լեզուն: Սա այն կոդը է, որի վրա գրված են հիմնական վեբ էջերը, որը, ինչպես արդեն նշվեց, ունի բրաուզերում ցուցադրվելու հատկություն։ Ամբողջ լեզուն կազմված է հատուկ հատկանիշներից (ինչպիսիք են IMG, ALT, FONT և այլն): Նրանցից յուրաքանչյուրը պատասխանատու է դիզայնի այս կամ այն տարրի հետ աշխատելու համար: Գործնականում վերը նշված «Պատկեր» հատկանիշն օգտագործվում է նկարների համար, որոնք կարելի է գտնել կայքի էջերում: Ավելի կոնկրետ, դրա օգնությամբ նկարների համար ստեղծվում է նկարագրություն, ըստ որի օգտատերը (կայքի այցելուն) հեշտությամբ կարող է հասկանալ, թե ինչ է ցուցադրված դրանց վրա։ Անշուշտ դուք ինքներդ էլ հանդիպել եք նման նկարագրությունների՝ դրանք հայտնվում են, երբ մկնիկը մկնիկը դնում եք նկարի վրա։

Գործնական արժեք

Իհարկե, այս հատկանիշները գործնականում կիրառվում են մի պատճառով: Վեբ վարպետներին անհրաժեշտ են նկարագրություններ իրենց պատկերների համար այնքան, որքան կայքի այցելուները (հավանաբար ավելի շատ): Ի վերջո, եթե բոլոր նկարներում բացակայում է ALT հատկանիշը, մարդը կարող է նույնիսկ չնկատել դա, եթե էջի նկարներին բացատրական տեքստեր ավելացվեն: Մյուս կողմից, որոնողական ռոբոտները (դատարկ ALT-ով) կարող են կայքը բավականաչափ բարձր չդասավորել, նվազեցնել նրա դիրքը որոնման արդյունքներում և, հետևաբար, բավարար թվով այցելուներ չբերեն: Հետևաբար, վստահաբար կարող ենք ասել, որ կայքի նկարների նկարագրությունները նույնպես կարևոր դեր են խաղում հենց վեբ վարպետների համար, ուստի նրանք չեն կարող.անտեսում։

Բոլոր տեսանելի պատկերներում բացակայում է ALT հատկանիշը
Բոլոր տեսանելի պատկերներում բացակայում է ALT հատկանիշը

Բոնուսներ որոնման համակարգերից

Նկարների նկարագրության ճիշտ լրացված պիտակների առավելությունները ավելի լավ հասկանալու համար բերենք մի փոքրիկ օրինակ: Ենթադրենք, կա մի կայք, որի վրա տեղադրված են պատկերներ: Եթե ALT հատկանիշը դրված չէ, օգտատերը չի տուժի, քանի որ ամեն դեպքում նա կտեսնի այն, ինչ ցույց է տրված կոնկրետ լուսանկարում։ Բոլորովին այլ արդյունք է սպասվում ռեսուրսի սեփականատիրոջը, ով անտեսելու է վերը նշված պիտակը, ինչի պատճառով նա կկորցնի, օրինակ, պատկերների գրացուցակների տրաֆիկի որոշակի մասը:

Ինչպե՞ս գրել ALT հատկանիշը:

Տեխնիկապես այս կամ այն նկարի տակ նկարագրություն լրացնելու դժվար բան չկա։ Սա ակնհայտ է. դուք պետք է գնաք ձեր կայքի HTML խմբագրիչը և գտնեք պատկերի կոդը (սկսվում է IMG-ով և ավարտվում նույնով): Այս կոդի բլոկի ներսում կա ծածկագիր: Սա այն է, ինչ նրանք նկատի ունեն, երբ ասում են, որ դուք պետք է գրեք ALT հատկանիշը: Սա արվում է այսպես. « alt="«նկարագրություն»:

Եթե դուք չեք աշխատում մաքուր կոդով, այլ օգտագործում եք առանձին «շարժիչ» կայքի համար (օրինակ՝ Wordpress կամ Joomla), այն ինտեգրում է « alts» ավելացնելու հատուկ մեխանիզմ, որի միջոցով մեր կայքը կհիշվի։ որոնման համակարգերի կողմից: Եթե լրացնեք նոր ALT, թարմացումը ձեր էջում է:

Ի՞նչ են գրում հատկանիշում։

Իհարկե, երբ դուք խնդիր ունեք գրելու ALT հատկանիշը, դուք չեք մտածում տեխնիկական մասին.կողմը. Ամենից հաճախ այս հարցը տրվում է, եթե վեբ վարպետը չգիտի, թե ինչ տեղեկատվություն պետք է տրամադրի կոնկրետ պատկերի մասին: Սա դժվարացնում է ասել, թե որոնողական համակարգերի տեսանկյունից ինչ տեղեկատվություն կշահի կայքին։

Գործնականում նկարագրության խնդրի լուծման բազմաթիվ մոտեցումներ կան։ Ինչ-որ մեկը աշխատում է տիպիկ կաղապարներով, որոնց համաձայն պիտակը պարզապես լրացվում է հիմնաբառերով, որոնց համար ստեղծվել է էջը։ Թերևս սա ամենատարածված պրակտիկան է, որը կարելի է հաճախ գտնել: Երբեմն, փոխանակ փնտրելու, թե ինչպես գրել ALT հատկանիշը, օգտվողը պարզապես դատարկ է թողնում այս տարածքը: Այստեղ պետք է հստակեցնել, որ յուրաքանչյուրն ինքն է որոշում, թե որ նկարագրությունը նշի։

բացակայում է alt հատկանիշը
բացակայում է alt հատկանիշը

պահանջներ

Միևնույն ժամանակ, կան մի քանի հիմնական կանոններ (կամ, եթե ցանկանում եք, պահանջներ), ըստ որոնց յուրաքանչյուր ոք կարող է ավելացնել իր նկարների իդեալական հատկանիշը: Դրանք բաղկացած են փոքր քանակությամբ իրերից, որոնցից յուրաքանչյուրը վերաբերում է կայքի լուսանկարների և նկարների նկարագրությանը։

Օրինակ, առաջին նման պահանջը ամբողջ տեքստի երկարությունն է: Եթե փնտրում եք, թե ինչպես ճիշտ գրել ALT հատկանիշը, լուծումը տարրական է՝ օգտագործեք ոչ ավելի, քան 2-3 բառ: Այս չափի տեքստը, առաջին հերթին, իդեալականորեն կկարդա որոնման ռոբոտը (և ձեր կայքը կդարձնի ավելի համապատասխան); երկրորդ՝ նման նկարագրությունն ավելի հասկանալի է հենց օգտատերերի համար։ Համաձայնեք, կարդացեք ամբողջ նախադասությունը, եթե պարզապես ուզում եք իմանալ, թե ինչ է պատկերված նկարում, ոչ ոք չի անի։ Բավական է լինել հակիրճ և ճշգրիտ:նկարագրություն, որն օգտակար կլինի և՛ ձեզ, և՛ ձեր հաճախորդներին։

Մի մոռացեք իմաստի մասին. Եթե դուք փակցնում եք փղի լուսանկար, անպայման նկարագրեք նրա ցեղատեսակը կամ պատմությունը. նշեք, թե ինչու է այն պատկերված այս լուսանկարում, ինչ կցանկանայիք ասել դրանով։ Օգտակար կլիներ այցելուին իմանալ ձեր մտքերը այս փղի մասին:

Մյուս կարևոր կետը (որը հաստատվել է բազմաթիվ գործնական թեստերի ընթացքում) եզակիությունն է։ Եթե փնտրում եք, թե ինչպես ավելացնել «Պատկեր» հատկանիշը պատկերին, հիշեք, որ այն պետք է եզակի լինի կայքում նշված յուրաքանչյուր լուսանկարի համար: Օրինակ՝ «իմ փիղ» մակագրությամբ երեք նկար անընդմեջ հրապարակելը սխալ կլինի, դա միայն կվնասի ձեր ռեսուրսին որոնման արդյունքներում: Ավելի լավ է պատկերները անվանել «փիղ 1» և «փիղ 2», ինչը նրանց ավելի յուրահատուկ կդարձնի։

Վերջապես, հիշեք նկարների պարամետրերը, որոնք փնտրում եք, թե ինչպես ավելացնել ALT հատկանիշը: Նկարների համար կարևոր է մի շարք չափանիշների բավարարումը՝ շատ փոքր չլինել, իրատեսական տեսք ունենալ։ Այսինքն, եթե դուք նշում եք նկարագրությունը, ապա դա արեք ավելի լուրջ պատկերների համար, որոնք հաշվի են առնվում ավելի ծանրակշիռ: Մի որակեք «Պատկեր» հատկանիշը որոշ փոքր հուզապատկերների կամ նման այլ բաների համար:

Որոնել ALT

Վերջապես մենք խոսեցինք հատկանիշի հիմունքների, դրա կազմման որոշ կանոնների և երկու կողմերի (և օգտվողների, և որոնողական ռոբոտների) պահանջների մասին: Հիմա եկեք մտածենք. ինչպես որոնել հիմնաբառեր և արտահայտություններ,որը մենք կնշանակենք մեր կայքում: Ինչպես նշվեց վերևում, որոնումը պետք է ուղղված լինի հիմնաբառերի պատրաստի տվյալների շտեմարաններին, որոնք իսկապես սկսում են հաճախորդներին գրավել ձեր կայք: Իհարկե, դա հնարավոր չէ հասնել, եթե դեռևս բացակայում եք ALT հատկանիշը: Վերցրեք պատրաստի հիմնաբառեր և արտահայտություններ, որոնք օգտագործում եք ձեր բովանդակության մեջ և տեղադրեք դրանք նկարների մեջ:

Եթե չունեք նման տեղեկատվություն և ընդհանրապես չեք մտածել ձեր ռեսուրսի աստիճանաբար առաջխաղացման մասին սկսելու մասին, առաջարկում ենք սկսել փնտրել այնպիսի «հիմնաբառերի» տվյալների շտեմարաններ, որոնցով կարող եք հեշտությամբ ստեղծել նոր կայքեր: Դրա համար կատարյալ են այնպիսի ծառայություններ, ինչպիսիք են Google Keyword Extract Tool-ը կամ Yandex. Wordstat-ը, որոնք ցույց են տալիս որոշակի արտահայտությունների որոնման վիճակագրությունը: «Խաղալով» այս կարգավորումներով՝ դուք կարող եք զգալիորեն մեծացնել որոնման տրաֆիկի բաժինը ձեր կայքերում և դրանով իսկ սկսել նոր օգուտներ քաղել: Հիմնական բանը խուսափելն է այնպիսի իրավիճակից, երբ բոլոր տեսանելի պատկերները չունեն ALT հատկանիշ:

Եզրակացություններ

Այսպիսով, ի՞նչ կարող ենք ասել այս հոդվածում նկարագրված հատկանիշի մասին: Այն լեզվի մի մասն է, որով ստեղծվում են ամենապարզ կայքերը՝ HTML: Դա անելը շատ հեշտ է, քանի որ այն նկարագրում է տարրական, հիմնական լեզու: Որպեսզի պիտակը դեռ գրանցվի նկարներում, դուք պետք է ինքնուրույն թողարկեք այն սկզբնական կոդի միջոցով: Կամ, օգտագործելով նոր հրահանգները, սկսեք նորից պարզել: Ինչ էլ որ լինի,«Պատկեր» հատկորոշելը փոխադարձ օգուտի կատարյալ դեպք է, երբ և՛ այցելուն, և՛ ռեսուրսի սեփականատերը գոհ են:

Թեգը նշելը կարող է հանգեցնել նորիայցելուներ. այս երևույթը հատկապես հաճախ նկատվում է այնպիսի ծառայություններում, ինչպիսիք են Google-ը և Yandex Images-ը: Երբ դուք սեղմում եք պատկերի վրա, կայքը ինքնուրույն որոշում է այն աղբյուրը, որտեղից վերցված է նկարը և վերահղում է այցելուին: Եվ սա, ինչպես հասկանում եք, շատ կարևոր է, որպեսզի կարողանանք անել ապագայում։

Խորհուրդ ենք տալիս: