Создать информационный сайт: 10 этапов к заработку от 250$

Содержание

10 этапов к заработку от 250$

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

Содержание статьи:

  • 1 Цель создания информационного сайта
  • 2 Создание информационного сайта с нуля: 10-ть этапов
  • 3 Информационные технологии создание сайтов: вкратце про основные способы заработка на сайте

Цель создания информационного сайта

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

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

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

Примечательно, что самостоятельное создание сайта – не такая уж и сложная задача. Его можно сделать своими руками всего за 4-е дня. Не верите? Тогда регистрируйтесь на мой полностью Бесплатный онлайн-тренинг. За 4-е вечера вы создадите собственный информационный ресурс. Даже если у вас что-то не получится, я сделаю это за вас.

Во время тренинга вы узнаете много интересного:

  • как сделать сайт;
  • как им управлять;
  • как его развивать;
  • как готовить материалы;
  • как получать прибыль.

Тренинг — своеобразная стартовая площадка, которая позволит вам стать владельцем успешного и развитого ресурса, посещаемого и востребованного.

Создание информационного сайта с нуля: 10-ть этапов

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

1. Выбираем тематику

Читайте также: Как выбрать тему для сайта. 6 советов

Для начала необходимо определиться с тематикой вашего будущего сайта. Лучше всего выбирать направления, в которых вы имеете фундаментальные знания. Например, фотографы могут писать статьи об искусстве фотографии.

Также следует проверять тематику с помощью сервиса Яндекс.Wordstat. Введите интересующее вас направление и посмотрите, сколько месячных запросов ей соответствует. Если несколько десятков тысяч, можете смело работать в данной области.

Обратите внимание! Запрос должен быть общим, тематическим. А вот статьи для своего ресурса вы будете готовить уже по более узким, специализированным направлениям. Частотность таковых запросов может составлять, как несколько десятков показов, так и несколько тысяч показов в месяц.

2. Анализ конкурентов

Если говорить о том, какие информационные технологии создание сайтов затрагивает, то следует отметить использование того же Яндекс.Вордстат и некоторых сервисов, помогающих провести анализ конкурентов.

Для этого вам нужно сделать следующее:

  • в своем браузере включить режим инкогнито;
  • ввести поисковый запрос;
  • пропустить сайты, расположенные вверху страницы поиска – это реклама;
  • выбрать на первой странице сайты, которые наиболее релевантные вашей тематике;
  • используя ресурс pr-cy. ru, анализировать два-три сайта-конкурента.

После проведения анализа, вам будет доступна следующая информация о ваших конкурентах:

  • количество страниц в выдаче;
  • трафик в сутки;
  • тематический индекс цитирования или ТИЦ;
  • количество ссылающихся на сайт страниц;
  • возраст домена.

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

При анализе конкурентов обязательно оцените дизайн сайта, его удобство для пользователей, структуру разделов, форму подачи материалов и т.д.

3. Выбор платформы (CMS) для сайта

Следующий этап – это выбор платформы или системы управления сайта (CMS). Среди таковых можно выделить несколько бесплатных или условно-бесплатных:

  • Joomla;
  • Drupal;
  • 1С-Битрикс;
  • WordPress.

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

Каждая из платформ имеет свои преимущества и недостатки. Но среди всех существующих CMS лично я отдаю предпочтение WordPress.

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

4. Выбор темы оформления

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

Поэтому моя рекомендация – пользоваться официальными темами, представленными на сайте выбранной вами платформы (CMS) либо заказывать их у профильных специалистов.

Главные требования к темам оформления:

  • эстетичность;
  • простота;
  • соответствие тематике вашего сайта.

5. Создание информационного сайта: выбор доменного имени и его регистрация

Создание информационного сайта потребует от вас выбор доменного имени. Лучше не экономить на нем и регистрировать на сайтах проверенных, известных сервисов. Иначе сэкономленные 2-3 доллара в итоге приведут к потере домена в будущем.

Доменное имя должно соответствовать тематике вашего сайта, но не стоит делать его слишком длинным или использовать ключевые фразы в нем. Поскольку такое имя будет нечитаемым и восприниматься, как набор букв – например, urokifotografiionlayn.сom.

(Смотрите видео всего 10 минут и вы узнаете как выбрать домен, который ускорит развитие сайта в 10 раз)

6. Выбор хостинга и размещение на нем сайта

TimeWeb — лучший хостинг для создания сайтов

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

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

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

Есть ряд критериев, по которым я в свое время выбирал хостинг:

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

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

7. Создание информационного сайта:  разработка структуры

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

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

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

8. Создание информационного сайта Подготовка семантического ядра

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

Обратите внимание! Программа – платная, но ее стоимость не такая уж и высокая. Тем более, что в будущем она вам еще понадобится, когда нужно будет подбирать ключевые запросы для своих статей.

Эти запросы и следует использовать при продвижении сайта в дальнейшем.

9. Наполнение сайта контентом

Это наиболее длительный этап. По сути, он не имеет окончания, поскольку будет длиться на протяжении всего срока существования сайта. Основной контент – это статьи. Они должны:

  • быть качественными и полезными для пользователей;
  • соответствовать определенным ключевым запросам;
  • быть уникальными.

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

У начинающих веб-мастеров есть две крайности – они пишут либо неоптимизированные тексты, либо слишком переоптимизированные.

В первом случае статьи готовятся без использования ключевых запросов. Поэтому и поисковые роботы не выдают их пользователям, когда те используют определенные «ключи» в поисковых системах.

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

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

  • введите выбранный поисковый запрос в Яндекс.Вордстат;
  • посмотрите, насколько он актуален;
  • введите его в поисковую систему и проанализируйте конкурентов, находящихся на первой странице выдачи;
  • прочитайте комментарии к статьям конкурентов, что позволит понять, какие именно вопросы остались незатронутыми в их материалах;
  • воспользуйтесь этой информацией, чтобы подобрать сопутствующие ключевые запросы;
  • проанализируйте все и составьте план статьи.

По этому плану пишите статью. Основное ключевое слово в прямом вхождении используйте в главном заголовке и в одном из подзаголовков, несколько раз (в зависимости от объема статьи) в самом тексте. Также используйте несколько раз измененное или разбавленное ключевое слово.

Обратите внимание! Правильно оформляйте структуру. Она подразумевает «цепляющий» заголовок, наличие подзаголовков Н2 и Н3, списков и цитат.

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

Конечно, писать статьи самостоятельно – тяжелый труд, требующий много свободного времени. Если у вас такового нет, придется обратиться за помощью к профессиональному копирайтеру.

10. Создание информационного сайта: монетизация сайта

Читайте также: 10 способов монетизации сайта. Подробное описание

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

  • сделать внутреннюю оптимизацию;
  • опубликовать не менее 50-ти статей;
  • позаботиться, чтобы ссылки на статьи с вашего сайта были в социальных сетях.

Когда трафик достигнет 100 уникальных посетителей, добавляйте сайт в Google AdSense и Рекламную Сеть Яндекса. Эти сервисы помогут вам зарабатывать деньги посредством рекламы.

Информационные технологии создание сайтов: вкратце про основные способы заработка на сайте

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

1. Контекстная реклама Google AdSense и Яндекс Директ.

2. Баннерная реклама – размещение на сайте рекламных баннеров.

3. Тизерная реклама.

4. Партнерские программы.

5. Публикация рекламных статей.

6. Публикация ссылок в своих статьях.

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

В завершение напомню – как создать сайт своими руками не имея навыков программирования, я подробно рассказываю на своем бесплатном 4-дневном тренинге. Регистрируйтесь уже сегодня, а через четыре дня у вас будет собственный сайт с первыми статьями на нем!

Создание информационного сайта бесплатно — конструктор сайтов A5.ru

Хочу такой сайт

Создание информационного интернет ресурса требует не меньше усилий, чем развлекательного. Если Вы не знаете, как сделать полезный сайт, имеете трудности с его продвижением или SEO оптимизацией, компания A5.ru поможет решить эти и другие проблемы.

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

Платформа для отображения новостей может понадобиться не только медиа компаниям. Ими также пользуются бизнесмены для ознакомления клиентов с данными о своих товарах и услугах. На базе A5.ru можно создать информационный сайт бесплатно, с возможностью вести блог для потенциальных и реальных покупателей, готовить пресс-релизы, выкладывать фотографии последних новинок.

Выгоды сотрудничества:

  1. Портал имеет удобную навигацию и набор инструментов, доступный как профессионалам, так и новичкам.

  2. Компания дает возможность создать информационный сайт самому бесплатно с нуля, либо воспользовавшись одним из адаптивных шаблонов.

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

  4. Для дальнейшего продвижения сайта и поднятия его рейтинга в поисковых системах, можно заказать удобный тарифный пакет по выгодной цене.

  5. Компания A5.ru дает клиентам возможность получить домен и хостинг в подарок.

Варианты работы

После регистрации на странице компании все пользователи могут создать бесплатно сайт информационного агентства. Сделать это можно двумя способами:

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

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

Настоящая Политика конфиденциальности персональной информации (далее — Политика) действует в отношении всей информации, которую ООО «Сайтмаркет» (далее – Поставщик) может получить о пользователе во время использования им любого из сайтов Поставщика (далее — Сайты). Использование Сайтов означает безоговорочное согласие пользователя с настоящей Политикой и указанными в ней условиями обработки его персональной информации. В случае несогласия с этими условиями пользователь должен воздержаться от использования Сайтов.

1. В рамках настоящей Политики под «персональной информацией пользователя» понимается персональная информация, которую пользователь предоставляет о себе самостоятельно при регистрации (создании учётной записи) или в процессе использования Сайта, включая персональные данные пользователя.

2. Поставщик собирает и хранит только те персональные данные, которые необходимы для оказания услуг (исполнения соглашений и договоров с пользователем).

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

4. В отношении персональной информации пользователя сохраняется ее конфиденциальность. Поставщик вправе передать персональную информацию пользователя третьим лицам только для улучшения оказания услуг пользователю.

5. При обработке персональных данных пользователей Поставщик руководствуется Федеральным законом РФ «О персональных данных».

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

7. Для удаления своего аккаунта пользователь может воспользоваться функцией «Отписаться от рассылки», содержащейся в каждом электронном письме, направляемом Поставщиком пользователю, либо отправить запрос на электронную почту Поставщика [email protected] . Также пользователь должен очистить cookie и кэш браузера.

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

9. Поставщик имеет право вносить изменения в настоящую Политику. При внесении изменений в актуальной редакции указывается дата последнего обновления. Новая редакция Политики вступает в силу с момента ее размещения. Действующая редакция всегда находится на странице по адресу https://www.a5.ru/lp/1 в разделе «Политика конфиденциальности».

12 примеров информационных веб-сайтов, которые вы захотите изучить

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

Подумайте о том, что происходит, когда вы отправляетесь на поиски знаний в Интернете.

Вы перескакиваете с сайта на сайт, просматриваете контент и внимательно изучаете меню навигации. Что заставляет вас остановиться и посмотреть?

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

Если вы думаете о создании информационного веб-сайта, мы здесь, чтобы вдохновить вас.

Информационные веб-сайты идеально подходят для предприятий с офлайн-присутствием .

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

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

  • Чем вы занимаетесь?
  • Почему он существует?
  • Где вас могут найти?

Примеры для творчества

Мы выбрали 12 примеров информационных веб-сайтов, которые помогут вам создать лучший сайт для вашей компании. От классного контента до неожиданных функций — здесь есть множество идей для вдохновения.

1. Рынки камней

Источник: www. therocks.com

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

Хотя область над сгибом содержит много информации, левая панель навигации плавно сжимается, когда пользователь прокручивает страницу вниз.

Веб-сайт уличного рынка в Сиднее, где продаются продукты питания и товары для дома в живописном месте.

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

Идеи для экспериментов: Вдохновляющий раздел героев, навигация, поддерживающая веб-дизайн

2. Утренняя стоматологическая помощь

Источник: www.morningsidedentalcare.com

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

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

Прокрутив страницу, вы найдете раздел отзывов, контактную информацию и любую другую необходимую информацию для знакомства с новой стоматологической клиникой.

Идеи для экспериментов: Привлекательный дизайн целевой страницы

3. Бар на крыше Bussey

Источник: www.busseyrooftopbar.com

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

Благодаря дизайну веб-сайта в виде сетки информация о компании и ее удобствах стильно размещена рядом с яркими изображениями.

Пикантная розово-зеленая цветовая гамма в сочетании с солнечными снимками дает пользователям отличное представление об атмосфере этого места.

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

Идеи для экспериментов: Ползунок изображений в главном разделе

4. Билтмор Гарденс

Источник: www.biltmore.com

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

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

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

Идеи для экспериментов: Очистить кнопки призыва к действию в меню

5. Третий космический тренажерный зал

Источник: www. Thirdspace.london

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

Предоставляя разнообразный контент как для участников, так и для обычных пользователей, веб-сайт наполнен информацией о классах, местах и ​​списках процедур. И это еще не все.

Компания интегрировала журнал (под названием This Space) на свой веб-сайт, предлагая пользователям советы, идеи и идеи.

Если вы хотите максимально увеличить вовлеченность и повысить релевантность SEO, почему бы не добавить на свой сайт блог или серию руководств? Это совершенно новый источник информации для людей.

Идеи для экспериментов: Включите дополнительный интересный контент (например, блоги, электронные книги и онлайн-руководства)

6.

Чартеры Фэйрвинд

Источник: www.fairwind.co.nz

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

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

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

Идеи для экспериментов: Полноэкранный слайдер фотографий в шапке

7. Студия печати Sonsoles

Источник: www.sonsolesprintstudio.co.uk

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

Нам нравится наклонный дизайн навигационного меню, которое становится центральным элементом сайта.

Щелчок по любому элементу меню загрузит эту информацию без изменения классного макета веб-сайта. Там меньше визуального шума, так что пользователи могут легко найти все.

Этот очаровательный формат идеально подходит для творческого малого бизнеса.

Идеи для экспериментов: Меню навигации, использование пробелов

8. Юридическая фирма Уайт энд Кейс

Источник: www.whitecase.com

Кто сказал, что профессиональный веб-сайт не может быть визуально привлекательным? Если вы хотите рекламировать более корпоративную компанию, вам все равно нужно выделяться в Интернете.

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

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

Идеи для экспериментов: Глубокая цветовая гамма и абстрактные образы

9. Гостиница на острове Фого

Источник: www.fogoislandinn.co.ca

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

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

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

И когда дело доходит до этих деталей, постарайтесь расположить их в интуитивно понятном порядке, как это делает этот сайт.

Идеи для экспериментов: Главный раздел с фотографиями, простые формулировки целевой страницы

10.

Мириам Монфредо

Источник: www.miriammonfredo.com

Этот веб-сайт в стиле портфолио демонстрирует автора и ее работы. Но именно раздел героев действительно привлечет пользователей.

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

Там вы найдете биографию автора, а затем иллюстрацию ее самых продаваемых книг. Это простой информационный дизайн, но он действительно работает.

Идеи для экспериментов: Потрясающий раздел героев

11. Университет ювелиров

Источник: www.gold.ac.uk

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

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

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

Идеи для экспериментов: Макет страницы, отражающий ваш бизнес

12. Консалтинговая компания Gild Brand

Источник: www.the-gild.com

Конечно, термин «информационный веб-сайт» звучит немного скучно, но это не значит, что все информационные веб-сайты скучны.

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

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

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

Идеи для экспериментов: Буквальное меню навигации

Вы, вероятно, обратили внимание на несколько повторяющихся тем в нашем списке примеров — оказывается, все лучшие веб-сайты используют схожие функции для достижения впечатляющих результатов:

  • Раздел «Выдающийся герой» . Вам нужно удивить каждого, кто зайдет на ваш сайт. Это означает создание лаконичной домашней страницы с потрясающими визуальными эффектами, четким заявлением о ценности и очевидным призывом к действию.
  • Стильный дизайн . Согласованные цветовые палитры и непритязательная типографика — ваши лучшие друзья. Мы предвзяты, но красивые шаблоны и полные возможности настройки от Zyro дают вам все необходимое для начала работы.
  • Умная категоризация . Цель вашего информационного сайта — показать потенциальным клиентам, кто вы и что вы можете для них сделать. Даже если вам есть чем поделиться, убедитесь, что каждая деталь логически изложена.

Как создать информационную архитектуру, которую легко использовать — Smashing Magazine

  • 13 мин чтения
  • UX,
    Бизнес,
    электронная коммерция,
    Контентная стратегия
  • Поделиться в Twitter, LinkedIn
Об авторе

Пол является лидером в области оптимизации коэффициента конверсии и дизайнерского мышления для пользователей. Он имеет более чем 25-летний опыт работы с такими клиентами, как врачи…
Больше о
Павел ↬

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

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

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

Понимание и объяснение ментальных моделей

Ментальные модели используются для объяснения того, как мы организуем почти все в нашем мире. Например, большинство из нас организовали бы следующие слова в группу, которую мы, вероятно, назвали бы «фруктами»:

  • яблоко,
  • груша,
  • банан,
  • дыня,
  • апельсин.

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

Хотя интеллектуально большинство из нас знает, что помидор — это фрукт, мы сильнее ассоциировали его с салатом. Однако специалист по фруктам увидит вещи по-другому. (Большое превью)

Многие вещи могут влиять на наши ментальные модели, от предыдущего опыта до культуры. Тем не менее, одним из наиболее важных влияющих факторов является наш уровень опыта в предметной области.

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

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

Из-за этой проблемы они плохо организуют контент и могут подорвать сам контент.

Создание релевантного контента

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

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

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

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

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

  • Вопросы
    Они могут варьироваться от общих вопросов, таких как «о чем этот сайт» или «чем этот сайт может мне помочь», до более конкретных вопросов о продуктах или услугах, которые предоставляет сайт.
  • Возражения
    Это причины, по которым пользователи могут не предпринимать никаких действий. Например, если вашим призывом к действию является подписка на информационный бюллетень, у пользователей могут возникнуть опасения по поводу спама, конфиденциальности или простоты отказа от подписки. Если вы не ответите на эти возражения, люди не будут действовать.
  • Задачи
    Они относятся к действиям, которые пользователь может захотеть выполнить на веб-сайте. Это может включать бронирование мероприятия, подписку на информационный бюллетень или обращение в организацию, стоящую за веб-сайтом.

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

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

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

Больше после прыжка! Продолжить чтение ниже ↓

Определите ваш самый популярный контент

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

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

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

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

Вы обнаружите, что пользователи в основном сосредоточены на небольшом количестве вопросов, возражений и задач. (Большое превью)

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

Создание первого черновика с помощью сортировки с помощью открытых карточек

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

Начните с упрощения основного контента . Например, если у вас есть вопрос «сколько это стоит», его можно упростить до «цены». Вы также найдете похожий контент, который достаточно очевиден, чтобы его можно было сгруппировать. Например, «сколько это стоит» и «есть ли какие-либо дополнительные сборы» могут отображаться как «цена».

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

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

UX Metrics можно использовать бесплатно и позволяет легко проводить сортировку карт онлайн. (Большой предварительный просмотр)

Все, что вам нужно сделать в UX Metrics, — это создать отдельную «карточку» для каждой из ваших областей упрощенного контента. Затем UX Metrics предоставит вам URL-адрес, которым вы сможете поделиться с пользователями в социальных сетях, по электронной почте или даже на своем веб-сайте.

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

При сортировке с открытой карточкой пользователи могут организовывать содержимое в любые группы, которые им понятны. (Большой предварительный просмотр)

Примечание : Я рекомендую, чтобы как можно больше людей завершили сортировку карточек. Однако, как минимум, вам потребуется не менее 13 пользователей, чтобы отсеять выбросы.

После завершения сортировки открытых карточек UX Metrics предоставит вам отчет, показывающий, какие группы создали пользователи и как часто они появлялись. Затем вам нужно объединить похожие группы и выбрать небольшое количество разделов верхнего уровня в пользу часто встречающихся групп.

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

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

Сортировка закрытыми карточками аналогична сортировке открытыми карточками с одним отличием. Вместо того, чтобы пользователи объединяли карточки в свой собственный набор групп, они организуют их в предопределенный набор разделов, которые вы им даете.

Другими словами, мы попросим пользователей организовать карточки в созданную нами информационную архитектуру верхнего уровня:

В закрытой сортировке карточек пользователи могут организовывать содержимое в предопределенные группы. В нашем случае это будут черновики разделов верхнего уровня. (Большой предварительный просмотр)

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

Мы можем использовать UX-метрики для сортировки закрытых карточек, но я предлагаю добавить дополнительный раздел верхнего уровня с пометкой «Я не знаю». Такой подход помогает собирать карточки, о которых пользователь понятия не имеет, куда их следует поместить. Это поможет нам определить, не сбоит ли структура нашего сайта в определенных областях.

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

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

Как низко вы опускаетесь в сортировке карточек?

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

Одним из самых влиятельных исследований юзабилити было «Тестирование юзабилити по первому клику» Боба Бейли и Кэри Вольфсон. Они исследовали важность того, чтобы первый щелчок пользователя был правильным. Они обнаружили, что, если первый щелчок был правильным, люди имели 87% шансов найти нужный им контент, а не 46%, если первый щелчок был неправильным.

Другими словами, если вы запускаете сортировку карт только на верхнем уровне вашей информационной архитектуры, вы все равно удваиваете шансы пользователей на успех.

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

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

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

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

Тест дерева позволяет нам проверить, могут ли пользователи найти определенный фрагмент контента. (Большой предварительный просмотр)

При рассмотрении того, что тестировать, я рекомендую сосредоточиться на трех типах контента:

  1. Контент, который особенно важен для пользователя или для успеха сайта;
  2. Контент, размещенный пользователями в различных разделах во время упражнений по сортировке карточек;
  3. Контент, который, как вы подозреваете, может быть скрыт слишком глубоко в информационной архитектуре.

Затем вы сообщите UX Metrics самый быстрый путь для поиска каждой части контента.

После того, как вы это сделаете, останется только раздать тест так же, как вы это делали для сортировки карточек. Пользователям будет предложено найти каждую часть контента, а затем вы получите отчет от UX Metrics. Отчет покажет вам, насколько успешными были люди, как быстро они выполнили задачу и выбрали ли они лучший маршрут.

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

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

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

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

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

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

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