5 типичных ошибок при создании сайта | ЧУДО "САИКТ"
ЧУДО "САИКТ"

5 типичных ошибок при создании сайта

20 секунд. Столько времени требуется каждому из нас, чтобы оценить web-страницу, на которую мы зашли впервые. По истечении 20 секунд мы решаем, оставаться на этом ресурсе или покинуть его.

 

Более того, первое впечатление о сайте мы принимаем всего за 0,2 секунды! Здесь нет опечатки, именно так все и происходит: ты только моргнул, а мозг уже получил информацию, проанализировал ее и зафиксировал образ.

 

Поэтому каждый, кто учится созданию сайтов, должен стремиться к профессионализму уже на старте, уже в своих первых проектах. В этом обзоре мы собрали 5 главных ошибок, которые допускают начинающие сайтостроители. Избегай их, чтобы стать настоящим профи.

 


 

1. Отсутствие четкой структуры

 

Одна из основных ошибок при создании сайта – беспорядок на его страницах. Сюда можно отнести неудобную навигацию, нагромождение блоков с контентом, «кривую» верстку, труднодоступность кнопок, ссылок, строки поиска и других значимых элементов.

 

Вот несколько советов, которые сделают твой сайт удобным для посетителей:

 

  • Главное меню должно располагаться на видном месте и иметь четкую и простую структуру.

 

  • Для каждого тематического раздела сайта нужна отдельная страница – «Статьи», «Услуги», «Контакты» и пр.

 

  • Используй «правило двух кликов» – помоги юзеру добраться до любого раздела сайта за 2 щелчка мыши, не более.

 

  • «Шапка» и «подвал» должны одинаково отражаться на всех страницах.

 

  • Запомни три ключевых слова, которыми нужно руководствоваться, чтобы создать удобный сайт: простота, логика и интуитивность.

 

Пример удобной навигации по сайту
Пример удобной навигации по сайту

 


 

 2. Перегрузка графикой

 

Обучение web-дизайну должно иметь практическую направленность, так как невозможно постигать сайтостроение без реальных задач. И каждый начинающий дизайнер в своих первых проектах делает одну стандартную ошибку – нагружает web-страницы изображениями.

 

Запомни: много картинок – это плохо (если ты, конечно, не делаешь новый Instagram, хотя и там фотографии разбавляются текстом, ссылками и хештегами).

 

Большое количество графических изображений делает сайт неудобным для восприятия, повышает пользовательскую «усталость» (на такие страницы просто тяжело смотреть) и, что не менее важно, увеличивает время загрузки web-ресурса.

 

Если же у тебя есть необходимость разместить много картинок – применяй слайдер.

 

Да, и еще: старайся не использовать jpg, когда занимаешься созданием сайта. Форматы png и gif подойдут лучше.

 

Для добавления множества фотографий используй слайдер
Для добавления множества фотографий используй слайдер

 


 

3. Неправильный выбор цветов

 

Хочешь создать красивый, понятный и удобный сайт? Не забудь про цветовую гамму. Многие начинающие дизайнеры просто берут первые попавшиеся цвета и оформляют ими блоки, ссылки, кнопки и другие элементы интерфейса. Это неправильно. Нужно понимать, в каких случаях применять оранжевый, а в каких – серый, нужно знать о том, чем отличаются безопасные от небезопасных цветов, нужно ознакомиться с теми оттенками, которые вообще не следует использовать в web-дизайне.

 

Вообще, о пользовательском восприятии цвета написаны сотни книг, и эта тема требует серьезного осмысления. Мы лишь ограничимся несколькими советами:

 

  • Используй круг Иттена. Этот инструмент поможет правильно выбрать цветовую палитру.

 

Круг Иттена поможет правильно подобрать цветовую гамму для сайта
Круг Иттена поможет правильно подобрать цветовую гамму для сайта

 

  • Не применяй больше трех цветов в дизайне сайта (а лучше – два: один основной, второй «разбавочный»).

 

  • Для шрифта нужен не черный, а почти черный цвет. Например, #333333. Да, ты угадал – для фона нужен не белый, а почти белый :-).

 

  • Больше контраста! Текст должен значительно отличаться от подложки, а ссылки – выделяться на фоне остального текста.

 

В дизайне сайта важна контрастность
В дизайне сайта важна контрастность

 


 

4. Неудачное форматирование

 

Посмотри на скриншотdown_16_8207.

 

При создании сайта нужно правильно форматировать контент
При создании сайта нужно правильно форматировать контент

 

 

Видишь разницу между правой и левой картинкой? Все верно – в правом изображении верхний абзац прилип к краю, картинка уехала, кнопка повисла в воздухе, а нижний текст выровнен по правому краю. В общем, кошмар.

 

Кажется, что это мелочи? В дизайне мелочей не бывает. И если ты хочешь избежать всех ошибок при создании сайта, научись форматировать контент. Во-первых, разбивай текст на абзацы. Во-вторых, используй заголовки. В-третьих, выравнивай все элементы по сетке: картинки, ссылки, кнопки, текстовый контент. И наконец, удели внимание типографике – заголовки следует оформить одним шрифтом (например, Tahoma), а основной текст – другим (например, Calibri). Если для основного текста выбран шрифт без засечек, то следует увеличить расстояние между строк – так он проще читается.

 

Шрифты без засечек и с засечками
Шрифты без засечек и с засечками

 


 

5. Отсутствие оптимизации для поисковых систем

 

Для того чтобы создать сайт, нужно не просто пройти курсы web-дизайна, но и разобраться с принципами работы поисковых систем. Ведь мы делаем сайты не для себя, а для пользователей, и поисковик – это тот мостик, который приведет их на наш ресурс. Поэтому нужно позаботиться о том, чтобы наше творение любили не только люди, но и роботы.

 

Вот главные советы, которые помогут избежать ошибки при создании сайта, касающейся его индексации в Яндекс и Google:

 

  • Тексты на сайте должны быть уникальными. Можно написать их самостоятельно и проверить на антиплагиат через сервис text.ru, а можно заказать копирайтеру.

 

  • На всех страницах сайта нужно прописать мета-теги – они сообщат поисковикам, к какой тематике относится публикуемый контент.

 

  • В статьи на сайте рекомендуется вписывать тематические ключевые слова, по которым пользователи смогут найти твой ресурс. К примеру, если проект о коммерческом фотографе, то в тексте необходимо использовать словосочетание «услуги фотографа», а при описании продукции можно пару раз поместить в тексте ключевик «купить *ваш товар*».

 

  • Не лишним будет сделать карту сайта, которая обновляется при добавлении контента и уведомляет об этом поисковые системы. Эта опция увеличит скорость индексации страниц. Карта сайта делается в пару кликов через специальные сервисы.

 


 

Вместо заключения

 

Мы перечислили лишь основные ошибки при создании сайта – на самом деле их намного больше. Но если ты избавишь свои проекты от неудобной навигации, перегрузки графикой, неправильного выбора шрифтов, некорректной верстки контента и оптимизируешь страницы под поисковые системы, то уже существенно повысишь шансы своего сайта на попадание «в высшую лигу». Во всяком случае, на таком сайте пользователи задержатся больше, чем на 20 секунд :-).

 

Записывайся на учебный курс «Web-дизайн» в нашей Академии.

Здесь нет места ошибкам. Только польза.

Яндекс.Метрика