news_0022 Скрипт: Подмена текста изображением    Иногда требуется применить на сайте эффект замены текста контента рисунком, так же подобное может пригодиться и при применении нестандартных (красивых) шрифтов, например, для заголовков, пунктов меню и эффектных ссылок. Если решено было делать их рисунками, то можно воспользоваться техникой замены текста изображением, тем более в последнее время это — правило хорошего тона.

 

 

     Данный метод разработан и предложен Джеффри Зельдманом
  • с помощью CSS прячем изображения в фон;
  • текст надписи дублируем текстом, который прячем за пределы элемента.

 

     HTML:

<p>&lt;h1&gt;Фирма Рога и копыта&lt;/h1&gt;</p>

     CSS:

h1 { width: 250px; height: 100px; background: url(/path-to/logo.png); text-indent: -9999px; /* прячем текст за пределами заголовка */ overflow: hidden; } 

   Такой прием предназначен для устройств не поддерживающих CSS, голосовых браузеров и в некоторой степени для поисковых роботов. Такая же техника может применяется для логотипа на главной.

     Особенности: возможно у вас возникли опасения, т.к. пользователь не увидит текст в данном заголовке, не последуют ли штрафные санкции со стороны поисковых систем? Но по заявлению специалистов поисковых систем, использование CSS-подмены текста изображением является допустимой техникой. Яндекс и Google не будут штрафовать сайт за ее использование, при условии, что соблюдены правила: текст на картинке должен полностью соответствовать заменяемому тексту.

     Например, если ваша компания называется «Expo Markers», что и изображено на логотипе, и скрытый текст тоже «Expo Markers», то вы можете не беспокоиться. Никакого нарушения правил здесь нет. Но если скрытый текст: «Expo Markers cheap online discount buy online Expo Markers sale …», то есть повод для беспокойства, потому как Google может оштрафовать сайт, или что еще хуже — забанить.

 reb Скрипт: Подмена текста изображением

Похожие статьи и материалы   Новинки на сайте