Как заменить заголовки на сайте изображением (Как оптимизировать графические заголовки)

Всем известно, что правильная оптимизация страниц играет большую роль для продвижения сайта. Каждая страница Вашего сайта должна быть грамотно оптимизирована, чтобы поисковые системы быстрее ее нашли и поместили выше в своем рейтинге. Заголовки на сайте играют важную роль в оптимизации страницы.

Советов по оптимизации страниц сайта множество, хотя возможно, когда-нибудь я и напишу статью на эту тему.

Главное, что во всех советах, говорится использовать заголовки, то есть теги <h1>….<h6>

Причем, заголовок первого уровня (тег <h1> </h1>) должен использоваться не более одного раза.

И вот возникла у меня ситуация, когда вместо заголовка, мне нужна была картинка, но при этом важно было, чтобы поисковые системы сканировали информацию, которую картинка отображает и является заголовком.

Поясню на примере.

Мой сайт построен в системе uCoz
Модуль каталог файлов. Шаблон – Страница материала и комментариев к нему
Цель.
Необходимо, чтобы файл скачивался кнопкой-картинкой. Но информация содержащаяся в этой картинке должна индексироваться поисковой системой на уровне <h2>…</h2>

И для этого я нашла в интернете интересное решения и адаптировала его для своего сайта:

<a href='$FILE_URL$'><h2 style='padding-top: 50px; height: 0; overflow: hidden; background: url(http://stepfor.top/img/Download1.gif) no-repeat; background-size: 50px;'>$ENTRY_TITLE$ </h2></a>

Разберем этот код:
Итак, что Вам нужно для того, чтобы настроить этот код у себя на сайте:
$FILE_URL$ – если Ваш заголовок ссылка, то тут необходимо написать саму ссылку (куда должно вести нажатие на картинку). На сайте uCoz вы можете применить любой системный код, в моем случае это $FILE_URL$;

http://stepfor.top/img/Download1.gif – ссылка на изображение. Полный путь к Вашему изображению.

50px – это высота изображения пикселях;

$ENTRY_TITLE$– текст заголовка, который должен быть спрятан. Я использовала для этого системный код $ENTRY_TITLE$ и необходимый мне текст (“скачать бесплатно”, который я ставлю сразу после $ENTRY_TITLE$). Вы можете использовать любой текст, какой хотите.

В заключении, хочу обратить ваше внимание, что данный код можно применять абсолютно на любых сайтах, просто мой пример взят с моего сайта, который построен на uCoz.
Более того, данный метод не обязательно применять для заголовков. Этот метод можно применять для любого текста, который заменяется изображением. Все зависит насколько важен для оптимизации страниц тот текст, который заменяется изображением.