როგორ დავამატოთ 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), ის აერთიანებს სპეციალურ მექანიზმს „ალტების“დასამატებლად, რომლის მეშვეობითაც ჩვენი საიტი დაიმახსოვრდება. საძიებო სისტემებით. თუ ახალ ALT-ს შეავსებთ, განახლება თქვენს გვერდზეა.

რას წერენ ატრიბუტში?

რა თქმა უნდა, როდესაც თქვენ გაქვთ დავალება დაწეროთ ALT ატრიბუტი, თქვენ არ ფიქრობთ ტექნიკურზემხარეს. ყველაზე ხშირად, ეს კითხვა ისმება, თუ ვებმასტერმა არ იცის რა ინფორმაცია უნდა მიაწოდოს მას კონკრეტული სურათის შესახებ. ეს ართულებს იმის თქმას, თუ რა ინფორმაცია წაადგება საიტს საძიებო სისტემების თვალსაზრისით.

პრაქტიკაში, არსებობს მრავალი მიდგომა აღწერის პრობლემის გადასაჭრელად. ვიღაც მუშაობს ტიპიური შაბლონებით, რომლის მიხედვითაც ტეგი უბრალოდ ივსება საკვანძო სიტყვებით, რომლებისთვისაც შექმნილია გვერდი. ალბათ ეს არის ყველაზე გავრცელებული პრაქტიკა, რომელიც ხშირად გვხვდება. ზოგჯერ, იმის ნაცვლად, რომ ეძებოს როგორ დაწეროს ALT ატრიბუტი, მომხმარებელი უბრალოდ ტოვებს ამ ადგილს ცარიელი. აქვე უნდა განვმარტოთ, რომ ყველა თავად იღებს გადაწყვეტილებას, თუ რომელი აღწერა მიუთითოს.

აკლია alt ატრიბუტი
აკლია alt ატრიბუტი

მოთხოვნები

ამავდროულად, არსებობს რამდენიმე ძირითადი წესი (ან, თუ გნებავთ, მოთხოვნები), რომლის მიხედვითაც ყველას შეუძლია დაამატოს იდეალური ატრიბუტი თავისი ნახატებისთვის. ისინი შედგება მცირე რაოდენობის ნივთებისგან, რომელთაგან თითოეული ეხება საიტზე განთავსებული ფოტოებისა და სურათების აღწერას.

მაგალითად, პირველი ასეთი მოთხოვნა არის მთელი ტექსტის სიგრძე. თუ ეძებთ როგორ სწორად დაწეროთ ALT ატრიბუტი, გამოსავალი ელემენტარულია: გამოიყენეთ არაუმეტეს 2-3 სიტყვისა. ამ ზომის ტექსტი, პირველ რიგში, იდეალურად წაიკითხება საძიებო რობოტის მიერ (და გახდის თქვენს საიტს უფრო აქტუალურს); მეორეც, ასეთი აღწერა უფრო გასაგებია თავად მომხმარებლებისთვის. გეთანხმები, წაიკითხე მთელი წინადადება, თუ უბრალოდ გინდა გაიგო, რა არის ნაჩვენები სურათზე, ამას არავინ გააკეთებს. საკმარისია იყოს მოკლე და ზუსტი.აღწერა, რომელიც სასარგებლო იქნება როგორც თქვენთვის, ასევე თქვენი მომხმარებლებისთვის.

არ დაივიწყოთ მნიშვნელობა. თუ აქვეყნებთ სპილოს ფოტოს, აუცილებლად აღწერეთ მისი ჯიში ან ისტორია; დააკონკრეტე რატომ არის გამოსახული ამ ფოტოზე, რისი თქმა გინდა ამით. მნახველისთვის სასარგებლო იქნებოდა თქვენი აზრების გაგება ამ სპილოზე.

კიდევ ერთი მნიშვნელოვანი პუნქტი (რომელიც დადგინდა მრავალი პრაქტიკული ტესტის დროს) არის უნიკალურობა. თუ თქვენ ეძებთ როგორ დაამატოთ "გამოსახულება" ატრიბუტი სურათზე, გახსოვდეთ, რომ ის უნიკალური უნდა იყოს საიტზე თითოეული ჩამოთვლილი ფოტოსთვის. მაგალითად, ზედიზედ სამი სურათის გამოქვეყნება წარწერით „ჩემი სპილო“არასწორი იქნება - ეს მხოლოდ ზიანს აყენებს თქვენს რესურსს ძიების შედეგებში. სჯობს სურათებს დაასახელოთ „სპილო 1“და „სპილო 2“, რაც მათ უფრო გამორჩეულს გახდის.

და ბოლოს, გაითვალისწინეთ თავად სურათების პარამეტრები, რომლებსაც ეძებთ, თუ როგორ უნდა დაამატოთ ALT ატრიბუტი. სურათებისთვის მნიშვნელოვანია მთელი რიგი კრიტერიუმების დაკმაყოფილება - არ იყოს ძალიან პატარა, გამოიყურებოდეს რეალისტური. ანუ, თუ თქვენ მიუთითებთ აღწერას, მაშინ გააკეთეთ ეს უფრო სერიოზული სურათებისთვის, რომლებიც უფრო წონით არის გათვალისწინებული. ნუ დააკვალიფიცირებთ "სურათის" ატრიბუტს ზოგიერთი პატარა სმაილიკისთვის ან მსგავსი რამ.

ძებნა ALT

და ბოლოს, ვისაუბრეთ ატრიბუტის საფუძვლებზე, მისი შედგენის წესებზე და ორივე მხარის (როგორც მომხმარებლების, ასევე საძიებო რობოტების) მოთხოვნებზე მათ მიმართ. ახლა მოდით ვიფიქროთ: როგორ მოძებნოთ საკვანძო სიტყვები და ფრაზები,რომელსაც ჩვენ გამოვწერთ ჩვენს ვებგვერდზე? როგორც ზემოთ აღინიშნა, ძიება მიმართული უნდა იყოს საკვანძო სიტყვების მზა მონაცემთა ბაზებისკენ, რომლებიც რეალურად დაიწყებენ მომხმარებლების მოზიდვას თქვენს საიტზე. რა თქმა უნდა, ამის მიღწევა შეუძლებელია, თუ ჯერ კიდევ არ გაქვთ ALT ატრიბუტი. აიღეთ მზა საკვანძო სიტყვები და ფრაზები, რომლებსაც იყენებთ თქვენს კონტენტში და ჩასვით სურათებში.

თუ არ გაქვთ ასეთი ინფორმაცია და საერთოდ არ გიფიქრიათ დაიწყოთ თქვენი რესურსის ეტაპობრივი პოპულარიზაცია, გირჩევთ დაიწყოთ ისეთი „საკვანძო სიტყვების“მონაცემთა ბაზების ძებნა, რომლითაც მარტივად შეძლებთ ახალი საიტების შექმნას. ამისთვის იდეალურია ისეთი სერვისები, როგორიცაა Google Keyword Extract Tool ან Yandex. Wordstat, რომლებიც აჩვენებს ძიების სტატისტიკას გარკვეული ფრაზებისთვის. ამ პარამეტრებით „თამაშით“შეგიძლიათ მნიშვნელოვნად გაზარდოთ საძიებო ტრაფიკის წილი თქვენს საიტებზე და ამით დაიწყოთ ახალი სარგებლის მიღება. მთავარია, თავიდან ავიცილოთ სიტუაცია, როდესაც ყველა ხილულ სურათს არ აქვს ALT ატრიბუტი.

დასკვნა

მაშ, რა შეგვიძლია ვთქვათ ამ სტატიაში აღწერილი ატრიბუტის შესახებ? ეს არის იმ ენის ნაწილი, რომლითაც იქმნება უმარტივესი საიტები - HTML. ამის გაკეთება ძალიან მარტივია, რადგან ის აღწერს ელემენტარულ, საბაზისო ენას. იმისათვის, რომ კვლავ დაარეგისტრიროთ ტეგი სურათებში, თქვენ უნდა დამოუკიდებლად გასცეთ იგი წყაროს კოდის საშუალებით. ან, ახალი ინსტრუქციების გამოყენებით, დაიწყეთ ხელახლა შედგენა. როგორც არ უნდა იყოს,"სურათის" მონიშვნა არის ორმხრივი სარგებლობის შესანიშნავი შემთხვევა, როდესაც კმაყოფილი არიან როგორც სტუმარი, ასევე რესურსის მფლობელი.

თეგის მითითებამ შეიძლება გამოიწვიოს ახალივიზიტორები - ეს ფენომენი განსაკუთრებით ხშირად შეინიშნება ისეთ სერვისებზე, როგორიცაა Google და Yandex Images. სურათზე დაწკაპუნებისას, საიტი დამოუკიდებლად განსაზღვრავს წყაროს, საიდანაც არის სურათი გადაღებული და გადამისამართებს ვიზიტორს. და ეს, როგორც გესმით, ძალიან მნიშვნელოვანია, რომ მომავალში შეძლოთ.

გირჩევთ: