Как да напиша страхотен алт текст за изображения на уебсайтове

click fraud protection

В допълнение на избор на правилните изображения и правилната им подготовка за мрежата, писането на страхотен алтернативен текст е решаваща задача, която никога не трябва да пренебрегвате. Ето няколко насоки за писане на ефективен алтернативен текст за изображенията на вашия уебсайт.

Повторете текста в изображението

Ако изображението съдържа текст, този текст трябва да е алтернативен текст. Можете да добавите други думи, но алтернативният текст трябва да казва същото като изображението. Например, лого за Acme Widgets, което съдържа действителните думи, трябва да има алтернативен текст, който включва тези думи.

Имайте предвид, че изображения като лога могат предполагам текст - като червената топка в логото на Dotdash, например. Това е точка, така че мозъкът чете и помни „тирето на точки“. Алтернативният текст за тази икона може да бъде „Dotdash.com“, а не само „фирмено лого."

Лого с тире
 Lifewire

Дръжте текста кратък

Колкото по-дълъг е вашият алтернативен текст, толкова по-трудно е да се чете за текстови браузъри. Може да е изкушаващо да пишете дълги изречения с алтернативен текст (често срещана практика за пълнене на ключови думи, която може да наложи наказания за SEO), но ако кратките ви алтернативни маркери са кратки, страниците ви са по-малки. По-малките страници се изтеглят по-бързо. Сладкото място е между пет и 15 думи.

instagram viewer

Използване на Вашите SEO ключови думи в Alt Tags

Основната цел на alt тага не е да повиши SEO стойността, а да покаже интелигентен текст, който обяснява какво е изображението. Информативният, подходящ текст за вашия alt маркер обаче има положителен ефект върху SEO стойността.

Въпреки това, използването на ключови думи в алтернативен текст е добра практика, стига да са уместни. Търсачките едва ли ще ви накажат, че поставяте ключови думи там, ако съдържанието, което добавяте, има смисъл. Само не забравяйте, че вашият първи приоритет е за вашите читатели. Търсачките откриват спам по ключови думи лесно и търсачките често променят правилата си, за да осуетят спамерите.

По принцип не използвайте повече от една ключова дума в алтернативния си текст.

Поддържайте текста си смислен

Не забравяйте, че смисълът на алтернативния текст е да дефинирате изображения за вашите читатели. Много уеб разработчици използват алтернативен текст за себе си и включват информация като размер на изображението, имена на файлове и т.н. Това може да е полезно за вас, но не прави нищо за вашите читатели - които са приоритет във всеки уеб дизайн.

Използвайте празен алтернативен текст само за икони и букви

Периодично ще използвате изображения, които нямат полезен описателен текст, като куршуми и прости икони. Най-добрият начин да използвате тези изображения е в CSS, където не се нуждаете от алтернативен текст. Но ако задължително трябва да ги имате във вашия HTML, използвайте празен атрибут alt, вместо да го оставяте напълно.

Може да е изкушаващо да използвате символ като звездичка, за да представите куршум, но това може да е по-объркващо, отколкото просто да го оставите празно. Използването на текст "куршум" би се превърнало в още по-странно в текстов браузър.

Защо така или иначе алт текстът е толкова важен?

Текстовите браузъри и други уеб потребителски агенти, които не могат да преглеждат изображения, използват алтернативен текст, за да "прочетат" изображенията. Това постига няколко неща:

  • Това прави вашето уеб страници достъпна за хора, които използват екранен четец или друго подпомагано устройство.
  • Ако изображението не успее да се зареди, алтернативният текст позволява на зрителя да знае какво трябва да има там.
  • Търсачките не могат да "виждат" изображения, но могат и правят паяк алтернативен текст - така че включването на алтернативен текст помага на SEO стойността на вашата страница.
instagram story viewer