Как обойти Adblock-блокировку картинок на сайте

Use Cases
6Like
Comments
Share
Как обойти Adblock-блокировку картинок на сайте

Навязчивая реклама на сайтах часто вынуждает пользователей устанавливать блокировщики рекламы, один из которых — популярное расширение для браузеров Adblock.

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

1. Почему Adblock блокирует картинки на сайте

Блокировщик рекламы накладывает фильтры на изображения, если:

  • В названии и URL картинок содержатся такие стоп-слова, как: advert banner, banner, adwords, adv, ad, reklama, adsens, eader-ads, adtech footer_ads, sidebar-ads и т.п.
  • В URL картинок указаны стандартные размеры рекламных баннеров, например: image_728_90.png, image_300x600.jpg.
  • Размеры картинок в пикселях соответствуют размерам рекламных баннеров.

О важных аспектах оптимизации картинок для SEO читайте в посте «Как оптимизировать изображения».

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

2. Как найти и проверить картинки, которые может блокировать Adblock

Самый очевидный способ — обратиться к программистам и попросить их выгрузить все картинки, которые содержат стоп-слова в названии и / или соответствуют размерам рекламных баннеров. Но в этом кейсе мы будем полагаться на самих себя и сделаем все изменения без программистов.

Итак, спустя много часов попыток и поисков оптимальных способов я делюсь с вами рабочим алгоритмом проверки картинок.

Если вы знаете, как его усовершенствовать и сделать ещё проще, делитесь в комментариях своими идеями 😊

Нам понадобятся:

  1. Netpeak Spider,
  2. Extreme Picture Finder,
  3. Total Commander и плагин для него ImgSize.

2.1. Поиск картинок, в URL которых содержатся стоп-слова, с помощью Netpeak Spider

Откройте программу и выполните в ней следующие действия:

  1. На вкладке «Параметры» боковой панели отметьте в группе «Контент» чекбокс «Изображения». Все остальные параметры можно не отмечать → это значительно ускорит сканирование.
  2. Введите домен сайта в строку и запустите сканирование. Если вам нужно проверить картинки внутри конкретного раздела сайта, введите его URL в адресную строку и в настройках отметьте пункт «Сканировать только внутри раздела».

    Как запустить сканирование внутри раздела в Netpeak Spider

  3. Дождитесь окончания сканирования, после чего откройте отчёт по изображениям, который содержится в модуле «База данных».

    Как открыть отчёт по изображениям в Netpeak Spider

  4. Настройте фильтр, который поможет отсортировать картинки со стоп-словами: задайте условие «Включить» → «URL» → «Соответствует регулярному выражению». Затем добавьте регулярку, где все стоп-слова прописаны через разделитель «|». Пример:

    advert banner|banner|adwords|adv|ad|reklama|adsens|eader-ads|adtech footer_ads|sidebar-ads

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

    Как с помощью фильтра найти нужную информацию в отчётах Netpeak Spider

  5. После применения фильтра в таблице останутся только те URL картинок, которые содержат стоп-слова. Адрес страниц, на которых есть эти картинки, вы найдёте в столбце «Источник ссылки». Перейдите на эти страницы и перезалейте картинки с новыми названиями.
  6. Чтобы найти атрибуты ALT, в которых содержатся стоп-слова, также используйте фильтр.

    Как с помощью фильтра найти нужную информацию в отчётах Netpeak Spider

После того как все ALT и URL картинок исправлены, переходим к следующему этапу.

2.2. Поиск картинок со стандартными размерами рекламных баннеров

Наиболее популярные форматы рекламных баннеров и их размеры:

РазмерТип баннера
800 х 60, 800 х 100Растяжка
728 x 90Ведущий стенд
468 x 60Длинный баннер (full banner)
392 х 72Full banner с вертикальной панелью навигации
336 x 280Большой прямоугольник
300 x 250Прямоугольник средней величины
300 x 600Объявление на полстраницы
250 x 250Всплывающий квадрат
240 x 400Вертикальный прямоугольник
234 x 60Половина длинного баннера
200 х 300Небоскрёб
180 x 150Прямоугольник
160 x 600Широкий небоскрёб
150 х 60«Ушки»
125 x 125Квадратная кнопка
120 x 600Небоскрёб
120 x 240Вертикальный баннер (vertical banner)
120 x 90, 120 x 60Кнопка
100 х 100Баннер–квадрат
88 x 31 Микро полоса (micro button)

Чтобы проверить картинки на соответствие этим размерам, сначала нужно выгрузить все мзображения с сайта. В этом поможет программа Extreme Picture Finder:

  1. Открываем вкладку «Проект» → «Свойства проекта» → «Нужные файлы» и вписываем форматы файлов.

    Как скачать все картинки с сайта с помощью Extreme Picture Finder

  2. На вкладке «Новый проект» вводим начальный URL сайта, картинки с которого нужно скачать.

    Как скачать все картинки с сайта с помощью Extreme Picture Finder

  3. Нажимаем на запуск и ждём, когда программа закончит скачивание.

Чтобы узнать размеры картинок в пикселях, можно просматривать их через контекстное меню → пункт «Свойства» → «Подробно». Это способ удобен при условии, что картинок немного. Если картинок тысячи, вручную проверять придётся очень долго. Поэтому для массовой проверки советую использовать файловый менеджер Total Commander. Проделайте следующие шаги:

  1. Скачайте и распакуйте плагин ImgSize. Именно он позволит узнать детальную информацию об изображениях.
  2. В Total Commander перейдите в раздел «Конфигурация» → «Настройка» → «Плагины». Нажмите на кнопку «Добавить», выберите распакованный плагин и сохраните настройки.

    Как узнать размеры картинок в пикселях с помощью Total Commander

  3. В настройках перейдите в раздел «Наборы колонок» и нажмите на кнопку «Новый».

    Как узнать размеры картинок в пикселях с помощью Total Commander

  4. В окне «Настройка наборов колонок» нажмите на «Добавить колонку», затем на плюсик.

    Как узнать размеры картинок в пикселях с помощью Total Commander

  5. В окне «Выбор поля плагина» выберите плагин «imgsize» и поле «Width». Нажмите на «OK».

    Как узнать размеры картинок в пикселях с помощью Total Commander

  6. Проделайте действия, описанные в пункте 3, но теперь в качестве поля выберите параметр «Height». Сохраните настройки на этой вкладке.
  7. В окне «Настройка наборов колонок» нажмите на «Применить».

    Как узнать размеры картинок в пикселях с помощью Total Commander

  8. В основном окне Total Commander откройте папку со скачанными картинками. Вы увидите список всех изображений и их размеры. Кликните по столбцу «Width», чтобы отсортировать этот параметр по убыванию / возрастанию. Теперь поиск картинок по нужному размеру будет выполняться намного быстрее.

    Как узнать размеры картинок в пикселях с помощью Total Commander

Что делать, если вы нашли картинку, размер которой соответствует размеру рекламного баннера? Всё очень просто:

  1. Смотрите на название файла.
  2. Открываете отчёт «Изображения» в Netpeak Spider.
  3. Настраиваете в этом отчёте фильтр с условием: «Включить» → «URL» → «Содержит», а в пустом поле вставляете название файла.
  4. Так вы сможете отфильтровать именно ту страницу, на которой содержится нужное изображение.

Осталось только изменить размер и перезалить изображение.

Подводим итоги

Расширение AdBlock помогает пользователям избавиться от назойливой рекламы, но иногда он может стать причиной блокировки изображений на страницах сайта. Чтобы обойти фильтры, нужно найти и заменить картинки, в URL которых содержатся стоп-слова, а также изменить размер картинок, если он соответствует стандартному размеру рекламных баннеров. Для этого вам понадобятся три программы: Netpeak Spider, Extreme Picture Finder и Total Commander.

Надеюсь, способ, который я описала в этом посте, будет вам полезен. Оставляйте в комментариях фидбек и делитесь своими методами обхода блокировки картинок 😊