Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов - Ирина Анатольевна Никулина Страница 31

– Юридическая информация о компании (ИНН, ОГРН и т.д.)

– Интерактивная карта главного офиса компании (ЯндексКарты).

– Схема проезда к офису, складу, производству и т.д.

– Фотографии ключевых сотрудников, с указанием их должности и телефона.

– Форма обратной связи, онлайн-консультант, форма заявки.

Рис. 103. Страница «Контакты»

4. Страница «Новости»

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

Страница «Новости», как правило, делается всегда отдельной, поскольку она может получиться довольно длинной и содержать много текста и фотографий.

Для чего нужна страница новостей на сайте:

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

– Новости привлекают на сайт трафик по ключевым запросам из поисковиков.

– При грамотно настроенной перелинковке (ссылках) новостные страницы участвуют в продвижении основных страниц сайта.

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

– Новости можно использовать для SEO продвижения сайта, размещая материалы с ключевыми словами.

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

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

Рис. 104. Страница сайта «Новости»

Что можно размещать на странице Новости:

– Любые новости компании, интересные посетителям сайта (целевой аудитории).

Новостями могут быть любые поводы: день рождения директора, акции на товары, выпуск новой продукции, участие фирмы в выставке, бизнес-встрече, интервью в СМИ, участие в семинаре или повышение квалификации сотрудников и т.д. Текст новости должен содержать ключевые слова по теме сайта, чтобы продвигать его в поисковых системах.

– Новости отрасли.

Это могут быть любые инфоповоды, касающиеся сферы деятельности организации. Например, новые законы в отрасли, открытия, изобретения, достижения партнеров и т.д.

Это должна быть действительно полезная и интересная информация, которую пользователи не только прочитают, но и поделятся её в соцсетях. С помощью этих статей компания может позиционировать себя экспертом по теме, показать свою профессиональность и привлечь поток посетителей сайта из поисковых систем.

Как оформить страницу Новости на сайте

1. Каждая новость должная иметь выделяющийся заголовок и краткий текст новости (анонс).

2. Каждая новость сопровождается датой публикации.

3. Желательно, чтобы новость имела иллюстрацию (изображение) по теме новости.

4. Все новости имеют анонс и ссылку «Читать далее» или «Подробнее».

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

6. Изображение должно присутствовать не только в превью на странице со всеми новостями, но и в самой публикации новости.

Внешне новости могут быть оформлены по разному: в виде горизонтальных модулей (фото + текст), расположенных один под другим, или в виде «плитки», когда новость представлена квадратным модулем (фото и на нём заголовок текста).

5. Фотогалерея на сайте

Самой красивой страницей на сайте обычно бывает фотогалерея. В неё собираются лучшие фото товаров или услуг на сайте. Требования к фотографиямв фотогалерее: чёткие, высокого разрешения, с главным объектом в центре, с хорошим ракурсом и композицией, удачно откадрированные. Фотографии для фотогалереи обрабатываются в растровом редакторе Adobe Photoshop, им задается: контрастность, резкость, тоновая и цветовая коррекция; убираются лишние предметы; иногда для портретов делается ретушь. Это тот случай, когда можно «приукрасить» фото.

Можно сделать фиксированную галерею фото, расположив по 3-4 фото в ряду, или можно сделать адаптивную фотогалерею, где первая фотография или весь ряд растягивается на ширину страницы сайта. В последнее время ещё делают галерею с эффектом трёхмерности. См. рис.105.

Иногда на фотогалерее присутствует перемотка влево и вправо. Такая фотогалерея занимает один ряд, но прокручивается в обе стороны, она называется «карусель».

В виде фотогалереи с подписью к каждой фотографии делается страница «Выполненные работы» и «Портфолио работ».

Рис. 105. Фотогалерея на сайте с эффектом трёхмерности.

Иногда фотографии в фотогалерее имеют заголовки и текст, поясняющий, что изображено на фото. Такой текст участвует в сео-оптимизации сайта и ранжируется поисковыми системами.

Ещё при создании фотогалерей используется эффект затемнения фото при наведении мышки или эффект увеличения фотографии. См. рис.106.

Рис. 106. Эффект затемнения фотографии на странице «Портфолио»

6. Корзина товара

«Не заставляйте меня думать» – первый закон юзабилити.

Стив Круг

Дизайн «Корзины товаров» является очень ответственным моментом. Весь сайт может быть сделан безупречно, а Корзина будет настолько неудобной, что в ней никто не сможет оплатить и заказать товар.

Корзина товара в интернет-магазине – один из важнейших элементов, от оформления и функциональных возможностей которого напрямую зависят продажи на сайте. Существует так называемый эффект «Брошенной корзины». Это происходит тогда, когда покупатель на сайте кладет товар в Корзину и покидает сайт, не совершив заказа и оплаты.

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

Правила создания Корзины товаров:

1. Понятная логика и простота.

2. Ничего лишнего и отвлекающего.

3. Расположение иконки корзины на видном месте на сайте (в правом верхнем углу).

4. Не изобретать велосипед, а делать так, как люди привыкли.

5. Хорошим решением является блок, всплывающий при наведении на иконку Корзины на любой странице сайта.

6. Удаление товара из списка покупок должно происходить быстро