Идет загрузка


Памятка клиентам, как готовить задание и материалы для разработки сайта


 - (с) Портфолио дизайнера Игоря Мальцева

Проект сайта

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

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

1. тексты должны быть написаны грамотно

1. тексты должны быть написаны грамотно

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

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

2. Полученные изображения, графики, схемы

2. Полученные изображения, графики, схемы

Полученные изображения, графики, схемы и пр. необходимо именовать и положить в отдельную папку, указав в текстах примерные места, где они будут расположены. Т.е. указать в тексте ссылку в виде «Иллюстрация 1.JPG. В папке “Статьи/ статья о компании/ Иллюстрация 1.JPG”. Крайне желательно также сделать к каждой иллюстрации подпись, поясняющую, что на иллюстрации изображено, например «Иллюстрация 1. Первый этап производства – вакуумная сушка древесины». Как в учебнике….

Теперь полученные материалы нужно структурировать – т.е. разложить их по тематике, соподчиненности, приоритету. Например, у вас будет 10 статей на тему «организация бизнеса», которые будут лежать в одном разделе, а в другом разделе «Алгоритмы производства» будет 5 статей. В свою очередь, все они будут относиться на будущем сайте к большому разделу «тематические статьи»… Соответственно, Вы должны показать это, организовав на компьютере папки и подпапки в соответствии с этим требованием. Практически, Вы выстраиваете в древовидном виде, структуру Вашего сайта… Одновременно сразу становится очевидно, какие материалы будут главнее, каких слишком много, какие, наоборот, следует дополнить... короче, чего в супе не хватает…

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

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

О том, как готовить тексты статей с учетом факторов СЕО, я уже писал – (повторяться не стану, любознательные по ссылкам велком - http://petrovich-design.ru/primer-sozdaniya-reklamnogo-teksta-dlya-kontenta-sajta.html, http://petrovich-design.ru/kvintessencziya-po-prodvizheniyu-kontenta-sajta-s-pomoshhyu-poiskovyix-sistem.html, http://petrovich-design.ru/podgotovka-gramotnogo-kontenta-dlya-sajta.html). Здесь мы говорим о проектировании сайта и я лишь затрону основные моменты, которые на этом этапе необходимо учесть: Нужно четко представлять задачи, которые будет решать Ваш сайт.

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

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

3. сео ядро – джентельменский набор слов

3. сео ядро – джентельменский набор слов

При этом будет верно, если эта фраза будет включена в заголовок, полностью или частично повторяться в подзаголовках, а также в том или ином виде присутствовать в тексте статьи, скажем, раз 5-7. При этом желательно чтобы поисковая фраза, или тег (по-научному) в первую очередь была включена в выделенные фрагменты текста (которые мы отметили как самое важное в статье) и располагалась ближе к началу основного текста.

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

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

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

Т.е. тег «портфолио» содержит и раскрывается подчиненным тегом «Разработка сайтов» что, в свою очередь, раскрывается заголовками конкретных выполненных проектов, статьи с описанием которых находятся в этом разделе и содержащих различные теги, тематически связанных со словом «дизайн того-то»…

Таким образом, становится понятно, что мой сайт посвящен работе дизайнера, содержит примеры конкретных выполненных проектов, относящихся к вебразработке и дополнительно содержит возможность узнать и оценить условия сотрудничества с владельцем сайта… Надеюсь все понятно… Вся вода на одну мельницу J

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

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

4. Пользовательский сценарий сайта

4. Пользовательский сценарий сайта

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

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

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

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

Разработка сайта

Хостинг и домен.

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

5. Хостинг и домен

5. Хостинг и домен

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

В соответствии с этими характеристиками и стоит выбирать у кого столоваться… Стоимость обслуживания также может колебаться и составляет оптимально приблизительно 2 тыр./ год

Говоря умозрительно, хостинг – это помещение, в котором Вы размещаете свой электронный офис, а домен – уникальное имя Вашей электронной компании, его адрес, который неповторим и существует в единственном экземпляре. При этом Вы можете переезжать из одного офиса в другой и хостинг будет меняться, а вот домен останется с Вами на все это время…

Домен – уникальное имя сайта, по которому вас будет видеть интернет. Домен оплачивается ежегодно и оптимальная стоимость его около 500 руб./ год

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

Общий дизайн

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

Прототипирование

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

6. Прототипирование

6. Прототипирование

 

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

Верстка сайта

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

7. разметка html и стили CSS

7. разметка html и стили CSS

Система управления сайтом

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

А вот если Вы предполагаете постоянно добавлять туда, например, новости, статьи, работать с каталогом товаров... и т. д. то Вам понадобится удобная система, позволяющая делать это самостоятельно, быстро и просто… Для этого предусмотрена такая система, которая называется CSM или, по-русски, - система управления сайтом… Это специальный интерфейс, защищенный от несанкционированного доступа с помощью авторизации, т. е введения логина и пароля администратора сайта… В этот интерфейс вынесены все функции, позволяющие совершать наиболее востребованные действия с сайтом – добавлять статьи, оформлять их, редактировать, удалять, открывать и закрывать на сайте различные функциональные блоки и компоненты – иными словами этакая кабина пилота… От того, насколько грамотно и просто, интуитивно понятно она сделана, будет зависеть то, насколько легко Вам будет разобраться в приборах и тумблерах, что Вы там увидите… Вы можете заниматься этим сами, привлечь для повседневной работы специалиста – администратора сайта, который возьмет на себя всю текущую рутинную работу с сайтом или воспитать такого специалиста в своем коллективе... Все зависит от объема конкретной работы, которую Вам предстоит совершать с сайтом в течении определенного промежутка времени… Если необходимо обучение работе с ПУ Вашего сайта, то обратитесь к тому же разработчику и договоритесь с ним о такой услуге, он с удовольствием поможет… Вообще существует огромное количество CSM? Каждая из которых имеет свои преимущества и недостатки... спорить о них можно бесконечно, но грамотный специалист поможет Вам определиться в этом вопросе. Как правило, лучше ориентироваться на наиболее популярные CSM? Которые постоянно обновляются, совершенствуются и подходят под конкретику Вашего сайта.

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

Микроразметка. Настройка поведения поисковиков и пр.

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

8. Настройка поведения поисковиков

8. Настройка поведения поисковиков

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

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

Запуск, реклама, каталоги

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

9. сайт виден мировому сообществу

9. сайт виден мировому сообществу

Да, знаю, На предыдущем этапе Вы уже это делали, но умоляю... еще пару действий. А именно… если вы сейчас любуетесь на свежеоткрытый сайт, то войдя в поисковую панель Яндекс и набрав там словосочетания, характерные для Вашего сайта, Вы ссылку на сам сайт скорее всего... не увидите… Это потому что информация о свежесделанном ресурсе еще не успела усвоиться поисковиками. А очередь подобных же представляете?! Но Вы скажите, что от меня… можно будет ускорить процесс. Хотя и тогда, например, Яндекс может индексировать (обрабатывать для использования) Ваш сайт не один месяц… Лучше замотивировать его все одно... Для этого необходимо влезть без очереди (т.е. с помощь спецсервисов) самому не полениться представиться системе…. Больших начальников в принципе всего 2 - это Google и Яндекс. Остальные погоды не сделают, но вот к этим добро пожаловать в приемную. Если в поисковике наберете «регистрация сайта в поисковых системах» то Ваш запрос Вас туда и направит, - вошли, заполнили формуляр и ждете…

10. регистрация сайта в поисковых системах

10. регистрация сайта в поисковых системах

Аналогично стоит поступить и с каталогами, крупными сервисами и пр... Чем больше Вы засветитесь, тем быстрее стоит ожидать положительного результата. Да что я Вам все объясняю? В поисковике набираете что-то типа «у меня есть сайт… что делать дальше?»...

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

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

Администрирование сайта

Страшно стало & Не беда, все это не то, чем именно Вы должны заниматься… Все эти меры, вкупе с каждодневной работой с контентом (содержимым) сайта по его редактированию, наполнению и обслуживанию называется администрирование сайта. Можете делегировать эту обязанность одному из сотрудников или отдать на аутосорсинг хорошему специалисту… Тут дело Ваше... Но нельзя ждать, что сайт, на котором ничего не происходит, будет привлекать много посетителей... И люди, и поисковые системы предпочитают «живые» ресурсы, на которых постоянно происходят шевеления, обсуждения, обновления…

11. Администрирование сайта

11. Администрирование сайта

Техническая поддержка сайта

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


дизайнер И Мальцев

Игорь Мальцев, дизайнер

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

Сделать заявку на разработку дизайн-проекта