Советы дилетанта или как сделать полноценный сайт
Новая тема Написать ответ
# Ср Апр 12, 2006 1:01 pmnikpro Зарег.: 12.04.2006 ; Сообщ.: 2Ответить с цитатой
По работе я занимаюсь достаточно специфической темой в области строительства, которая большинству “нормальных” людей мягко говоря малоинтересна. Достаточно долго я размышлял о необходимости создать добротный сайт, посвященный профессиональной сфере деятельности, который был бы интересен специалистам моей области и являлся надежным “подспорьем” в рабочей жизни.

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

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

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

Совет 1. В первую очередь вы должны определиться с задачами сайта (информационный ресурс, визитная карточка, on-line магазин, коммуникативный центр) и его размерами.
Самый главный и определяющий вопрос, который стоит задать- для чего вам нужен сайт и что вы ждете от его работы? Цена ошибки при неправильной постановке цели может быть колоссальной (потраченное время, деньги, усилия). В интернете огромное количество незаконченных и заброшенных работ, которые висят “мертвым” грузом только потому, что заказчики ошиблись в постановке задачи, либо не осознали тех функций, которые может выполнять проект в работе организации.
На мой взгляд, в современных условиях есть смысл делать либо очень простые и дешевые сайты (визитные карточки с координатами и видами деятельности), либо очень весомые и затратные, которые “на голову” опередят ближайших оппонентов. Конкуренция среди небольших проектов очень велика, так как их уже накопилось достаточно много за годы активного освоения сети.
Для того чтобы четко сформулировать техническое задание, необходимо иметь хотя бы первичное представление о составе и объеме проекта. К началу программной реализации должна быть полностью готова логическая структура и известен тип контента, которым она будет наполняться (текст, фотографии, таблицы, схемы). Нужно решить, какие разделы будут статичными (неизменными), а какие- динамичными (с возможностью оперативного добавления информации).

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

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

Совет 4. Обязательно необходимо проводить оптимизацию и раскрутку сайта.
Существует мнение, что хорошие проекты сами постепенно выбьются в лидеры и займут достойное место без использования технологий раскрутки. Учитывая эффективность работы поисковых систем и пересыщенность интернета, можно с уверенностью сказать, что именно хорошие сайты в первую очередь нуждаются в раскрутке. К сожалению, время мгновенной и объективной оценки ресурсов наступит не скоро (если это вообще возможно), поэтому нужно пользоваться всеми честными методами популизации и стараться быть на шаг впереди конкурентов.
По поводу стратегий раскрутки существует огромное число различных подходов и мнений (причем профессиональных). Выбирать следует наиболее консервативные варианты: поисковая оптимизация, регистрация в каталогах, целевая рассылка, участие в форумах, обмен ссылками с тематическими ресурсами. “Прогрессивные” технологии раскрутки через какое то время могут быть идентифицированы и окажутся “за бортом” интернет- сообщества (вместе с сайтом).

Совет 5. Студия, изготавливающая проект, должна осуществлять и его раскрутку.
Раскрутку необходимо рассматривать как завершающий этап выполнения проекта, эффективность продвижения напрямую зависит от свойств, заложенных на этапе его проектирования и наполнения. В идеальном виде подготовка к раскрутке должна начинаться еще до начала разработки сайта. Именно поэтому, весь комплекс услуг обязаны выполнять специалисты из одной команды, работающие совместно и способные контролировать весь процесс продвижения в целом.
Перед началом раскрутки необходимо точно сформулировать ее цели и изучив характеристики конкурирующих проектов, обозначить их в количественном выражении. Для своего сайта я выбрал три критерия, по которым велась оценка результатов работы: посещаемость, среднее число просматриваемых страниц (заинтересованность), позиция в ведущих поисковых системах по ключевым словосочетаниям (качество оптимизации; функции от тИЦ, PR). На мой взгляд, эти величины наиболее точно подходят для объективной оценки работы проекта во времени и по их изменению можно судить о его популярности и работоспособности.

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

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

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

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

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

Совет 11. Стиль сайта должен быть уникальным. Если уважаете себя и свою работу- создавайте оригинальные элементы дизайна: стилистику, кнопки, оформление, навигацию.
При выборе стилистики нельзя полагаться на мнение одного человека (даже если он профессиональный дизайнер)- лучше провести небольшой статистический опрос, обращая внимание на независимые негативные и позитивные оценки. В создании популярного продукта нельзя ориентироваться на субъективизм, оформление должно понравиться большинству пользователей из той целевой аудитории, для которой он предназначен.
Очень часто в сети приходится видеть проекты, созданные на базе импортных шаблонов. “Фанерность” таких сайтов очевидна и чаще всего не вызывает ничего, кроме отвращения (“не наш” менеджмент, североамериканские улыбочки, счастливые семейные группы, бизнес-леди-в-очочках и прочие стандарты чужеродной культуры).

Совет 12. Сайт обязательно должен содержать динамические разделы, в которых будет периодически (1-2 раза в месяц) появляться новая информация. Чаще всего такими разделами являются: “новости”, “выполненные проекты”, “прайсы”, “вопрос ответ”, “советы эксперта”, “обзорные материалы”, “продукция”. Чем больше таких разделов в структуре сайта, тем большими возможностями и потенциалом для дальнейшего развития будет обладать весь проект в целом.
Кроме того, периодическое обновление сайта благоприятно сказывается на его рейтингах в поисковых машинах- преимущество имеют те страницы, которые обновлялись позже.

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

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

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


Николай Куркин
http://www.bronepol.ru
bronepol@yandex.ru

При перепечатке материала ссылка на автора и сайт http://www.bronepol.ru обязательна.
# Ср Апр 12, 2006 1:30 pmВацлав Зарег.: 21.02.2006 ; Сообщ.: 4965Ответить с цитатой
Сразу видно, что сайт из подписи был сделан дилетантами.
Код HTML - ужасен... Ужасен до судорог в глазах. Оптимизации как бэндвичевой, так и поисковой нет как класса.
Ошибки в табличной верстке просто ужасающи. Дизайн своеобразен. Пожалуй даже интересен, но к профессионализму не имеет никакого отношения.
Я бы Вам крайне рекомендовал ДО публикации такого рода статей, все же привлекать нормальную консалтинговую компанию для проведения аудита. Качество работ по созданию Вашего сайта иначе как ужасающим назвать нельзя. Такая работа стоит 50-70 долларов. У "продвинутого студента".
# Ср Апр 12, 2006 1:40 pmПавлик Морозов Зарег.: 12.04.2006 ; Сообщ.: 1332Ответить с цитатой
Нормальный HTML код а дизайн на вкус и цвет. С оптимизацией правда подкачали. А если сайт в целом расстянуть до width=100% работу было можно оценить в 150$
# Ср Апр 12, 2006 2:19 pmВацлав Зарег.: 21.02.2006 ; Сообщ.: 4965Ответить с цитатой
Нормальный код!? Пошли по порядку:
1. Отсутствуют теги META keywords и description
2. <table width="826" height="801" - вот это нормально? Стандартом "де-факто" считается установка ширины таблицы в 750-760 пикселей.
3. <td rowspan="13"><img src="/bitrix/templates/original/images/index_01.gif" width="20" height="237" alt="">
Вот так вот роуспанить TD - это значит не иметь ни малейшего опыта в табличной верстке.
Устанавливать такие длинные пути к файлам картинок и не ставить на них альттэги - это неуважение к фундаментальным трудам десятка уважаемых дизайнеров, к собственном бэндвичу и к времени загрузки страницы.
NB: Вообще верстка кучей пустых ячеек с "малопиксельными гифами" - это ужасно.
4. Впрочем верстка как таковая вообще не проводилась. Судя по комментариям в исходниках - это продукт "автонарезки" слайсов ImageReady. Ну может быть Фотошопа или Файрворкса.
5. На 35к кода всего 2.5к текстов смысловой нагрузки. Остальные 93% - это безграмотная "верстка".

PS. За такую работу надо не платить, а брать деньги. За моральный и материальный ущерб. И за предоставленную студентам-недоучкам возможность попрактиковаться.
# Ср Апр 12, 2006 2:29 pmВацлав Зарег.: 21.02.2006 ; Сообщ.: 4965Ответить с цитатой
В догонку. А "материнский сайт" этого проекта (www.promkraski.ru)- вообще "туши свет - бросай гранату". Сделано "на коленке" в чем-то вроде Фронтпейджа. Автора (Vladimir Makarov) следует расстрелять из косметички и решением суда запретить заниматься веб-дизайном Smile
# Ср Апр 12, 2006 2:32 pmПавлик Морозов Зарег.: 12.04.2006 ; Сообщ.: 1332Ответить с цитатой
1. теги keywords и description больше относятся к оптимизации
2. с шириной, хозяйн - барин. с высотой - подкачали, из добрых побуждений к таблице высоту лучше не выставлять
3. длинные пути никак не обременяют загрузку страницы, конечно если картинки не находятся на автономном хостинге narod.ru
4. нарезка видимо действительно из фотошопа. я знаю огромное кол-во проф. веб-дизайнеров, которые режут свои проекты именно в этих граф. средах с последующем оптимизарованием
5. от куда такая статистика про безграммотность верстки? Smile
# Ср Апр 12, 2006 2:44 pmВацлав Зарег.: 21.02.2006 ; Сообщ.: 4965Ответить с цитатой
1. Именно. И не прибегать к этому простейшему методу - преступление против заказчика.
2. Зашибись. В россии еще до 30% пользователей (или уже меньше - давно не смотрел статистику) работают с мониторами в 800x600. Соответственно ширина окна браузера составляет 770-780 пикселей (правый скролбар). Плюс необходимо выдержать хоть какие-то отступы от краев экрана. Вот и получается 750-760.
3. путь типа /bitrix/templates/original/images/index_01 - это 44 байта лишней информации передающейся клиенту. При такой верстке, как применена - это около 5к лишнего мусора. Т.е. около 15% от объема страницы.
4. Гхм. "Огромного числа" проф веб-дизайнеров попросту несуществует. Существует масса амбициозных подростков, таковыми себя считающими. Smile Уважающий себя и клиента дизайнер заботливо обрабатывает каждую картинку и никогда не использует автоверстку.
5. Я три года владел веб-студией Smile Соответственно изучил килотонны литературы по верстке, дизайну и психологии восприятия. А также манеры "фрилансеров". Smile
# Ср Апр 12, 2006 3:17 pmПавлик Морозов Зарег.: 12.04.2006 ; Сообщ.: 1332Ответить с цитатой
1. хоть в чем то солидарны, владыка Smile
2. неудачиники , которые не могут купить монитор 1024х768 могут оплатить "лакокрасочные материалы для огнезащиты и антикоррозионной защиты строительных металлоконструкций, устройства полимерных полов на объектах промышленного, социального и жилищного строительства" уф.. ? Smile
3. 44 байта = 5к мусора, опять же неудачники на мопедах и мониторами 800x600 в 2004 занимали 5-10% пользователей России, 2005-2006 - год xDSL, 128/256 kb/s Wink
4. как амбициозный пионер заверяю, что всегда обрабатываю каждую картинку, но все же чаще пользуюсь автоверсткой в лице фотошопа, фронтпейджа или phpDesigner, никак не могу перебратся на визуальный редактор аля notepad Cool
5. .. и все же на долю фрилансеров приходится гораздо больше заказов чем веб-студии :p
# Ср Апр 12, 2006 3:28 pmВацлав Зарег.: 21.02.2006 ; Сообщ.: 4965Ответить с цитатой
1. Владыко. Новое слово. Уважительный антипод сцуко Smile
2. В строительных фирмах-фирмочках весьма много старой техники, чтобы ты знал. Да и не только в строительных. А на сайтах в 800-600 очень удобно кстати рекламировать новые мониторы Smile
3. 5% там, 5% тут. Еще полпроцентика тут. Вот так кстати и надо делать прибыльные проекты. Прибыльность - это еще означает меньшую убыточность. Из малых процентов складывается доход. Курочка по зернышку. Переверстав все свои сайты на цсс можно повысить прибыльность на 10-15% в месяц. А у некоторых 15% это серьезные суммы уже Smile
4. Ну нотпад - это перебор. WYSWYG - редакторы я очень не уважаю, но технология code-completion - очень удобная штука.
5. Угу. И именно по этому владельцы таких сайтов разочаровываются в прибыльности интернет-деятельности.
# Ср Апр 12, 2006 3:36 pmПавлик Морозов Зарег.: 12.04.2006 ; Сообщ.: 1332Ответить с цитатой
Заканчиваю треп о представлении мира веб-дизайна ибо домой пора Smile Ради интереса можно посмотреть портфолио веб-студии? Можно в личку Drinks or Beer
# Чт Апр 13, 2006 1:01 pmMangyst-XXX Зарег.: 03.12.2005 ; Сообщ.: 3Ответить с цитатой
nikpro писал(а):

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

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



Может оно и ужасно, спецам виднее, но в статье так и сказано: "не делайте сами..." Это, если бабло сшибать, а для автора статьи, как я понял, главным было самостоятельно попробовать. Результат выставлен на обсуждение для получения рецензий. Начинать то с чего то надо. Smile
# Пн Апр 24, 2006 11:01 amnikpro Зарег.: 12.04.2006 ; Сообщ.: 2Ответить с цитатой
Спасибо за отзывы. Хорошо написано.
# Вт Апр 25, 2006 8:12 pmkio Зарег.: 04.10.2005 ; Сообщ.: 942Ответить с цитатой
нормальный сайт чел с нуля сделал.... если продолжит, то второй третий 10 сайт будут лучше...
бывают профи такое делают что песец а тут новичёк... маладец полюбому...
а если учесть что сайт делался для "промкараски" и не должен быть дрочибельным, то просто прекрасно всё сделал
Новая тема Написать ответ    ГЛАВНАЯ ~ ПОЛЕЗНЫЕ СТАТЬИ
 
Любое использование материалов, размещенных на ArmadaBoard.com, без разрешения владельцев ArmadaBoard.com запрещено.