Сьогодні ми дізнаємося, як розпізнати факт того, що у людини є включений AdBlock або AdGuard і відповідно заборонити йому перегляд веб-сайтуабо будь-яка інша дія, наприклад, завантаження файлу. Не секрет, що сьогодні майже всі встановлені в браузері фільтри інтернет-реклами. У деяких браузерах, таких як Яндекс AdBlock, йде вже в комплекті. Такі розширення блокують рекламу на YouTube або на ваших сайтах, відповідно дохід з реклами вже не йде.

Потрібно визначитися, що ви робитимете в тому випадку, якщо у людини включений AdBlock.

Давайте спробуємо вивести на всю сторінку величезний overlay (перекриття), на якому буде написано « Вимкніть, будь ласка, блокувальник реклами AdBlock». Таким чином, доступ до веб-сайту повністю закритий.

Створюємо DIV з ідентифікатором, наприклад #spoof-overlay. У жодному разі не створюйте DIV-и з класами чи ідентифікаторами, у яких є слово ad або advertisingтому, що AdGuard навіть цей блок заблокує. Всередині нашого DIV-у напишемо: вимкніть, будь ласка, AdBlock або AdGuard, щоб отримати доступ до сайту.

Будь ласка, вимкніть AdBlock або AdGuard, щоб отримати доступ до сайту

Якийсь цінний контент...

Тепер додамо трохи стилів нашому DIV-у.

#spoof-overlay( display: none; background-color: rgba(0,0,0,0.9); position: fixed; left: 0; top: 0; width: 100%; height: 100%; color: white; text-align: центр, font-size: 30px; font-weight: bold; padding-top: 17%; z-index: 99999;

За стандартом пропишемо display: none;і мінятимемо цю властивість у JavaScript, якщо раптом у відвідувача є AdBlock. Перевірити це дуже просто.

Для цього створимо два JS файли. Перший назвемо custom.js. Другий advert.js. Дайте своїм файлам такі самі імена. Advertце назва популярної рекламної мережі. Adblockблокує всі їхні рекламні банери та тизери, відповідно він прийме скрипт advert.js за оригінальний. Adblock подумає, що це реклама та не виконає його. А ми перевірятимемо факт виконання цього JavaScript файлу та його підвантаження. Якщо він підвантажив, то все добре, а якщо ні, то ми виводитимемо інформацію про те, що це реклама.

Створимо просту функцію в файлі advert.jsі назвемо її spoof:

Function spoof() ( window.spoof_jdsfoodsfnsofnkwjspnf = true; ) spoof();

Перевіряємо наявність властивості spoof_jdsfoodsfnsofnkwjspnfв об'єкті window. Якщо властивість є, то це буде говорити про те, що Adblok немає. Відкриваємо файл custom.jsі додаємо наступний код:

JQuery(document).ready(function() ( if(typeof window.spoof_jdsfoodsfnsofnkwjspnf == "undefined")) // AdBlock або AdGuard активний! ("#spoof-overlay").fadeIn("slow"); ) ));

Завантажити готовий скрипт (4 KB)

Дивитись відео версію уроку від «Хауді Хо»

Adblock – це спеціальна програма-розширення, що приховує рекламу від очей користувачів. Вона йде як доповнення до програми-пошуковика, і суть її полягає у блокуванні спливаючих вікон, банерів та іншої небажаної інформації, яка відволікає від перегляду основного змісту веб-сторінки.

Розширення Адблок так само легко вимкнути, як і активувати. Іноді виникає потреба у відображенні всіх матеріалів на сайті, або інформація відображається некоректно, і необхідність у блокуванні реклами відпадає – у цій статті докладно розглянемо, як відключити Адблок у найпопулярніших пошукових системах – Google chrom, Yandex, Opera та Mozilla. Також ми розглянемо особливості підключення та відключення програми Адблок на телефонах, планшетах та смартфонах з програмним забезпеченням на базі ОС Андроїд.

Як вимкнути adblock у Google Chrom

Розширення Адблок – найпопулярніший додаток до веб-браузера для блокування реклами. Існують різні версії цієї програми, останні з них блокують не тільки рекламні повідомлення, а й шкідливі посилання в режимі перегляду інтернет-сторінок. У різних пошукових системах принцип відключення цієї програми досить одноманітний. Розглянемо два способи відключення Адблок і Адблок плюс (посилена версія) у пошуковій системі Google хром.

Перший спосіб

Відкриваємо браузер.

У правому верхньому кутку знаходимо значок програми Адблок (у прикладі ми зможемо два розширення - Адблок і Адблок плюс, більш розширена версія), натискаємо на нього.

Відкриється вікно меню, вибираємо опцію «Зупинити програму», клацаємо по ній.

Піктограма програми Адблок стає неактивною (зеленого кольору). Щоб увімкнути програму, слід виконати ті ж операції, що і при вимкненні.

Другий спосіб

Відкриваємо пошуковик Google Хром, у правому верхньому кутку знаходимо значок «Налаштування та керування», натискаємо на нього.

У меню знаходимо опцію «Налаштування», заходимо в неї.

Відкриється вікно внутрішніх параметрів браузера, нам вони не потрібні. У верхньому лівому куті натискаємо вкладку «Розширення».

Після її натискання на екрані з'явиться список розширень, вибираємо зі списку Адблок та Адблок плюс, знімаємо прапорці навпроти цих програм.

Після зняття прапорців команда "Увімкнено" зміниться на "Увімкнути".

Третій спосіб

Відкриваємо пошукову систему, у відкритому вікні натискаємо значок «Налаштування та керування».

У відкритому менюшукаємо « Додаткові інструменти», потім «Розширення», знімаємо прапорці навпроти програм Адблок. Розширення неактивні.

Як вимкнути adblock у браузері Opera

Щоб вимкнути програму для блокування реклами в браузері Опера, потрібно кілька хвилин.

Відкриваємо пошукову систему.
Зліва на панелі завдань у самому низу знаходимо значок розширень у вигляді шматочка пазла.

Натискаємо на нього, знаходимо активні розширення (Адблок), даємо команду "Вимкнути". Робота розширення припинена у браузері Опера.

Як відключити adblock в Яндексі

Пошукова програма Яндекс дуже схожа на Google Хром, і відмінності між ними дуже незначні. Розглянемо відключення Адблок у цій пошуковій системі.

Заходимо до Яндекс-браузера.

У правому верхньому кутку знаходимо значок Адблок – це відкрита долоня на червоному тлі, натискаємо на нього.

Відкриється додаткове меню, виконуємо операцію "Зупинити Адблок".

Після виконання операції "Зупинити Адблок" значок розширення зміниться на "Клас" на зеленому тлі - це означає, що програма неактивна.

Вимкнення adblock у браузері Mozilla Firefox

Пошуковик Мозилла стає все менш популярним на тлі більш практичних Google Хром і Яндекса, проте багато користувачів все так само віддають перевагу цьому сервісу, як найнадійнішому і стабільному пошуковику. Розглянемо відключення Адблок у цій пошуковій системі.

Відкриваємо браузер Мозілла.

У верхньому правому кутку знаходимо вже знайомий значок програми, натискаємо його.

Висвітлюється контекстне меню, вибираємо там «Вимкнути скрізь».

Розширення Адблок неактивне, про що свідчить сірий колір значка.

Програма adblock в операційній системі Андроїд

Використання Адблок на телефонних пристроях, планшети та смартфони має свої особливості. В Андроїді це розширення йде як окремий веб-браузер, за допомогою якого можна здійснювати пошук в мережі інтернет. При цьому програма сама фільтрує рекламу та шкідливі посилання, від вас потрібно лише самостійна установкацієї програми за допомогою сервісу Google play(Плей-маркету).

Якщо Адблок встановлено на вашому пристрої, і ви бажаєте вимкнути функцію блокування реклами, вам потрібно зробити такі дії:

Відкриваємо Адблок-браузер на телефоні (планшеті, смартфоні).

Заходимо в налаштування браузера (це робиться за допомогою лівої клавіші на сенсорний телефон), знаходимо меню "Параметри", натискаємо на нього.

У «Параметрах» знаходимо опцію «Блокування реклами», яка дозволить вам виставити потрібні параметри блокування, мову та налаштування за замовчуванням.

Ми розглянули на прикладах відключення Адблока у чотирьох різних браузерах, а також особливості відключення блокування реклами в операційній системі Android. Розширення Адблок дозволяє також вимикати блокування на сторінках, що переглядаються окремо, попередньо виставивши певні параметри налаштування. Дане доповнення має безліч аналогів, а також різних версій, які відрізняються між собою цільовою спрямованістю та спектром дії.

Спливаючі повідомлення з аудіо супроводом, анімована реклама та стрічки, що змінюються, на сайтах дратують. Тому і розробники браузерів вживають заходів щодо блокування непотрібної інформації, та користувачі. Але іноді з сайтом неможливо працювати, якщо в web-браузері встановлено плагін забороняє виведення реклами. Наприклад, ресурси для перегляду та скачування фільмів та аудіо. З'ясуємо, що потрібно зробити, щоб вимкнути блокувальник реклами в найпопулярніших видах браузерів.

Інструкція для Яндекс.Браузер

У web-браузері передбачений вбудований функціонал блокування та надбудови користувача. Щоб вимкнути заборону браузера, потрібно перейти в меню Керування. Воно викликається копкою на панелі інструментів праворуч угорі - іконка трьох горизонтальних смужок. Звідси потрібно перейти в меню "Налаштування", потім натиснути кнопку "Показати додаткові...". Тут зняти галочку навпроти пункту у списку «Блокувати рекламу, що шокує».

Якщо при налагодженні роботи браузера користувач вносив додаткові зміни, А саме встановлював спеціальні плагіни, їх теж потрібно відключити. Роблять це так:

Зайти до меню «Управління»;
Вибрати "Додаткові";
У новому вікні навпроти всіх блокувальників реклами перетягнути повзунок у бік «Вимк.»;
Зберегти зміни.

На підтвердження дій Яндекс. Браузер краще перезапустити. Деякі програми після звичайного збереження змін можуть не набути чинності.

Інструкція для користувачів Google Chrome

Google також передбачає використання власного та користувальницького функціоналу блокування. Тільки в цьому web-браузері вбудована безпека діє для кожного сайту окремо. Вимкнути її нескладно. Потрібно відкрити у вкладці браузера сайт, на якому потрібно скасувати захист від реклами. Потім зліва в адресному рядку знайти значок замочка або англійської літери "i" у кружечку. Натиснути на них і перейти до «Налаштування сайту». Тут у списку команд вибрати "Реклама" і в меню праворуч позначити режим "Дозволити".

Якщо користувач встановив плагін захисту, то для відключення блокувальника в браузері Google потрібно зробити наступне:

Перейти до «Налаштування та Управління» (значок три крапки праворуч угорі вікна);
Вибрати "Додаткові інструменти";
Натиснути на "Розширення";
Перетягніть повзунок у положення «Вимк.» або видалити розширення забороняють рекламу.

Після внесення змін до Google Chrome браузеробов'язково потрібно перевантажувати. Особливо якщо редагування вносилися у вбудований функціонал.

Відключення Adblock у веб-браузері Firefox

У самому браузері передбачено лише блокування спливаючих вікон. Ця функція для кожного сайту, що відкривається в Mozilla Firefox, встановлено за замовчуванням. Її легко вимкнути. Потрібно відкрити вікно браузера, перейти по «Відкрити меню» (іконка зі смужками у правому верхньому кутку) та вибрати зі списку «Налаштування». У вікні вибрати зі списку зліва «Приватність та захист». Тут переглянути список вниз, і знайти пункт "Дозволи". Прибрати галочку навпроти «Блокувати вікна, що спливають».

Якщо у браузері є вручну встановлені плагінита розширення, тоді їх відключають так:

Перейти по "Відкрити меню";
Вибрати зі списку "Додатки";
У новому вікні зі списку зліва перейти до пункту «Розширення»;
У блоці по центру вікна знайти всі блокувальники та натиснути «Вимкнути»;
Перезавантажити Mozilla Firefox.

Мозила, як і в Google Chrome, Надає користувачеві можливість встановлювати великий перелік розширень, що відключають рекламу. Тому потрібно уважно переглянути все у списку.

Інструкція при роботі з браузером Opera

Розробники Opera надійшли трохи інакше. У браузері передбачений вбудований потужний Ad-block і спливаючих вікон, але він не активований за замовчуванням. Тому якщо користувач не змінював після встановлення налаштування розробника, процедуру відключення вбудованого функціоналу можна пропустити. Якщо виправлення вносилися, тоді скасувати їх можна, перейшовши до «Налаштування та керування» (значок Опери на панелі зверху зліва). Тут вибрати «Налаштування» та прибрати галочку навпроти першого пункту меню.

При ручної установкирозширень їх скасування виконують так:

Перейти до «Налаштування та управління»;
Знайти та вибрати «Розширення»;
З нового списку знову вибрати "Розширення";
У блоці, що з'явився, натиснути кнопку «Відключити» під тим доповненням, яке забороняє рекламу;
Перезавантажити Opera.

Усі web-браузери передбачають функцію відключення та видалення плагіна. Якщо він розчарував – пропускає спливаючі вікна, прибирає не всю рекламу тощо, тоді його можна видалити. Натомість поставити нове розширення. Але якщо нарікань немає, краще тимчасове вимкнення, щоб у майбутньому не виконувати процедуру установки повторно.

Якщо Ви задалися таким питанням, то Ви є достатньо досвідченим користувачем і знаєте про існування такого доповнення, як Adblock, який приховує практично всю рекламу від очей користувачів. Здавалося б, корисний плагін, то навіщо його відключати тоді? Безсумнівно, з його допомогою можна позбавити від строкатих і нав'язливих банерів, тизерів, клікандерів та інших видів реклами, яка відволікає від основного контенту сайту своїми кольорами або звуками, що видаються. Однак, деякі сайти починають відображатися некоректно, через що на них складно читати статті, дивитися картинки або відео. Саме тому ми вирішили розповісти Вам, як відключити плагін Adblock, щоб у нормальному режимі погортати свій улюблений сайт.

Як вимкнути плагін Adblock у Хромі

Для початку пропонуємо подивитися на процес відключення у найпопулярнішому на сьогоднішній день браузері - Google Chrome! Що ж, тягнути не будемо, одразу до діла:

1. Відкриваємо меню, клацнувши по кнопці з правого боку (перебуває в самому верху);
2. Натискаємо на "Налаштування", після чого відкривається сторінка з налаштуваннями, але вона нам не потрібна - ми йдемо далі;
3. Перемикаємось з налаштувань на “Розширення”, після чого відкривається сторінка з усіма доповненнями;
4. Знімаємо галочку навпроти напису "Включити";
5. Готово! Тепер Adblock не заважає Вашому улюбленому сайту відображатись у нормальному режимі!

Як відключити плагін Adguard в Яндекс Браузері

В принципі, в Yandex браузерівсе те саме, що і в Chrome, тому що вихідний коду них однаковий. Але ми все ж таки пояснимо:

1. Клацаєте по кнопці "Меню", що знаходиться праворуч зверху;
2. Випадає список, де необхідно натиснути розділ “Доповнення”;
3. Відкриється сторінка розширення. Вони поділені на категорії;
4. Прокручуємо її в самий низ і знаходимо нам плагін Adguard (той самий Adblock тільки спеціально для Яндекс Браузера);
5. Зсув ползунок навпроти нього і розширення стає неактивним.

Відключаємо плагін Adblock у Mozilla Firefox

Як Ви вже встигли помітити, процес відключення плагіна фактично однаковий у всіх браузерах, змінено лише назви меню і самого доповнення (у випадку з Я. Браузером), і Мозилла не став винятком:

1. Клацаємо все на ту ж кнопку для відкриття меню;
2. Натискаємо на значок, під яким знаходиться напис "Додатки";
3. Відкривається магазин розширень. Він нам не потрібен – проходимо повз;
4. У меню зліва клацаємо на "Розширення";
5. Власне, тепер найцікавіше – знаходимо серед плагінів Adblock та клацаємо на кнопку “Вимкнути”;

Як вимкнути розширення Adblock у браузері Opera

Ну і насамкінець порадуємо людей, які використовують Оперу як основний браузер:

1. Клацаємо по логотипу “Opera” у лівому верхньому кутку, відкриваємо меню;
2. Наводимо стрілку на "Розширення" та переходимо в "Менеджер розширень";
3. Відкривається сторінка із встановленими плагінами;
4. Знаходимо серед додатків наш улюблений Adblock і відключаємо його, клацнувши по кнопці “Вимкнути”;

7 Answers

Використовуйте мій плагін "FuckAdBlock", він може дуже легко виявити AdBlock: https://github.com/sitexw/FuckAdBlock

FuckAdBlock.on(true, function() ( alert("AdBlock detected !"); )).on(false, function() ( alert("AdBlock is not detected =)"); ));

javascript html

2018-11-27T00:00Z

Якщо ви хочете показувати оголошення, навіть коли AdBlock активний, вам потрібно буде зрозуміти, що AdBlock може зробити.

AdBlock може блокувати ресурси під час завантаження
AdBlock може приховувати певні елементи DOM.

Хоча сказано, що AdBlock також може змінювати CSS, я не можу знайти жодної документації з цього приводу, крім приховування та згортання елементів.

Отже, що саме ви могли зробити, щоб бути розумнішим, ніж AdBlock?

Ви можете замаскувати свій запит таким чином, щоб він ніколи не був «відповідним» (наприклад, http://domain.com/ae9a70e0a.png , де ім'я зображення буде випадковим щоразу і без загального префікса). Наскільки мені відомо, правило в AdBlock не може містити регулярний вираз. Правило не буде рівним ні оголошень, ні занадто великої кількості ресурсів. Можна було б переписати таку URL-адресу на сервері, щоб вказати на ваше оголошення.

Однак, хоча AdBlock не зможе заблокувати ваше оголошення від завантаження, він все одно зможе його приховати. Ніякого реального способуобійти це неможливо. Завжди знайдеться розумний селектор CSS, який -just- вибиратиме ваш елемент. Однак можна додати фонове зображення з вмістом. Це не корисно для оголошення (не доступно для кліків), але допоможе вам відобразити інше повідомлення. Недоліком є те, що якщо хтось вирішить заблокувати це дратівливе фонове зображення, він також приховає ваш контент.

Що стосується сценарію, ви можете завантажити оголошення за допомогою ajax-запиту. Я вважаю (але не можу перевірити), що він дасть помилку, якщо ресурс не може бути завантажений (бо він був заблокований). ($.ajax(request).error(function() ( ... )); в jQuery або якийсь еквівалент у звичайному javascript). Ви можете використовувати це, щоб зробити щось ще. Ви можете включити це в сам документ замість зовнішнього ресурсу, щоб гарантувати, що він завжди буде працювати (якщо включено JavaScript). Навіть тоді ви не можете бути впевнені, що «що б ви не робили» ніколи не помітно відображатиметься. Як останній засіб ви можете зробити window.alert(...) . Припустимо, що протягом 3-х сторінок ваші відвідувачі ніколи не повернуться, якщо ви це використовуєте.

Інший спосіб, про який я можу думати, - зробити websocket на сервері (afaik, це не може бути заблоковано AdBlock). На стороні сервера вам потрібно буде перевірити, чи не завантажені сторінки об'яв, коли завантажена певна сторінка. Ця інформація може бути надіслана через сокет, який може використовуватися у вашому скрипті для виконання чогось. Це, однак, здається божевільним складним і є значним накладним капіталом для всього лише сценарію, який виявляє AdBlock.

2018-12-11T00:00Z

Function detect() ( //create a iframe. Append the iframe to the body. And then after 100ms check if their offsetHeight, display or visibility is set such a way that user cannot see them. //In the URL use the words specific , , iframe.height = "1px"; iframe.width = "1px"; iframe.id = "ads-text-iframe"; iframe.src = "http://domain.com/ads.html"; document.body.appendChild(iframe); setTimeout(function() ( var iframe = document.getElementById("ads-text-iframe"); if (iframe.style.display == "none" || iframe.style.display == "hidden" || iframe.style.visibility == "hidden" || iframe.offsetHeight == 0) ( alert("Adblock is blocking ads on this page"); iframe.remove(); ) else ( alert("Adblock is not detecting ads on this page"); iframe.remove(); ) ), 100);

2018-12-18T00:00Z

У моєму випадку АБР приховував контент навіть у тому випадку, коли не було реклами. (Просто тому, що ad слово було у багатьох URL-адресах, тому що це був пул типу повідомлення).

Але я помітив, що вони не видаляють контент, просто застосовуючи відображення: жоден із них

Оскільки додаткове рішення,

Я просто помітив, що застосування display: block! Important; до тіла, запобігає приховування вмісту Adblock plus

2018-12-25T00:00Z

Для мене жодна з трюків не працювала, можливо, я робив неправильно. але це дуже специфічний спосіб реалізації реклами Google.

Window.onload = function() ( if (document.getElementsByClassName("google-auto-placed").length == 0)( // Adblock Detected ) )

Якщо ви плануєте помістити цей код в окремий файл.js, переконайтеся, що ім'я файлу не містить у ньому слова «Ad». просто назвіть його magic.js

Якщо Google колись вирішить змінити ім'я div, цей метод завершиться помилкою. але це видається малоймовірним.

2019-01-01T00:00Z

Звичайно, це гонка озброєнь, і я підтримую чиєсь право блокувати рекламу, але я також підтримую веб-сайти, які залежать від доходу від реклами, який намагається переконати користувачів в іншому випадку або, можливо, переконати їх підписатися або зробити пожертву, щоб компенсувати втрачений дохід від реклами, Я не схвалюю сайти, які намагаються змусити користувачів бачити рекламу, але ввічливе повідомлення гаразд.

У всякому разі, прямо зараз варто відзначити, що є багато розширень / плагінів для adblocking, і вони можуть бути різні способизробити це, і іноді вони різняться між ОС та браузерами. Я виявив, що для моїх цілей прямо зараз цей селектор jQuery достатньо, щоб хоча б побачити, чи використовується AdBlock або AdBlockplus, крос-платформний, принаймні Chrome і Firefox:

If($("div iframe:visible").length == 0) ( // pop up a message or whatever )

2019-01-08T00:00Z

Я знаю, що це трохи старо, але ось ІМХО - кращий спосібзробити це:
Додайте це до розділу:

Тепер ви можете використовувати ідентифікатор ab-message скрізь, де хочете відобразити повідомлення користувачам AdBlock:

Зверніть увагу, що вбудований стиль доданий, щоб приховати його спочатку (звичайно, ви також можете зробити це зі свого власного файлу CSS).
Також зверніть увагу, що це займає 500 мс, тому що він повинен дочекатися, коли рекламний блок виконає свою роботу, або він не буде працювати.

Невелике пояснення, як працює цей скрипт

По-перше, він додає iframe з джерелом випадково згенерованого посилання. (Він генерується випадково, тому що деякі рекламні блоки розумні, в якийсь момент вони розуміють, що посилання є фальшивим).
Потім він виконує кілька перевірок на цьому iframe (якщо він був завантажений успішно або змінено його стиль). Якщо один із цих тестів дійсний, тоді він відображає елемент ab-message для adblock users.

Цей скрипт працює для більшості (якщо не всіх) рекламних блокувальників.

EXTRA

Насправді, не могло бути просто створено сутність, але натомість я створив проект Github, але все ж, перевірте його і запустіть його, якщо це вам допоможе.
abDetector: Простий детектор JavaScript Adwords.
Насолоджуватися.

Ця стаття написана, щоб висвітлити актуальну інформацію про видалення зайвих посилань із шаблонів Blogspot, а також з нових тем Blogger. Як ви знаєте, у кодах Blogger у 2018 році відбулися зміни, тому багато дій з кодом потрібно робити за новим. Плюс з'явилися нові теми, сформовані інакше. У зв'язку з цими змінами розберемо тему видалення посилань.
Перевірити свій блог на наявність зовнішніх посилань ви можете на сервісах https://pr-cy.ru/link_extractor/ та https://seolik.ru/links. Не забувайте, що потрібно перевіряти не тільки головну сторінку блогу, але й сторінку записів (постів) і сторінки (Page). Багато зовнішніх посилань, відкритих для індексації перешкоджають.

Як видалити посилання зі старого стандартного шаблону Blogger

Приклад шаблону Простий (Simple).
Такі шаблони дають найбільше зовнішніх посилань. У моєму тестовому блозі під час встановлення простої теми під час перевірки виявилося 25 зовнішніх посилань на головній сторінці, з них індексувалися 14.
Нагадую, що перед тим, як змінювати код шаблону, зробіть резервну копію!

Видалити посилання на Blogger - https://www.blogger.com/.Це посилання міститься у віджеті Attribution. У вкладці "Дизайн блогу" він відображається, як гаджет Атрибуція і. Щоб його видалити, переходимо у вкладку "Тема" -> змінити HTML. По пошуку віджетів (список віджетів) знаходимо Attribution1 і видаляємо весь код разом із секцією footer, в яку він укладений. Так виглядає код, що видаляється в згорнутому вигляді:

А так повний код:

Зберігаємо зміни та перевіряємо блог на наявність Атрибуції.
Ви, звичайно ж, бачили у своєму блозі іконки “Гайковий ключ та викрутка” для швидкого редагування віджетів. Кожна така іконка несе із собою зовнішнє посилання на Blogger. Зараз вони закриті тегом nofollow, але все одно їх потрібно позбуватися. Правити ж віджети ви будете у вкладці Дизайн.
Ось неповний перелікпосилань, які зашифровані в іконках гайкового ключа (ID блог буде ваш)
- Віджет HTML1: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML1&action=editWidget§ionId=header
- Віджет HTML2 http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML2&action=editWidget§ionId=header
- Архів блогу: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget§ionId=main
- Ярлики блогу: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=Label&widgetId=Label1&action=editWidget§ionId=main
- Популярні повідомлення: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=PopularPosts&widgetId=PopularPosts2&action=editWidget§ionId=main
Всі ці посилання легко позбутися. Знайдіть у шаблоні блог тег. Він зустрічається стільки разів, скільки віджетів у вашому блозі. Видаліть всі входження тега.
Видаляємо посилання на швидке редагування запису блогу (іконка "Олівець"). Спрощує редагування постів, але несе у собі загрозу як зовнішнє посилання виду: https://www.blogger.com/post-edit.g?blogID=1490203873741752013&postID=4979812525036427892&from=pencil
Як видалити:
Спосіб 1 . У вкладці Дизайн відредагуйте елемент “Повідомлення блогу” та зніміть галочку у пункті “Показати “Швидке редагування””.
Спосіб 2 . знайдіть у шаблоні блогу тег та видаліть його. Збережіть зміни та перевірте свій блог на наявність іконки та посилання.
Видалити NavBar. Знайдіть пошук віджетів в шаблон htmlблогу Navbar1 і видаліть весь код разом із секцією.
А саме:
Зараз Навбар у блозі не дає зовнішніх посилань, що індексуються, але я вважаю, що це зайвий елемент, який не несе в собі функціонального навантаження, і його краще видалити.
Видаліть зовнішні посилання на зображення. При завантаженні зображень на повідомлення блогу, в них автоматично вбудовується посилання. Щоб усунути такі посилання, необхідно відредагувати всі записи блогу. У режимі "Перегляд" і далі на іконку "Посилання". Якщо зображення не несе в собі зовнішнє посилання, то при натисканні на фото в редакторі запису іконка "Посилання" не активна (немає підсвічування іконки).
Видалити посилання на профіль автора блогу. Видалити автор блогу під записом. Для цього знайдіть код true та замість true пропишіть false. Вийде false
Закрити посилання віджету “ ” від індексування тегом nofollow. Якщо ви використовуєте у своєму блозі віджет "профіль", то знайдіть через швидкий пошукза віджети в шаблоні блогу код гаджета Profile1. Потрібно відредагувати код віджету, замінивши у двох місцях rel='author' на і додати до двох посилань . У вас має вийти, як на скріншоті:

Зроблено з прикладу редагування профілю Google Plus. Нагадую, що Google Plus буде ліквідовано 2 квітня 2019 року. Відповідно після цієї дати потрібно буде робити інші зміни в коді віджету "Про мене".
Перевіряємо на наявність зовнішніх посилань будь-яку сторінку запису Blogspot, до якої залишено коментарі. Знайдіть та видаліть у шаблоні блогу код:

У Налаштуваннях блогу на шляху Налаштування блогу -> Інше -> Фід сайту -> Дозволяємо фід блогу застосовуємо наступні налаштування:

Прибрати зовнішні посилання із нового стандартного шаблону Blogger

На прикладі теми Notable

Видаляємо Attribution (посилання внизу – Технології Blogger)
Знаходимо в шаблоні блогу з пошуку віджетів (список віджетів) Attribution1 і видаляємо код разом з секцією за аналогією зі старим шаблоном Blogger (дивися вище 1).
Видаляємо посилання з віджету «Повідомити про порушення». Це віджет ReportAbuse1. Знаходимо в пошуку по віджетам:
Код виглядає цілком так:
Перевіряємо сторінку запису блогу з коментарями та видаляємо посилання за аналогією зі старими шаблонами блогу (див. вище – пункт 8).
Вгамуємо посилання з постів блогу, які вшиті в картинки записів (див. пункт 5).

Блокування реклами - реальна проблема для всіх блогерів та власників сайтів, для яких єдиним джерелом доходів є реклама, розміщена на власному сайті. Давайте об'єктивно поглянемо на способи взаємодії із відвідувачами, які блокують показ реклами. Увага! Етичний аспект цієї статті не розглядається!

1. Не робіть нічого

Не варто сприймати це питання виключно в чорно-білому кольорі. Відвідувачі, які блокують оголошення, застосовують ресурси сервера і завантажують канал, але сайт може отримати користь від користувачів менш очевидними методами. Наприклад, відвідувач дасть знайомим посилання на вашу статтю, фото чи відео. Ці знайомі зайдуть на сайт і, мабуть, не блокуватимуть рекламу. Відвідувач, який блокує рекламу, залишить коментар в обговореннях, що корисно для сторінки з погляду SEO (якщо, звичайно, він буде релевантним). Коментар може стати в нагоді читачам або автору статті.

Коротше, якщо ви оптиміст. Якщо все сказане застосовується до вашого ресурсу, краще рішення– не робити жодних дій. У випадку з сайтом, я керуюся саме цими поняттями і радий будь-якому відвідувачу, та й реклама у мене займає менше 10% простору від контенту, думаю це терпимо.

2. Попросіть не блокувати рекламу

Сайт розпізнає блокування завдяки використанню «симуляторів» рекламних скриптів (якщо скрипт не виконується, то відвідувач користується програмами типу «adblock»). Чемно та спокійно поясніть, що блокування реклами не дозволяє сайту завантажувати цілком нешкідливий контент. Попросіть користувача внести сайт у білий список, і реклама завантажуватиметься. Це дуже витончений та ефективний спосіб вирішити проблему. Коли користувач розуміє, що разом з оголошеннями ховається та корисний контент, він, ймовірно, зробить для вашого сайту виняток і внесе його до white list.

Для CMS WordPress існує багато антиблокувальних плагінів, які чудово справляється зі своїм завданням і містить багато корисних опцій.

Наприклад, можна налаштувати кількість переглянутих сторінок, після яких користувач бачить ваше прохання. Вказується положення повідомлення: у верхній частині екрана або спливаючому вікні.

На одному із своїх сайтів я показую користувачам таке повідомлення (див. нижче). Якщо хочете, скачайте цю картинку для свого сайту.

Настійно рекомендую подивитися, що побачить користувач, якого ви просите дозволити завантаження реклами. Якщо сторінка виглядає набагато приємніше без реклами, то варто попрацювати над її оформленням. Особисто я вважаю, що вибірковість у виборі рекламних оголошень – це великий крок уперед, який підводить нас до наступного розділу.

3. Працюйте з перевіреними рекламодавцями

Рекламні мережірандомно витягує оголошення зі своєї величезної бібліотеки, а серед них частенько трапляються відверто неякісна та недобросовісна, яка закликає завантажити якийсь сумнівний софт, виграти безкоштовний iPad або підзаробити. Впевнений, що власники та розробники сайтів повинні відповідальніше підходити до вибору реклами, що відображається на власних майданчиках. Реклама - це необхідність, чого не скажеш про навмисний обман. Прочитайте статтю, не зациклюйтеся тільки на одному.

4. Налаштуйте редирект

Найжорстокіший спосіб – перенаправити користувачів на інший сайт, не дозволяючи їм дивитися ваш майданчик. на сторінку, вказавши на ній причини, чому користувач не заслуговує на інформацію на вашому сайті. Особливо мстиві вебмайстри вважають за краще редиректити на сайт з шок-контентом. Це, звичайно, найгірший варіант із запропонованих, оскільки надзвичайно дратує відвідувачів.

До втрати доходу через заблоковану рекламу додасться незадоволений відвідувач, який міг би стати постійним користувачем. Деяких власників сайтів такий підхід влаштовує, оскільки користувачі, які блокують рекламу, не мають права дивитися контент, не даючи нічого натомість. Особливо, якщо від відвідувачів очікується трохи – натиснути на рекламний банер і провантажити якихось 90 кілобайт сторінки.

Спеціальний плагін для WordPress, який чудово справлявся б із цим завданням, поки не розроблений. Я написав невеликий скрипт jQueryвизначення розміру рекламного контейнера після завантаження сторінки. Якщо розмір контейнера становить 0 пікселів, значить реклама не завантажилась і відбулося блокування. Перед використанням скрипта задайте контейнеру стильовий ідентифікатор id для CSS або помістіть код реклами в теги div, де вкажіть конкретний id.

Розмістіть цей код на сторінці (така сторінка не пройде валідацію на відповідність стандартам html-коду, за винятком HTML5, проте на роботу сайту цей сніпет ніяк не вплине).

Ми із задоволенням відповімо на ваші запитання та допоможемо у реалізації описаних способів. Тільки давайте дотримуватись технічної сторони, а не міркувати про моральні аспекти.

Інструкція для Яндекс.Браузер

Зайти до меню «Управління»;
Вибрати "Додаткові";
У новому вікні навпроти всіх блокувальників реклами перетягнути повзунок у бік «Вимк.»;
Зберегти зміни.

Інструкція для користувачів Google Chrome

Перейти до «Налаштування та Управління» (значок три крапки праворуч угорі вікна);
Вибрати "Додаткові інструменти";
Натиснути на "Розширення";
Перетягніть повзунок у положення «Вимк.» або видалити розширення забороняють рекламу.

Після внесення змін до Google Chrome браузер обов'язково потрібно перевантажувати. Особливо якщо редагування вносилися у вбудований функціонал.

Відключення Adblock у веб-браузері Firefox

У самому браузері передбачено лише блокування спливаючих вікон. Ця функція для кожного сайту, який відкривається в Mozilla Firefox, встановлена за замовчуванням. Її легко вимкнути. Потрібно відкрити вікно браузера, перейти по «Відкрити меню» (іконка зі смужками у правому верхньому кутку) та вибрати зі списку «Налаштування». У вікні вибрати зі списку зліва «Приватність та захист». Тут переглянути список вниз, і знайти пункт "Дозволи". Прибрати галочку навпроти «Блокувати вікна, що спливають».

Якщо в браузері є вручну встановлені плагіни та розширення, тоді їх відключають так:

Перейти по "Відкрити меню";
Вибрати зі списку "Додатки";
У новому вікні зі списку зліва перейти до пункту «Розширення»;
У блоці по центру вікна знайти всі блокувальники та натиснути «Вимкнути»;
Перезавантажити Mozilla Firefox.

Мозила, як і в Google Chrome, надає користувачеві можливість встановити великий перелік розширень, що відключають рекламу. Тому потрібно уважно переглянути все у списку.

Інструкція при роботі з браузером Opera

При ручній установці розширень їх скасування виконують так:

Перейти до «Налаштування та управління»;
Знайти та вибрати «Розширення»;
З нового списку знову вибрати "Розширення";
У блоці, що з'явився, натиснути кнопку «Відключити» під тим доповненням, яке забороняє рекламу;
Перезавантажити Opera.

Однією з найгостріших та найактуальніших тем серед web-програмістів та власників інтернет ресурсів сьогодні є seo-оптимізація. Для того, щоб сайт потрапив на перші сторінки пошукових запитів"Яндекса" або Google, необхідно провести колосальну роботу над його створенням та просуванням.

Навіщо потрібна семантична розмітка?

Адаптувати ресурс під звичайного користувача можна за допомогою актуального та цікавого контенту. А ось, щоб користувач зміг знайти цей ресурс, необхідно оптимізувати сайт під пошукову систему. Як це зробити?

На відміну від людини, не може розпізнати, про що йдеться на сайті без певних підказок. Він аналізує контент, виявляє певні закономірності, визначає ключові слова, але, маючи людського інтелекту, неспроможна зрозуміти зміст написаного. Щоб спростити завдання, програмістами придумана семантична чи мікророзмітка для "Яндекса" і Google. Так само як гіпертекст показує машині, що і де потрібно розмістити, семантична розмітка пояснює, кому або чому присвячений ресурс. Завдяки цьому розумінню сайт краще ранжується серед конкурентів і має більше шансів потрапити на перші рядки пошукових запитів.

Приклад семантичної розмітки

Особливо ефективно мікророзмітка "Яндекс" та Google впливає на просування комерційних сайтів, що пропонують товари та послуги. Найнаочніше її пояснить наступний приклад.

Необхідно створити мікророзмітку для сайту-візитки з надання перукарень для собак. Вона виглядатиме так:

Itemtype - BarberShop,

Name – перукарня для собак.

У першому рядку прописано область роботи сайту, а в другому – конкретний об'єкт. Сторінка з таким скриптом виявиться вищою на пошукових сходах, ніж аналогічна без нього, оскільки пошукова система визнає її більш релевантною поняттю "перукарня для собак", а не просто "перукарня".

Мікророзмітка, що створюється за допомогою "Яндекс.Вебмайстер", дозволяє прописувати безліч параметрів - місця продажу, години роботи, контакти, коротке або послуги і багато іншого.

Де використовується семантична розмітка?

всі більше ресурсівпрагнуть надати користувачеві якісно оброблений матеріал. Чим ближче до змісту він буде до шуканого, тим більшу ефективність принесе сайту. Тому сьогодні мікророзмітка активно використовується:

Комерційними сайтами для просування товарів та послуг.
Онлайн довідниками та енциклопедіями для формування багаторівневих зв'язків між статтями.
Соціальними мережами для деталізації профілів, подій та іншого контенту.

Єдиний стандарт Schrema.org

Створення семантичної розмітки призвело до того, що був потрібний єдиний стандарт для всіх пошукових систем. Ним стала мікророзмітка "Яндекс" та Google - schrema.org. Вона спрощує процес створення короткого опису (сніппета), який ми бачимо при відображенні сторінки у результатах пошуку. У цю інформацію можна включити важливі відомості про сайт, які допоможуть користувачеві визначитися, переходити чи не переходити на цю сторінку.

До речі, кількість елементів та словників у schrema величезна, тому її можна використовувати для сайтів практично будь-якої тематики.

Стандарт Open Graph

Крім пошукових систем Googleта "Яндекс", мікророзмітка товарів, послуг, мультимедійного та інформаційного контенту потрібна і соціальним мережам. Для них Facebook вигадав єдиний стандарт Open Graph. Ця розмітка дозволяє контролювати, як буде представлений сайт у стрічці новин соціальної мережі. Причому сьогодні створювати красиві посилання за його допомогою можна не лише у Facebook, а й у Google+, "ВКонтакті", Twitter. Для прекрасного відображення останнього, до речі, також використовується Twitter Cards.

Яку мікророзмітку вибрати?

Насправді при ранжируванні сайту ні "Яндекс", ні Google не віддають якомусь стандарту більше переваг. Класичний варіант використання - schrema.org - він найбільш повний, сучасний та активно розвивається.

Словники мікророзмітки

Ми визначили, що таке мікророзмітка "Яндекс". Як зробити так, щоб у ній відображалася потрібна інформація? Для цього використовується таке поняття як словник мікророзмітки. Це набір елементів, тегів та синтаксису, за допомогою яких на чомусь акцентується увага пошукової машини.

Для кожного стандарту існують свої словники та елементи. У schema.org існує кілька ключових словників зі своєю величезною ієрархією та типами відображення. Наприклад, словник Thing дозволяє подавати інформацію в 3-х основних властивостях:

alternateName - для псевдоніма (аліасу) об'єкта;
description – для текстового опису об'єкта;
image – для зображення або посилання на нього.

Або словник Good Relations, який буде особливо корисним для торгових інтернет-майданчиків. Він дозволяє розміщувати дані про ціни, місця придбання, наявність і т.д.

Словник FOAF - мікророзмітка контактів "Яндекс" та Google. Це анкета, яку ви заповнювали мільйони разів на різних сайтах – ваше ім'я, координати, сторінка в соціальних мережах, пошта, дата народження тощо. Ці знання дозволять схилити користувача перейти за посиланням, пропонуючи йому те, що може його зацікавити. Таким чином, сайту можна підняти відвідуваність.

Для докладного описуаудіо та відеоінформації - виконавця, назви альбому, тривалості - використовується мікророзмітка VideoObject.

Існує також розмітка для поштових повідомлень, що дозволяє користувачеві, не переходячи на іншу сторінку, погодитись на зустріч або залишити коментар під статтею, наприклад.

Що таке валідатор

Будь-яке просування в інтернеті потребує ретельного та глибокого аналізу ефективності. Перевірити мікророзмітку "Яндекс" можна за допомогою валідатора - програмного забезпечення, що розпізнає метадані на веб-сторінках. Перевірці коректності піддаються документи будь-яких форматів - HTML, XHTML, RSS, XML будь-якими мовами.

Перевірка мікророзмітки "Яндекс" здійснюється будь-яким валідатором, який підтримує формати Schema.org, мікроданих HTML, Open Graph, RDF.

Як перевірити мікророзмітку Google

Дізнатися, наскільки вашого сайту в пошуку Googleможна кількома способами. Для досвідченого користувача, який вільно володіє прихованими налаштуваннями вебмайстрів "Гугл", підійде доступний лише за посиланням інструмент Rich Snippet Tool.

Інший спосіб – встановити плагін Seo by Yoast. Він зручний у використанні і буде доступний після встановлення в верхній панелівебмайстра.

Третій спосіб - на сайті Google Developers в панелі інструментів вибрати "Інші ресурси", натиснути кнопку "Інструмент для перевірки структурованих даних" і вказати html сторінку, яку хочете перевірити. Коли робот прорахує заданий скрипт, ви отримаєте детальний звіт із помилками, якщо вони є, та поясненнями до них.

Як перевірити мікророзмітку "Яндекс"

З цією пошуковою системою дещо простіше. Валідатор мікророзмітки "Яндекс" розташований в інструментах веб-майстрів, у вкладці "Мої сайти". Тут потрібно натиснути кнопку “Перевірити розмітку” та ввести URL-адресу сайту, і валідатор почне прораховувати помилки. За кілька хвилин ви отримаєте один із трьох варіантів відповіді:

Мікророзмітку не виявлено.
Є помилки.
Мікророзмітка повністю відповідає стандарту.

У яких випадках з'являється інформація про некоректну розмітку?

"Яндекс.Вебмайстер" - валідатор мікророзмітки - виводить повідомлення про помилку у двох ситуаціях:

Коли вона не розпізнає розмітку.
Коли мікророзмітка відповідає стандарту.

У будь-якому випадку програма видасть деталізацію помилки, через яку можна судити, які обов'язкові поля в розмітці були опущені або який атрибут було пропущено.

Може ще видати повідомлення – «сторінка не може бути завантажена». Воно вказує на помилку сервера або неіснуючу сторінку.

Якщо мікророзмітка "Яндекс" виконана з невідомою помилкою або ви не знаєте як її виправити, завжди можна звернутися за довідкою "Яндекс.Вебмайстра".

Після завершення валідації нова розмітка з'явиться протягом 2 тижнів.

Як впливає мікророзмітка на ранжування сайту?

Ви помітили свій ресурс за всіма правилами, і валідатор мікророзмітки Яндекс показав, що все виконано без помилок. На скільки пунктів підніметься ваш сайт пошуковими сходами?

Семантична розмітка лише опосередковано впливає на релевантність, і не можна назвати точну кількість позицій, на які вона підніме сайт. Однак мікророзмітка - один із ключових факторів, що впливають на привернення уваги користувача. Цікавий і привабливий сніпет приведе більше відвідувачів, і позиції сайту будуть зростати. Решта залежатиме від наповненості та актуальності ресурсу.

Переваги мікророзмітки

Крім помітності ресурсу, мікророзмітка суттєво збільшує вагу та якість сайту серед конкурентів. Варто виділити такі переваги розмітки:

Вона підвищує довіру з боку пошукових систем, пошуковій роботі легше виділити головні елементи сторінки, а значить, їм стає простіше нас індексувати. Якщо описати цей процес дуже спрощено, то можна сказати, що пошуковику приємно, що ми відкриваємо перед ним серце сайту, наші внутрішні секрети і його довіра до нас підвищується.
В очах споживача сайти зі Сніппет виглядають не тільки помітніше, але і якісніше. Відповідно на такі ресурси частіше клікають, а значить підвищується CTR у видачі або клікабельність.
Власник має унікальну можливість показати інформацію, яка буде помічена, навіть якщо користувач не перейшов на сайт.
Інформацію сніпету завжди можна змінити, і це не вплине на позицію ресурсу у списку.

Але, звичайно, при seo-просуванні не варто зациклюватись тільки на розробці мікророзмітки. Вкрай важливо мати корисний і унікальний контент, але не тільки. Є ще безліч факторів, що впливають на підвищення сайту в рейтингу пошукових систем "Яндекс" та Google.

Інші способи просування сайту

Внутрішнє просування, до якого належить мікророзмітка "Яндекс" та Google, має декілька напрямків:

використання ключових слів у домені та заголовках сайту;
наявність ключових слів на самій сторінці, їхній рівномірний розподіл за текстом, розташування в підзаголовках, тегах;
правильна безпомилкова HTML-розмітка (перевіряється за допомогою інструментів "Вебмайстра Яндекс");
наявність мегатегів (keywords, description тощо), що вказують пошуковику суть сторінки;
перелінкування - тобто посилання на інші сторінки сайту;
проста структура сайту, що дозволяє клік переміщатися на головну сторінку;
запам'ятовується та зрозумілий дизайн;
робота з соціальними мережами, можливість рекомендувати інформацію, що сподобалася іншим;
наявність картки сайту;
унікальний, цікавий та регулярно поповнюваний контент, корисний та актуальний для читача;
оптимізований CMS для швидкого та безпомилкового завантаження сторінок.

Крім внутрішнього просування, має вестись робота і із зовнішніми факторами. Веб-програміст регулярно повинен відстежувати, чи відображаються посилання на сайт на інших ресурсах, наскільки ця маса посилення вагома і авторитетна (цей процес визначають за допомогою тематичних і зважених Одним із способів зовнішнього цитування є також розміщення рекламних банерів ресурсу.

Згідно з останніми дослідженнями, одним із самих ефективних способівпросування є обговорення чи згадування сайту в соціальних мережах. Пошуковик бачить активний рух цієї інформації та сприймає його як актуальне та затребуване, таким чином підвищуючи рейтинг ресурсу.

Для інтернет-магазинів ефективне використання коментарів та відгуків покупців, причому як на самому сайті, так і на тематичних форумах, порталах з відгуками тощо.

Замість ув'язнення

Просування в мережі – складний багатогранний процес, що потребує інтенсивної роботи над різними зовнішніми та внутрішніми факторами. Не можна сказати, що якийсь із перерахованих вище способів абсолютно правильний, і саме він приведе ваш сайт у топ. Виявитись на верхніх рядках пошукових запитів можна лише при комплексній роботі над усіма аспектами. seo просуванняЗокрема, величезну роль варто приділяти мікророзмітці.

Дуже важливо донести до пошукової машини, що ви всіма способами намагаєтеся спростити їй відбір і робите це не тільки заради високого рейтингу, а й для зручності користувача, точніше, насамперед для того, щоб людина знайшла цю інформацію в мережі.

"Яндекс" і Google безпосередньо зацікавлені в тому, щоб користувач отримував необхідні відомості, а отже, чим лояльнішим буде ваш ресурс, тим більше його шансів зайняти місце в топі.

Не має значення, яку саме розмітку ви використовуєте - OpenGraph, schrema.org або якусь іншу, головне, щоб вона була виконана без помилок і виділяла ключові моменти сторінок ресурсу. Регулярно перевіряйте її за допомогою валідатора, проводите глибокий аналіз кожної сторони своєї діяльності, і тоді на вас чекають відмінні результати!

Багато хто чув про мікророзмітку, але ніколи її не застосовували. Основна причина – нерозуміння, що це таке і навіщо потрібно. Нині ми всі по порядку розповімо.

Семантичну розмітку або мікророзмітку було введено пошуковими системамивідносно недавно (починаючи з 2011 року). Основна мета – зробити сайт більш зрозумілим для пошукової системи. Відразу наведемо приклад.

Пошуковику важливо розуміти, чи є на сайті телефон чи його немає. Від цього залежить дуже багато. Телефон можна знайти за маскою +7 ххх хх-хх-хх та подібним. У цьому складнощі немає. Але як відрізнити телефон від факсу? Якщо сам сайт не «повідомить», який номер до чого належить, зробити це неможливо.

Така сама складність є і з текстом. Як відрізнити кулінарний рецепт від статті на тему приготування їжі?

Для того, щоб вирішити ці питання і була створена семантична розмітка матеріалу. Щоб не ускладнювати життя web майстрам, був створений украй простий формат, дуже схожий на верстку.

Наведемо найпростіший приклад:

Припустимо, у нас є уривок із верстки сторінки з контактами:

Все стандартно, жодних складнощів немає.
А тепер приклад того ж уривка, але вже з розміченим кодом.

DH Agency Контакти:

Адреса: Санкт-Петербург вул. Вірності 6

Телефон: +7 000 00–00–00/span>, Факс: +7 000 00–00–00 , Електронна пошта: сайт

Досить просто та інтуїтивно зрозуміло, чи не так? Потрібно знати лише синтаксис. Вся розмітка робиться в коді сайту, ніяких додаткових файлівстворювати не доведеться.

Відразу відповімо на найпопулярніші запитання.

Навіщо сайту мікророзмітка?

Якщо пошукова система розуміє, який матеріал знаходиться на сайті, то вона намагатиметься зробити сніпети максимально привабливими. Розмістити ціну, умови, відповіді/питання, відгуки і т.д.

Наприклад, Яндекс може написати ціну товару поруч із Вашим сайтом.

Крім цього, мікророзмітка допомагає точніше розібратися в комерційних факторах – телефонах, адресах, цінах та подібних.

Наявність розмітки впливає позиції сайту?

Безпосередньо ніякого впливу на позиції та «видимість» сайту немає. Проте є непрямі причини:

Мікророзмітка впливає на сніпети і робить сайт помітнішим у видачі. Що в результаті призводить до збільшення відвідуваності за інших рівних умов.
Яндекс та Google люблять якісний та зрозумілі сайти. Мікророзмітка це ще один ступінь приведення сайту в «порядок».

Чи всім сайтам це потрібно?

Так, усім. Розмітка контактів та інших основних елементів бажана для будь-якого ресурсу. Але не для всіх видів товарів та послуг можна передати дані у СНІПЕТ. Наприклад, зараз підтримуються:

Кулінарні рецепти;
Питання та відповіді;
Відгуки;
Ціни на товари;
Опис товарів;
Деякі інші категорії.

Які види бувають?

Існує кілька варіантів (синтаксів) повідомити роботу, що знаходиться у Вас на сайті. Найпоширеніший і найпопулярніший - розмітка «за правилами» shema.org. Саме її й рекомендує Яндекс.

Крім цієї розмітки існує ще (Розроблений Facebook).Цей вид розмітки найбільше спрямований на соц. мережі та використовується ВК, ФБ, Твіттер, Гугл Плюс та іншими.

Існує також ще один формат - JSON-LD, але він використовується тільки Яндекс Поштою. Змінити інформацію у сніпетах за його допомогою не вдасться.

Окремо хотілося б сказати про. Це такий самий спосіб семантичної розмітки контенту, проте він досить сильно відрізняється від усіх попередніх. Мікроформати досить популярні. Про них ми напишемо нижче.

Schema.org

Schema.org – це найпопулярніший формат мікророзмітки, який розуміють усі популярні пошукові системи. Формат дозволяє описати сотні різних сутностей та розповісти про їх властивості.

Розмітка починається зі створення «контейнера», в якому і будуть розміщені всі дані. Виглядає він так:

Тут будуть Ваші дані

Росія, Санкт-Петербург, вул. Вірності

Детальний синтаксис можна переглянути на офіційному сайті - http://schema.org. (Не офіційний переклад російською мовою - http://ruschema.org)

Open Graph

Дану розмітку використовують усі популярні соціальні мережі – ВКонтакте, Фейсбук, Твіттер, Лінкедін. Яндекс за допомогою Open Graph передає дані до свого сервісу «Відео».

Крім формування прищеп даний форматпідходить для розробників програм.
Синтаксис та детальну інформаціюможна знайти на офіційному сайті - http://ogp.me

Мікроформати

Це досить популярний спосіб семантичної розмітки для HTML сторінок. Він дозволяє пошуковим роботам розуміти змістові значення контенту. Зроблено його досить «незвичайним» способом. Щоб передати пошуковому роботу інформацію, елементу присвоюється атрибут «class», який має схоже з ім'ям властивості. Наприклад, адреса виглядатиме таким чином:

Росія, Санкт-Петербург, вул. Вірності, 6

На відміну від інших форматів, Вам не доведеться прописувати «зайвих» тегів.

Мікроформати використовуються безліччю сервісів по всьому світу, у тому числі Яндексом. Щоправда, варто сказати, що на НаразіЯндекс підтримує не всі мікроформати. (актуальний списокпідтримуваних форматів можна знайти в Інтернеті)

Детальна інформація про синтаксис доступна на офіційному сайті - http://microformats.org/wiki/Main_Page

Який формат краще використати?

Яндекс запевняє, що йому не важливо, яким форматом Ви користуватиметеся. Але рекомендує використовувати схема.

Приклади

Ми наведемо приклади лише найпопулярнішою schema.org. Якщо Ви оберете для свого сайту аналог, то приклади завжди зможете знайти в Інтернеті та на офіційних сайтах мікророзміток.

Приклад мікророзмітки контактів:

Розмічати контактну інформаціюслід на всіх сайтах без винятку. Це дозволить пошуковій системі розібратися в комерційних факторах, а також структурувати сніпет.
З мікророзміткою

Контактна інформація:

Адреса фабрики: Москва вул. Леніна 140

Телефон: +7 945 00–00–00/span>, Факс: +7 945 00–00–00 , Електронна пошта:

Приклад мікророзмітки товару:

Найефективніше мікророзмітка поводиться при описі товарів. У сніпеті з'являється ціна, переваги, опис товару та інша важлива інформація.
З мікророзміткою

Плюшевий їжак "Уф Уф" Фабрика плюшевих їжаків "З голочки" Номер моделі 964893NM Текстове опис товару.

Вартість товаруПродавець товару

Приклад мікророзмітки статті:

Код вийшов досить великим, проте це є повноцінна розмітка статті. Саме такою вона й має бути. Мікророзмітка статті дозволяє зробити сніпет більш структурованим і людиночитаним.
З мікророзміткою

Приклад мікророзмітки «хлібних крихт»

Незважаючи на те, що далеко не всі користувачі використовують крихти, розмітити їх потрібно. Мікророзмітка не тільки дозволить пошуковій системі краще орієнтуватися у Вас на сайті, але й видасть у Сніппет список підрозділів, що приверне увагу.
З мікророзміткою

Основний розділ
Підрозділ рівня 1
Підрозділ рівня 2

Google з Яндексом не дають веб-майстрам спокійно спати - вони вводять нові способи ранжування сайтів у видачі - з останніх, облік адаптивності шаблону на сайті.
Перестають враховувати посилальне при ранжируванні або вводять якісь чергові фільтри.
А тепер дійшла черга до семантичної розмітки сайту.
Взагалі, для Google з Яндексом мікророзмітка та мікроформати – це основна тенденція цього року.
Власне, її стандарт з'явився ще в 2011 році, але, якщо раніше ПС пропонували додати її на сайт добровільно, то тепер добровільно-примусово:), оскільки сайти, які її не мають, стали індексуватися гірше, їм складніше потрапити в топ видачі.

Це спеціальні параметри тегів, які додаються до файлу або тексту. Вони описують властивості документа. Якщо по-простому, цими тегами ми повідомляємо пошукову роботу:

«Оце у мене назва статті, а це зображення, а ось тут йдуть коментарі.
Це імена коментаторів, а це я автор сайту, власною персоною. Не переплутай нічого!».

З документації Яндекс про мікророзмітку сайтів:

2. Навіщо потрібна семантична розмітка сайту?

Вона допомагає побудувати структуровану ієрархію всіх даних сторінки для пошукових роботів, а також роботів соціальних мереж, Що покращить представлення сайту в результатах пошуку.
Розмічена таким чином сторінка стане більш зрозумілою та прозорою для роботів усіх ПС.
Хоча, представники Яндекса стверджують, що наявність семантичної розмітки не впливає на позицію сайту, але досвід та спостереження показують, що розмічений сайт індексується ПС набагато швидше та якісніше, а у видачі показується на 3-5 позицій вище не розмічених сайтів.
Така розмітка корисна для комерційних сайтів (різних сервісів, інтернет-магазинів, ресторанів). Також, вона допомагає просуванню корпоративних веб-ресурсів, різних сайтів і блогів.
Порівняйте сніпети у видачі Google і Яндекс з мікророзміткою і без неї:
Мікророзмітка Google, рейтинг:

Перший сніпет показує хлібні крихти, рейтинг, дату публікації.
Мікророзмітка Яндекс для організацій:

Перший сніпет показує всі контактні дані, час роботи, адресу, посилання на Яндекс карту, за якою можна відстежити, де знаходиться організація.
Мікророзмітка Яндекс, хлібні крихти:

Перший сніпет показує хлібні крихти, дату публікації.
Мікророзмітка Яндекс, рецепти:

Перший сніпет показує зображення готової страви, інгредієнти, час приготування, калорійність страви.
Вся ця додаткова інформація відображається у видачі завдяки тому, що вона розмічена на сторінках сайту спеціальним чином.

3. Яку користь дає використання семантичної розмітки?

Найкращу, швидшу індексацію нових статей та сайту в цілому.
Збільшення довіри до сайту із боку ПС.
Найкращі, більш інформативні сніпети у видачі – за рахунок показу додаткової інформації: рейтингу, ціни, контактних даних (адреси, телефону) і т.п.
Поліпшення поведінкових факторів сайту (більше переходів із пошукової видачі).

Сподіваюся, я переконала вас, що мікророзмітка справді потрібна.
Тепер про те, якою є розмітка, а також, що з неї розуміє Яндекс.

4. Види мікророзмітки

У Google Search Console є пункт «Структуровані дані».

Рис 1 – помилки у мікророзмітці

Розпочати мікророзмітку свого сайту краще з перевірки цього розділу. Часто буває, що інструменти перевірки мікророзмітки не показують жодних попереджень або помилок, але насправді пошукові системи мають труднощі в структуруванні даних на вашому сайті.

Рис 2 – помилки мікророзмітки Hentry

У нашому випадку ми бачимо, що є 106 помилок, які стосуються розмітки формату hentry (microformats.org)

- Мікророзмітка, вбудована в ядро WordPress. Так як вона вбудовується автоматично і не адаптована під сторонні шаблони - найчастіше працює неправильно, і це призводить до того, що Google Search Console виявляє такі помилки:

Рис 2.1 – помилки Hentry: author, entry-title, updated

Але, при цьому інструмент для перевірки мікророзмітки від Google абсолютно спокійно повідомляє, що немає жодних помилок і жодних попереджень з цього приводу.

Рис 3 – гугл не бачить помилок hentry

На нашому сайті ми будемо використовувати визнану всіма пошуковими системами одноголосно мікророзмітку – schema.org.

Цей стандарт підтримує як Яндекс, так і Google.

Тому вбудовану мікророзмітку hentry, яка в Google Search Console видає нам 106 помилок, необхідно просто видалити.

Так як hentry додається до ядра wordpress -,щодозволяє видалити її через фільтри, тому що у шаблонах цих класів не видно.

Вихідний код для видалення hentry:

Add_filter("post_class", "fc_remove_hentry", 20); function fc_remove_hentry($classes) ( if (($key = array_search("hentry", $classes)) !== false) ( unset($classes[$key]); ) return $classes; )

Код необхідно додати до functions.php

Це можна зробити будь-яким зручним методомнаприклад, через редактор з адмін панелі сайту.

Рис 4 – видалення розмітки hentry з усього сайту

Після збереження файлу та повторної валідації сторінки через інструмент для перевірки мікророзмітки від Google – hentry має зникнути.

Перевірте кілька сторінок, які мали помилки, щоб переконатися, що hentry повністю видалена з сайту.

У Google Search Console ви побачите позитивну динаміку зменшення кількості помилок. З часом вони зникнуть зовсім, залишається тільки чекати.

Рис 5 – позитивна динаміка зменшення помилок hentry

Як видалити помилку:

ПОМИЛКА: поле http://ogp.me/ns#image відсутнє чи пусте

Рис 6 – помилка Open Graph ns#image

Потрібно розуміти, що такі помилки пов'язані з вже прописаною мікророзміткою. Тобто на сайті або вбудована або додана кимось раніше мікророзмітка, яка має помилки.

Найчастіше це відбувається при неправильне налаштуванняплагінів, що відповідають прямим або опосередкованим чином за мікророзмітку.

У нашому випадку на сайті є плагін - SEO Ultimate, який має спеціальний розділ, що відповідає за розмітку Open Graph. А це означає, що помилка пов'язана з http://ogp.me міститься саме у плагіні SEO Ultimate.

Заходимо наступним шляхом SEO Ultimate -> Open Graph -> Default Values -> Default Image

Знаходимо налаштування картинки, яка буде застосовуватися за умовчанням на сторінках сайту, на яких не буде знайдено потрібної картинки.

Рис 7 – як виправити помилку Open Graph ns#image

Додаємо URL адресакартинки, яку ми хотіли бачити за замовчуванням. Нагадаю, що The Open Graph protocol відповідає за виведення красивих постів у соціальних мережах, у фейсбуці, твіттері, вконтакті і так далі. Тобто ця картинка, яку ви поставите за умовчанням, фігуруватиме в постах соціальних мереж, репостах і так далі. Вибирайте брендову та респектабельну фотографію.

Після збереження змін – помилка зникає.

Рис 8 – помилка Open Graph ns#article

Але, як і раніше, залишається помилка, пов'язана з невідомим префіксом article.

Ми з вами вже в курсі, що у нас на сайті встановлений плагін SEO Ultimate. Продовжуємо копати у цьому напрямку.

Рис 9 – як виправити помилку Open Graph ns#article

Встановлюємо Open Graph Type - Website.

Рис 10 – правильна розмітка Open Graph

Після всіх змін валідатор розмітки Яндекс більше не видає жодних помилок:

Рис 11 – валідна розмітка Open Graph

Додаємо мікророзмітку хлібних крихт

Хлібні крихти - це ланцюжок посилань від головної сторінкидо сторінки, де зараз є користувач.

Для початку потрібно проаналізувати сайт на наявність хлібних крихт.

Рис 12 – хлібні крихти на сайті

Хлібні крихти на сайті присутні. Тепер потрібно зрозуміти, як вони виводяться. У вихідному коді хлібних крихт знаходимо назву плагіна, за допомогою якого вони функціонують - Breadcrumb NavXT 4.0.2

Рис 13 – хлібні крихти виводяться через Breadcrumb NavXT

Відкриваємо адмін панель нашого сайту та заходимо у редагування плагіна Breadcrumb NavXT.

Рис 14 – Налаштування Breadcrumb NavXT

Нас цікавлять шаблони для різних видівсторінок: для головної, для блогу, для рубрик і таке інше. Потрібно розуміти, що кожен сайт буде по-різному.

У нашому випадку нас цікавлять:

Шаблон посилання на сторінку блогу
Шаблон на головну
Рубрика блогу Шаблон
Шаблон посилання на рубрику

Усі шаблони мають стандартний вид типу:

Щоб отримати правильну мікророзмітку, нам потрібно розмітити цей код за допомогою стандарту http://schema.org/BreadcrumbList

Dresses
Real Dresses

Розберемо по порядку, які елементи містить розмітка та як їх слід застосовувати:

itemscope itemtype="http://schema.org/BreadcrumbList"

Цей елемент позначає початок області, що розмічується. Все, що буде всередині цього елемента – це буде розмітка хлібних крихт.

У прикладі елемент знаходиться усередині нумерованого списку – тег

Це не обов'язково, можна використовувати

, чи інші подібні теги.

Потрібно дивитися за обставинами і пам'ятати, що від того який тег ви використовуєте такий CSS і підключиться до хлібних крихт. Тобто зовнішній виглядваших хлібних крихт залежить від того, в які теги ви обрамите http://schema.org/BreadcrumbList .

У нашому випадку ми додамо цей рядок коду через вихідний код віджету breadcrumb_navxt_widget.php

Так як через стандартний редактор коду адмін панелі WordPress це файл недоступний, ми будемо використовувати фтп доступ через filezilla.

Рис 15 – Налаштування віджету Breadcrumb NavXT

Знаходимо шматок коду, що відповідає за мікророзмітку, саме нам потрібен тег, який обрамляє цю розмітку.

Рис 16 – код, який обрамляє Breadcrumb NavXT