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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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