Чт

11

сен

2014

Идеальный сайт: как удачно расположить контент

Как структурировать ваш сайт

Первое впечатление — самое важное! Как захватить внимание посетителей с самого начала и сделать так, чтобы их навигация по сайту была интуитивной и приятной? Необходимо продумать структуру сайта и внешний вид его главной страницы. Так, вы не только поможете посетителям быстро находить то, что они ищут, но и сделать их пребывание на сайте эффективным для вас.

Обращайте внимание на детали

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

Навигационное меню сайта

Навигация сайта должна быть предельно простой и понятной. Самая распространённая ошибка — это перенасыщение верхнего уровня навигации огромным количеством пунктов. Это затрудняет восприятие информации и мешает посетителю ориентироваться на сайте. Мы рекомендуем использовать не более 7 пунктов на первом уровне навигации, расположенных строго в один ряд. Оптимально — от 4 до 6. Если вы задумали большее количество, подумайте, можете  ли вы сгруппировать некоторые из них по смыслу и расположить более подробную информацию на втором и третьем уровне навигации. Например, если компания предлагает различные услуги, то рекомендуем расположить их все под главным пунктом навигации "Услуги". Так, с самого начала посетитель не будет перегружен огромным количеством информации и сможет быстро найти именно то, что его интересует, а именно — перечень услуг фирмы.

Заголовки

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

Тексты

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

Изображения

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

Модуль Колонки

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

Плохой пример

шаблон Riga
шаблон Riga

Хороший пример

шаблон Riga
шаблон Riga

Использование боковой панели и подвала сайта

Неизменяемая область контента – боковая панель (sidebar) или подвал сайта (footer) – видна на каждой странице сайта. Это преимущество стоит использовать в своих целях и разместить в этой области именно ту информацию, которую нужно постоянно показывать посетителям вашего сайта. Например, это могут быть ваши контакты, форма подписки на рассылку или иконки социальных сетей. Важно, не перегружать эти части сайты информацией. 

Идеи расположения контента на главной странице

Мы создали несколько удачных примеров расположения одного и того же контента на главной странице. Вы можете также использовать эти идеи и для подстраниц, главное — придерживаться единого стиля. Чтобы рассмотреть детали, кликните на изображение.

Бизнес-сайт (шаблон Dubai)


Портфолио (шаблон Shanghai)


Интернет-магазин (шаблон Zurich)


День с сотрудником Jimdo | Советы от профессионала

11 СЕНТЯБРЯ с 12:00 — 18:00 часов (московское время) — День с сотрудником Jimdo

Хотите получить персональную рекомендацию или спросить мнения у сообщества наших пользователей? Верно и построена структура вашего меню и удачно ли расположен контент? В течение указанного времени один из специалистов Jimdo будет консультировать вас в режиме реального времени! Зарегистрируйтесь в сообществе Jimdo и задайте любые интересующие вас вопросы по созданию обновлённого дизайна для вашего сайта.

Сообщество Jimdo ►


Комментарии: 46 (Дискуссия закрыта)
  • #1

    Сендерова Ольга (Пятница, 12 Сентябрь 2014 01:01)

    Спасибо! Мне очень помогают Ваши советы и рекомендации! Я абсолютный новичок!

  • #2

    Вадим wadich.net Квятковский (Воскресенье, 14 Сентябрь 2014 07:56)

    Спасибо большое - побежал пользоваться Вашими советами)

  • #3

    Женский онлайн-журнал zhiznenno.net (Воскресенье, 14 Сентябрь 2014 07:59)

    Большое спасибо большое за дельные советы, у нас женский сайт, поэтому аудитория очень капризная. Ваши рекомендации существенно помогают!

  • #4

    forexforlife (Понедельник, 15 Сентябрь 2014 01:08)

    Все хорошо, но не понятно как на странице сделать заголовки при нажатии на которых открывается страница со статьей???

  • #5

    f (Понедельник, 15 Сентябрь 2014 16:56)

    класс..все получается

  • #6

    f (Понедельник, 15 Сентябрь 2014 16:58)

    forexforlife
    (Понедельник, 15 Сентябрь 2014 01:08)
    Все хорошо, но не понятно как на странице сделать заголовки при нажатии на которых открывается страница со статьей???
    мне тоже это интересно?????

  • #7

    Павел Чуприков (Вторник, 16 Сентябрь 2014 08:48)

    Спасибо!

  • #8

    5041986 (Вторник, 16 Сентябрь 2014 11:33)

    Как составить резюме?

  • #9

    veda-uniforma (Вторник, 16 Сентябрь 2014 13:58)

    Как добавить фото в каталог?

  • #10

    Команда Jimdo (Вторник, 16 Сентябрь 2014 14:03)

    @5041986, для создания сайт-резюме очень хорошо подойдёт шаблон Shanghai: http://ru.jimdo.com/шаблоны/#Shanghai%20Pudong

    @veda-uniforma, загружать фотографии можно с помощью модулей «Изображение» или «Галерея»: http://ru-help.jimdo.com/основы/модули/изображение/

  • #11

    Денис (Понедельник, 22 Сентябрь 2014 20:26)

    просто обалдеть! 11 сентября - день с сотрудником сайта, а письмо пришло ко мне 22 сентября! Или где-то у вас ссылка на адрес с машиной времени?

  • #12

    Команда Jimdo (Вторник, 23 Сентябрь 2014)

    @Денис, наша рассылка — это своего рода дайджест уже прошедших в блоге событий. А если у вас есть к нам вопросы — мы всегда рады на них ответить и предоставить совет :)

  • #13

    Денис (Вторник, 23 Сентябрь 2014 14:09)

    А можно у вас получить консультацию по оптимизации сайта с целью повышения конверсии? Сколько она будет стоить?

  • #14

    Команда Jimdo (Вторник, 23 Сентябрь 2014 14:38)

    @Денис, мы не предоставляем консультаций по оптимизации сайта, но будем рады помочь советом и предложить подробные материалы, которые помогут вам в продвижении сайта. Таковые вы можете найти в онлайн-помощи: http://ru-help.jimdo.com/продвижение/ а также в соответствующем разделе блога: http://ru.jimdo.com/блог/полезные-советы/продвижение-сайта/

  • #15

    olymp-tmb (Среда, 24 Сентябрь 2014 07:14)

    сайт был прекрасный. Почему недавно месяц назад на Яндексе его нет на гулле на mail тоже есть в чем причина. Помогите пожалуйста. Заранее благодарю.
    Сергей

  • #16

    Андреева Наталья Владимировна (Среда, 24 Сентябрь 2014 11:21)

    Посоветуйте, пожалуйста, а какой из новых красивых шаблонов может подойти для меня?

  • #17

    Ирина (Четверг, 25 Сентябрь 2014 09:18)

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

  • #18

    kazboxing (Четверг, 25 Сентябрь 2014 12:28)

    как создать новые страницы, чтобы одна страница не была очень длинной?

  • #19

    Команда Jimdo (Четверг, 25 Сентябрь 2014 13:03)

    @olymp-tmb, с этим вопросом лучше всего обратиться непосредственно в Яндекс. К сожалению, мы не можем предоставить информацию о том, почему ваш сайт пропал из индекса этого поисковика.

    @Андреева Наталья Владимировна, рекомендуем попробовать Cairo, Chicago или Miami.

    @Ирина, Новые шаблоны более современные и удобные для работы.
    Если, тем не менее, вы бы хотели перейти на старую версию системы, вы можете это сделать, пройдя в вашу админ-панель, затем - в пункт меню "Настройки", а потом - в опцию "Новый Jimdo". Там вам нужно будет убрать "галочку" рядом с надписью "Я хочу использовать новый Jimdo" и нажать на кнопку "Сохранить". Старые шаблоны доступны только для старых сайтов, для новых сайтов они уже не доступны.
    Обратите, пожалуйста, ваше внимание на то, что в скором будущем вам будут доступны только новые шаблоны.
    Успехов с сайтами!

    @kazboxing, воспользуйтесь инструкцией, приведённой здесь: http://ru.jimdo.com/2013/02/20/вопрос-недели-как-спрятать-текст-или-изображения-под-кат/

  • #20

    creaturesinmylife1435267 (Суббота, 27 Сентябрь 2014 20:43)

    А как добавлять еще странички?

  • #21

    Команда Jimdo (Воскресенье, 28 Сентябрь 2014 12:36)

    @creaturesinmylife1435267 пиктограмма "+" в редактировании навигационного меню отвечает за добавление новой страницы.

  • #22

    labmania (Четверг, 02 Октябрь 2014 08:34)

    все устраивает,все просто замечательно,спасибо !!!!!! Но есть вопрос один,как вставить ссылку в текст именно,чтоб нажатием на нее можно было бы выйти сразу на это сайт

  • #23

    Команда Jimdo (Четверг, 02 Октябрь 2014 11:23)

    @labmania, ссылки вставляются через текстовый модуль или модуль "Изображение с текстом".

    Больше информации вы найдете в разделе нашей онлайн-помощи:
    http://ru-help.jimdo.com/основы/модули/

  • #24

    podsosh (Вторник, 07 Октябрь 2014 14:52)

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

  • #25

    Команда Jimdo (Вторник, 07 Октябрь 2014 14:54)

    @podsoshm, подробное описание того, как работать с навигацией на сайте, а также отличный видео-урок вы найдёте по этой ссылке: http://ru-help.jimdo.com/основы/что-это-такое/навигация

  • #26

    foto1979 (Среда, 08 Октябрь 2014 16:14)

    А не подскажете, как вставить картинку в шапку сайта? Шаблон Rome

  • #27

    kulki (Среда, 08 Октябрь 2014 17:44)

    Можно сделать внизу указатель страницы? Например 123456678 далее... А то самый последний статья исчезает...

  • #28

    Vladlen (Четверг, 16 Октябрь 2014 07:09)

    Cool!!!!!

  • #29

    creativelav (Суббота, 18 Октябрь 2014 18:51)

    Как мне разместить на странице своего сайта баннер"Учительский портал "?

  • #30

    Команда Jimdo (Суббота, 18 Октябрь 2014 21:17)

    @creativelav, здравствуйте! Вы можете установить на вашем Jimdo-сайте необходимый вам код с помощью модуля "Widget/HTML".

  • #31

    veralubov11 (Воскресенье, 19 Октябрь 2014 20:41)

    Здравствуйте! Не могу найти, как разместить сверху шапки кнопки Регистрация Вход на сайте Экстрим

  • #32

    Команда Jimdo (Понедельник, 20 Октябрь 2014 00:22)

    @veralubov11, здравствуйте! Вы можете разместить необходимые вам кнопки в основной области контента или в боковой панели с помощью модуля "Widget/HTML". Обратите, пожалуйста, ваше внимание на то, что регистрация пользователей на Jimdo-сайтах невозможна.

  • #33

    f (Вторник, 21 Октябрь 2014 08:13)

    Здравствуйте! Ответьте пожалуйста!
    Можно сделать загрузку в Jimbo например с M.Officce Word,Ezcel, и.т.д.
    Спасибо!

  • #34

    Команда Jimdo (Вторник, 21 Октябрь 2014 09:47)

    @f, здравствуйте! На Jimdo-сайт можно загрузить любой файл с помощью модуля «Загрузка файлов»: http://ru-help.jimdo.com/основы/модули/загрузка-файлов/

  • #35

    Копирайтер Ольга Новикова (Вторник, 21 Октябрь 2014 17:16)

    Отличные советы! Спасибо!

  • #36

    VICTOR (Понедельник, 03 Ноябрь 2014 07:54)

    ОЧЕНЬ КРАСИВО И ПОЛЕЗНО.бЛАГОДАРЮ!

  • #37

    Альхимович Татьяна Карловна (Вторник, 18 Ноябрь 2014 21:53)

    учусь методом тыка, мне нужно вставить файлы с документами, фотографии, готовые тексты, ничего не получается! По-мо-ги-те!!!

  • #38

    adacoco (Воскресенье, 23 Ноябрь 2014 18:10)

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

  • #39

    Команда Jimdo (Воскресенье, 23 Ноябрь 2014 22:47)

    @adacoco, здравствуйте! Не переживайте - у вас все получится! Попробуйте посмотреть наши вебинары о работе с новым Jimdo по ссылке: http://ru-help.jimdo.com/обучение/архив-вебинаров/ Кроме того, вам поможет наша онлайн-помощь: http://ru-help.jimdo.com/оформление/ Если у вас появятся вопросы, то наша служба поддержки всегда будет рада вам помочь.

  • #40

    podsosh (Вторник, 25 Ноябрь 2014 12:12)

    мне нужна помощь. Как осуществить перетаскивание файлов по сайту. Слышала, что есть услуга "хватай и тащи". Научите как это сделать. Заранее благодарю.

  • #41

    Команда Jimdo (Вторник, 25 Ноябрь 2014 12:22)

    @podosh, функцию drag and drop можно использовать при работе с вашим сайтом. В этом видео показано, как это работает: https://www.youtube.com/watch?v=I8BP_HLbNEA

  • #42

    jalal-abad-centr (Вторник, 25 Ноябрь 2014 18:02)

    как зделать ссылку да другую страницу? помогите не как не пойму

  • #43

    amircool (Вторник, 02 Декабрь 2014 07:23)

    cool круто спс

  • #44

    d-color24 (Пятница, 12 Декабрь 2014 15:12)

    как поставить таймер на сайт для товара?

  • #45

    Команда Jimdo (Пятница, 12 Декабрь 2014 15:19)

    @d-color24, если вы имеете в виду таймер обратного отсчета для проведения акции, то вы всегда можете можете найти сторонний виджет и установить его на страницу с товаром с помощью кода. Любой HTML код можно вставить на свой сайт при помощи модуля "Widget/HTML".
    Подробнее про модуль Widget/HTML можно прочитать в нашей онлайн-помощи:
    http://ru-help.jimdo.com/основы/модули/widget-html

    Рекомендуемые нами виджеты можно найти тут:
    http://ru-help.jimdo.com/дополнительные-сервисы

    Хотим заметить, что суппорт Jimdo не консультирует по вопросам работы или не работы скриптов сторонних разработчиков. В случае, если вставленный код не работает так, как это ожидалось, помощь следует искать на сайте разработчика скрипта.

  • #46

    avtorsnejana (Воскресенье, 14 Декабрь 2014 19:09)

    Спасибо за полезную информацию и ценные советы!