МожливостіМОЖЛИВОСТІ

image

Необхідна інформація

Тут ви знайдете тільки корисну інформацію без води.
 
image

Безкоштовно

Всі уроки, рекомендації та поради абсолютно безкоштовні.

Вибір хостингу

46 уроків на одній сторінці

SEO блог

Урок 25: графічна навігація і текстові посилання. Атрибут alt тега «IMG»

У цій статті ми з вами поговоримо про картинки й атрибут alt тега <IMG>. У всі основні картинки на сторінках сайту бажано додавати alt-текст. Правильна назва технології — Image Alt Attributes, однак, в основному більшість вебмайстрів називають просто alt-текстом або alt-тегом. В Joomla можна заповнити тег alt, не втручаючись в HTML-код сторінки сайту. В атрибуті alt поміщається текстовий опис зображення.

Текст з'являється на екрані користувача при наведенні курсору на графічний елемент. Приклад тега <IMG> в HTML-коді сайту:

<IMG src=”buket.jpg” alt=”Весняний букет” width=”90” height=”40”>

Більшість пошукових систем не вміє індексувати картинки, але вміє індексувати текст, який описує дані зображення. Саме так атрибут alt здатний вплинути на відповідність сайту конкретному запиту. Багато вебмайстрів забувають або уникають використання alt, втрачаючи при цьому відмінну можливість надати пошуковій машині додаткову інформацію про сторінку.

Безумовно, alt-текст має меншу вагу, ніж звичайний текст статті. Іншими словами, сторінки з текстовими меню і посиланнями, багатими на ключові слова, будуть індексуватися значно краще, ніж такі самі сторінки з меню у вигляді зображень, що містять alt-теги.

Переваги текстових посилань над графічними

Текстові посилання мають ще й такі переваги над графічними посиланнями:

  • підвищують індекс цитованості;
  • простіше редагуються;
  • швидше завантажуються;
  • індексуються пошуковими машинами;
  • кращі для людей зі слабким зором;
  • підвищують релевантність сайту.

Крім цього, подібно alt-тексту для зображень, можна також додати alt-тег для будь-яких текстових посилань. При цьому HTML-код виглядає дещо по-іншому, і називається він link titles, однак, зміст той же:

<a href=”vesenniy_buket.html” title =”Замов весняний букет”>Замов весняний букет</a>

Чи володіють вагою link titles — поки сказати важко. Однак навіть якщо вони не володіють великою вагою в SEO, вони все ж збільшують зручність користування сайтом.

Графічна навігація (меню) на сайті

Тепер щодо графічної навігації (меню). Навігаційні кнопки є графічними елементами, які одночасно є посиланнями. Кнопки часто використовують для створення мапи сайту або меню, так як вони виглядають значно привабливішими, ніж текстові посилання.

Зазвичай пошукові системи можуть перейти по навігаційній кнопці, якщо її код не містить коду JavaScript. Графічні елементи мають такі недоліки:

- не всі пошукові роботи індексують атрибут alt в тезі <IMG>;

- не всі пошукові роботи переходять по графічних посиланнях;

- графічні посилання зазвичай завантажуються довше, ніж текстові.

Отже, замість графічних посилань все ж краще використовувати текстові.

Ви можете перейти до наступного уроку або повернутися до попереднього.

Рекомендовано

  • Хостинг - домен безкоштовно
  • Купити статті для сайту
  • Купити-продати посилання
  • Купити-продати вічні посилання

Яндекс.Метрика