Я использую спрайт-изображения для иконок, которые связаны, но текст не связан. Мне интересно, что вы считаете лучшим методом, поскольку он относится к SEO.
Вот несколько примеров того, как можно сделать разметку:
Нет спрайтов, только изображения. Это бы работало, но с 50+ иконками, не идеально, чтобы у каждого было отдельное изображение
<a href="#">
<img src="icon1.gif" alt="SEO Text" />
</a>
Спрайты, ссылка с атрибутом заголовка
<a href="#" class="sprite icon1" title="SEO Text"> </a>
Спрайты, ссылка с атрибутом заголовка и / или отступным текстом привязки (текстовый отступ: -9999)
<a href="#" class="sprite icon1" title="SEO Text">SEO Text</a>
А может, что-то совсем другое?
Спасибо!
EDIT:
Другая найденная мною опция может быть:
Прозрачное изображение с альтернативным текстом и спрайтами
<img src="transparent.gif" class="sprite icon1" alt="SEO Text" />