Статья расчитана на тех, кто уже разбирается в HTML и CSS. Но, безусловно, для многих, кто не знает об этом методе, будет очень позновательной и интересной статьёй.
Если ты дизайнер, ты хочеш, что бы каждый твой дизайн был уникален и неповторим. Пытаешся нарисовать все так, что бы гарманировало, каждая деталь дополняла другую и так далее. Зачастую, нарисовав красивый заголовк для какого-либо раздела, выесняется, что заказчику надо, что бы поисковики “видели” эти категории, рубрики их названия. Как быть? Ведь если убрать это все, и поставить простой текст, то задумка дизайна уже не будет такой классной и уникальной! Получится классное оформление, а текст обычный, как говорит один мой знакомый блоггер “буденно”(с укр. повсидневно) т.е. заежжено, просто, неуникально. И вот я могу Вам представить решение. Метод называется Image replacement. Есть несколько разных способов его применения. Как работает метод Image replacement? В коде html, в том месте где вам надо вставить вашу картинку, мы ставим тег заголовка <h1></h1>- к примеру, и между ним вставляем текст Вашего будущего заголовка и в CSS прописываем нужные параметры( об этом ниже),ставиш для загловка background:url(my_img.jpg); . Итак, когда ты заходиш на сайт, то ты видеш картинку, которую ты вставил в background, а текст нет, а поисковики как раз и видят тот текст, который будет заголовком первой важности между тегами
<h1></h1>. Вот и вся технология. Очень удобно с помощью нее делать красивые заголовки картинкой, и при это не терять индексацию заголовков поисковиком.
Читать далее »