1. Яким буває спливаюче вікно для сайту
2. 1. Спливаючі вікна на новій сторінці
3. 2. Накладання (оверлеї)
4. Спливаючі оверлеї - правильне спливаюче вікно для сайту
5. 1. Панелі повідомлень і банери
6. 2. Рекламний блок «Slide-in»
7. 3. Модальне вікно
8. 4. Проміжні спливаючі вікна
9. Фактори SEO для спливаючих вікон на сайті
10. 1. користувача досвід
11. 2. Тайминг
12. 3. Зміст
13. 4. Взаємодія
14. 5. Джерело трафіку
15. Спливаючі вікна на сайті для мобільних пристроїв
16. 1. Уникайте нових спливаючих вікон і проміжних вікон
17. 2. Уникайте тригерів на 1-й сторінці, на яку користувач переходить з пошукових систем
18. 3. Цільовий контент для відвідувачів, які збираються покинути ваш сайт
19. 4. Ставтеся до мобільного контенту по-іншому

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

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

Яким буває спливаюче вікно для сайту

Багато користувачів взагалі не помічають різницю між різними типами "спливаючих вікон". Насправді ця різниця існує, і вона безпосередньо впливає на фактори SEO-просування .

1. Спливаючі вікна на новій сторінці

Справжнє спливаюче вікно - це нове вікно, яке відкривається за межами головного вікна браузера. Ці спливаючі вікна тепер рідко використовуються (за винятком спам-сайтів). Так відбувається всього з однієї причини, вони сильно псують призначений для користувача досвід і негативно впливають на навігацію по сайту.

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

2. Накладання (оверлеї)

Їх називають спливаючими вікнами, але насправді вони вважаються накладеннями (оверлеями). Хочете посперечатися? Це все-таки SEO пост.

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

Нижче наведені найбільш поширені типи оверлеїв, і деякі поширені варіанти їх використання:

Спливаючі оверлеї - правильне спливаюче вікно для сайту

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

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

1. Панелі повідомлень і банери

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

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

2. Рекламний блок «Slide-in»

«Slide-in» - це, по суті, кутова накладення, яке може бути використане практично для всього перерахованого вище. Перевагою «Slide-in» полягає в тому, що цей банер не закриває від користувача потенційно важливий зміст сторінки. Такі спливаючі вікна з'являються праворуч або ліворуч внизу.

Майте на увазі, можна використовувати і оверлей, і «Slide-in» одночасно тому, як цей тип реклами різко перевершує банери і слайди. У вашій маркетингової стратегії можна знайти місце для всіх стратегій.

3. Модальне вікно

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

4. Проміжні спливаючі вікна

Багато з вас, напевно, хоч заходили на сайт видання Forbes. Там користувач відразу стикається з вікном, яке закриває весь вміст сторінки. Щоб перейти далі, необхідно якийсь час почекати.

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

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

Використовуйте Оверлеї і Модальні вікна. Уникайте спливаючих вікон на нових сторінках і проміжних вікон.

Фактори SEO для спливаючих вікон на сайті

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

1. користувача досвід

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

Хочете відповідати Google? Переконайтеся, що ваш контент доступний на 1-й сторінці видачі результатів пошуку. Притримаєте оверлеї і модальні вікна до того моменту, як користувач перейде на другу сторінку вашого сайту.

Звичайно, існують унікальні випадки, коли все замикається на факторі часу. Показуйте спливаюче вікно через 10-15 секунд перегляду сторінки.

2. Тайминг

Головний сенс правила - час проведений на вашому сайті.

Так як мова йде про час, давайте повернемося до завантаження 1-ї сторінки, і чим вона відрізняється від завантаження 2-ї сторінки. Google хвилює тільки те, яке місце ваша головна сторінка займає в пошуку. Можна сказати, що у них є досвід роботи саме в цьому руслі. Але, після завантаження початкової сторінки, всі інструменти виявляються тільки у вас в руках. Це ваш досвід на вашому сайті, і ви можете використовувати оверлеї і модальні вікна стільки, скільки вам хочеться.

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

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

3. Зміст

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

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

4. Взаємодія

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

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

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

5. Джерело трафіку

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

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

Спливаючі вікна на сайті для мобільних пристроїв

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

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

1. Уникайте нових спливаючих вікон і проміжних вікон

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

2. Уникайте тригерів на 1-й сторінці, на яку користувач переходить з пошукових систем

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

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

3. Цільовий контент для відвідувачів, які збираються покинути ваш сайт

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

На першій сторінці ви не можете розміщувати пропозиції, через обмеження пошукових систем, так що активно використовуйте наступні сторінки.

4. Ставтеся до мобільного контенту по-іншому

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

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

• Різні форми спливаючих вікон.
• Фіксована поле для вибрати номер електронної пошти і CTA.
• Великий текст кнопки «Закрити».

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

Було корисно? Оцініть, будь ласка, і поділіться з друзями!

Як зробити спливаюче вікно для сайту, щоб не погіршити SEO

4 (80%) - 7 оцінок