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, което подобрява както потребителското изживяване, така и ефективността на търсачките.