Skip to main content

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

Technology Stacks - Computer Science for Business Leaders 2016 (Април 2025)

Technology Stacks - Computer Science for Business Leaders 2016 (Април 2025)
Anonim

Погледнете почти всеки уебсайт в интернет днес и ще видите, че едно от нещата, които имат общо е изображения. Изображенията могат да се използват на уебсайтове, за да се добави визуално усещане, да се илюстрират идеите и да се добави към общото съдържание на страницата. Освен че избирате правилните изображения и правилно ги подготвяте за уеб доставка, уверете се, че всички изображения на сайта ви използват правилно Alt текст е много важна част от правилното използване на тези изображения за мрежата.

Какво представлява Alt Text

Алтернативият текст е алтернативен текст, използван от текстови браузъри и други агенти на уеб потребители, които не могат да преглеждат изображения. Той също е един от единствените атрибути, изисквани от маркера на изображението. Чрез написването на ефективен алтернативен текст гарантирате, че уеб страниците ви са достъпни за хора, които може да използват екранен четец или друго помощно устройство за достъп до вашия сайт. Също така гарантирате, че нещо ще се покаже на мястото на изображението, ако не се зареди по някаква причина (погрешен път, неизправност в предаването и т.н.). Това е истинската цел на текста Alt, но това съдържание може да ви даде и повече места, за да добавите текстообработка, подходяща за SEO, която търсачките няма да ви санкционират (повече за това скоро).

Alt Text трябва да повтаря текст в изображението

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

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

Поддържайте текста кратък

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

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

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

Хората често погрешно мислят, че целта на алтернативния текст е да поставят ключови думи в търсачката. Да, това е предимство, което можете да използвате, но само ако текстът, който добавяте, има смисъл за истинската цел на алгоритъма - да показва интелигентен текст, който обяснява какво представлява изображението, ако някой не може да го види!

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

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

Поддържайте Вашия текст по-смислен

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

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

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

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

Редактиран от Jeremy Girard на 3/3/17