За годы моего создания веб-сайта с клиентами я обнаружил, что наиболее полезным шагом в подготовке веб-сайта является создание плана сайта. Многие работающие не по найму люди, кажется, пропускают этот шаг, что является огромной ошибкой. Ничто не может ускорить создание вашего сайта, кроме хорошо продуманного плана сайта.
Чтобы создать план веб-сайта, вы должны выполнить 4 основных шага.
- Шаг 1: Мозговой штурм вашего сайта.
- Шаг 2: Сгруппируйте свои идеи по темам.
- Шаг 3: Создайте простую схему ваших страниц.
- Этап 4: Дайте тело документу.
Что такое план сайта?
В архитектуре план участка – это панорамный вид того, как новый строительный проект преобразует пустую землю. Это подробное графическое представление всех новых тротуаров, парковок и зданий, которые будут добавлены к участку. Этот план будет незаменим для строительной команды, когда они начнут работать, потому что это означает, что им не нужно принимать никаких решений на местах; все уже было решено на этапе планирования.
Та же концепция плана сайта прекрасно работает и для сайтов. Узнайте и задокументируйте именно то, что вы хотите, и тогда, когда вы будете готовы построить свой сайт, все трудные решения уже позади. Самый простой план сайта будет не более чем простой схемой. Примечания, полностью написанный текст, изображения и многое другое могут быть добавлены, чтобы сделать его более надежным. Как правило, я рекомендую добавлять в документ как можно больше информации, что может привести к тому, что план вашего сайта станет автономной версией того, что станет вашим сайтом.
Итоговый документ будет иметь неоценимое значение, независимо от того, планируете ли вы создать сайт самостоятельно или планируете ли кто-то создать сайт для вас. Когда вы платите кому-то за ваш сайт, он часто работает ежечасно, поэтому наличие полного плана сайта может сэкономить вам много денег и значительно ускорить проект.
Существует некоторая гибкость в том, как вы создаете свой план сайта, но я собираюсь поделиться шагами, которые я предпринимаю при работе с клиентами. Процесс начинается с мозгового штурма обо всех частях контента, которые вы хотели бы разместить на своем сайте. Затем вы выявите закономерности и группировки, выявленные во время мозгового штурма. Затем вы можете преобразовать эти группы в будущие страницы вашего сайта и создать схему на основе этих страниц. Наконец, вы добавите больше содержания к плану, документируя, что именно должно отображаться на каждой странице вашего сайта.
Шаг 1: мозговой штурм
Поскольку вы уже определили свою аудиторию и сообщение, у вас должно быть хорошее представление о высоком уровне охвата вашего сайта. В этом разделе вы начнете рассматривать детали, а именно, какой тип контента должен содержать ваш сайт.
Начните с просмотра сайтов ваших главных конкурентов и посмотрите, какие конкретные страницы и какие типы контента они используют. Можете ли вы узнать цель каждого сайта, который вы посещаете? Можете ли вы увидеть, как посетитель должен перейти с одной страницы на другую? Чувствуете ли вы себя обязанным следовать призыву сайта к действию?
Сейчас настало время для мозгового штурма.
Лучше всего это сделать с небольшой группой людей, вовлеченных на вашем сайте. Начните с того, что делитесь своими заметками о своей аудитории, сообщениях и обо всем, что вы узнали из анализа других сайтов. Затем начните обсуждать разные идеи о том, что все хотят на сайте. Это могут быть большие или маленькие идеи – бросить все в кучу, легко или трудно это сделать.
Запишите каждую идею на карточке или в записке и разложите их по полу или стене, чтобы вы могли увидеть их все сразу. Мы организуем идеи на следующем этапе.
Шаг 2: сгруппировать по темам
Расправив все свои заметки перед вами, начните группировать концепции и идеи в разные группы. Как только вы видите, что шаблон начинает появляться, группы могут стать страницами вашего сайта.
Например, описания продуктов, фотографии продуктов, отзывы клиентов и видео YouTube о продукте в действии можно сгруппировать для формирования страницы продукта. Ваш главный призыв к действию, ваши последние новости и простая контактная форма могут быть сгруппированы на главной странице вашего сайта.
Вы даже можете увидеть, что некоторые страницы нужно сгруппировать вместе, и вы можете превратить их в подстраницы более широкой темы. Это может быть в том случае, если у вас есть несколько продуктов или услуг, которые вы предлагаете, или если есть варианты определенной темы, такие как фотогалерея и карта.
Некоторые идеи могут не совпадать с другими. Они действительно необходимы? Они заслуживают отдельной страницы на вашем сайте? Отложите их и вернитесь к ним на следующем шаге, когда мы подведем итоги навигации по вашему сайту.
Шаг 3: создайте контур страницы
Простая схема для сайта малого бизнеса.
Поскольку ваши идеи кластерного контента превращаются в страницы на вашем сайте, пришло время найти способ отобразить эту информацию в удобном для чтения формате. Лично я склоняюсь к наброскам или маркированным спискам, так как нахожу эти форматы быстрыми и легкими для ссылок.
При организации своих страниц ограничьте себя пятью-семью основными цветами для своего сайта. Это оптимальное число, которое люди могут легко переварить одновременно. Если вам нужно больше страниц, сгруппируйте некоторые страницы в подстраницы основных.
Хорошее практическое правило – убедиться, что ваши посетители могут найти то, что они ищут, без необходимости нажимать более трех ссылок. Каждый дополнительный щелчок может привести к тому, что пользователь откажется от поиска и продолжит работу. Кроме того, посетитель может перейти на ваш веб-сайт, не являющийся его домашней страницей, поэтому вы должны убедиться, что он все равно сможет легко найти свой путь, независимо от того, с чего он начал.
Шаг 4: разработать документ
Теперь, когда план уже готов, добавьте этот план сайта, делая пометки на каждой странице, чтобы помнить конкретные ресурсы или информацию, которую вы хотели бы разместить там. Это может быть в виде текста, изображений, ссылок или даже видео.
Я рекомендую записать три разных варианта заголовка для каждой страницы. Первый – это самый короткий возможный тег для страницы, который вы можете использовать в меню навигации сайта, который посетители будут использовать для перехода с одной страницы вашего сайта на другую.
Заголовки очень важны для демонстрации иерархии на сайте, и каждая страница вашего сайта должна начинаться с тега h1, чтобы посетители точно знали, где они находятся на вашем сайте. Здесь вы будете использовать второй заголовок, который вы создаете.
Третья версия заголовка будет длиннее и должна быть немного более информативной и использоваться для улучшения размещения вашего сайта в поисковых системах, таких как Google. Фактический заголовок не будет отображаться в видимой области вашего сайта, но будет использоваться в теге заголовка каждой страницы. Тег заголовка – это один из самых основных тегов HTML, который также отображается на вкладке браузера, когда вы находитесь на определенной странице веб-сайта. Это может показаться немного сложным, но большинство систем создания сайтов предоставляют простой способ ввода этого текста без использования какого-либо кода.
В конце этого шага каждая страница схемы вашего сайта должна выглядеть следующим образом:
Внутривенно О странице:
- о (тег навигации)
- О продукции ACME (заголовок, который появляется на странице)
-
О продукции ACME – Лидер в области гаджетов и виджетов в районе метро Милуоки, штат Висконсин (описательный заголовок)
- История компании
- Фотографии владения
- Логотип компании
- Форма для связи с владельцами
заключение
Окончательный план сайта, который появится на этом этапе, будет вашей дорожной картой и планом для всего вашего сайта. Перепроверьте часто, поскольку это сделает процесс создания сайта намного быстрее и проще.
С вашим полным планом сайта вместе с вашими исследованиями целевой аудитории и четкой целью и идеей для вашего сайта у вас будет почти все, что вам нужно, чтобы передать свой проект кому-то другому, чтобы создать или начать создавать сайт самостоятельно. На все важные вопросы уже будут даны ответы, что в конечном итоге приведет к тому, что проект будет завершен гораздо быстрее и с потенциально гораздо более низкой стоимостью. Готовы начать?
