7 основных правил создания сайта
Веб-сайты прошли долгий путь. От очень простых страниц, отображающих важную текстовую информацию, до анимированных и полностью интерактивных веб-сайтов. Однако с изменениями изменился подход к созданию сайтов в Новороссийске. Вот 7 основных правил, которые, если их правильно продумать и реализовать, гарантируют светлое будущее вашему сайту.
1. Помните, что вы хотите передать
Пользователи, посещающие ваш сайт, чаще всего хотят чему-то научиться. Создание веб-сайта, не содержащего полезной информации, контента или графики, в зависимости от типа веб-сайта, даже если это шедевр визуального и кодирования, для вас мало что поможет. Если вы не создали страницу только для себя, но хотите поделиться ею со всем миром?
2. Отзывчивость превыше всего
Отзывчивость веб-сайтов — это функция, которая позволяет веб-сайту адаптироваться к экрану, на котором он отображается. До того, как смартфоны стали такими популярными, как сегодня, страницы создавались для больших экранов с заранее определенной фиксированной шириной. Сегодня это решение не работает, потому что страницы, написанные таким образом на мобильных устройствах, приходится прокручивать в двух плоскостях — как по горизонтали, так и по вертикали, что очень неудобно для конечных пользователей. Сегодняшняя тенденция заключается в создании гибких макетов, которые адаптируются к экрану, на котором они отображаются — макет страницы в версии для ноутбука, планшета или смартфона может немного отличаться, но все это будет адаптировано к устройству без горизонтальная неудобная полоса прокрутки.
3. Прокручивайте, но осторожно
Очень популярный тренд, который продолжается уже несколько лет. Это даже можно считать хорошим правилом создания страниц. Он заключается в том, что самую важную информацию на странице можно прокручивать. Это очень полезная тенденция, но в случае огромных страниц нужно помнить о модерации — практически бесконечная прокрутка может иметь противоположный эффект, если навигация не помогает вам перемещаться по сайту. Также стоит рассмотреть отдельные страницы для полноэкранной галереи или блога.
3. Привлекательная типографика.
Раньше было очень популярно упаковывать страницу с огромным количеством текста, двумя или даже тремя боковыми панелями и, кроме того, рекламой прямо над или под меню. В настоящее время это самое большое убийство сайта, которое может быть совершено. Сегодня от избытка текстовой информации отказываются — часто одна фотография на заднем плане и короткий текст на ней, побуждающий пользователя выполнить действие, намного эффективнее, чем элебарат на несколько страниц. Без текста, конечно, не обойтись, поэтому следует внимательно продумать расположение таких элементов, как заголовки, межстрочный интервал в более длинных фрагментах и даже расстояние между буквами. Хорошая идея — сделать макет перед написанием кода. В графических программах мы можем детально упорядочить все элементы страницы, включая типографику.
4. Добавьте анимацию.
Анимации приятны глазу. Было бы неплохо добавить некоторые из них. И речь идет не только о CSS-анимациях, таких как всплывающие окна, но и о векторных анимациях, которые используются все чаще и чаще.
5. Помните о разных браузерах.
В настоящее время самым популярным браузером является Chrome, который очень хорошо поддерживает последние стандарты веб-разработки. Однако то, что работает в Chrome, не обязательно работает в IE или Edge. В дополнение к этому у нас также есть различные браузеры для мобильных устройств. Создавая страницу, не забудьте проверить ее поведение на любом количестве устройств и браузеров, которое есть в вашем распоряжении.
6. Помните о поисковых системах.
Даже самый лучший веб-сайт с очень ценным и уникальным контентом не завоюет рынок, если он не будет правильно позиционирован и не будет отображаться в результатах поиска. Поэтому уже на этапе создания следует продумать заголовок, описание и ключевые слова, под которыми вы хотите позиционировать страницу. Не забудьте включить несколько заголовков и ценный контент, чтобы выделить ключевые слова. Здесь будет полезен блог. Веб-сайт, на котором что-то происходит регулярно, гораздо лучше оценивается поисковыми системами.
7. Похудей и набери скорость.
Собственно, это должно быть правило номер 1. Если ваша страница загружается дольше нескольких секунд, есть очень большая вероятность, что пользователь не будет ждать, а закроет вкладку и перейдет на другую. Есть несколько ключевых правил, которые полезны для уменьшения размера страниц, таких как минимизация размера фотографий (включая сжатие на стороне сервера), уменьшение HTTP-запросов путем объединения скриптов в один большой файл. Например, вместо нескольких скриптов в отдельных файлах можно объединить в один файл. Для этого пригодятся такие инструменты, как grunt или gulp, благодаря которым мы можем автоматизировать весь процесс. Асинхронная загрузка — тоже очень хорошая идея. Полезным инструментом для ускорения вашего сайта является PageSpeed Insights.
Помня о приведенных выше правилах, вы непременно создадите веб-сайты, которые будут быстрыми, красивыми, с ценным контентом и адаптированы к текущим стандартам.