Якого розміру моя стандартна цільова сторінка має бути в пікселях?

Творча бізнес-команда в кафе з ноутбуком

Авторство зображення: Джейкоб Амменторп Лунд/iStock/Getty Images

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

Розміри цільової сторінки для робочого столу

Монітори для настільних комп’ютерів і ноутбуків мають широкий діапазон розмірів і роздільної здатності, що полегшує використання найменшого спільного знаменника під час визначення розміру цільової сторінки. Середній розмір екрану постійно зростає, але більшість моніторів мають роздільну здатність принаймні 1024 на 768. Цільові сторінки робочого столу з шириною 960 пікселів працюватимуть практично на будь-якому моніторі комп’ютера. Будь-який вміст цільової сторінки висотою 720 пікселів буде безпечно відображатися на екрані після завантаження сторінки. Ширина цільової сторінки на робочому столі набагато важливіша за висоту, оскільки користувачі комп’ютера можуть прокручувати екран вниз, щоб переглянути додатковий вміст. Ви завжди можете зробити меншу сторінку і пожертвувати екраном.

Відео дня

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

Велика цільова сторінка для настільних комп’ютерів не працюватиме на мобільних пристроях: вміст буде висипатися збоку або зменшуватися до нечитабельного розміру. Мобільні пристрої підходять до категорії «малий» розмір екрану та мають безпечну роздільну здатність близько 320 пікселів. Хоча деякі мобільні пристрої мають більші екрани, будь-яка цільова сторінка, розроблена для ширини 320 пікселів, добре відображатиметься на більшості мобільних пристроїв. Як і для настільних комп’ютерів, висота є другорядною проблемою для мобільних цільових сторінок; однак на екрані можна одночасно розмістити близько 426 вертикальних пікселів вмісту.

Налаштування для планшетних пристроїв

Ви можете розробляти індивідуальні цільові сторінки для планшетних сайтів; однак цільові сторінки настільних комп’ютерів із шириною 960 пікселів підійдуть на більші планшетні пристрої. Менші планшети з діагоналлю 7 дюймів зазвичай мають екрани з шириною 640 пікселів: цільові сторінки, призначені для екранів шириною 960 пікселів, зменшуються приблизно на одну третину, щоб поміститися на менший екран. Оскільки ви можете відображати менший вміст на більшому екрані без шкоди для якості та розбірливість, проектування цільових сторінок для планшетів із шириною 640 пікселів і висотою 480 пікселів буде працювати над всі пристрої. Менші користувачі планшетів можуть тримати пристрій у альбомному режимі, тоді як користувачі великих планшетів триматимуть пристрій у портретному режимі, завдяки чому ширина 640 пікселів відповідає екрану обох розмірів.

Перейдіть на адаптивний дизайн

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