Писање Велике Алт Текст за слике сајта

Унапређење приступачности и садржаја странице са Алт текстом

Данас погледајте прилично било који вебсајт на Вебу и видећете да је једна од ствари које имају заједничко слике. Слике се могу користити на веб страницама за додавање визуелног изгледа, помоћу илустрације идеја и додавања укупног садржаја странице. Поред тога што бирате праве слике и правилно их припремате за испоруку на вебу , обезбеђујући да све слике вашег сајта правилно користе АЛТ текст је веома важан део правилног коришћења ових слика за Веб.

Шта је Алт текст

Алт текст је алтернативни текст који користе текстуални прегледачи и други веб корисници који не могу да приказују слике. То је такође један од једина атрибута потребних за ознаку слике. Пишући ефективан алт текст, осигурате да су ваше веб странице доступне људима који могу користити читач екрана или други помоћни уређај за приступ вашем сајту. Такође се осигуравате да ће се нешто приказати уместо слике ако се не учитава из било ког разлога (погрешан пут, неуспјех преноса итд.). Ово је права намјена Алт текста, али овај садржај може вам дати и више мјеста за додавање СЕО-текстова који вас претраживачи неће казнити (више о томе ускоро).

Алт текст треба поновити текст у слици

Свака слика која садржи текст треба да има тај текст као алтернативни текст. Друге речи можете ставити у алтернативни текст, али на минимум треба да каже исто што и слика. На пример, ако имате лого за своје слике, Алт текст треба поновити име компаније написано графичким логотипом.

Запамтите, такође, да слике као што су логотипи такође могу подразумевати текст - на пример, када видите икону црвене куглице на веб локацији Абоут.цом, то значи "Абоут.цом". Дакле, алтернативни текст за ту икону могао би рећи "Абоут.цом", а не само "логотип компаније".

Задржите кратак текст

Што дужи алтернативни текст, то ће бити теже читати текстуалним прегледачима. Може бити запањујуће писати дугачке реченице алтернативног текста (обично то ради зато што неко покушава да додели ознаку кључним ријечима), али задржавањем ознака Алт-а задржава ваше странице мањи и мањем страном брже преузимање.

Добро правило за алтернативни текст је да га држите између 5 и 15 речи укупно.

Коришћење СЕО кључних речи у Алт ознакама

Људи често погрешно мисле да је циљ алтернативног текста да стави кључне ријечи претраживача. Да, то је предност коју можете користити, али само ако текст који додате има смисла за праву сврху алт таг -да приказују интелигентни текст који објашњава шта је слика ако неко не би могао да га види!

Сада, што се каже, Алт текст који се не помиње као СЕО алат не значи да не можете користити своје кључне речи у овом тексту. Будући да је алтернативни текст важан и потребан за слике, вероватноће да вас претраживачи не кажњавају за стављање кључних ријечи тамо ако садржај који додате има смисла. Само запамтите да је ваш први приоритет вашим читаоцима. Спамовање кључних речи у алтернативном тексту може се открити и претраживачи мењају своја правила стално како би спријечили спамере.

Добро правило је да користите кључне речи претраживача где се уклапају са описом слике и не користите више од једне кључне речи у вашем алтернативном тексту.

Задржите свој текст значајни

Запамтите да је тачка алт текста да дефинишете слике за своје читаоце. Многи веб програмери користе алтернативни текст за себе, укључујући ствари као што су величина слике, имена датотека датотека и тако даље. Иако би ово могло бити корисно за вас, он не чини ништа за своје читаоце и због тога треба бити изостављен од ових ознака.

Користите Бланк Алт текст само за иконе и метке

Периодично ћете користити слике које немају било какав корисни дескриптивни текст, попут метака или једноставних икона. Најбољи начин коришћења ових слика је у ЦСС-у где вам није потребан алтернативни текст. Али ако их апсолутно морате имати у свом ХТМЛ-у, користите празни алт атрибут уместо да га оставите у потпуности.

<имг срц = "буллет.гиф" алт = "" />

Можда је изазовно ставити знак као звездицу (*) да представља метак, али то може бити збуњујуће што једноставно оставља празно. И стављање текста "метка" ће учинити још чудније у текстуалном прегледачу.

Оригинални чланак Јеннифер Кринин. Уредио Јереми Гирард 17.3.17