Тема 6. Размещение в сети и реклама сайта

6.1. Размещение

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

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

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

регистрация домена (адреса во Всемирной сети), причем этот домен, как правило, первого уровня (первый уровень, например, – www.history.ru, такой адрес легко запоминается, второй уровень – www.history.moskow.ru такой адрес уже длиннее, третий уровень – www.history.univercity.tomsk.ru и т.д.);

создание собственной почтовой службы;

реклама сайта;

анализ статистики посещаемости сайта и многое другое.

Кроме того, при платном хостинге вы можете размещать в Сети большие объемы информации, от 50 и выше мегабайт. Скорость загрузки сайта с платного хостинга значительно выше, чем с бесплатного. Стоимость платного хостинга приблизительно 6-15 $ в месяц.

6.2. Реклама

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

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

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

На практике найти в Рунете образовательный сайт нужного содержания и тематики бывает очень не просто. Например, сайт "Интернет для историков", размещенный по адресу: http://edu.tsu.ru/historynet, был создан в 2002 г. преподавателями и студентами исторического факультета ТГУ. Это региональный сегмент образовательного портала ТГУ, включающий в себя ссылки на распределенные информационно-образовательные ресурсы с удаленным доступом и образовательные программы по истории России и исторической информатике. Студентами кафедры проблем гуманитарной информатики философского факультета ТГУ в качестве эксперимента была сделана попытка найти этот сайт в поисковой системе "Яндекс". Ключевыми словами для запроса было выбрано "исторические источники" (на 90 % содержание сайта посвящено историческим источникам). В списке найденных ресурсов искомый сайт не указан даже в числе первых двух сотен. Статистика посещаемости самого ресурса показывает, что популярность его ничтожно мала (несколько визитов в месяц). Вывод: несмотря на то, что хороший, полезный ресурс в Сети существует, возможность воспользоваться его содержанием очень мала.

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

Что же такое web-дизайн?

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Web-дизайн включает в себя - визуальный дизайн (вообще), дизайн представления информации на экране (специфика web-дизайна). Именно поэтому на данном сайте помещен цикл статей в том числе и о визуальном дизайне вообще.

Поиск в интернете слова web-design (webdesign, web design) дает нам ссылки на инструкции и книги по руководствам к различным программам. Та же картина наблюдается в разделах "Web Design" таких сайтов-монстров, как WebDeveloper и C-Net Builder.com

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

Таким образом web-дизайнер в зарубежном понимании - это не кто иной как web-разработчик - верстальщик (web-master/web-coder), специалист по информационной архитектуре (web-developer), программист (web-programmer), администратор (system administrator) в одном лице.

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

Из-за этого - люди, дающие в отечественных газетах объявления о том, что они являются веб-дизайнерами - на самом деле берут на себя непосильное обязательство web-разработчика, являясь всего лишь web-художниками (владея графическими пакетами типа Photoshop/Illustrator/3dstudio).

Из-за этого компании, дающие объявления о том, что им нужен web-дизайнер, на самом деле ищут не web-разработчика, а web-художника (как правило с художественным образованием), который знает, как сделать красиво вообще (с помощью все тех же Photoshop/Illustrator/3dstudio), но вовсе не обязан уметь это делать своими руками.

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

Из-за этого отечественная книга по web-дизайну (единственная на этот день - книга Кирсанова - это книга посвященная во многом визуальному дизайну.

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

Сравните содержание книг Дмитрия Кирсанова и Якоба Нильсена. Обе они называются Web-дизайн. Но каждый из авторов пишет в своих книг совершенно о разных вещах: Веб-дизайн: книга Якоба Нильсена иВеб-дизайн: книга Дмитрия Кирсанова

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

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

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

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

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

Эта грань - между красивостью и удобством - очень тонка. Это давний спор между эстетами и прагматиками.

Убогий дизайн

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Многие новоиспечённые интернетчики бросились осваивать просторы сети, как когда-то европейцы новый континент.

При покорении нового (виртуального) мира следует оставить о себе память. Сделать себе имя в Интернете, либо попытаться заработать на этом... знакомо? Яростные поползновения на бесплатные хостинговые службы, скоростное изучение HTML, и работа закипела. Людишки дорвались до главного - можно создать свой сайт. Он будет лучшим, самым красивым, и его ринутся смотреть огромные массы жителей сети :-) На них я заработаю кучу бабок! И стану известным и значимым... Как бы не так!

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

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

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

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

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

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

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

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

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

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

Советы

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

1. На сайте все должно быть на своих местах

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

2. Не выкладывайте все на одну страницу

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

3. Работайте в рамках дизайна

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

4. Отвечайте на все(!) письма посетителей

По своей работе вы наверняка получаете массу писем от пользователей с предложениями, замечаниями или жалобами. Не ленитесь, напишите ответ, пусть это будут примитивные фразы такие, как: "Большое спасибо" или "Мы это обязательно учтем". Сделав этот нехитрый номер вы 100% получаете постоянного посетителя, который к тому же приведет к вам всех своих друзей.

5. Чем чаще обновления, тем больше посетителей

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

6. Работайте оперативно

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

7. Никакой отсебятины

Если у вас новостной, информационный сайт, то старайтесь избегать предвзятости. Даже если вам не нравиться какое-либо событие не приписывайте к нему свежепредуманные факты. Пусть будет, как оно есть (AS IS:), а посетители и без вас во всем разберутся.

8. Ваша настольная книга - орфографический словарь

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

9. ИМХО сабж рулез или пишите по-русски

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

10. Не пишите чепухи

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

11. Счетчики, рейтинги и баннеры не последние вещи

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

12. Будьте вежливы

Если вам в 101 раз пишут о какой-либо неполадке, которую вы уже устраняете, не стоит посылать автора письма в одно известное место, он же для вас старается. Черкните ему фразу "Спасибо, вы нам безмерно помогли" и всем будет приятно.

Особенности Web-дизайна

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Разделительные линии обычно используются для разделения текстов и облегчения их восприятия.

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

Графический заголовок позволяет использовать независящие от установленных на клиентском компьютере шрифты.

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

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

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

Всем, кто занимается web-дизайном, а также менеджерам и руководителям проектов я хочу порекомендовать прочитать книгу Дмитрия Кирсанова "Основы веб-дизайна". Это, пожалуй, самая сильная публикация по основам графики, шрифтологии и искусству Web-дизайна.