Какого размера должна быть моя стандартная целевая страница в пикселях?
Хорошо продуманные целевые страницы оставляют положительное впечатление и эффективно продают продукт или услугу, которые вы предлагаете на своем сайте. Использование окна, не подходящего для устройства, может испортить способность целевой страницы оставить хорошее впечатление и привести к тому, что посетитель нажмет «X», чтобы закрыть окно. Целевые страницы должны быть разработаны с учетом концепций, которые привлекают пользователей и четко объясняют продукт или услугу. Целевые страницы не являются домашними:посетители попадают на целевые страницы, нажимая на ссылку или рекламу.
Размеры целевой страницы рабочего стола
Мониторы настольных компьютеров и ноутбуков бывают самых разных размеров и разрешений, что упрощает обращение к наименьшему общему знаменателю при определении размера целевой страницы. Средний размер экрана продолжает расти, но большинство мониторов имеют разрешение не менее 1024 на 768 пикселей. Целевые страницы рабочего стола шириной 960 пикселей будут работать практически на любом мониторе компьютера. Любой контент целевой страницы высотой 720 пикселей будет безопасно отображаться на экране при загрузке страницы. Ширина целевой страницы для настольных компьютеров гораздо важнее высоты, потому что пользователи настольных компьютеров могут прокручивать экран вниз, чтобы просмотреть дополнительный контент. Вы всегда можете уменьшить размер страницы и пожертвовать пространством экрана.
Дизайн для мобильных устройств
Большая десктопная целевая страница не будет работать на мобильных устройствах:контент будет вываливаться за пределы или уменьшаться до нечитаемого размера. Мобильные устройства относятся к категории «маленьких» размеров экрана и имеют безопасную ширину разрешения около 320 пикселей. Хотя некоторые мобильные устройства имеют большие экраны, любая целевая страница, рассчитанная на ширину 320 пикселей, будет хорошо отображаться на большинстве мобильных устройств. Как и в случае с настольными компьютерами, для мобильных целевых страниц высота является второстепенной задачей; однако вы можете одновременно разместить на экране около 426 пикселей по вертикали.
Настройка для планшетных устройств
Вы можете разрабатывать индивидуальные целевые страницы для планшетных сайтов; однако целевые страницы для настольных компьютеров с шириной 960 пикселей подходят для больших планшетных устройств. Небольшие планшеты с диагональю 7 дюймов обычно имеют экраны шириной 640 пикселей:целевые страницы, предназначенные для экранов шириной 960 пикселей, будут уменьшены примерно на одну треть, чтобы поместиться на меньшем экране. Поскольку вы можете отображать меньший контент на большом экране без ущерба для качества и удобочитаемости, создание целевых страниц для планшетов с шириной 640 пикселей и высотой 480 пикселей будет работать на всех устройствах. Небольшие пользователи планшетов могут выбрать альбомную ориентацию устройства, тогда как более крупные пользователи планшетов будут держать устройство в портретной ориентации, благодаря чему ширина экрана 640 пикселей подходит для обоих размеров экрана.
Переключиться на адаптивный дизайн
Вы можете отказаться от создания разных целевых страниц для разных устройств и вместо этого использовать медиа-запросы и концепцию адаптивного дизайна для создания страницы, которая перестраивает содержимое в зависимости от размера экрана посетителя. Целевые страницы с адаптивным дизайном можно настроить для перемещения содержимого и изменения размеров содержимого в различных диапазонах разрешения, что позволяет удобно отображать содержимое на любом экране.