Всяка уеб страница се създава с помощта на маркиране - код, който е написан на специално предоставен език (най-често HTML). Браузърът на потребителя от своя страна може да прочете този код, за да покаже правилно цялата информация, която създателите на ресурса искаха да ни предадат. Оказва се, че всички елементи, които виждаме на уеб страница, са предоставени от изходния код на сайта, който посещаваме.
Оптимизация на кода
Както можете да се досетите, всяка буква от този код, всеки символ има значение. Също така, интересно е, че визуално сайтът може да не съдържа онези елементи, които са изключително важни за неговата оптимизация (има предвид правилната настройка на ресурса за търсачките). Атрибутът ALT може да се припише на броя на такива едва забележими, например. Той е на страниците на много ресурси и много често ние просто не го забелязваме.
В тази статия бихме искали да обърнем внимание само на този елемент от уеб дизайна. Тук ще ви кажем защо е толкова важен за правилното класиране на сайта, нарастването на трафика му и удобството на потребителя при работа с него.
Какво е атрибутът ALT?
Нека започнем от самото начало: ще опишем за какво е тази статияреч и защо изобщо се нуждаем от този атрибут.
И така, за да разберете този текст, първо трябва да разберете HTML езика за маркиране. Това е кодът, върху който са написани основните уеб страници, който, както вече беше отбелязано, има свойството да се показва в браузъра. Целият език е съставен от специални атрибути (като IMG, ALT, FONT и т.н.). Всеки от тях отговаря за работата с един или друг елемент на дизайна. На практика споменатият по-горе атрибут "Image" се използва за снимки, които могат да бъдат намерени на страниците на уебсайта. По-конкретно, с негова помощ се създава описание за снимките, според което потребителят (посетителят на сайта) може лесно да разбере какво е показано на тях. Със сигурност и вие сами сте попадали на подобни описания - те се появяват, когато задържите курсора на мишката върху снимката.
Практическа стойност
Разбира се, тези атрибути се прилагат на практика по някаква причина. Уеб администраторите се нуждаят от описания за изображенията си толкова, колкото и посетителите на сайта (вероятно повече). В крайна сметка, ако всички изображения нямат атрибут ALT, човек може дори да не забележи това, ако към снимките на страницата се добавят обяснителни текстове. От друга страна, роботите за търсене (с празен ALT) може да не класират сайта достатъчно високо, да намалят позицията му в резултатите от търсенето и по този начин да не доведат достатъчен брой посетители. Следователно можем с увереност да кажем, че описанията за снимките в сайта също играят важна роля за самите уеб администратори, така че те не могатпренебрегване.
Бонуси от търсачките
За да разберете по-добре ползите от правилно попълнените етикети за описание за снимки, нека дадем малък пример. Да кажем, че има уебсайт с изображения, хоствани на него. Ако атрибутът ALT не е зададен, потребителят няма да страда, защото във всеки случай ще види какво е показано на конкретна снимка. Съвсем различен изход очаква собственика на ресурса, който ще пренебрегне горния таг, поради което ще загуби част от трафика от директории с изображения, например.
Как да напиша атрибута ALT?
Технически няма нищо трудно в попълването на описание под тази или онази снимка. Това е очевидно: трябва да отидете до HTML редактора на вашия сайт и да намерите кода на изображението (започва с IMG и завършва със същия). Вътре в този блок от код има код. Това имат предвид, когато казват, че трябва да напишете атрибута ALT. Това се прави по следния начин: „ alt="„описание“.
Ако не работите с чист код, а използвате някакъв отделен „движок“за сайта (например Wordpress или Joomla), той интегрира специален механизъм за добавяне на „ alts“, чрез който нашият сайт ще бъде запомнен от търсачките. Ако попълните нов ALT, актуализацията е на вашата страница.
Какво пишат в атрибута?
Разбира се, когато имате задачата да напишете атрибута ALT, вие не мислите за техническистрана. Най-често този въпрос се задава, ако уеб администраторът не знае каква информация трябва да предостави за определено изображение. Това затруднява да се каже каква информация ще бъде от полза за сайта от гледна точка на търсачките.
На практика има много подходи за решаване на проблема с описанието. Някой работи с типични шаблони, според които етикетът просто се попълва с ключови думи, за които е създадена страницата. Може би това е най-често срещаната практика, която може да се срещне често. Понякога, вместо да търси как да напише атрибута ALT, потребителят просто оставя това пространство празно. Тук трябва да се изясни, че всеки сам решава кое описание да посочи.
Изисквания
В същото време има няколко основни правила (или, ако желаете, изисквания), според които всеки може да добави идеалния атрибут за своите снимки. Те се състоят от малък брой артикули, всеки от които се отнася до описанията на снимки и снимки в сайта.
Например, първото такова изискване е дължината на целия текст. Ако търсите как да напишете правилно атрибута ALT, решението е елементарно: използвайте не повече от 2-3 думи. Текстът с този размер, първо, в идеалния случай ще бъде прочетен от робот за търсене (и ще направи сайта ви по-подходящ); второ, подобно описание е по-разбираемо за самите потребители. Съгласете се, прочетете цялото изречение, ако просто искате да знаете какво е показано на снимката, никой няма да го направи. Достатъчно е да бъде кратък и точен.описание, което ще бъде полезно както за вас, така и за вашите клиенти.
Не забравяйте за значението. Ако публикувате снимка на слон, не забравяйте да опишете неговата порода или история; посочете защо е изобразен на тази снимка, какво бихте искали да кажете с това. Би било полезно посетителят да знае какво мислите за този слон.
Друг важен момент (което беше установено в хода на множество практически тестове) е уникалността. Ако търсите как да добавите атрибута "Image" към изображение, не забравяйте, че то трябва да е уникално за всяка от изброените снимки на сайта. Например, публикуването на три снимки подред с надпис „моят слон“ще бъде погрешно - това само ще навреди на вашия ресурс в резултатите от търсенето. По-добре е да наименувате изображенията "слон 1" и "слон 2", което ще ги направи по-уникални.
Накрая, имайте предвид параметрите на самите изображения, към които търсите как да добавите атрибута ALT. За снимките е важно да отговаряте на редица критерии – да не са твърде малки, да изглеждат реалистични. Тоест, ако посочите описание, направете го за по-сериозни изображения, които се вземат предвид по-тежко. Не квалифицирайте атрибута "Image" за някои малки емотикони или нещо подобно.
Търсене ALT
Накрая говорихме за основите на атрибута, някои от правилата за неговата компилация и изискванията на двете страни (както потребители, така и роботи за търсене) към тях. Сега нека помислим: как да търсим ключови думи и фрази,които ще предпишем на нашия уебсайт? Както бе отбелязано по-горе, търсенето трябва да бъде насочено към готови бази данни с ключови думи, които наистина започват да привличат клиенти към вашия сайт. Разбира се, това не може да бъде постигнато, ако все още нямате атрибут ALT. Вземете готови ключови думи и фрази, които използвате в съдържанието си и ги поставете в снимки.
Ако нямате такава информация и изобщо не сте мислили да започнете постепенно да популяризирате ресурса си, предлагаме ви да започнете да търсите бази данни с такива „ключови думи“, с които можете лесно да създавате нови сайтове. За това са перфектни услуги като Google Keyword Extract Tool или Yandex. Wordstat, които показват статистика за търсене на определени фрази. Като „играете“с тези настройки, можете значително да увеличите дела на трафика от търсене на вашите сайтове и по този начин да започнете да извличате нови предимства. Основното нещо е да избягвате ситуация, в която всички видими изображения нямат атрибут ALT.
Заключения
И така, какво можем да кажем за атрибута, описан в тази статия? Той е част от езика, на който се създават най-простите сайтове – HTML. Много е лесно да направите това, тъй като описва елементарен, основен език. За да все пак регистрирате маркера в снимки, трябва самостоятелно да го издадете чрез изходния код. Или, като използвате новите инструкции, започнете да правите отново. Както и да е, маркирането на "Изображение" е идеалният случай на взаимна изгода, когато и посетителят, и собственикът на ресурса са доволни.
Указването на етикет може да доведе до новопосетители - това явление особено често се наблюдава в услуги като Google и Yandex Images. Когато кликнете върху изображение, сайтът самостоятелно определя източника, от който е взето изображението и пренасочва посетителя. И това, както разбирате, е много важно да можете да правите в бъдеще.
