Alt Text: Какво представлява и как да го напишем

Въведение

В това ръководство ще научите повече за алтернативния текст (известен като alt text): какво представлява, защо е важен за SEO оптимизацията на страница, как да го използвате правилно и др.

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

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

Какво е Alt Text?

Алтернативният текст (или alt text) - известен също като alt атрибут или alt таг (което не е технически правилно, защото не е таг) - е част от текста, който описва изображението в HTML кода.

Какви са приложенията на Alt Text?

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

Днес алтертекстът помага на ботовете на търсачките да разберат съдържанието и контекста на изображението. Още по-важно е, че алтертекстът е от решаващо значение за достъпността и за хората, използващи екранни четци:

  • За достъпност: Alt текстът помага на хората с увреждания (например, използващи екранни четци) да разберат съдържанието на изображението.
  • За SEO: Alt текстът предоставя допълнителен контекст на търсачките, като им помага да разберат по-добре съдържанието на страницата.

Защо е важен Alt текстът

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

Защо Alt текстът е важен за SEO

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

Защо Alt текстът е важен за достъпността

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

Примери за Alt текст

Добри примери за Alt текст

Обмислете ръководство за SEO одит, съдържащо екранни снимки от инструменти като Google Search Console и Screaming Frog. Добрите примери за alt текст включват:


<img src="google-search-console-coverage-report.jpg" alt="Отчет за покритието в Google Search Console, показващ броя на индексираните и изключените страници"> <img src="google-search-console.jpg" alt="Инструмент на Google Search Console от Google"> <img src="screaming-frog-html-pages.jpg" alt="Списък на HTML страници в Screaming Frog"> <img src="screaming-frog.jpg" alt="Претърсване на Screaming Frog в процес">

Примери за лош и/или спамски Alt текст

Примерите за лош алтертекст включват набиване на ключови думи или спам:


<img src="google-search-console-coverage-report.jpg" alt="seo audit free, seo audit cheap, seo audit specialist, seo audit, seo audits"> <img src="google-search-console.jpg" alt="google seo, seo google, google, seo, google search console seo"> <img src="screaming-frog-html-pages.jpg" alt="seo одитор, seo одит, seo одити"> <img src="screaming-frog.jpg" alt="seo одит">

Често срещани грешки в Alt Text

  • Неизползване на алтертекст или използване на празен алтертекст.
  • Използване на един и същ текст alt за различни изображения.
  • Използване на много общ текст alt, който не описва изображението.
  • Автоматично използване на името на файла като алтертекст.

Съвети за писане на Alt текст

  • Не вмъквайте ключови думи в алтертекста.
  • Опишете подробно изображението, но го направете сравнително кратко.
  • Използвайте естествено целевите ключови думи като част от описанието на изображението.
  • Не използвайте текст върху изображения. Добавете целия текст в HTML кода.
  • Не пишете "това е изображение на". Просто опишете съдържанието на изображението.
  • Уверете се, че можете да визуализирате съдържанието на изображението, като прочетете само неговия текст.

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

Проверка на елементите

Инспектирайте елемент (щракнете с десния бутон на мишката и изберете Инспектиране при преминаване с мишката над изображение), за да проверите дали дадено изображение има текст alt.

Анализ на обема

За масов анализ използвайте инструменти като Screaming Frog или Sitebulb, за да обходите сайта и да прегледате алтертекста на всички изображения в сайта.

Alt текстът може да не изглежда като приоритет, но е важен

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

ЧЕСТО ЗАДАВАНИ ВЪПРОСИ

Каква е целта на алтертекста в HTML?

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

Може ли алтертекстът да подобри достъпността на уебсайта?

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

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