Три способи розміщення
Посилання. Найпростіший варіант: кнопка «Переглянути тур», яка відкриває його в новій вкладці. Нічого не ламає, нічого не сповільнює. Мінус – частина людей не натискає: вони не знають, що їх чекає, і не хочуть залишати сторінку.
Вбудований блок. Тур живе прямо в сторінці, між текстом і галереєю. Найкращий варіант для карток обʼєктів: людина бачить панораму, не йдучи нікуди. Потребує акуратності в розмірах і завантаженні.
Окрема сторінка. Тур на весь екран з мінімумом інтерфейсу навколо. Підходить, коли тур – головний зміст сторінки: промо великого обʼєкта, презентація, посилання для розсилки.
Ці способи не виключають один одного. Поширена робоча схема – блок у картці обʼєкта плюс кнопка «на весь екран», яка веде на окрему сторінку.
Розміри: головна помилка
Найчастіша технічна помилка – задати блоку фіксовану висоту в пікселях. На десктопі виглядає добре, на телефоні перетворюється на вузьку смужку, у якій нічого не видно.
Правильний підхід – задавати співвідношення сторін і дозволяти ширині підлаштовуватися під контейнер. Тоді блок однаково працює і в широкій колонці, і на екрані шириною 360 пікселів.
Друга деталь: не ставте тур у вузьку бічну колонку. Панорама потребує ширини, інакше кут огляду стискається й людина не розуміє, що бачить. Якщо місця мало, краще обмежитись кнопкою-посиланням.
На десктопі зручне співвідношення – від 16:10 до 16:9: тур видно цілком, і сторінка не перетворюється на одну суцільну панораму. На телефоні краще ближче до 4:3 – вертикальний екран дає панорамі більше корисної площі.
Швидкість: щоб тур не гальмував сайт
Віртуальний тур важчий за фотографію, і якщо вбудувати його необережно, сторінка почне відкриватися повільніше для всіх – навіть для тих, хто до туру не долистав.
- Відкладене завантаження: тур починає вантажитись, коли блок зʼявляється на екрані, а не одразу з відкриттям сторінки
- Обкладинка замість порожнього блока: статичний кадр із панорами показується миттєво, а тур підвантажується під ним
- Поступова якість: спершу легка версія панорами, детальна – після того, як глядач почав оглядатися
- Один тур на сторінку: кілька вбудованих блоків одночасно гарантовано сповільнять навіть потужний компʼютер
Конструктори й CMS
У WordPress тур вставляється блоком довільного HTML. Важливо саме «довільний HTML», а не звичайний текстовий блок: редактор любить вирізати теги, які вважає зайвими. Якщо тема обмежує ширину контенту, блок туру варто винести за межі цього обмеження – інакше панорама опиниться у вузькій колонці.
У конструкторах на кшталт Tilda є готовий блок для довільного коду. Єдине, за чим варто стежити, – висота: у багатьох конструкторах вона задається вручну, тому доведеться окремо перевірити мобільний варіант.
Якщо сайт саморобний, усе простіше: достатньо вставити блок у шаблон сторінки обʼєкта й один раз описати стилі. Адреса туру при цьому лишається незмінною, тож оновлення туру не потребує правок на сайті.
Що перевірити після вставки
- Відкрити сторінку на телефоні, а не лише звузити вікно браузера
- Перевірити, що сторінка прокручується пальцем повз тур і не «залипає» всередині панорами
- Переконатися, що кнопка «на весь екран» працює і повертає назад
- Подивитися швидкість відкриття сторінки до і після вставки
- Перевірити тур у режимі повільного зʼєднання – саме там видно, чи є обкладинка
- Переконатися, що під туром є текст: пошуковик читає сторінку, а не вміст панорам
Коротко на часті питання
Чи вплине тур на позиції сторінки в пошуку?
Сам по собі – ні, вміст панорам пошуковик не читає. Опосередковано – так: люди довше лишаються на сторінці, а це хороший сигнал. Головне не прибирати текст заради туру: описати обʼєкт словами все одно потрібно.
Чи можна поставити тур на сторінку кількох обʼєктів одразу?
Краще не варто: кілька панорам на одній сторінці конкурують за памʼять і канал. Якщо потрібен список, ставте обкладинки з посиланнями, а сам тур відкривайте на сторінці конкретного обʼєкта.
Що буде з туром, якщо ми переїдемо на новий сайт?
Нічого, якщо тур лежить за власною адресою: достатньо вставити той самий блок у новий шаблон. Проблеми виникають лише тоді, коли тур був частиною старої CMS.
Чи потрібен окремий домен для туру?
Ні. Зазвичай тур живе або на піддомені, або в папці сайту. Окремий домен має сенс лише для великого самостійного проєкту, який просувається окремо.
