Проектирование веб сайта

Проектирование веб сайта

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

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

Идеи, заложенные в техническом задании, дизайнер воплощает в виде эскизов страниц. Заказчику предоставляется несколько вариантов дизайна будущего сайта (как правило, не более трех). Результатом данного шага является дизайн-макет сайта: графический файл, выполненный в одной из графических программ. Дизайн макет должен содержать подробное описание используемых цветов, шрифтов и т.п. Если начальная и внутренние страницы сайта отличаются, это тоже должно быть отображено в дизайн-макете.

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

4. Программирование сервисов.

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

5. Публикация сайта, наполнение его информацией.

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

6. Сопровождение и раскрутка проекта.

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

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

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

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

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

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

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

Заказчик сайта часто не представляет, для чего он ему нужен. Заказчик читает в журналах, видит по телевизору, что у всех уже сайты есть (в действительности, это конечно не так) и решает: «Пора и мне!» При этом он часто мыслит шаблонами, которые ему навязываются средствами массовой информации. Заказчик считает, что его сайт посетит миллион человек, что большинство посетителей захотят совершить покупку, для того, чтобы сайт выглядел «современно» на нем нужно разместить много анимации, а еще ему рассказали, что создать сайт очень просто и это можно поручить системному администратору, настраивающему компьютерную сеть и т.п.

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

Вопросы для создания проекта и написания технического задания:

  1. О чем будет проект? (краткий рассказ об организации, компании)
  2. В чем цель проекта?
  3. Для кого предназначен проект?
  4. Какие сайты посвящены данной тематике (ссылки обязательны)? В чем их плюсы-минусы?
  5. Какие материалы планируются размещать на сайте? Из каких разделов, сервисов он будет состоять?

Данный набор вопросов может быть дополнен: Есть ли у компании фирменный стиль и должен ли он быть отражен на сайте? Как часто собираются обновлять информацию? Какой бюджет готова выделять компания на поддержку и продвижение проекта? и т.д.

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

Предположим, что заказчик — санаторий QQQ, расположенный в 30 километрах от вашего города. Люди приезжают в него, чтобы отдохнуть на выходных. Другие посетители приезжают на несколько недель, для прохождения лечения. Нашему выдуманному санаторию необходимо сделать сайт. Мы уже начали проект, ведь мы начали отвечать на первый вопрос. Чем подробней мы узнаем о санатории, в чем его особенности, какие дополнительные услуги он предоставляет, тем лучше мы сможем представить его посетителя.

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

3. Описание посетителя сайта.

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

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

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

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

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

  1. Приведите примеры сайтов разного типа.
  2. Исследуйте сколько стоит размещение рекламы на различных сайтах. От чего зависит стоимость?
  3. Выберите свой индивидуальный проект, который вы будете делать в течение достаточно длительного времени. Это должен быть сайт реальной организации, в которой работает ваш родственник или знакомый. Мы, будем считать, что сайт компании X нужен! Профессиональные студии не делят заказчиков на интересных и скучных. Любой заказ — это вызов для вас, проверка вашего профессионализма. Создайте проект для компании X, оформите его в виде технического задания.
  1. Из каких этапов строится работа при создании интернет-сайта?
  2. Какие цели ставят перед интернет-сайтом?
  3. Что такое «техническое задание»?
  4. Что такое «целевая аудитория» и для чего ее нужно исследовать?
  5. Как оценить эффективность интернет-сайта?

автор: Титоров Даниил

создание: июнь 2006 г. — май 2009 г.

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

Часть 3. PHP-программирование

Проектирование структуры web-сайта

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

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

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

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

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

Некоторые особенности проектирования структуры web-сайта

  1. Необходимо соблюдать однообразие элементов. При разработке структуры следует определить иерархию объектов. К примеру, каждый раздел включает в себя определенные подразделы и т.д.
  2. Следует избегать создания схожих страниц. Если однотипная информация может быть помещена на одной странице, не следует разрабатывать для нее отдельную. Например, контактную информацию можно разместить в разделе про компанию, а также в футере (нижнем блоке) каждой страницы. Нет особой необходимости выделять ее в отдельный раздел.
  3. Не создавайте разделов, дублирующих друг друга. Если функционал какого-либо блока частично повторяется во втором, избавьтесь от него. Не нужно лишний раз путать посетителей сайта.
  4. Предусмотрите простой и быстрый доступ ко всем наиболее важным разделам со всех страниц сайта.
  5. Проектирование структуры сайта должно включать составление карты основных страниц. Обязательно продумайте какие разделы наиболее необходимы для пользователя и исключите те, которые будут совершенно бесполезными. К примеру, если Ваша компания собирается выкладывать новости не чаще нескольких раз в год, не следует добавлять данный пункт в меню и создавать подобную страницу.
  6. Придумайте свой идеальный вариант структуры, полностью соответствующий тематики Вашего ресурса. Произведите анализ Ваши конкурентов и определите, какие из страниц на их сайтах являются наименее необходимыми.

Для того, чтобы разработка структуры веб-сайта была максимально комфортной, ее можно отобразить с помощью компьютерных программ, таких как MS Visio, Power Point или обычный Paint. Таким образом Вы сможете в графическом виде составить набор необходимых страниц, а также продумать их связи друг с другом. Также можно воспользоваться обычной ручкой и бумагой, чтобы нарисовать структуру ресурса. Стоит отметить, что для подобных целей существует специализированное ПО, но его использование не целесообразно при создании небольших сайтов.

Структура сайта разделяется на внутреннюю и внешнюю. При этом внутренняя структура зачастую значительно влияет на внешнюю.

  1. Внутренняя структура сайта. К ней относятся логические связи между различными страницами ресурса. В данной части необходимо продумать, как пользователь сможет максимально быстро получить доступ к нужной информации. К примеру, позаботится чтобы человеку потребовалось не более 3 кликов для перехода ко всем важным разделам или интересным страницам. Также иногда внутренней структурой называют особенности размещения директорий и ресурсов на сервере.
  2. Внешняя структура сайта. Она полностью повторяет навигацию ресурса и используется для того, чтобы упростить “путешествие” посетителей по страницам. Благодаря ей человек может получить доступ к основному функционалу сайта с любой страницы. При этом внешняя структура анализируется поисковыми системами и может повлиять на позицию Вашего сайта в выдачи.

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

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

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

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

Она предполагает связь страниц “все со всеми” то есть пользователь может попасть с любой страницы ресурса на любую другую страницу, минуя все разделы. Разработка структуры веб-сайта подобного типа достаточно сложна, особенно если на ресурсе расположено много страниц. На практике пользователь просто “потеряется” в огромном количестве ссылок. Стоит отметить, что данная структура web-сайта повторяет в малом масштабе структуру всемирной сети Интернет.

Создание гибридной структуры сайта для повышения удобства его использования

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

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

Проектирование структуры сайта под определенные цели

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

Разработка структуры для сложных многостраничных сайтов

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

  1. Для начала запишите все существенные блоки, которые будет содержать Ваш сайт и решите, какие из них обязательно должны попасть на главную страницу.
  2. Теперь определитесь к каким блокам или материалам пользователь должен иметь доступ с любой страницы ресурса (к примеру, на каждой странице должна быть ссылка, идущая в корень ресурса).
  3. Составьте четкую иерархию для разделов и подразделов сайта. К примеру, перейдя в раздел “Бытовая техника” пользователь должен увидеть список страниц ее производителей или типов техники (электрочайники, холодильники и т.д.), которые представлены на сайте.
  4. Если у Вас будут размещаться статьи, решите, как пользователю будет удобней переходить от одного материала к другому. В блоге Вы можете воспользоваться примером линейной структуры сайта.

После того, как структура web-сайта описана, можете нарисовать связи между страницами. Это поможет Вам упростить восприятие строения ресурса.

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

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

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

Разработка и проектирование сайта: основные этапы

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

Процесс разработки делится на следующие этапы:

  1. Определение типа будущего сайта.
  2. Постановка и анализ задач проекта.
  3. Определение целевой аудитории.
  4. Подготовка макета и разработка дизайна.
  5. Утверждение и вёрстка макета.
  6. Программирование и перенос сайта на хостинг.
  7. Заполнение ресурса контентом.
  8. Тестирование.
  9. Сдача проекта.

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

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

К этому типу относятся:

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

Некоммерческие сайты не ставят перед собой цель продать товар или услугу. Они могут быть:

По доступности сайты делятся на две категории:

  • локальные — открыты только определённому кругу лиц;
  • общедоступные — для всех желающих.

Заказчик выбирает нужный тип сайта и как можно более подробно описывает, для чего ему нужен этот проект, какими функциями он должен обладать и что за задачи выполнять. Составляется «бриф» — специальный документ с пожеланиями клиента, благодаря которому можно более точно определить стоимость сайта. В нём освещаются следующие вопросы:

  1. Каковы сроки сдачи проекта?
  2. Существует ли у заказчика другой сайт, какие у него недостатки?
  3. Если проект коммерческий, есть ли у заказчика конкуренты?
  4. В чём отличие его предложения?
  5. На каких языках должен быть ресурс?
  6. Может ли заказчик привести примеры сайтов, которые ему нравятся?
  7. Какие будут требования к логотипу, цветовому решению?

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

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

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

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

Проектирование веб-сайта стоит начать с ответа на следующие вопросы:

1) Как привлечь посетителей?

2) Откуда они будут приходить?

3) Что нужно донести до посетителя?

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

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

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

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

Если всё сделано правильно, то заказчик принимает эскиз, а проектирование и разработка сайта переходят на новый уровень — за дело берётся верстальщик. Он переводит макет на определённый язык программирования. Заранее обговаривается домен сайта и его CMS (Content Management System) — так называемый движок, система управления, при помощи которой сайт наполняется графическими данными и контентом.

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

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

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

  • тайтл (title) — описание сайта в результате поиска;
  • дескрипшен (description) — краткое описание страницы;
  • заголовки текста (h1, h2);
  • ключевые слова (keywords).

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

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

Проектирование веб сайта
проектирование веб сайта В создании сайта участвуют люди различных специальностей: дизайнеры, программист, менеджеры. В крупных компаниях каждый человек занимается только своей работой, в
http://www.titorov.ru/index.php/edu/it-tecnology/94-it-2-1
Проектирование структуры web-сайта
В статье мы расскажем какие виды структуры web сайта применяются. Полученные знания вы сможете применять при использовании нашего конструктора сайтов.
http://www.a5.ru/blog/proektirovanie-struktury-web-sayta/
Разработка и проектирование сайта основные этапы
Проектирование сайта: основные этапы, типы сайтов, разработка дизайна, интерфейса, заполнение контентом, какие нужны специалисты для разработки.
http://fb.ru/article/264801/razrabotka-i-proektirovanie-sayta-osnovnyie-etapyi

COMMENTS