Уважаемые читатели, думаю у всех наступает момент, когда необходимо поставить счётчик на сайт. Вместе с тем, не всегда хочется чтобы счётчик был виден для пользователей. В этой статье я опишу способы, позволяющие сделать счётчик невидимым, при этом счётчик будет доступен поисковым роботам.

Для осуществления нашей задачи, будем использовать css, который можно вынести в отдельный файл или же прописать значения свойств css непосредственно в коде html. Как это сделать расскажу ниже, а сейчас назову способы.

  1. display: none; - не будет участвовать в позиционировании сайта

  2. visibility: hidden; - будет участвовать в позиционировании сайта

  3. position: absolute;
    left: -1000px;

Некоторые авторы предлагают прописать свойство "opacity:0.0;", но не советую применять это свойство css, т.к. данный способ не будет являться кросс-браузерным.

Итак, вы уже вставили код счётчика на свой сайт, заключив его при этом в теги <div></div>. Используя внутренний css, задаём стиль для тега <div>. К примеру,

<div style="display:none;">код счётчика</div>

Если решили вынести css в отдельный файл, то для <div> указываем class или id, например,

<div id='counters'>код счётчика </div>.

Можете по другому назвать id, как вам захочется. Незабываем между тегами <head></head> прописать строку <link href=”style.css” rel="stylesheet" />. С помощью этого кода мы подключаем внешний файл css, который называем style.css. В этом файле пишем следующий код

#counters {
display:none;
}

или такой код, если использовали class, а не id

.counters {
display:none;
}


На этом всё, думаю у вас всё получилось и информация на тему как скрыть счётчик оказалась для вас полезной.

Если возникли вопросы или хотите оставить своё мнение о статье, добавьте свой комментарий. При копировании текста указывайте автора и ссылку на статью.