Як прапісаць атрыбут ALT да малюнка правільна?

Кожная вэб-старонка ствараецца пры дапамозе разметкі - кода, які пішацца на спецыяльна прадугледжаным мове (часцей за ўсё гэта HTML). Браўзэр карыстальніка, у сваю чаргу, умее гэты код чытаць, каб належным чынам адлюстроўваць ўсю тую інфармацыю, якую да нас хацелі данесці стваральнікі рэсурсу. Атрымліваецца, што ўсе элементы з тых, што мы бачым на вэб-старонцы, прадугледжаны зыходным кодам сайта, які мы наведваем.

аптымізацыя кода

Як вы можаце здагадацца, кожная літара гэтага кода, кожны знак маюць значэнне. Яшчэ, што цікава, бывае так, што візуальна сайт можа не ўтрымліваць тых элементаў, якія вельмі важныя для яго аптымізацыі (маецца на ўвазе правільная налада рэсурсу пад пошукавыя сістэмы). Да ліку такіх малапрыкметных можна аднесці, напрыклад, атрыбут ALT. Ён ёсць на старонках шматлікіх рэсурсаў, і вельмі часта мы папросту не заўважаем яго.

У гэтым артыкуле мы хацелі б надаць увагу як раз гэтаму элементу вэб-дызайну. Тут мы раскажам, чым ён так важны для правільнага ранжыравання сайта, росту яго наведвальнасці і выгоды карыстача ў працы з ім.

Што такое атрыбут ALT?

Пачнем з самага пачатку: апішам, пра што ў гэтым артыкуле ідзе гаворка і навошта нам наогул патрэбен гэты атрыбут.

Такім чынам, для разумення дадзенага тэксту ў першую чаргу неабходна разбірацца ў мове разметкі HTML. Гэта - код, на якім пішуцца базавыя вэб-старонкі, які, як ужо было адзначана, мае ўласцівасць адлюстроўвацца ў браўзэры. Ўвесь мову складаецца з адмысловых атрыбутаў (напрыклад, IMG, ALT, FONT і гэтак далей). Кожны з іх адказвае за працу з тым ці іншым элементам дызайну. На практыцы ўжываецца згаданы вышэй атрыбут ALT для малюнкаў, якія можна сустрэць на старонках сайтаў. Калі казаць больш канкрэтна, то з яго дапамогай ствараецца апісанне да малюначкаў, па якіх карыстальнік (наведвальнік сайта) можа лёгка і проста разабрацца ў тым, што ж на іх паказана. Напэўна вы і самі сутыкаліся з такімі апісаннямі - яны ўзнікаюць пры навядзенні мышкі на карцінку.

практычнае значэнне

Зразумела, гэтыя атрыбуты прымяняюцца на практыцы не проста так. Вэбмайстрам патрэбныя апісання іх малюнкаў ня менш, чым самім наведвальнікам сайта (а хутчэй за ўсё, нават больш). Бо калі ва ўсіх малюнкаў адсутнічае атрыбут ALT, чалавек можа гэтага нават і не заўважыць, калі да малюначкаў на старонцы будуць дадам тлумачальныя тэксты. З іншага боку, пошукавыя робаты (пры пустым ALT) могуць недастаткова высока ацаніць сайт, знізіць яго пазіцыю ў выдачы і, такім чынам, не прынясуць дастатковай колькасці наведвальнікаў. Таму мы можам з упэўненасцю сказаць, што апісанні да малюначкаў на сайце таксама гуляюць важную ролю і для саміх вэбмайстроў, таму нельга ім не надаваць увагі.

Бонусы ад пошукавікаў

Каб зразумець лепш, чым выгадныя правільна запоўненыя тэгі апісанняў да малюначкаў, прывядзем невялікі прыклад. Скажам, ёсць сайт з размешчанымі на ім малюнкамі. Калі не прапісаць атрыбут ALT, карыстальнік не пацерпіць, паколькі ён у любым выпадку ўбачыць, што намалявана на тым ці іншым фота. Цалкам іншы зыход чакае ўладальніка рэсурсу, які будзе грэбаваць названым вышэй тэгам, з-за чаго страціць нейкую долю трафіку з каталогаў малюнкаў, напрыклад.

Як прапісаць атрыбут ALT?

Тэхнічна няма нічога складанага ў тым, каб запоўніць пад той ці іншай малюначкам апісанне. Гэта відавочна: трэба зайсці ў HTML-рэдактар на сваім сайце і знайсці код малюнка (пачынаецца з IMG і заканчваецца ім жа). Унутры гэтага блока кода ёсць код. Менавіта яго і маюць на ўвазе, калі кажуць, што трэба прапісаць атрыбут ALT. Робіцца гэта так: "alt =" апісанне ".

Калі вы працуеце ня з чыстым кодам, а карыстаецеся нейкі асобны "рухавічок" для сайта (напрыклад, Wordpress або Joomla), - у ім інтэграваны асаблівы механізм дадання "альт", праз якія наш сайт і запомніцца пошукавікам. Калі вы запаўняеце новы ALT, абнаўленне аказваецца на вашай старонцы.

Што пішуць у атрыбуце?

Зразумела, калі ў вас узнікае задача прапісаць атрыбут ALT, вы думаеце, не пра тэхнічны бок. Часцей за ўсё гэтае пытанне задаецца ў тым выпадку, калі вэбмайстар не ведае, якую інфармацыю яму трэба паказваць пра таго ці іншага малюнку. З-за гэтага складана сказаць, якія звесткі пойдуць сайту на карысць з пункту гледжання пошукавых механізмаў.

На практыцы ёсць мноства падыходаў да вырашэння праблемы апісання. Хтосьці працуе з тыповымі шаблонамі, згодна з якімі тэг проста запаўняецца ключавымі словамі, пад якія ствараецца старонка. Мабыць, гэта найбольш распаўсюджаная практыка, якую можна сустрэць часта. Часам замест таго, каб шукаць, як прапісаць атрыбут ALT, карыстальнік папросту пакідае гэтае месца пустым. Тут варта ўдакладніць, што кожны самастойна прымае рашэнні адносна таго, якое апісанне ўказваць.

патрабаванні

Разам з тым можна вылучыць некалькі асноўных правіл (або, калі хочаце, патрабаванняў), па якіх кожны можа скласці ідэальны атрыбут для сваіх малюнкаў. Яны складаюцца з невялікай колькасці пунктаў, кожны з якіх адносіцца да апісанняў фота і малюнкаў на сайце.

Напрыклад, першае такое патрабаванне - гэта даўжыня ўсяго тэксту. Калі вы шукаеце, як правільна прапісаць атрыбут ALT, рашэнне элементарна: выкарыстоўвайце не больш за 2-3 слоў. Тэкст такога памеру будзе, па-першае, ідэальна счытвацца пошукавым робатам (і рабіць ваш сайт больш релавантным); па-другое, такое апісанне больш зразумела самім карыстальнікам. Пагадзіцеся, чытаць цэлае прапанову, калі вы хочаце проста ведаць, што паказана на малюнку, ніхто не будзе. Досыць коратка і дакладна выкласці апісанне, што будзе карысна як вам, так і кліентам.

Не забывайце аб сэнсавай нагрузцы. Калі вы публікуеце фота са сланом, абавязкова апішыце яго пароду ці гісторыю; удакладніце, чаму ён намаляваны менавіта на дадзеным фота, што вы хацелі б гэтым сказаць. Наведвальніку будзе карысна ведаць вашыя думкі адноснага гэтага слана.

Яшчэ адзін важны момант (які быў усталяваны ў ходзе шматлікіх практычных выпрабаванняў) - гэта ўнікальнасць. Калі шукаеце, як прапісаць атрыбут ALT да малюнка, памятайце: яго трэба падбіраць унікальным для кожнай з пералічаных фатаграфій на сайце. Напрыклад, публікаваць тры карцінкі запар з подпісам "мой слон" будзе няправільна - гэта толькі нашкодзіць вашаму рэсурсу ў пошукавай выдачы. Лепш назваць малюнкі "слон 1" і "слон 2", што зробіць іх больш унікальнымі.

Нарэшце, памятайце пра параметры саміх малюнкаў, да якіх вы шукаеце, як дадаць атрыбут ALT. Для малюнкаў важна адпавядаць шэрагу крытэраў - мець не занадта маленькія памеры, выглядаць рэалістычна. То бок, калі вы паказваеце апісанне, то рабіце гэта для больш сур'ёзных малюнкаў, якія ўлічваюцца больш важка. Ня удакладняйце атрыбут ALT для якіх-небудзь маленькіх смайлаў ці яшчэ чаго-небудзь падобнага.

пошук ALT

Нарэшце, мы пагаварылі аб асновах атрыбуту, пра некаторыя правілах яго складання і патрабаваннях абодвух бакоў (як карыстальнікаў, так і пошукавых робатаў) да іх. Зараз падумаем: як што ж шукаць ключавыя словы і фразы, якія мы будзем прапісваць на сваім сайце? Як ужо адзначалася вышэй, пошук трэба накіроўваць у бок гатовых баз ключавых слоў, якімі рэальна пачаць прыцягненне кліентаў на ваш сайт. Зразумела, гэтага не дамагчыся, калі ў вас усё ж няма атрыбутаў ALT. Бярыце ў гатовым выглядзе ключавыя словы і фразы, якія ўжываеце ў кантэнце, і ўстаўляйце ў карцінкі.

Калі такіх звестак у вас няма і вы зусім не думалі над тым, каб пачаць патроху раскручваць свой рэсурс, прапануем пачаць шукаць базы такіх "ключавых слоў", з якімі вы зможаце лёгка ствараць новыя сайты. Для гэтага выдатна падыдуць сэрвісы накшталт Google Keyword Extract Tool або Yandex.Wordstat, дзе паказана статыстыка пошуку па тых ці іншых фразах. "Гуляючы" з гэтымі наладамі, можна істотна пашырыць долю пошукавага трафіку на сваіх сайтах і тым самым пачаць здабываць новую выгаду. Галоўнае, каб не ўзнікла сітуацыі, у якой ва ўсіх бачных малюнкаў адсутнічае атрыбут ALT.

высновы

Такім чынам, што можам сказаць аб якое апісана ў гэтым артыкуле атрыбуце? Ён з'яўляецца часткай мовы, на якім ствараюцца найпростыя сайты - HTML. Рабіць гэта вельмі проста, паколькі апісваецца элементарны, базавы мову. Для таго каб усё ж такі прапісаць тэг у малюнках, неабходна самастойна аформіць яго праз зыходны код. Ці ж, скарыстаўшыся новай інструкцыяй, пачаць афармляць зноўку. Як бы там ні было, а ўказанне тэгаў ALT - гэта той ідэальны выпадак ўзаемнай выгады, калі застаюцца задаволенымі і наведвальнік, і ўладальнік рэсурсу.

Указанне тэга можа прывесці і новых наведвальнікаў - асабліва часта такая з'ява назіраецца на такіх сэрвісах, як Google і Yandex Images. Пры кліку на малюнак сайт самастойна вызначае крыніца, з якога было ўзята малюнак, і перанакіроўвае наведвальніка. А гэта, як вы разумееце, вельмі важна ўмець рабіць у будучыні.