Author: Овчинников Р. Сухов С.
Tags: связь компьютеров сети эвм вычислительные сети компьютерные науки создание сайтов веб дизайн корпоративный дизайн
Year: 2009
Text
Роман ОВЧИННИКОВ, Серrей СУХОВ
Корпоративный
веюйт на 100%
Требуйте от сайта большеrо!
ппTEP@
Москва . Санкт
Петербурr . Нижний HOBropoA . Воронеж
POCTOB
Ha
ДOHY . Екатеринбурr . Самара. Новосибирск
Киев. Харьков. Минск
2009
ББК З2.9ВВ.02
УДК 004.7ЗВ.5
ЗS
Овчинников Р., Сухов С.
O 35 Корпоративный веб сайт на 100%. Требуйте от сайта боль
шеro! СПб.: Питер, 2009. 320 с.: ил.
ISBN 978 5--49807 17З 2
Системное, компактное и хорошо структурированное PYKO
водство по всем аспектам функционирования корпоративных
сайтов. Книrа обобщает боrатый практический опыт ее авторов
(более 700 успешных проектов в сфере веб разработок и сотни
печатных и электронных публикаций). На страницах книrи вы най
дете множество рекомендаций, примеров, методик и контрольных
списков, которые позволят сделать ваш ве6--сайт мощным бизнес
инструментом.
Книrа адресована директорам по маркетинrу и друrим специ
алистам, в чьи обязанности входит управление корпоративными
ве6--сайтами.
В качестве важноro дополнения к настояшему изданию pe
комендуем сайт www.wеЬdеvеlорmепt.ru. на котором вы можете
оставить свои комментарии, ознакомиться с дополнительными Ma
териалами, задать вопросы, пообщаться с авторами.
ББК З2.988.02
УДК 0О4.7З8.5
Все права 3ащищены. Никакая часть данной книrи не может быть воспроизведена в какой бы то
ни было форме без письменноrо разрешения владельцев авторских прав.
ISBN 97B S-49807 17З 2
Q 000 «Лидер", 2009
Содержание
Блаrодарности ................................................. 7
Об авторах ..................................................... 11
Очень необычная книrа . . . . . . . . . . . .. . . . . . .. . .. . . . . . . . . . . . . . . . . . 16
Вступление длиною в 11 лет ................................... 18
Почему нельзя реализовать все рекомендации?.............. 28
Что такое корпоративный веб сайт? ........................... 30
Веб сайт на 1000/0 .............................................. 33
1. Поколения веб..сайтов ................................. 34
2. Концепция присутствия вИнтернете ................... 38
3. Цели владельцев .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43
4. Козффициент конверсии ............................... 47
5. Типовая принадnежность .............................. 49
6. Конкурентный анализ ....... . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
7. Бенчмаркинr ....... . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
8. Отраслевая специфика ................................. 57
9. Удобство использования............................... 60
10. Веб"статистика . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63
11. УТП и позиционирование ............................. 65
12. Факторы доверия ..................................... 68
1 З. Бренд менеджмент ................................... 69
14. Точки контакта ... . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72
15. Опыт пользователей .................................. 76
16. Стандарты и спецификации ........................... 79
17. 3аконодательные требования ........................ 82
18. Возврат инвестиций .................................. 84
19. Совокупная стоимость владения ...................... 87
20. Целевые аудитории ................................... 89
21. Цели и задачи посетителей. . . . . . . . . . . . . . . . . . . . . . . . . . . . 92
4
Содержание
22. Сценарии поведения пользователей .................. 96
23. Права доступа ........................................ 100
24. Пользовательские роли............................... 103
25. Пользователи с оrраниченными возможностями. . . . .. 105
26. Художественное оформление веб сайта .......... . . . .. 108
27. Веб 2.0 интерфейс .................................... 111
28. Силы, влияющие на дизайн ........................... 114
29. Первая страница...................................... 116
30. Индексные страницы ................................. 120
31. Контент страницы .................................... 122
32. Иллюстрации ......................................... 123
33. Фотоrрафии . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .. 126
34. Шрифты .............................................. 128
35. Дизайн текста. . . . . . . . . . . . . . . . . . . . . . . . . . . . .. . . . . . . . . . .. 131
36. Анимация .... . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .. 135
37. Сервисы дnя посетителей ............................. 138
38. 3лектронная коммерция .............................. 142
39. 3кстранет дnя Клиентов............................... 145
40. 3кстранет дnя сотрудников ........................... 147
41. 3кстранет для дилеров . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .. 149
42. 3кстранет дnя инвесторов. . . . . . . .. . . . . . . . . . . . . . . . . . . .. 151
43. Персональный кабинет............................... 153
44. Обратная связь с посетителями ....................... 155
45. 3лектронная почта и веб..сайт .... . . . . . . . . . . . . . . . . . . . .. 158
46. RSS каналы ........................................... 160
47. Платный доступ к информации и сервисам ............ 162
48. Структура сайта ....................................... 165
49. Навиrация ............................................ 168
50. Подсайты ............................................. 172
51. Карта веб сайта ....................................... 175
52. Поиск по веб сайту . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .. 176
53. Ссылки и rипертекст .................................. 177
Содержание
5
54. Информационное наполнение........................ 180
55. Иноязычные версии.................................. 182
56. Раздел «О компании» ................................. 185
57. Раздел «Корпоративный блоп) ........................ 188
58. Раздел «Вопросы и ответы» ........................... 191
59. Раздел «Пресс центр» ................................. 193
60. Раздел «Вакансии» .................................... 195
61. Раздел «Каталоr товаров» ............................. 197
62. Раздел «Каталоr услуr» ................................ 201
63. Раздел «Контактная информация» .................... 203
64. Flаsh версия веб сайта ................................ 206
65. Версии сайта дnя мобильных устройств ............... 208
66. Версия для печати .................................... 21 О
67. Промосайты .......................................... 212
68. Аудио ................................................. 214
69. Видео................................................. 216
70. Файлы (<для заrрузки» . . . . . . . . . . . . . . . . . . . . . . . . . . . .. . . .. 219
71. Доменное имя ........................................ 221
72. Система управления контентом ....................... 224
73. Документооборот . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .. 228
74. Документация ........................................ 229
75. Базы данных. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .. 233
76. Языки и технолоrии проrраммирования .............. 235
77. Инструменты разработки и поддержки ............... 237
78. Устройства доступа ................................... 240
79. Браузеры ............................................. 242
80. Аппаратная платформа............................... 244
81. Архитектура и масwтабирование ..................... 246
82. Производительность .................................. 249
83. Хостинr ............................................... 252
84. Масwтабирование данных и интерфейса . . . . . . . . . . . . .. 254
85. Объемы информации ................................. 257
б
Содержание
86. Безопасность......................................... 259
87. Тестовая версия. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .. 261
88. Резервные копии ..................................... 262
89. Неwтатная работа..................................... 264
90. Веб интеrрация ....................................... 266
91. Внеwние сервисы ..................................... 268
92. SМS сервисы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .. 271
93. Реклама на сайте ..... . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .. 273
94. Промоблоки .......................................... 276
95. Спецпредложения .................................... 279
96. Продвижение ......................................... 281
97. Взаимосвязь с продвижением вне Интернета ......... 284
98. Поисковая оптимизация.............................. 286
99. «Изюминки» и «фиwки)) ............................... 290
100. «Душа)) сайта ........................................ 293
Общий счетчик ваших баллов. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .. 294
Что еще почитать .............................................. 297
Веб сайт книrи webdevelopment.ru ............................ ЗОЗ
Еще не возразили? Уже отвечаем .............................. З04
Мнения читателей о книrе ..................................... ЗОб
Пусть авторы вам подпишут! ............................. .. . . .. з 1 б
6лаrодарности
Роман Овчинников
я посвящаю свою работу любимой Лене Михаuликовоu, которая
была для меня вдохновением и радостью с тех пор, как оказала мне
честь быть рядом с ней. Разве можно найти подходящие слова для
mozo, чтобы передать свои чувства и восхищение ею, кроме слов
любви! Для тебя, дороzая, хочется написать совсем друzую, роман--
тическую KHUZY. Но пусть пока будет эта!
Мои блаrодарности: моей маме Нине Александровне (за беззавет..
ную любовь и неизмеримую помощь в моей жизни, за поддержку и по..
нимание), Антону Овчинникову (моему любимому брату, надежному
коллеrе и друrу, на KOToporo всеrда можно положиться, и единствен..
ному знакомому мне человеку, который умеет систематизировать
лучше, чем я), Серrею Сухову (талантливому и очень профессиональ"
ному соавтору, специалисту в бесчисленном множестве областей
от эффективноrо обучения до стратеrическоrо маркетинrа), Иrорю
Манну (за поддержку, участие и умение расставлять приоритеты, за
неиссякаемый оптимизм и уверенность в популярном маркетинrе),
Серrею и Александре Соловьевым (ныне жителям Великобрита..
нии, за неоценимую помощь в наращивании потенциала компании
Individ и установление в ней высоких стандартов качества), Артемию
Лебедеву (за усилия, блаrодаря которым веб--дизайнеры почему"то
ценятся rораздо больше, чем дизайнеры, например, интерьеров или
промышленных товаров), Серrею Рыжикову (первому, кто cMor сде--
лать промышленную платформу CMS в виде «1 С --Битрикс» И по казать,
что энерrия, уверенность и настойчивость будут вознаrраждены даже
на рынке, KOToporo нет!), Ольrе Величко (за ее энерrию, которой не..
достойна скучная область IT), 3ине Перминовой (за умение сочетать
женский и деловой подход, за доверие, которое я не cMor оправдать),
Ирине Синицыной (<<Парк.ру», SputnikLabs за хорошее отношение,
за умение быть всеrда на высоте!), Андрею Пуртову (руководителю
компании «Артrрафикс», инициатору HiBrand, за теплоту и дружескую
поддержку), Павлу Черкаwину (Adobe, Siebel, SputnikLabs, за то, что
своими выступлениями заставил отрасль стать друrой, подтянуться
, v
за ним и ero настоящим видением, за вдохновение от выступлении
8
Корпоративный веб сайт на 100%
и за возможность общаться с 1997 rода, ведь ero компания Actis об
разовалась в один месяц с Individ), Асхату Ураэбаеву (консультанту
по технолоrии Agile, нашедшему силы и возможности приехать к нам
в Individ для продуктивной дискуссии о том, что «правильно», а что
нет), Дмитрию Браверману (популярному ныне блоrrеру, ранее
сотруднику компании .Dot), Дмитрию Новикову (за приrлашения в
далеких 90 x на фестивали по веб дизайну и общение до сих пор!),
Евrению Кобелеву (настоящему друrу, с которым мы прошли вуз
и который сейчас rораздо дальше от меня, чем мне бы TOro хотелось),
Ивану Бойко (талантливейшему дизайнеру из Томска, ныне москвичу,
за интересные разrоворы и науку, как сделать баннер с CTR 35%),
Федору Наседкину и Михаилу rирба (нашим rypy технолоrий за
умения и участие), Елене Преображенской (за яркий талант и вели
колепный эстетический вкус), Лене Небесновой (моему единствен
ному друry девушке, хотя вы этому не поверите, если увидите ее! Вот
как бы мне все-таки заставить ее написать книrу?), Тане rромовой
(ныне жительнице Италии, за умение работать со сложными Клиен
тами с помощью интонации. При этом работать хорошо!), Никите
Андросову (лидеру компании Ingate, нашему партнеру, который cмor
«выстроить» В Туле в одном коллективе 100 человек, занимающихся
SEO! 3авидуйте!), Евrению rордееву (rенеральному директору компа
нии .Dot, за дружбу, а не конкуренцию!), Мише Токовинину (Qsoft, за
тонизирующую конкуренцию), Анатолию Левенчуку (за ум, который
трудно измерить и осознать, и умение оставаться при этом дeMOKpa
тичным и улыбчивым), Оле Спиридоновой (за настроение и настоя
щую помощь! Без таких людей на работу ходить не хочется!), Маше
Роэенсон (за смелость и большой nporpecc в работе с Клиентами),
Оле Цветовой (девушке, каких почти не бывает), Юле Платоновой
(<<Элитный квартал», умнице и наверняка будущей коллеrе!),Леониду
Бабичу (за помощь в США и MHoro MHoro Bcero разноrо и страшно
интересноro!), Насте Арсеньевой (никто не поддерживал меня так,
как это делала она. Каждому мужчине важно испытать такое хотя бы
один раз), Кириллу Комарову (Lоvе.щ за то, что поверил и доверил
нам проект с «заранее все принимаю» формулировкой), Тимофею
Бока реву (<<Промо.ру», за то, что мы общаемся уже 1 О лет, Bcer
да редко, но всеrда полезно, я восхищен ero умением превратить
в праздник все что уrодно. Даже РИФ), Михаилу Ханову (<<Первая
страховая», за умение общаться присказками, историями и афориз
мами!), Аркадию Воложу и Алексею Амилющенко (Яндекс, за то,
что в далеком 1998 roду приrласили нас работать над проектом для
Блаrодарности
9
CompTek), Серrею Борисовичу Опочинскому (моему тренеру по
настольнОМУ теннису, который научил меня жить и сделал кандида
том в мастера спорта, nOMor сформироваться как ЛИЧНОсть и оказал
влияние, существенно большее, чем отец), Марине Савчук (моему
бухrалтеру, без которой я просто не представляю свою работу).
Отдельная блаrодарность всем, кто работал со мной в компании
Individ, кто защищал эту марку, кто вставал рано утром, чтобы успеть
на электричку в Москву, и кто шел на пятую встречу за день, чтобы
Клиент был доволен. Спасибо вам, «линейные» сотрудники, которые
и есть Individ.
Спасибо вам всем! Без CBoero окружения человек обычно ничеrо из
себя не представляет. Я rоржусь, что знаком с вами, работаю с вами
и Mory увидеть каждоrо из вас в любой момент!
Серrей Сухов
Прекрасной, восхитительной и ecezaa очаровательной Наташе
Долzополовоii, с которой мы уже пережили столько счастливых
минут. часов, дней илет! Она не только поддерживала меня все время
написания этой книю, но и стала ее первым редактором и KOHcтpYK
тивным критиком.
Я бы хотел искренне поблаrодарить людей, которых считаю своими
Учителями: Александра Леонидовича Немирова (Moero научно
ro руководителя, научившеrо rpaMoTHo мыслить), Серrея Рубцова
(открывшеrо красоту, силу и моrущество технократии), Иrоря MaH
на (ставшеro моим великолепным наставником и вдохновителем),
Владимира Долrова (показавшеrо, что даже моrучий Google MO
жет быть очень дружественным и открытым), Стефана rрутенбоера
(за возможность почувствовать силу и дух ВВС), Романа Соколова
(за мноroлетнюю дружбу и совместную работу над коммуникацион
ными проектами «Билайн»).
MHoro новых мыслей для этой книrи родил ось во время моих aB
торских семинаров и мастер классов. Особенно я блаrодарен своим
слушателям из штаб квартиры Audi, задававшим действительно ин
тересные вопросы. Не меньше их было и от десятков друrих фан
тастически ярких Клиентов (таких, как Volkswagen, Nike, Альфа
Банк, «Билайн», «Вимм Билль Данн», Сбербанк, МИАН, «Манн, Иванов
и Фербер»), с которыми я имел честь общаться в последние rоды.
10
Корпоративный веб сайт на 100%
Спасибо нашим талантливым дизайнерам Елене Преображен
ской и Татьяне Трофимовой за ориrинальное оформление этой
книrи. Спасибо моим помощникам Серrею Буптыrину и Наталье
Ивановой за содействие и поддержку.
Я очень хочу от Bcero сердца поблаrодарить Александра Николаеви-
ча Медведева за возможность познакомиться с самым прекрасным
Искусством жизни.
OrpoMHoe спасибо родителям Людмиле Викторовне и Владимиру
Дмитриевичу за поддержку и любовь.
Отдельная блаrодарность моему соавтору Роману Овчинникову,
знаниям, опыту, системности и неординарности Личности Koтoporo
я поражаюсь уже MHoro лет.
Об авторах
3\
.t
......
Роман Овчинников
25 достижений и историй обо мне
1. В своей компании я занимаюсь, в частности, и продажами. На
сеroдня общий объем пичных продаж превысип $2 мпн.
2. Первое воспоминание в жизни связано с тем, как я улетел в дo
рожную деревенскую колею с rрязью.
З. у меня всеrда минимум два ппана действий.
4. Оконченный университет (ярrу) по специальности «История»
дап, фактически, только знания в обпасти психолоrии, KOTO
рую я изучал все пять лет во время лекций о фараонах и Средних
веках.
5. Наибольший мой интерес Life Management, у меня есть
своя разработанная система по фиксации достижений и
управпению всеми аспектами жизни. Возможно, в нашей
следующей книrе мы с CepreeM Суховым изложим эту систему.
6. В прошпом (в школе) я получил специапьность токаря BTO
poro разряда, о чем есть свидетельство, в котором все наклеено
вверх ноrами.
7. Никита Андросов (Ingate) подтопкнуп меня к занятиям дай
винrом (это было и моей большой детской мечтой), но удоволь
12
Корпоративный веб сайт на 100%
ствия Я получил меньше, чем ожидал, слишком MHOro систем,
за которыми приходится следить, и слишком сложное оборудо
вание.
8. В школе однажды я эанял второе место в rороде по самому
интересному предмету труду. Также второе место по шашкам
и первое по тяжелой атлетике (rиревой спорт).
9. В школе я написап свою первую книrу о рыбах, на что
журнал «Ровесник» прислал такую рецензию: «Хорошая компи
ляция». И правда, это был самый старательный реферат пяти
классника.
10. Мой первый биэнес был свяэан с продажей редкой муэыки,
которая до сих пор является для меня любимой: death metal,
griпd, iпdustriаl, doom. gothic, thrash, angry, bIack и так далее.
11. В доинтернетовскую пору у меня была музыкальная картотека на
5 тысяч исполнителей. До сих пор я считаю, что очень хорошо
раэбираюсь во всей муэыке, кроме шансона.
12. Мне нравятся ропиковые коньки, но после сильноro падения
я не езжу на них под ropKY.
13. Прошел стажировку в Кпивленде под эrидой rосдепартамен
та США Вusiпеss For Russia (2002) и блаrодарен Ron Copfer
(Fathom Interactive) за теплый прием и возможность изучить
даже P&L ero компании.
14. Я посвятил десять лет эанятиям настопьным теннисом и стал
кандидатом в мастера спорта под руководством С. Б. Опочин
CKOro. Сейчас я только беrаю, обычно ночью.
15. Коллекционирую медиаконтент всех видов: кино, музыку,
«документалки», обучающее видео и MHoroe друrое.
1 б. В девятом классе я попал в лаrерь комсомольскоrо актива, ко-
торый перевернуп мой мир и показал, что таких, как я, принци
пиальных комсомольцев, как минимум, один на каждую школу.
17. Лично работал с 200 Клиентами, в их числе Xerox, ЮКОС, MДM
банк, «Открытие», «Силовые машины», ZyXEL, Почта России,
Северсталь инвест, Евроцемент, «Актион», «Первая страховая»
и мноrие мноrие друrие.
Об авторах
13
18. Посаженные нашим классом деревья уже выросли до BOCb
MOrO зтажа.
19. На www.оdпоklаssпiki.ru у меня 170 настоящих френдов.
Жаль, что не удается их лично видеть так часто, как в Сети.
20. у меня самая эаботпивая, понимающая и бескорыстная
мама, которая nOMoraeT мне во всем.
21. Мне нравится путешествовать, и мне удалось MHOro rде по
бывать. Если хотите знать мое мнение, то лучшие места для
отдыха и впечатлений 3ТО Австралия и Япония.
22. Mory, люблю и умею вести переroворы с кем уrодно, неэави
симо от статуса собеседника. При этом, чем он больше (Борис
Йордан, Рустам Тарико), тем интереснее. Bcero провел более
2 тысяч встреч с потенциальными Клиентами.
23. Из сотен всевозможных компьютерных nporpaMM самой по
пеэной, мноrоэадачной и необходимой считаю Мiсrоsоft
ОпеNоtе.
24. Совершенно счастлив, хотя это не всеrда видно внешне.
25. Я люблю самую лучшую девушку на свете, и 3ТО вэаимно.
Меня всеrда можно найти на семинарах Individ (мы пишем о них на
сайте www.individ.ru), на сайте www.odnoklassniki.ru или по почте
roman@individ.ru.
Серrей Сухов
Для специалиста по маркетинry написание текста «О себе» это за
дача, сравнимая по степени увлекательности с позиционированием
компании. Не хочется банальности. Не хочется rоворить напыщен
но и помпезно. Поэтому эдесь собраны только факты. Bcero их
25 штук.
Итак, я...
1. Способен лоrически объяснить и обосновать 90% своих pe
шений и поступков.
2. Люблю высокотехнолоrичные иrрушки, отъявленный rадже
томан.
14
Корпоративный веб сайт на 100%
З. Часто предъявпяю очень высокие требования к окружаю-
щим меня пюдям (особенно к коллеrам). Наверное, поэтому
работаю в одной из самых профессиональных команд в России.
4. Иноrда подолrу страдаю от жестких приступов перфекцио
низма (стремления к совершенству в работе). Борюсь с этим.
5. Обожаю хороший кофе (особенно в исполнении Starbucks),
изысканные сорта чая и мноrие бпюда японской кухни.
6. Очень ценю качественный дизайн во всех ero проявлениях.
7. Понимаю, что должен учиться постоянно, пюбпю и умею это
делать.
8. Люблю путешествовать (только за последние два roAa общая
протяженность моих маршрутов составила около 82 тысяч
кипометров, что превосходит две KpyrocBeTHble экспедиции).
9. В меру лоялен к странностям друrих. Не терплю rлупость, He
обязатепьность и хамство.
10. Абсолютно аполитичен. Просто не вижу смысла участвовать
в политических иrрах и баталиях.
11. Хороший коммуникатор. Лидер, но не вождь.
12. Увлекаюсь восточными системами самосовершенствования
(особенно даосскими учениями).
1 З. Склонен к анапизу и структурированию собственной жизни.
При этом не лишен разумноrо куража.
14. Умею искренне радоваться успехам друrих людей, никоrда,
никому и ни в чем не завидую.
15. Очень избиратепен в работе с информацией (например, пред
почитаю RSS рассылки печатным СМИ, а Wikipedia бумаж
ным энциклопедиям).
1 б. rоворят, что я хороший оратор и ведущий семинаров (во
всяком случае, в штаб квартире Audi, видимо, считают именно
так).
17. Являюсь сторонником минимапизма, причем как в плане
эстетики, так и в контексте обустройства жизненноrо простран
ства.
Об авторах
15
18. Мне нравятся качественные документальные фильмы. Oco
бенно авторские рассказы о путешествиях (работы Михаила
Кожухова) и больших проектах (например, о строительстве ис
кусственных островов в Дубае).
19. Очень ценю хороший юмор, сам люблю шутить в особо
серьезных ситуациях.
20. Являюсь искушенным ценителем холодноrо оружия.
21. Обожаю интересные «фишки» И «изюминки», часто BOCТOp
rаюсь хорошими авторскими проектами.
22. Наверное, трудоrолик (в среднем работаю по 220 280 часов
в месяц).
23. Несколько лет назад открыл в себе страсть к фотоrрафирова
нию (пока на любительском уровне).
24. 3а время учебы в аспирантуре и два последующих rода написал
162 статьи (в том числе для журналов «Менеджмент В России
и за рубежом», «Советник», «Лоrистика», «РС Week» и др.),
4 учебника и 3 моноrрафии (общий объем только последних
более 800 страниц). Позже весь этот архив был преобразован
в 423 прикладные идеи и 6 схем в формате mind maps.
25. Убежден, что без конструктивноrо, положительноrо, опти
мистичноrо, но при этом достаточно спокойноro и сбалансиро
BaHHoro настроя эффективная деятельность невозможна.
При желании вы всеrда можете пообщаться со мной по электронной
почте svsukhov@gmail.com, на сайте www.odnoklassniki.ru или зайти
на www.sukhov.ru.
Очень необычная книrа
Перед вами очень необычная книrа. На самом деле, первая
TaKoro рода в России. Это в Штатах с подобными изданиями все
в порядке: там есть целая консалтинrовая rpynna 37Signals, которая,
собственно, и занимается оценкой сайтов и последующей оптими
зацией с целью повышения их эффективности и пишет об этом
книrи, причем очень неплохие книrи. У нас таких «38 nonyraeB», cтaB
ших единицей измерения качественноrо веб дизайна, до сих пор
не было...
у нас все совсем по друroму... Несколько лет назад, например, ЦeHT
ральный банк принял решение, что у всех банков должны появиться
свои собственные сайты. Очень было похоже на петровские подходы:
бороды брить так всем, кофе пить опять таки, коллективно,
а с картошкой так и вовсе уж нелепо вышло.
Сайты сделали, конечно же, приказ. Масса веб студий и просто
студентов фрилансеров сильно на этом поднялись, кстати. Все таки
в стране более тысячи банков. Результаты как всеrда... То есть не
так, конечно, фатально, как с картошкой, но...
Большая часть этих сайтов создана по принципу: (щтоб было». He
которые пошли дальше и использовали принцип: «(чтобы было Kpacи
во». Еще был подход: «(сейчас мы nокажем, как мною у нас отделений
по всей стране, вы просто уnаритесь их искать!» И правда, OTдe
лений было MHoro, а найти ближайшее ох как непросто!
Лишь единицы сделали так, чтобы сайт был допопнительным
средством привлечения клиентов. Их HeMHoro, можно пересчитать
по пальцам.
Сеrодня, коrда Интернет является существенной составляющей нашей
жизни, все большая часть коммерческой деятельности происходит в
этой новой среде. Интернет очень сильно меняет традиционный
способ ведения бизнеса, позволяя, например, практически полно
стью избавиться от института посредников и взаимодействовать
со своими потенциальными клиентами напрямую. И, в конечном
счете, сделать свой сайт еще одним каналом продаж, неважно,
в каком cerMeHTe В2В или В2С работает ваша компания.
Очень необычная книrа
17
3та книrа избавит вас от иппюзий, даст понимание Toro, как надо
депать «продающий» сайт, и убережет от ошибок (если вы roTO
вы учиться на чужих! Если позволяют средства совершайте свои,
авторам нужен материал для следующей книrи!). Авторы взяли на
себя очень сложную задачу и с блеском ее решили: 100 кейсов книrи
предлаrают вам 100 чеклистов, заполнив которые, вы, собственно,
и поймете, каким должен (ипи не допжен) быть ваш сайт, He
зависимо от Toro, существует он или вы
только при ступаете к планированию ero
создания.
3та книrа избавит
Это только вершина айсберrа. Но если
вы поймете, что у Hero есть вершина,
с вами никоrда не произойдет Toro, что
случилось с «Титаником».
вас от илпюзий,
даст понимание
Toro, как надо
делать «прода
ющий» сайт
Книrа очень вовремя появилась. Если
верить мрачным проrнозам экономи
стов, высказываемым в конце 2008 roда, то нас ожидают не самые
лучшие времена. Одним из способов оптимизации расходов яв
ляется перенос части операций в Сеть. И сделать это наиболее
эффективным способом, на 100%, вам поможет издание, которое
вы держите сейчас в руках.
Владимир ДОЛlов,
руководитель Google Russia
Вступление длиною в 11 лет
Почему именно 100%1
1 00 """"'.ВЫХ 1 00 ОСНОВНЫХ т..
аспектов = _процентов.
kО ПОР8Тивноrо нашей kHMr8
саита
..
Структура
1''''
-. Функц.."иanьнOCТII
,
е;..
ti.,'
;J
ИнтеrраЦИf
Концепции :;
J.
''''W''
14
Материал для этой книrи
rотовился и обобщался в
течение 11 лет. Все это Bpe
мя С..ну хорошо... пусть
последние пять лет) мы ис
кали наиболее интересную
и удобную форму ero пода
чи. В результате сложилась
простая и, на наш взrляд,
удачная концепция: пред
ставить корпоративный
веб сайт через ПРИ3МУ
100 кпючевых аспектов
ero работы.
По каждому такому аспекту было решено написать отдельную статью.
Причем весь материал изложить в виде конкретных рекомендаций,
требований и стандартов, напоминающих широко распространенные
сеrОДНЯ контрольные списки (чеклисты). Одна rpynna требований
это 1 %. Поэтому и книrа называется «Корпоративный веб сайт на
100%». Условно? Конечно! Но зато нешаблонно и, надеемся, запом
нится.
Мы не стремились добиться абсолютной лоrичности и совершен
ной стройности в структурировании orpoMHoro массива материала.
В одну линейку поставлены такие разные понятия, как «валенки»,
«сходить за хлебом» и «красный цвет». Но, на наш взrляД, в данном
случае важнее не красота лоrической структуры, а включен насть всех
требований в общий контекст. Ведь нашей задачей было написать не
академический учебник, а прикладное руководство к действию.
Собранные нами требования приrодны примерно для 9 из 1 О KOp
поративных сайтов и для 90% тех компаний, которые хотят макси
мально использовать маркетинrовые и сервисные возможности co
временных веб технолоrий.
Вступление длиною в 11 лет
19
Раэве 3ТО ново?
БолЬШИНСТВО книr о веб сайтах написаны с какой то одной точки
зрения. Например, с позиции удобства использования (книrи Якоба
Нильсена), создания дизайна (материалы
Дмитрия Кирсанова), работы с Клиента
ми или проrраммирования. Во мноrих из
них подробно объясняется весь процесс
разработки и поддержки сайтов.
Мы задались целью написать совсем
друrую книrу систематизирующую,
структурирующую и в максимально KOM
пактном виде обобщающую всю информацию о корпоративных сай
тах. Так появилась книrа проверка, книrа стандарт, книrа мотиватор
для Toro, чтобы вы моrли изменить свой сайт, если он уже есть, или
создать ero с нуля (что сейчас
уже редкость).
При этом мы пишем дo
статочно поверхностно
только самое основное, без
чрезмерноrо уrлубления в
какую либо тему. Причина
этоro весьма банальная: Ha
личие физическоrо оrрани
чения в виде общепринятоrо
количества страниц в дело
вой литературе. К тому же мы
хотим оставить часть знаний
«себе».
Перед вами
книra стандарТ,
книrа мотиватор,
книra проверка
Все требования
к корпоратив
НОМУ сайту
Нам хочется, чтобы текст книrи был актуален хотя бы в течение трех
лет с момента ее выхода из печати. При фантастических скоростях
изменений вИнтернете этоrо крайне сложно добиться. Поэтому
мы опирались только на фундаментальные принципы проектиро
вания клиентоориентированных систем, считая все средства их
реализации (например, цвет кнопок или местоположение лоrотипа)
вторичными. Мноrие термины снабжены анrлийскими аналоrами
(или «калькой» на великий и моrучий), так как перевести на русский
Язык, например, словосочетание «scroll bar» не представляется воз
МОжным.
20
Корпоративный веб сайт на 100%
Почему мы написали зту книrу?
За последние три rода мы провели He
сколько десятков открытых семина
ров. И постоянно сталкивались с пара
доксальной ситуацией. Люди с трудом
воспринимали материал о стандартах
обслуживания Клиентов в сфере веб
разработок или о маркетинrе в Интер
нете, но тут же хватались за ручки, как
только мы начинали rоворить непосредственно о веб сайтах.
На проводимых
нами семинарах,
пюди тут же XBa
тались эа ручки,
KorAa...
Именно о них было наибольшее количество вопросов. Видимо, ЭТО
одно из следствий инженерноro мышления, которое в России цветет
самым пышным цветом. Наша книrа это ответы на такие вопросы.
Эта книrа для обычных и необычных ди
ректоров по маркетинrу российских и за
рубежных компаний, для которых (увы!)
веб сайт это Bcero лишь одно из Ha
правлений приложения профессиональ
ных усилий. Мы постоянно общаемся с
ними в ходе сотен встреч, посвященных
созданию и поддержке интернет проектов.
Для KOr03Ta книrа?
...для обычных
и необычных ди
ректоров по Map
кетинrу
И, как нам кажется, хорошо понимаем их запросы, сомнения и про
блемы... Особенно сомнения.
Книrа беэ «воды».
Книrа беэ пиwних
слов
Эта книrа совершенно точно не для Ha
ших коллеr профессиональных веб
разработчиков, которые почти всеrда
молоды и полны критичности. Не вери
те? Посмотрите, кто именно наиболее
популярен в «Живом Журнале».
Для чеrо приrодится зта книrа?
Эта книrа не художественное или развлекательное произведение,
предназначенное для скучающеrо в самолете менеджера.
Вступление длиною в 11 лет
21
Мы также не хотели в триста сорок ше
стой раз объяснять, почему вe caйт так
важен для вашею бизнеса. Вы и так почти
всеrда это знаете, а если не знаете, то об
этом уже существует около трех десятков
книr.
3та книrа MeTO
дика аудита и ин
струкция для Ba
wero подрядчика,
которому вы по
ручили разработ
ку ипи поддержку
сайта
Честно rоворя, нам самим надоело чи
тать «рассуждательные книrи» или «кни
rи одной идеи» (например, «делайте все
просто!», «не заставляйте меня думать»).
Для чеrо тоrда писать ЦЕЛУЮ книrу? Хочется читать книrи пред
метные, без «воды», в которых сразу видна суть. Например, вместо
пространной статьи о том, что нужно предусмотреть перед зака
зам ремонта, любому разумному человеку rораздо полезнее иметь
за пунктов для беседы со строителями: «предусмотрены ли допол
нительные розетки», «проверено ли, что режимов освещения может
быть три: тусклый, средний, яркий», «предусмотрена ли установка
кондиционера» и т. д. Такие списки требований сложно назвать «раз
влекательными» они максимально полезны, быстры в использо
вании и эффективны.
Может, именно поэтому прикладные журналы становятся все более
популярными, а сайты «how to...» (например, www.ehow.com) бьют
все рекорды посещаемости. Так же устроена и наша книrа, в которой
вы найдете сотни пунктов для про верки, отмеченных значком «О».
Давайте сразу попрактикуемся в работе с такими списками.
Вы можете использовать эту книrу для решения очень разных задач.
Например:
о Самостоятельно проверить
свой текущий сайт и увидеть,
что из пунктов требований
на нем выполняются (или, точнее
будет сказать, «проверено»)
не более 200 (то есть %)
О Реализовать на собственном
корпоративном сайте максимум
наших рекомендаций, чем суще
ственно улучшить потребитель
ские характеристики сайта как
продукта
о Учесть упомянутые пункты при
составлении концепции новой
версии вашеro корпоративноro
сайта (и сделать свой бриф
более профессиональным
и детальным)
О Повысить общий уровень зна
ний о таком сложном, полезном
и интересном, но «молчаливом»
И не всеrда отзывчивом явлении,
как сайт в сети Интернет
22
Корпоративный веб сайт на 100%
о Выдать rораздо более полное
и профессиональное задание
компании, занимающейся разра
боткой или поддержкой вашеrо
сайта
о Максимально быстро обучить
свой веб отдел по этой книrе
и оценивать ero знания
Обращаясь к веб-разработчику, Клиенты часто указывают в техни
ческам задании (или брифе) требования, которые считаются в про
фессиональной среде само собой раз
умеющимися (например, «сайт должен
корректно отображаться в браузерах с
разрешением 1024 на 768» или «навиlO-
ция должна быть удобной и понятной»).
Поскопьку KOM
пактноrо PYKOBOД
ства ни у Koro
нет, то каждый
раз изобретается
вепосипед
При этом самые полезные и интересные
пожелания (например, объяснения KOH
курентных отличий сайта) не упомина
ются. С чем это связано?
. Во первых, с недостатком хорошо структурированных предмет
ных знаний.
. А BO BTOpЫX, что rpexa таить, и с политикой самих веб разработ
чикав, часто скрывающих от Клиентов реальную полезность раз
личных функциональностей или элементов интерфейса (напри
мер, вам коrда нибудь rоворили о вреде архива новостей?).
Кроме TOro, разработчики все время находятся в моральной дилем-
ме: что леzче сделать, как сказали, или спорить и предлаlOть?
И коммерчески правильный ответ далеко не всеrда обнаруживается
в плоскости объяснений и инициатив.
Инфраструктура, а не новация
Инфраструктур
ные решения
нужно осущест
впять с помощью
индустриапьноrо
подхода
За десять лет на наших rлазах сайт пре
вратился из непонятноrо «нечто» во
вполне мейнстримовую, инфраструк
турную единицу, зашитую в общую
коммуникационную среду компании,
управляемую маркетинrом.
3ффект коммодитизации (превраще
ния в обыденность) коснулся веб сайтов
Вступление длиною в 11 лет
23
в полной мере. Их разработка больше не является искусством из-
бранных. Теперь это стало уделом хороwих ремеспенников.
И ничеrо обидноrо в этом для отрасли нет. Сейчас мы делаем такие
же важные и необходимые вещи, как поставка электричества, а не
художественные творения для музеев в количестве одноro экземпля
ра... Ну хорошо, пока наша сфера деятельности не так критична и
жизненно необходима (как некоторым кажется). Но представые, что
произойдет, если не будет работать сайт Олимпийских иrр!
Корпоративный сайт обычно не интересен, на Hero редко заходят,
чтобы в удовольствие почитать статьи или полюбоваться на картинки
(исключение составляют сайты по продаже элитноrо женскоro белья
и купальников). На обычные корпоративные сайты эаrлядывают
только по необходимости: быстро выбрать товар, получить ответ на
свой вопрос, скачать драйвер или спецификацию, написать запрос
или отправить резюме.
Почти всеrда корпоративные сайты тенденциозны, довольно лживы,
неактуальны и недружественны. Например, rде пользователи спра
шивают о том, как установить новый драйвер? На сайте компании
производителя или в общем форуме, посвященном nporpaMMHoMY
обеспечению? Конечно, на форуме, rде разъяснения можно получить
через 5 10 минут, а от официальных представителей компании их
приходится ждать З 4 дня. И пользователи уходят с корпоративных
сайтов с неприятным осадком в душе. Как это изменить? Только при
ведя сам сайт и всю систему ero поддержки в полный порядок.
Оформление веб сайта как витрины
супермаркета
Однажды, прочитав очередную книrу о мерчандайзинrе, мы поняли,
что раэработка сайта это нечто очень блиэкое к тому, что делает
мерчандайэер. Например, мерчандайзеры хорошо знают, что дocтa
точно поставить товар не на вторую самую коммерчески привле
кательную полку, а на первую или третью и продажи уменьшатся
на 60%. На сайте то же самое! Разместите текст в неудачном месте
экрана и количество ero читателей упадет в два раза.
Или попробуйте написать на кнопке что то непонятное для посети
теля: если за OДHY ДBe секунды он не сообразит, что это, потеряет
24
Корпоративный веб сайт на 100%
Чтобы 95% посе
тителей не ушли
с первой же
страницы сайта,
правипьно pac
полаrайте «жева
тепьную реэинку»
(rpaMoTHo орrани
эуйте «выходы»
С каждой CTpa
ницы)
к информации всякий интерес. Общий
результат MrHoBeHHoe снижение KO
личества кликов.
Конечно же, о том, что отдел с молочной
и мясной продукцией надо располаrать
в самой дальней точке маrазина (что
бы посетитель прошел все друrие OTдe
лы) или, что жевательную резинку надо
класть перед кассой, вы и сами знаете!
Пораэмышпяйте об зтом, KorAa будете
ппанировать свой веб сайт!
Подобных аналоrий можно провести
еще множество. Например, размещение
товаров в маrазине: если товар расположен по ходу движения по
сетителей против часовой стрелки ero будут раскупать, если по
часовой стрелке товар «не заметят». На сайте абсолютно анало
rично. Продумал маршрут движения посетителей количество дo
стижений цели (например, оформления заявок в интернет маrазине)
максимальное. Не продумал 95% посетителей уходят с первой же
страницы.
Веб сайт и отдых на Маврикии
Любой бизнес, основанный на таланте,
плохо отчуждаем и почти не масштаби
руется. Про это хорошо знают бизнес-
консультанты, аудиторы, сатирики и
рок музыканты. Все они ищут способы
получать деньrи НЕ только тоrда, коrда
они фактически работают. И пока такими
механизмами являются, например, запи
си концертов для рок музыкантов. Bыc
шей степенью этоro становятся сборники
«The Best», при создании которых новые композиции не пишутся,
а делается подборка из ранее выпущенных хитов.
Кстати, зта кни
ra рождапась на
трех континентах
и в шести странах,
которые успели
посетить
ее авторы
Веб сайт можно условно сравнить с альбомом pOK rpynnbI. При xo
рошем исполнении он будет зарабатывать для вас деньrи, сообщать
о ваших услуrах, убеждать, собирать заказы, отвечать на вопросы
вступление длиною в 11 лет
25
посетителей даже тоrда, коrда вы будете наслаждаться отдыхом rде
нибудь в Доминикане, на Барбадосе или Маврикии.
Что значит «требуйте от сайта большеrо»?
Примерно за два rода до выхода этой
книrи мы подroтовили документ, назван
ный нами «Руководство заказчика веб
системы». Получился весьма массивный
труд (почти на 250 страниц), который мы
дарили всем нашим Клиентам. Реакция
на Hero всеrда была очень положитель
ной, но не без скрытых сомнений. В rлазах у Клиентов просто чита
лось; «И это все мы должны прочитать и знать?»
Важно ПРИВОДИТЬ
корпоративный
сайт в порядок Me
тодом итераций
В этой книrе требований, рекомендаций и идей больше, чем в «Ру-
ководстве заказчика», в сотни раз. Мы отлично понимаем, что очень
трудно соблюдать их «сразу все». Точнее, даже не соблюдать, а прове
рять и принимать решение о соблюдении или несоблюдении. Поэто
му данную книrу можно и нужно использовать постепенно, при водя
свой корпоративный сайт в порядок методом итераций: провери
пи 1 О пунктов, выпопнипи на сайте приступипи к следующей
«порции». И так до конца книrи.
Но, увы! Даже полный пересмотр сайта
по всем темам этой книrи зто топько
самое начало пути. Дойдя до nepBoro
финала, вы обязательно обнаружите, что
необходимо начинать все с исходной
точки. И так постоянно. Ведь даже компа
нии, которые занимаются ТОЛЬКО своим
сайтом (например, www.yahoo.com) ,ocy
ществляют ero полный пересмотр и pe
дизайн раз в один три rода. К счастью,
средний корпоративный сайт можно из
бавить от 90% недостатков примерно за
rод напряженной работы.
На семинаре нас KaK TO спросили:
<<,4 можно ли достичь 700%?» Мы думаем,
что если вы проявите творческий под
СТОИМОСТЬ при
ведения сайта
в порядок обычно
равняется копи
честву требуемых
часов на реализа
цию доработок,
умноженному на
почасовую ставку
(внешнюю от
400 до 2000 руб
пей в час или
внутреннюю,
кстати, примерно
такую же!)
26
Корпоративный веб сайт на 100%
ХОД (у нас есть темы, rде требуется что то ПРИДУМАТЫ), то и 100%
вполне достижимо!
Torдa у вас получится самый вдохновенный маркетинrовый инстру
мент, на который вы будете с rордостью давать ссылку, например,
с расстановкой диктовать в телефонную трубку: «ввв... русская "Р':..
"у" "подковка':.. снова русская "Р':.. "С; как доллар... "И" с точеч
кой, затем русская "К':.. точка "ру"» @ Особенно нам нравится, KO
нечно, «С», как «доллар» @.
От сайта есть прямые и быстрые резупьтаты, например, заметный
рост заявок leads, а есть отпоженные во времени например,
рост узнаваемости бренда. Поэтому, к сожалению, часть эффекта
от использования книrи вы обнаружите только спустя несколько
месяцев. И не забудьте поделиться полученным эффектом с нами.
Всем ребятам пример
В конце некоторых тем вы найдете примеры корпоративных сайтов,
снабженные краткими комментариями, соответствующими KOHTeK
сту. Эти комментарии подrотовлены Be
дущими экспертами Рунета или «просты
ми пользователями», высказывающими
свое мнение. Каждый из них сам выбирал
тему и «объект для анализа».
Мы rотовим пер
вый в мире видео
сериап «Корпора
тивный веб сайт
на 100%)) с живым
расскаЗ0М о пуч
wих практиках
сайтострои
тельства
Веtа версия книrи
С нашей стороны была единственная
просьба: оrраничиться сайтами компа
ний, входящих в список «Тор400)) по
версии журнала «Эксперт». Мы искренне
блаrодарны всем специалистам, отклик
нувшимся на нашу просьбу.
На обложке этой книrи стоит значок «Ьеtа версия». Отчасти это, KO
нечно, шутка и дань всеобщему увлечению Ьеtа версиями, xapaK
терному для веб сайтов тренда Веб 2.0. Но, с друrой стороны, это и
отражение нашеro понимания «неидеальности» инезаконченности
книrи. Перед вами действительно ее Ьеtа версия, которую мы Ha
мерены развивать и дополнять. В этом плане наша книrа ничем не
Вступление длиною в 11 лет
27
отличается от корпоративноrо сайта, который, как уже rоворилось,
практически невозможно сделать максимально удачным с первой
попытки.
СВОИ комментарии, пожелания и пред
ложения вы можете оставить на сайте
книrи www.webdevelopment.ru. и мы
обязательно учтем их в следующей pe
дакции. Там же вы найдете своеобразную
виртуальную лабораторию, в которой по
стоянно накапливаются и обсуждаются
новые материалы будущих изданий.
Мечта авторов
3та книrа допжна
быть у каждоrо,
кто эанимает
ся раэработкой
сайтов, у каждоrо,
кто эакаэывает
сайты и раэви
вает их
Мы хотели бы, чтобы наши читатели rоворили: «Это первая удачная
попытка компактно и практично рассказать о важных пара метрах,
которые должны быть у корпоративноro веб сайта». Скажете? @
Роман Овчинников,
Серzей Сухов,
декабрь 2008 юда
От издательства
Ваши замечания, предложения и вопросы отправляйте по адресу
электронной почты voevodin@msk.piter.com (издательство «Питер»,
московское отделение).
Мы будем рады узнать ваше мнение!
На сайте издательства http://www.piter.com вы найдете подробную
информацию о наших книrах.
Почему нельзя реаЛИЗ0вать
все рекомендации?
Это вовсе не
100 тем, требова
ния по которым
надо реалиэовать
на корпоратив
ном сайте, пока
вы не умерли
Существует целая серия книr с общей
темой «***Тhiпgs to Do Before You Die»
(<<Сделать столько то чеlO то прежде,
чем умереть»). Например, «1000 мест,
которые стоит увидеть, прежде чем YMe
реть» или «100 дел, которые надо cдe
лать, пока ты не сыrрал в ящик».
Наша книrа в целом похожа на подоб
ные иэдания (в ходе ее написания мы
прочитали двенадцать таких книr и посмотрели три документальных
фильма). Но идеолоrия у нее иная.
Помеwать выполнению всех рекомендаций Moryт (и обяэатель
но помеwают) следующие обстоятельства:
. недостаток ресурсов на раэработку и поддержку. У вас может
не хватить времени или денеr на качественное исполнение всех
работ. Существенной проблемой может оказаться и отсутствие
специалистов, способных выполнить эти работы (например, про
rраммистов или веб дизайнеров);
. формальные требования и рекомендации MorYT входить
в противоречие с ваwими биэнес эадачами, особенностями
продуктов или Клиентов. Очевидно, что при этом приоритет
должен отдаваться бизнес задачам (при полном понимании TOro,
что вы осознанно нарушаете отработанные правила и peKOMeH
дации);
. современный маркетинr требует ярких отличий, инноваций,
«фиwею>, которые по определению не MorYT входить в CTaH
дартные рекомендации. Вы обязаны отличаться от конкурентов,
что невозможно при стопроцентной «иrре по правилам» (пусть
даже самым рациональным);
. отдельные требования являются вэаимоисключающими и не
MOryт быть реалиэованы одновременно. Например, люди и по
исковые роботы «хотят» от веб сайта совершенно разноro. Нужно
Почему нельзя реализовать все рекомендации?
29
знать и понимать эти парадоксы, нюансы, условности. О HeKOTO
рых из них мы рассказываем в книrе;
. невозможность достижения компромисса между требо
ваниями различных заинтересованных сторон. Работа над
сайтом это всеrда командный процесс, требующий участия
множества специалистов, выступающих в роли заказчиков и ис
полнителей. Взаимопонимание между ними достиrается далеко
не всеrда, что приводит к реализации неоптимальных решений
(например, принятие дизайна в уrоду эстетическим вкусам вла
дельца, а не в соответствии с требованиями к проектированию
интерфейса, или внедрение функциональностей, которые Bcero
лишь захотелось «попробовать» проrраммистам);
. сверхбыстрое развитие информационных и коммуникаци
онных технолоrий, которое при водит к «MrHoBeHHoMY» YCTa
реванию любых реwений. Это относится и к нашему материалу
(именно поэтому на обложке книrи стоит значок «beta»). Возмож
но, уже через 1 2 недели после выхода книrи Сеть захлестнет
волна инноваций, которые сделают мноrие рекомендации бес
смысленными и банальными. Мы живем в эпоху синrулярности,
коrда невозможны никакие проrнозы!
Эти и друrие причины влияют на «жизны> веб сайта в целом: как на
этапе ero создания, так и при последующей поддержке. К сожалению,
довольно часто это превращает сайт из бизнес инструмента в мало
эффективную «кашу» из ненужных сервисав, озарений и амбиций
«совета директоров».
Что же делать в таком случае? Читайте дальше нашу книry.
Что такое корпоративный
веб..сайт?
Корпоративный сайт это веб-ресурс, представляющий
в Сети интересы и результаты деятельности любой бизнес
структуры (компании, areHTcTBa, предприятия, банка, хол
динrа).
Все, о чем roворится в этой книrе, это структурирован-
ное описание требований именно к корпоративным веб
сайтам. Мы практически не затраrивали интернет маrазины,
порталы, интернет СМИ, контент проекты, социальные сети
и т. д. Возможно, этому будут посвящены следующие наши
книrи
Иэ диалоrов с Кли
ентами:
Все ясно, вам
нужен хороший
корпоративный
сайт.
Нет, нам co
всем простенький
сайт требуется,
а не корпора
тивный. Мы же
не корпорация!
Корпорации то
все в Америке
В среде веб разработчиков словосоче
тание «корпоративный сайт» восприни
мается как сложившееся и устойчивое
понятие. Однако если задуматься над
ero содержанием, то появляется множе
ство вопросов. Ведь очевидно, что KOp
поративный сайт небольшой компании
«Квазимода и Сыновья», занимающейся
продажей хлопушек в Тихуане, и корпо
ративные сайты Microsoft, Sony, Orange
или IBM это, как rоворил известный
сатирик, «две большие разницы». Тем не
менее, множество принципов их проек
тирования, поддержки и развития явля
ются сходными.
Мы rоворим именно о таких устояв
шихся принципах, обязательно YKa
зывая на имеющиеся нюансы, особенности и отличия. Без знания
таких «мелочей» И «деталей» ваш проект, к сожалению, никоrда не
будет работать на 100%.
Что такое корпоративный веб сайт?
31
Корпоративные сайты растворяются
Сеroдня корпоративный веб сайт стал
частью единой информационной си
стемы компании, включающей множе
ство друrих сайтов и интеrрированной
с внешними и внутренними приложе
ниями (например, с 1 С или SAP R/З, MO
бильными сервисами, друrими интернет
проектами).
Корпоративные
сайтыпостепенно
растворяются в
единой коммуни
кационнойсреде
Скажем, банк может построить систему, состоящую из корпоративно
ro сайта, промосайтов отдельных продуктов и экстра нета для Клиен
тов. Все эти сайты MorYT быть связаны с внутренними системами учета
и внешними платежными системами (например, с международной
системой Visa). Корпоративный сайт ресторана через сеть дополни
тельных сер висов вполне способен отправлять проходящему мимо
Hero Клиенту собственное меню (местоположение Клиента опре
деляется по сиrналам, передаваемым ero мобильным телефоном).
Промосайты
WAP
и PDA Cilйты
Партнерские
;,кстранет систеМ"1
Электронные Системы
маrазины ;,лектрон-
нorо
обучения
си ема управления
контентом
ИнфорМа
ционные
и сервисные
порталы
Единое
информа
ционное
веб-простран-
ство компании
Корпоративные
веб-CilЙТЫ
Интернет-проекты
и сообщества
# ?)
.... ...
-+'l'
.._8'9 8'10'1'
(.8 ",1\o1fl
\\9 """,8
6""801",,,,
,89-
Internet: общий доступ
Extranet: orраниченный доступ
32
Корпоративный веб сайт на 100%
Сайты четвертоro поколения (читайте о них дальше в этой книrе) по
степенно срастаются со всеми друrими коммуникационными cpeдa
ми. Причем эта интеrрация может быть настолько плотной, что часто
бывает сложно точно указать rраницы таких проектов. «Одинокий»
сайт уже мало кому интересен.
Для объяснения всех этих моментов при общении с Клиентами мы
с 200б roда используем иллюстрацию, получившую кодовое имя «бу
блик» (и успешно скопированную мноrими конкурентами). На ней все
виды сайтов показаны в виде разноцветных секторов, объединенных
в кольца, соответствующие средам Интернет экстра нет интра
нет (подробнее читайте об этом в темах, рассказывающих про экстра
нет и интеrрацию). Внутреннее кольцо это система управления
контентом, используемая для менеджмента ресурса. На схеме
также показаны примеры друrих внешних и внутренних информаци
онных систем, с которыми может быть интеrрирован корпоративный
сайт (подробнее о них вы прочтете в нашей книrе).
Веб..сайт на 1000/0
Идея очень простая.
. Открываете любую тему И3 ста.
Внимательно ее изучаете. При этом в
тексте вам будут встречаться пункты,
отмеченные «пустыми квадратика
ми» (<<О»). Каждый такой пункт мы рекомендуем проанализи
ровать на предмет ero использования на сайте вашей компании.
Пожалуйста,
поясните еще раз,
как ПОЛЬЗ0ваться
этой книrой
. Как только пункт будет проверен, ставите рядом rалочку или
любой друrой значок.
. Затем подводите итоr по всей теме, заполняя форму (<<Всею пYHK
тов для проверки / Проверено») внизу страницы.
. Данные из этой формы переносите в табличку «Общий счетчик
баллов)).
. Далее переходите к следующей теме и т. д.
В итоrе у вас получится <<диаrноз)) текущеrо состояния собственно
ro сайта. И конечно, вы всеrда можете обратиться к нам с просьбой
провести профессиональный аудит.
1. Поколения веб..сайтов
За несколько лет бизнес сообщество прошло путь от ис
ПОЛЬЗ0вания электронной почты и статичных «ДOMOPO
щенных» сайтов до интеrрированных веб систем. Про-
порционально с этим возросла ценность, reнерируемая по
добными решениями, стоимость их создания и поддержки
Первое поколение развития веб
сайтов (1994 1997). В Интернете Ha
чали появляться первые «статические
сайты». Размещаемая на них текстовая
информация никак не адаптировалась
под особенности восприятия с экрана.
Основу дизайна интерфейса составляла
заставочная страница с обилием бес
полезной rрафики.
Функционал фронт офиса практически
отсутствовал. Функционала бек-офиса еще не было. Интеrрации
с внешними и внутренними приложениями также еще не сущест
вовало.
1994 1997: основ..
ной встречный
вопрос Клиен
та на предло
жение создать
сайт: «А зачем
мне этот участок
на Марсе?»
1998 2002: ди
зайн сайта ни
с кем не соrласо
вывалея и являл
ся единственным
правильным ди
зайном KOHKpeT
Horo сайта
Второе поколение (1998 2002). Появ-
ляется само понятие «динамический сайт
на своей системе управления KOHTeH
том». Это позволило расширить исполь
зуемую среду до «Интернет + экстранет».
Вся информация размещалась на сайте
по прежнему соrласно «профессиональ
ному видению» дизайнеров.
Функционал фронт офиса состоял из
нескольких модулей. Бек офис проек
тировался под определенную задачу, без систематизации и CТPYK
турирования технических воЗможностей (у каждоrо был свой «Be
лосипед»).
1/100% Поколения веб сайтов
35
Эффективность веб сайтов BТOpOro по
каления обычно оказывал ась очень
мала. Только начали возникать первые
попытки интеrрации со сторонними при-
ложен иями (например, с системой дo
кументооборота).
2003 2005: сайт
начинает при
носить реальную
прибыль, это,
в свою очередь,
усиливает внима
ние целевой ауди
тории и снимает
иллюзии относи
тельно <<J1еrкости
проектирования»
Третье поколение (2003 2005). Суще
ственный технолоrический прорыв, по
зволивший создать динамический сайт
на появившихся промышленных систе
мах управления контентом. Возникают
решения класса «Интернет + экстранет
+ интранеп>. Впервые текстовая инфор
мация начинает ориентироваться на посетителя сайта. Предпри
нимаются попытки учесть особенности восприятия информации
в веб среде.
В дизайне «начало поиска оптимума» возникают идеи Веб 2.0.
Функционал фронт офиса насчитывает уже десятки модулей и cep
висов. Активно развивается интеrрация сайта со сторонними при
ложениями.
Последнее на сеrодняшниЙ момент,
четвертое поколение (с 2006). Начало
формирования единой коммуникацион
ной среды, в которой размещение любой
информации осуществляется с исполь
зованием оптимальных и измеряемых
подходов. Сайт становится частью общей
инфраструктуры компании.
с 2006: эффек
тивный мини
мализм поиск
оптимума, pac
wирение и услож
нение caMoro
востребованноrо
функционала
Иллюстрации применяются только там,
rде это действительно необходимо.
Функционал бек офиса создается на базе промышленных платформ
управления контентом, иноrда являющихся частью ЕRР-систем. Сайт
Полностью интеrрируется с внутренними корпоративными система
ми, друrими сайтами и мобильными сервисами.
Накопленный опыт показывает, что перечисленные этапы отражают
не ТОлько эволюцию отрасли в целом, но и «траекторию» развития
веб систем в рамках отдельных компаний. Исходя из описанных выше
36
Корпоративный веб-сайт на 100%
Единая коммуникационная smart
среда, поддерживающая общие
форматы публикации/хранения/
просмотра всех типов документов
] Четвертое
поколение
::>
i
:g
о
t:
::>
'"
::>
:t
\:]
't)
8
.с
6
о
::>
о
8
Интеrрация веб технолоrий
с мобильными системами
Интеrрация веб сайтов
с друrими проrраммными
платформами и решениями
Т;::е )
поколение
.
Использование веб сайтов
для поддержки внутренних
процессов
Создание rpynnbl сайтов
]
] ..
Второе
поколение
Создание динамически
обновляемоrо веб сайта на базе
системы управления контентом
Создание статичноrо сайта
Выход вИнтернет;
использование
электронной почты
Ценность для бизнеса
критериев, вы сами можете определить, к какому из перечисленных
поколений относится сайт вашей компании, и, соответственно, сфор
мулировать самые существенные шаrидля ero развития (например,
принять решение о переходе на промышленную систему управления
контентом):
о Первое поколение
О 8тороепоколение
О Третье поколение
О Четвертое поколение
Bcerдa существует возможность «перепрыrнуть через несколько
поколений)); например, от статическоro сайта перейти сразу к ин
теrрированному решению (примерно так же мноrие африканские
1/100% Поколения веб сайтов
37
страны сразу перешли к мобильной связи, миновав эру проводной
телефонии).
Коrда вы поставите <<диаrноз», вам станет проще наметить и дальней
ший эволюционный путь. При этом стратеrически важной является
задача выбора не только технолоrической платформы, на основе KO
торой будет строиться веб-система, но и компании разработчика,
чьими силами планируется ее создание и поддержка. Уровень
компетенций разработчика должен позволить установить с ним дол
roсрочные партнерские отношения, дающие rарантию постоянной
эволюции используемых решений в сфере веб технолоrий.
Bcero пунктов для проверки о;;
О Проверено
2. Концепция присутствия
вИнтернете
Концепция присутствия компании в Интернете это дo
кумент, разрабатываемый с целью определения основных
принципов и требований к веб системе и фиксирующий
принципы позиционирования компании в интерактивных
коммуникационных средах
Концепция присутствия вИнтернете
должна быть частью общей стратеrии
развития компании, входить в ее план
маркетинrа. Она может быть представ
лена в очень разной форме. Нам при
ходил ось видеть концепции, быстро
набросанные на столовой салфетке.
Встречались и развернутые TpeXCOT
страничные документы, rотовившиеся
по 1 ,S 2 roда (рекорд здесь принадлежит концепции, предостав
ленной нам ОАО «rазпром»). Но, пожалуй, одной из самых наrлядных
форм стал сорокапятиминутный видеофильм, в котором менеджер
заказчика очень подробно рассказывал и показывал на прототипе
все пожелания к проектируемому сайту. Фильм был снабжен скрин
кастами (записями действий на экране) и по уровню детальности
проработки требований вполне Mor заменить полноценное техни
ческое задание.
Концепция явля
ется основой для
составления бри
фа на разработку
веб..сайта и техни
ческоrо задания
Обычно концепцию начинают roтовить в двух ситуациях:
. при создании HOBoro сайта (обычно вместо предыдущей ycтa
ревшей версии или при открытии HOBOro бизнеса);
. при радикальной модерНизации существующеro сайта (часто
это сопоставимо или даже более сложно, чем создание сайта
с нуля).
По некоторым оценкам, специалистов, способных написать полно
ценную концепцию присутствия в Интернете, в России не более ста.
2/1 00% Концепция присутствия вИнтернете
39
Это именно те эксперты, которые спо
собны оценить вопрос комплексно, во
всех аспектах, а не сосредоточить все
усилия, например, только на удобстве
использования, дизайне или аппаратном
обеспечении.
Короче rоворя,
ВЫ ДОЛЖНЫ убе
диться, что напи
сали свою книrу
«1000 требований
к моему сайту))
Чтобы помочь вам в решении задачи co
ставления концепции, ниже мы приво
дим пример контрольноrо списка, выполнение всех требований
KOTOpOro позволяет составить такую концепцию. Обратите внимание,
что структура 3Toro списка соответствует содержанию нашей
книrи.
1. Общая стратеzия развития веб..сайта
О Сформулированы цели и задачи, которых планируется достичь
О Заданы критерии, по которым будет происходить оценка эффек
тивности работы сайта (набор коэффициентов конверсии, COOТBeT
ствующих различным сценариям поведения пользователей)
О Определен предполаrаемый объем финансирования (бюджет раз-
работки и поддержки)
О Рассмотрены различные способы получения прямых и косвенных
доходов от владения веб сайтом
О Составлен проrноз возврата инвестиций
О Сопоставлены потребительские характеристики сайтов
конкурентов, сделаны выводы об их сильных и слабых сторонах
О Выбраны и проанализированы веб сайты, способные служить
примерами лучших практик
О Сформулировано уникальное ToproBoe предложение сайта,
определены способы ero донесения до целевых аудиторий
О Предложены методы адаптации требований брендбука и Руко-
водства по фирменному стилю для использования на веб сайте
О Определены основные точки контакта с Клиентами (применитель
но к веб-сайту)
О Определено, каким обраЗ0М будут соблюдаться на веб сайте
законодательные требования и рекомендации веб стандартов
2. Целевые аудитории
О Выставлены требования к разrраничению прав доступа, опреде
лен список ПОЛЬЗ0вательских ролей (по уровням доступа к сайту
и по маркетинrовым проrраммам)
40
Корпоративный веб сайт на 100%
о Определены и учтены требования всех целевых аудиторий (Кли
ентов, бизнес партнеров, СМИ и т. д.)
О Определены основные сценарии поведения ПОЛЬЗ0вателей
О Составлен rрафик проведения ПОЛЬЗ0вательских тестирований
О Определено, каким обраЗ0М будут учитываться требования поль
З0вателей с оrраниченными возможностями
3. Дизайнерское решение
О Сформулированы требования к дизайну всех основных и вспомоrа
тельных страниц сайта
О Сформулированы требования к подrотовке иллюстраций, приоб
ретению шрифтов, разработке анимации (внутри интерфейса)
4. Функциональности и сервисы
О Определены наиболее полезные для посетителей сервисы
О Сформулированы требования к работе интернет маraзина
О Описаны стандарты работы закрытых сервисов для партнеров
О Составлены требования к орrанизации обратной связи с посети
телями сайта
О Определены требования к ведению электронной переписки и ор--
rанизации электронных рассылок с сайта
5. Контент
О Определен оптимальный способ структурирования материалов,
сформулированы приоритеты их подачи. Составлена карта сайта
О Определены основные и вспомоrательные способы навиrации
по сайту
О Сформулированы требования к подroтовке текстовых материа
лов, аудио и видеороликов, файлов <<для скачивания» (с учетом
необходимости перевода на иностранные языки)
б. Техническая инфраструктура
О Выбрано доменное имя (или доменные имена)
О Выбрана система управления контентом и прочее проrраммное
обеспечение
О Определены все средства доступа к веб сайту, которые необходимо
учитывать при ero разработке, поддержке и развитии
О Определено место корпоративноrо сайта в общей структуре веб
сайтов компании (в средах Интернет экстра нет интранет)
О Определены общие требования к производительности веб сайта
2/100% Концепция присутствия вИнтернете
41
о Составлен список всех дополнительных версий сайта (обычно,
WАР версия и РDА версия)
О Составлены требования к аппаратному обеспечению и критерии
выбора хостинrовой площадки
О Составлен план масштабирования сайта с учетом возрастания Ha
rрузки и объема контента
О Сформулированы основные риски, уrрожающие работе веб сайта,
и определены способы борьбы с ними
О Составлен план обеспечения безопасности веб сайта с учетом воз
можности ero работы во внештатном режиме
7. Интеzрация
О Сформулированы требования к интеrрации сайта с третьими
сторонами (внутренними и внешними приложениями, сторонними
интернет проектами и сервисами, платежными системами и т. д.)
В. Продвижение
О Сформулированы основные маркетинrовые приоритеты для по
дачи информации на сайте, а также методы их демонстрации
О Сформулированы основные принципы продвижения веб сайта
в Сети
О Заданы баЗ0вые рекомендации по оптимизации сайта под требо
вания поисковых систем
О Определены пути координации усилий по продвижению в онлай
не и в офлайне
9. Создание, поддержка и развитие сайта
О Составлен план создания и/или модернизации сайта
О Сформулированы требования к команде разработки и/или под
держки
О Определены требования к сопроводительной и учебной ДOKYMeH
тации, реrламентам работы
О Выставлены пожелания к статистическим пара метрам, которые
должны реryлярно отслеживаться и анализироваться
О Определен предполаrаемый объем финансирования (бюджет раз
работки и поддержки)
О Найдены идеи и «Фишки», которые должны вызвать повышенный
интерес аудитории
10. rлоссарий (словарь терминов по заданной предметной
области]
42
Корпоративный веб сайт на 100%
Беэ концепции
Ошибки в начале
пути обходятся
дороже Bcero
Часто задают вопрос «Д можно ли обой-
тись без создания концепции?» Ответ
простой: «Конечно, можно. Но при этом
MHOro усилий будет потрачено нецеле
направленно. Потеряется фокус. Сайт
не даст тех результатов, которые от Hero
ожидаются».
Bcero пунктов для проверки Oh
О Про верен о
Иэ реценэий наших зкспеРТ08
Eca" '_"
......fjI...........;. >
ii!i:]<o
I
ПИк :::...
ШШIit'I RIIК
}
,
il
8';;'
().
.
.
..
,
Сайт rруппы компаний ПИК (www.pik.ru)
8Еор.1о ...
Тому, кто не знает, что rруппа компаний пик это лидирующая
девелоперская компания России, трудно будет определить это с
первоrо взrляда. www.pik.ru не выделяется из общей массы сайтов
строительных и риелторских компаний (по дизайну, сервисам,
верстке и т. д.).
Вероятно, причина в самостоятельной разработке ресурса (<<PIK
DESIGN»). Плюсы и минусы TaKoro подхода при разработке сайта
компании уже MHoroKpaTHo доказаны и подробно описаны.
В целом сайт неплохой и свою основную функцию выполняет. Oд
нако ни у KOro не возникнет сомнений, что компания разработчик,
положительно зарекомендовавшая себя на этом рынке, поднимет
подобный ресурс на новый уровень.
Евrениii Кобепев, директор по развитию
rpYnnbl компаний «Шаrмаr»
3. Цели владельцев
Создание и поддержка корпоративноro сайта должны pac
сматриваться в качестве одноro из стратеrически важных
аспектов деятельности компании, требующеro тщательно
ro целеполаrания. Чем лучше владельцы сайта понимают
ero предназначение, чем выше вероятность тoro, что же
лаемые цели будут достиrнуты
Все цели должны быть формаЛИЗ0ваны
и соответствовать SМАRТ критериям,
то есть быть точными, измеримыми,
достижимыми, реалистичными и CBoe
временными. Желательно избеrать <<no
становкицелейрадипостановкицелей
исходить исключительно из индивиду
альных потребностей бизнеса.
Соответственно, вполне может возник
нуть ситуация, коrда будет осознано, что
сайт компании не требуется или нужен
в минимальном объеме, например, для
размещения контактной информации.
rрамотная по
становка цепей
и следование им
позволяет «не
растерять смысл»
по ходу разработ"
ки, уйдя в обсуж
дение малоза
метных нюансов
дизайна, невос"
требованных
ПОЛЬЗ0вателями
функционально
стей, поrоню за
масштабами и т. д.
Так, одним из крупнейших дилеров Nike
в России компанией «Только спорт»
было принято решение о создании имид
жевоrо корпоративноro сайта И3 одной страницы, сделанной с ис
пользованием технолоrии Ajax. Причем первоначально компания
рассматривала вопрос о создании полнофункциональноro электрон
Horo каталоrа продукции. Но отказалась от этоrо, выбрав решение
более концептуальное и соответствующее бизнес-требованиям.
Цели создания корпоративноrо сайта
Ваш корпоративный сайт может и должен стать инструментом, под
держивающим исполнение всех основных бизнес процессов KOM
44
Корпоративный веб сайт на 100%
пании. Соответственно, цели ero создания и развития также MorYT
быть сформулированы по девяти основным rруппам бизнес..
процессов, которые существуют в любой компании, например:
1. Стратеzическое развитие 5. Бизнес аналитика
бизнеса О Сбор аналитической инфор
О Позиционирование компании, мации с помощью опросов
портфеля брендов и продуктов и анкетирования, проводимоro
О Предоставление ба30ВОЙ ин непосредственно на сайте
формации о бизнесе компании О Изучение особенностей по
О Работа с бизнес партнерами ведения потребителей, их вкусов
и предпочтений
2. Маркетин;!
О Предоставление первичной
маркетинrовой информации
о компании, ее товарах, услуrах,
решениях и Клиентах
О Предоставление информации
для электронных и печатных
СМИ (в том числе, с помощью
подкастов, видеокастов
и RSS рассылок)
О Продвижение с помощью бан
нерной и контекстной рекламы,
участия в форумах, социальных
сетях и сообществах, работы
с блоrrерами, рассылок и т. д.
3. Продажи
О Прямая продажа продукции
через интернет маrазины и
электронные каталоrи
О Оформление заявок и отправ
ка запросов через веб формы
4. Клиентский сервис
О Формирование канала обрат
ной связи с Клиентами и партне
рами
О Консультирование, обучение
и прочие формы онлайн под
держки Клиентов
б. Управление персоналом
О Проведение первичноrо aH
кетирования и тестирования
кандидатов
О Формирование и поддерж
ка положительноrо имиджа
на рынке труда
О Формирование сообществ
из числа бывших сотрудников
7. Управление финансами
О Оптимизация документарноrо
оформления сделок, сокраще
ние цикла продаж
О Получение доходов от разме
щения рекламы на сайте
О Снижение оперативных и aд
министративных расходов
В. Управление инфрасmрук
турой и поддерживающи
ми процессами
О Оптимизация документообо
рота (в том числе, хранение ДOKY
ментов на «внешних» по отноше
нию к компании площадках)
О Формирование «виртуальноrо
офиса», интеrрированноrо с MO
бильными средствами связи
3/1 00% Цели владельцев
4S
9. Управление производ
ством
О Получение информации непо
средственно от Клиентов для
создания «кастомизированных»
продуктов (максимально адапти-
рованных под индивидуальНые
потребности)
Проблемы проектирования «без целей»
В своей практике мы неоднократно сталкивались с ситуацией, Kor
да Клиент не может ответить на вопросы: (<Для чею вам нужен вe6
сайт?», «Каких результатов вы хотите достичь с ею помощью?»
Отсутствие четких формулировок целей приводит к следующим He
rативным последствиям:
. при создании и развитии сайта утрачивается фокусировка
ресурсы начинают расходоваться на второстепенные задачи;
. снижаются мотивации и желание сделать хороший бизнес
продукт;
. теряется orpoMHoe количество дополнительных возможно
стей (например, по работе с акционерами, соискателями работы,
СМИ), про которые просто забывают.
Даже если цели сформулированы, необходимо стремиться к тому,
чтобы все участники процесса понимали их одинаково, а также oco
знавали, почему эти цели именно такие.
Эволюция целей
Все компании проходят практически одинаковый путь в плане 3BO
люции целей использования Интернета. Например, крупная дис
трибьюторская компания может начать свое присутствие в Сети с
создания корпоративноro веб сайта, основной целью KOTOpOro cтa
нет повышение удобства обслуживания Клиентов с помощью
Интернета.
Следующим шаroм часто является разработка электронноro каталоrа
и интернет маrазина для орrанизации торrовли через Интернет.
По мере формирования самостоятельных направлений бизнеса
и продуктовых линеек возникает потребность в их поддержке и,
соответственно, в создании специализированных подсайтов и промо
сайтов (например, с целью размещения на них информации об OT
46
Корпоративный веб сайт на 100%
дельных TOproBbIX марках или направлениях ведения бизнеса). Часто
возникает потребность в создании отраслевоro контент-проекта,
претендующеro на отражение независимой и самостоятельной по
зиции.
Впоследствии сайты начинают интеrрироваться между собой и с BHY
тренними системами (например, с СRМ приложениями) и перерастают
в еди ное информационное пространство, целью Koтoporo является
уже оптимизация 6изнеса и управление им. На этом этапе сайт
полностью сливается с общей информационной системой компании.
JUct'tlrdi'r.lrIt8rМl:.
... Edt \IIaOW ,....... Yook ..
Clhav.,,..........пО.N
""'"
[jUr"iiiI
вGErДA IIНЗI'Нfi цfi "1
..,.,.,.,.....
П"""""'"
"'""'......
......,..
. ..........
_'2r .
,............... 'SQ
..,.....-=
'............nt-trln
. c....
.. ,.......... =...
r......L
Bcero пунктов для про верки Oh
О Проверено
Из рецензий наших зкспеРТ08
l"I":"Ix
.
С].. ,..
. МlrC'1ll
....
Сайт компании «Маrнит» (www.mаgпit iпfо.ru)
---
Сайт предсказуемый, с точки зрения разделов. И это хорошо: ин
тересующую меня информацию о компании я нашел быстро там,
rде и предполаrал, и даже неработающий поиск не стал препоной.
Зачастую владельцам сложно пожертвовать своими представле
ниями о компании в пользу HeKoero набора стандартных информа
ционных блоков с бездушными цифрами, и те, кто разрабатывает
сайт, тратят немало сил на поиск компромисса. А я, частый посети
тель корпоративных сайтов, рад, коrда компромисс выrлядит KaK
то вот так с уставными документами в разделе «Инвесторам»,
С понятными правилами для поставщиков в разделе «Поставщики»
И т. д. Мне понятно, чем занимается эта компания, ради чеrо и как
она работает, и если я встречусь с KeM ТO из ее владельцев, то
не буду тратить время на стандартные вопросы, а перейду сразу
к делу. В этом, надеюсь, и была цель владельцев.
Алексей Скорулский, заместитель начальника улравления
лортфельноrо менеджмента и развития взаимоотношений с клиентами
дирекции розничноro бизнеса банка «Русский стандарт>
4. Козффициентконверсии
Козффициент конверсии (анrл. Coпversioп Rate) это
величина, показывающая, какой процент посетителей, за
шедших на сайт, совершил заданное действие (например,
осуществил покупку в интернет маrазине или отправил
электронное письмо).
Обычно для корпоративных сайтов эта величина равна
1 З%, а для интернет маrазинов не превышает 1 % (по дaH
ным MindShare Interaction). Это означает, что из ста посети
телей только один станет покупателем
Перечень действий, которые ожидают
ся от посетителя, должен быть cocтaB
лен и формализован Департаментом
маркетинrа. Применительно к корпо
ративному сайту такими действиями
MorYT считаться:
О Обращение в компанию по приори
тетному для нее каналу коммуникации
(например, телефону, электронной
почте, Skype, ICQ)
О Оформлениепокупки
в интернет маrазине или
выбор товара в электронном
каталоrе
о Знакомство с материалами
«О компании»
О Заполнение анкеты в разделе
«Вакансии»
Именно с целью
побудить Клиента
сдепать заданное
действие ДОЛЖНbI
проектироваться
абсолютно все co
ставляющие сайта
о Скачивание маркетинrовых
материалов (например,
рекламных буклетов, фотоrра
фий и т. д.)
О Комментирование материалов
в корпоративном блоrе
О Участие в анкетировании
потребителей
По величине козффициента конверсии, рассчитать которую можно,
например, с помощью Google Analytics, имеет смысл оценивать
качество созданноro проекта и уровень ero поддержки. Естественно,
что чем выше значение этоro коэффициента, тем лучше.
Низкие величины коэффициента конверсии часто обусловлены сле
Дующими факторами, влияние которых важно учитывать:
48
Корпоративный веб сайт на 100%
о Наличие значительноrо коли
чества конкурирующих сайтов
(в том числе независимых порта
лов и сервисов)
О Отсутствие необходимых
акцентов в интерфейсе (напри
мер, мелкие и плохо заметные
номера телефонов часто просто
не обнаруживаются вечно спе
шащими Клиентами)
о Сложность интерфейса веб-
сайта, существенно затрудняю
щая решение пользователями
собственных задач (например,
необходимость заполнения MHO
жества форм для оформления
заказа приводит к отказу от по
купки В 96% случаях)
Конверсия и уровень специализации
Величина коэффициента конверсиитес
но связана с уровнем специапизации
сайта. Например, в силу сверхвысокой
конкуренции сложно ожидать больших
значений этоro коэффициента на сай
тах компаний, торrующих мобильными
телефонами или пластиковыми окнами.
3амечено, что KO
зффициент KOHBep
сии на сайте про
монокпевых кобр
равен 98%
В то же время на узкоспециапизиро
ванных сайтах, часто являющихся монополистами в своей сфере,
величина конверсии может превосходить 30%. Связано это с тем, что
посетителям больше просто неrде получить нужную им информацию.
Например, у одноro из наших собеседников на сайте, продающем
сейфы, коэффициент конверсии доходил до 4,5%. Это объясняется
тем, что 95% Клиентам просто больше неrде было купить COOTBeT
ствующее оборудование.
Отсюда вывод: создавайте специализированные ресурсы с уникаль
ным, востребованным контентом.
Bcero пунктов для проверки O.;'j
О Проверено
5. Типовая принадлежность
К настоящему моменту не сложилось единой и общепри
нятой классификации типов интернет---сайтов. Как правило,
их различают по признаку решаемых задач (например,
задача интернет маrазина продавать товары, а промо-
сайта поддерживать продажи и формировать имидж)
Какие бывают сайты
Персональные
проекты. блоrи
Промосайты
Важно, чтобы
ПОПЬЗ0ватепь
с первой ceKYH
ды Mor понять,
что он находится
именно на сайте,
представляющем
в Сети бизнес
опредепенной
компании
Интернет-
маrазины
Информационные
и се рвисные
порталы
КDрпоративные
веб-сайты
К основным типам интернет сайтов относятся:
. корпоративные веб сайты, предоставляющие информацию
о компании, ее товарах и услуrах, включающие ленту новостей,
подписки на рассылки, список вакансий и т. д.;
. интернет маraзины, предоставляющие доступ к электронным
каталоrам, сервиса м сравнения товаров, личным кабинетам, си
стеме управления заказами и механизмам оплаты через платеж
ные системы и т. д.;
. промосайты, несущие рекламную информацию о товарах, услу
rax, акциях или проектах.;
. информационные и сервисные порталы, контент проекты,
BOKpyr которых создаются виртуальные сообщества, орrани
зуется общение в форумах, чатах и блоrах, предлаrаются раз
личные рейтинrи, rолосования, обзоры, справочники, онлайн
консультации и т. д.;
50
Корпоративный веб сайт на 100%
. персональные (авторские) веб проекты и блоrи, представля
ющие интересы и результаты деятельности отдельной личности
или небольшоrо коллектива людей.
Любой из перечисленных типов проектов может быть реализован
в виде WAP и/или РDА сайта, предназначенноro для просмотра
с мобильных устройств. Подробнее об этом мы расскажем в теме
«Версии сайта для мобильных устройств».
Стереотипы
Все приведенные описания достаточно условны. Особенно сложно Ha
звать полный список характеристик интернет порталов, которые MO
rYT представлять собой симбиоз элементов почти всех друrих типов.
......
1- ..П .....
Your l1ous<
Jt sai1 уои left the .
I РI
.
. ;>''"1r. 1 ..- I
..
,..8tunI""'pIc8 Wh..NlMe..dofor...
."""JO..lI\8IIIuI'lndufI!Iht
O'....<DfIaIjcInC G<I>.'И8IIIfII
"""8>dnoo........CIUIGм 1(-1281d,....e4J<-IIIDn
ftrf.".,.,.."",,8I4U1IIy S/IIOI8Id1М.... n
AWIOIrt..pi8ntI
""
""""'
...eu-....PйI8r.
.......
Пsecurltу
...,.,"'.."
lorrridbll
,
Корпоративный веб сайт компании IBM
присутствуют все стандартные элементы
В то же время у каждоrо из перечисленных типов сайтов есть xapaK
терные только для них шаблоны оформления. Например, зайдя на
www.amazon.com или www.ozon.ru, посетитель сраэу понимает, что
он находится в интернет"маrаэине. Почему? Потому что об этом
rоворят все элементы сайта: каталоr продукции, спецпредложения,
корзина для покупок и т. д. В отличие от Amazon, WWW.5Un.com являет
ся классическим примером корпоративноrо сайта, первая страница
KOTOpOro показывает основные направления работы компании, ее
новости, возможности для трудоустройства и т. д. Учитывать эти ша
5/100% Типовая принадлежность
51
блоны восприятия крайне важно, так как применительно к каждому
типу сайтов у пользователей уже сформировались определенные
ожидания. И если они не будут оправданы, то пользователь может
уйти к конкуренту или просто разочароваться.
Попробуйте посмотреть на собственный сайт максимально непред-
взято и определить, к какому типу он относится
о Корпоративный сайт
О Интернет маrазин
О Информационный или сервис
ный портал, контент проект
Очевидно, что в корпоративную информационную систему вашей
компании Moryт входить сразу несколько типов сайтов (например,
сайт компании и несколько промопроектов).
о Промосайт
О Персональный проект, блоr
О «Куча мала»
Мноrие компании часто сталкиваются с вопросом: «Нам создавать
uнтернет маюзин в рамках корпоративною сайта или делать для
нею отдельный проект на самостоятельном домене?» Ответ может
быть найден в создании сайта комбини
pOBaHHoro типа, в рамках KOTOpOro:
О В минимальном объеме интернет
маrазин присутствует на корпора
тивном сайте (например, в раздел
«Продукты И услуrи» выведен каталоr
товаров)
О Основной интернет маrазин распола
rается на домене TpeTbero уровня
(например, www.shop.company.ru). куда
автоматически переходит Клиент, Ha
чавший формировать корзину
Комбинированные типы сайтов
Самой большой
проблемой корпо
ративных сайтов,
по мнению поль
З0вателей, явпя
ется отсутствие
цен на товары
и услуrи
При этом управление обоими сайтами обязательно должно проис
Ходить из одной системы управления контентом, работающей с двумя
фронт офисами. Такая схема сразу дает целый ряд преимуществ, Ha
Пример таких, как отсутствие дублирования информации.
Bcero пунктов для проверки ОА
О Проверено
б. Конкурентный анализ
Конкурентный анализ это практика изучения опыта
компаний, действующих в аналоrичной отрасли и борю
щихся за сходных Клиентов или покупателей
На Западе детальное изучение конкурирующих проектов явля
ется одним из основных этапов, с KOTOpOro начинается разработка
или модернизация веб сайтов (на Hero тратится до 70% времени на
предпроектной стадии). При этом подробно изучаются все сильные
и слабые стороны конкурирующих ресурсов.
Один из авторов этой книrи во время cтa
жировки в компании Fathom Interactive
имел возможность наблюдать за этим
процессом воочию.
Наибопее серьез
ны конкурентные
преимущества,
которые ПОЛЬЗ0
ватепи обнару
живают даже при
беrлом просмотре
Например, в ходе проведения KOHKY
peHTHoro анализа areHTCТBo недвижи
мости может обнаружить, что сайты
конкуренты предлаrают своим Клиен
там сервис поиска непосредственно по
базе недвижимости. Причем поиск этот
орrанизуется в виде «мастера», задающеro Клиенту специально по
добранные вопросы (к примеру: «Вы ищете квартиру или отдель
ный дом?», «Вы хотите жить в центре или предпочитаете более
спокойные районы»?). Это очевидное конкурентное преимущество,
дающее дополнительные доходы.
Может выясниться, что не все решения, внедренные на изучаемых
сайтах, дают положительный результат. Скажем, создание чрезмерно
большоro архива новостей вполне способно вводить в заблуждение
посетителей, пришедших в Hero с поисковых систем и не обративших
внимание на даты новостей (такой посетитель может с удивлени
ем узнать, что компания «неделю назад успешно прошла ваучерную
приватизацию»). Отсюда простой вывод: далеко не все практики
конкурентов имеет смысл слепо копировать.
б/100% Конкурентный анализ
53
Не можете управлять не измеряйте
Бессмысленно проводить конкурентный анализ, если по ero
итоrам не последуют какие либо корректирующие действия.
Например, если в силу известных причин переструктурирование
каталоrа продукции или отказ от устаревшеrо фирменноro стиля,
разработанноro лично внуком отца основателя компании, будут
малореальными.
Проведение KOHкypeHTHoro анализа, как правило, является функцией
Департамента маркетинrа. Специалисты, занимающиеся подобной
работой, должны иметь довольно специфические навыки, отличаю
щиеся от навыков проведения cтaHдapT
ных маркетинrовых исследований. Они
должны уметь rpaMoTHo анализировать
интерфейсы и функциональности, опре
дел ять степень их полезности для целе
вых аудиторий и самой компании.
Одним из видов KOHKypeHTHoro анализа
является бенчмаркинr.
Как проводить анализ
При проведении KOHкypeHTHoro анализа:
о 3апроведениеконкурен
Horo анализа должно нести
ответственность конкретное
должностное лицо (например,
менеджер по маркетинrу)
О Не следует сравнивать сайты
несоразмерныхкомпаний
(например, почти бессмыслен
но сравнивать сайт компании
Ваrпеs & NobIe с интернет
маrазином фирмы, торrующей
тремя асфальтовыми катками)
О Проведение аналитических
работ требует соответствую-
щих инвестиций, равных
примерно 50% от бюджета
разработки сайта
Конкурентами
мноrих корпора
тивных сайтов
стали проекты
тренда Веб 2.0,
на которые ушла
значитепьная
часть трафика
о Должна быть обеспечена pery-
лярность проведения аналити
ческих работ (частота их Прове
дения, как правило, определяется
динамикой изменений в отрасли
и, например, может равняться
одному исследованию в rод)
О Необходимо особенно вни-
мательно изучать инновации
и «фишки», так как именно они
дают мощные маркетинrовые
преимущества (например, Ha
личие калькулятора для расчета
стоимости путевки с учетом кур-
сов валют может быть сильным
преимуществом туристическоro
сайта)
54
Корпоративный веб сайт на 100%
о Важно изучать не только прямых конкурентов (часто сайты, при
надлежащие компаниям одной отрасли, развиваются с одинаковой
«скоростью», на них внедряются сходные решения. Опасные или,
наоборот, полезные инновации Moryт возникнуть в смежных OTpac
лях. Их важно не пропустить; например, вовремя заметить тенденцию
общения с Клиентами через Skype, а не обычную телефонию)
Конкурентный анализ должен рассматриваться как самостоятельный
проект (с определением руководителя, исполнителей, rрафиком pa
бот, бюджетом, отчетностью). Этот проект может исполняться силами
самой компании или быть передан стороннему areHTCТBY.
Неспособность мноrих компаний по
смотреть на смежные отрасли при
водит к тому, что сайты конкуренты
становятся похожими Apyr на Apyra
как братья близнецы. Например, при
работе с Клиентами мы постоянно стал
киваемся с ситуацией, коrда заказчик
rоворит: «У меня крупная компания по
производству пластиковых окон. Наш
конкурент завод "Неустрашимые окна" сделал у себя на сайте
калькулятор для расчета стоимости стекла и рам. Мы тоже xo
тим калькулятор. А лучше сразу два таких калькулятора!» Резуль
тат сходство всех отраслевых сайтов, каждый из которых боится
решиться на инновации.
Конкуренты часто
копируютсайты
Apyr Apyra, лиша
ясь, таким обра
30М, возможности
выделиться
Bcero пунктов для проверки Oh
О Проверено
7.6енчмаркинr
Бенчмаркинr (анrл. beпchтarkiпg) это подход к стратеrи
ческому планированию деятельности компании, предпола
rающий непрерывный процесс оценки уровня продукции,
услуr и методов работы, открывающий, изучающий и оце-
нивающий все лучшее в друrих орrанизациях с целью ис
пользования полученных знаний в работе своей орrаниза-
ции (Wikipedia).
Применительно к работе в веб среде бенчмаркинr это
изучение и внедрение передовоro опыта проектирования,
разработки, поддержки и развития веб-систем.
Например, вы можете сэкономить колоссальное количе
ство ресурсов, переняв структурирование каталоrа продук
тов с сайта www.ibm.com или способ трансляции новостей
с www.news.google.com
Скорость копирования
в Интернете новые решения, на поиск которых, возможно, было по
трачено orpoMHoe количество ресурсов (буквально, миллионы дол
ларов и человеко--месяцев), копируются
и тиражируются в течение нескольких
часов.
Например, удачный способ размещения
баннеров будет заимствован (читай: «ско--
пирован») за несколько часов!
Дпя сферы веб
разработок xa
рактерно CBepx
быстрое распро
странение любых
попезных инно
ваций
Объясняется это невозможностью за
щиты идей как таковых, а также тем, что
практически любой опыт на уровне ди
зайна и проrраммноrо кода леrко пере
нимается. Подобная ситуация делает совершенно бессмыслен
ным и вредным использование всевозможных «наивных» способов
защиты типа блокирования правой клавиши мыши или запрета на
команду «сохранить как...» В браузере.
56
Корпоративный веб сайт на 100%
Объекты для бенчмаркинrа
Реrулярный мониторинr инноваций желательно занести в календарь
поддержки и отслеживать изменения на:
о Сервисных сайтах тренда Веб 2.0 О Сайтах конкурентах, с целью
(например, www.trаiпео.соm. сохранения и приумножения
www.digg.com, www.liпkеdlп.соm) собственных преимуществ
О Сайтах компаний, занимающих О Сайтах, являющихся обще
ся веб разработкой (например, признанными образцами
на сайте флаrмане flаsh дизайна и «законодателями моды»
WWW.2аdvапсеd.соm или на зна (например, www.microsoft.com,
менитом www.З7Sigпаls.соm) www.skype.com, www.suп.соm)
В качестве объектов бенчмаркинrа вы можете использовать:
О «Изюминки» И «фишки», при- О Ориrинальные сервисы и функ-
дающие сайту ориrинальность циональности (например, раз
и запоминающиеся Клиентами личные калькуляторы на сайте
(например, возможность пере «Первой страховой компании»
структурирования страницы www.1sk.ru)
на www.orапgе.соm) О Удачные дизайнерские реше-
О Способы подачи и структуриро- ния (например, способы оформ
вания контента (например, ления процедуры реrистрации
на www.mezzobIue.com на www.trаiпео.соm)
или www.lulu.com)
Наиболее полезным и при этом сложно
копируемым объектом для бенчмаркин
ra являются нестандартные сервисы
и функциональности (например, воз-
можность поиrрать с «конструктором ме--
бели» на сайте IKEA, позволяющим созда
вать и сразу заказывать индивидуальную
конструкцию «стенки»). Соответственно, именно в них содержится
максимальный конкурентный потенциал, позволяющий привлечь
посетителей и удержать их на сайте.
Конкурентов
бояться бенч
маркинr не прово
дить!
Bcero пунктов для проверки О
O npoBepeHo
8. Отраслевая специфика
Во мноrих отраслях есть свои сложившиеся особенности
и стереотипы ведения бизнеса, часто отличающиеся от
общепринятых или концептуально правильных стандартов.
Подобные нюансы необходимо учитывать при проектиро
вании интерфейсов корпоративных сайтов, чтобы не Hapy
шать привычные для ваших Клиентов клише
Обычно специалисты по маркетинrу xo
рошо представляют себе отличительные
особенности, которые характерны для
тех или иных отраслей. Например, это
MorYT быть:
О Использование особых способов
классификации товаров (к примеру,
в сфере недвижимости квартиры MorYT
подразделяться на однокомнатные,
двухкомнатные, трехкомнатные и элит-
ные, что является нарушением OCHOB
ных принципов классификации)
О Применение oTpacneBoro
«cnенrа»(например,использо
вание понятия «модная капсула» О
в индустрии модной одежды для
молодежи)
О Сложившиеся способы орrани
зации обратной связи (напри
мер, очень распространенный
формат общения по ICQ в сфере
туризма и среди rаджетоманов)
О Особенности товаров (напри
мер, нельзя делать чрезмерно
красивыми пачки табака или
использовать в ero продвижении
детей)
О Общий уровень и методы KOH
Куренции в отрасли
Из разrовора
с Клиентами:
Скажите,
а в чем специфика
ваших заказчи
ков?
Hy y, не знаю...
Я хочу, чтобы сайт
их просто пора..
довал
Степень прозрачности бизнеса
(например, в сфере полити
ческоro консалтинrа принято
тщательно скрывать список
Клиентов и Проектов, а в сфере
веб разработок, наоборот, следу
ет демонстрировать портфолио
и подписывать работы)
О Принятые в отраcnи «критерии
авторитетности компании»
(например,распространенная
в юридической сфере практика
продвижения компании через
имена конкретных специали
стов)
58
Корпоративный веб сайт на 100%
Например, представители отрасли rазо или нефтедобычи совсем
мало rоворят о своей прямой деятельности, но максимально aKцeH
тируют внимание на поддерживаемых культурных, спортивных и
природоохранных проектах. Для их масштабов деятельности это
абсолютно правильное решение. Но оно будет неприемлемо для
маленькой компании, работающей под маркой «от Морозки» И пред
лаrающей замороженные котлеты и пельмени.
.. ida ;;"'- . 1'" .-;- ..
..,...,..........
....с..........'СОООСО.UII ....... ,р
.... .. ." . ..",. n
tf()W11. tнtLJ.ИIU'lNO
"' "'(FOIInI.NIW
...
...4
=-..:'"' . .,
.....
' .""'1-...... .:J ..
"
l!.iA8'to....lltoo1
............
"
.........
""".... ....
."'II"'.roout...,,,,..
=::....-:::"*...
..tмnlм-I......"
C81IIO...""",CIIIIIIIIy
',1"
",,",'''''
==:=IOd '11I
g.......III8U1IIW'8
nnw200l ...............................
Job search AtnWIiI Report Sh8II Есо--
Сайт компании Shell
дружественный, красивый, интересный
Конечно, есть и друrие великолепные примеры. Скажем, компания
Starbucks (www.starbucks.com).
..JШ
........"--"'..... .,..,.....мc
1!1.. .. "" .'.ф
.,. ак:
..а
са
Q)
"....
TEAТlME NOW
АТ STARBUCKS.
Full J
..т
IIDD
,..
......
Сайт кофейни Starbucks
ориrинальный, романтичный, притяrательны
8/1 00% Отраслевая специфика
59
Всеми возможными способами компания Starbucks старается под
черкнуть атмосферу романтики кофе и комфорт «TpeTbero места»
(не дом и не работа), в котором человек может расслабиться и oтдo
хнуть. Нужный настрой создается на сайте с помощью естественных
и мяrких тонов, «личноrо» обращения к Клиентам, очень красивой
демонстрации продукта. Несмотря на orpoMHbIe размеры, компания
позиционирует себя как уютное и изысканное заведение.
Bcero пунктов для проверки ОА
О Проверено
..J - bJtOmot
dIt__. 1'__
I , 1"i}Щ:I=/JWwrI.wЫ.N ...=..
Из рецензий наших экспертов
!!'f
;'С'" ,,,,,1'.1
e
'" .;;'''' 1""""'- Z-Е. EJI.....,.п
':;,..!! tA':IЛ -lа!rlr
Q
ИНВI'iСf
rlAfJ !Ibl
JIДUP( I)f'f
l( rA САЙ1А
ttOIHt\ '
""1'
, ,
&lJI
::-J;::1';J
ф
'. .'
"'1;'
ур.У ..яr-.n
Сайт компании «Вимм Билль Данн» (www.wbd.ru)
.
Информация о брендах компании четко разнесена по различным
разделам сайта, облеrчая поиск пользователю. Однако nредстав
ленность компании в различных cerMeHTax рынка (молоко
напитки) никак не отражена, бренды «в куче». Также на первой
странице не nоказана сфера деятельности компании несколько
молодых людей, девушка, девочка и roрод вдалеке. Содержание
каждоro из брендов раскрыто прекрасно, с описанием истории,
наrрад, ориентации на cerMeHT, но вместе с тем, на мой взrляд, не
достаточно эмоциональной окраски брендов. В конечном итоrе
для потребителя продукции все очень подробно и научно, а no
тому вряд ли интересно. Подраздел «Архитектура бренда», скорее
Bcero, не при влечет ero внимания. Нет и никакоro освещения Ka
чества продукции, значимоro KOHKypeHTHoro преимущества для
продуктов cerMeHTa FMCG.
Яросnа.. Акимов, Quality Manager ЗАО «MД PYC»
(международный холдинr VЕШХ)
t
9. Удобство ИСПОЛЬЗ0вания
Юзабипити (анrл. usability дословно «удобство пользова
ния», «применимасть») это понятие, обозначающее об-
щую степень удобства использования любоro предмета,
в частности удобство использования веб сайта. Часто
термином «юзабилити» называют набор методов улучше
ния интерфейса сайта в процессе ero разработки
Если вы находи
те сайт раздра
жающим, какие
действия вы пред
принимаете?
Рейтинr ответов
посетителей:
76,7% не буду
больше захо
дить на этот сайт
74,2% отпи
шусь от рассыл
ки компании
71,з% будуот
носиться к KOM
па нии с пред
убеждением
71,0% небуду
заказывать про
дукцию на этом
сайте
54,9% paCCKa
жу о неудачном
сайте знакомым
По данным
компании HostWay
Наиболее близким к понятию «юзаби
лити» бизнес термином является, Be
роятно, понятие «клиентоориентиро
ванность». Именно оно максимально
передает ключевую идею этой концеп-
ции проектирование ве6 сайта с
точки зрения Клиентов и cTporo под
решаемые ими задачи.
В идеале, даже неопытному интернет
пользователю при работе с сайтом
должно быть «все понятно» и удобно.
Помните фразу: «Счастье это KOZ
да тебя понимают»? Она, в том числе,
и про восприятие Клиентами вашеro сай
та. Сделайте своих Клиентов чуть чуть
счастливее.
Оценку удобства использования веб
сайта принято проводить в трех OCHOB
ных направлениях:
О Эффективность параметр, учиты
вающий количество и качество задач,
которые пользователи MorYT решить
с помощью ве6--сайта
О Продуктивность параметр, опреде
ляющийся скоростью решения поль
зователями своих задач и количеством
совершаемых ими при этом ошибок
9/1 00% Удобство использования
61
о Удовлетворенность параметр, отражающий общий уровень KOM
форта пользователей при работе с веб сайтом.
Провести оценку удобства использования сайта вы можете с помо
щью экспертов по юзабилити или орrанизовав пользовательское
тестирование.
Пользовательское тестирование
Попьзоsатепьское (ипи юзабипити) тестирование
это, соrласно определению Wikipedia, метод оценки удоб
ства использования продукта, основанный на f1ривлечении
пользователей в качестве тестирующих
Пользовательское тестирование позво
ляет выявить и устранить ошибки, дo
пущенные при проектировании интер
фейса сайта. Эти ошибки MorYT оказаться
очень разными от некорректных Ha
званий разделов в навиrационном меню
(типичный пример: создание раздела
"Информация») до чрезмерно сложных
и запутанных сценариев оформления
покупки в интернет маrазине.
Каждый потра
ченный на юзаби
пити доллар
возвращает от
10 до 100 допла
ров прибыли или
сэкономленных
средств
Скажем, вы можете обнаружить, что пользователи пытаются кликать
в элементы, не предназначенные для этоro. Например, в имиджевую
фотоrрафию с изображением веселых
утконосов, размещенную на первой cтpa
нице вашеrо корпоративноro сайта.
Это может объясняться множеством при
чин: непонятностью остальноrо интер
фей са, иллюзией «кликабельнасти» или
любовью вашей аудитории к утконосам.
В любом случае эту особенность поведе
ния пользователей нельзя иrнорировать,
а лучше Bcero продуктивно использо
вать (например, сделать от фотоrрафии
Целью юзабипи
ти тестирования
является Bыpa
ботка peKOMeH
даций по COBep
шенствованию
удобства исполь
зования интер
фейса сайта
62
Корпоративный веб сайт на 100%
ссылку в раздел «Продукты И услуrи» надеемся, там можно купить
утконоса).
Одним из часто упускаемых моментов при проведении тестирования
является анализ используемых на сайте приемов «защиты от дypa
ка». Например, вы должны проверить, что в поля с датами и денеж
ными единицами нельзя ввести отрицательные числа. Или убедиться,
что невозможно указать фамилию, состоящую из одних цифр.
При проведении пользовательскоrо тестирования:
о Все работы ДОЛЖНЫ прово
диться на основе тестовых за
даний, выдаваемых участникам
тестирования и соответствующих
типовым сценариям поведе
ния пользователей (например,
задание может звучать так:
"Попробуйте купить товар
в интернет-маюзине» или
"Отыщите на сайте KOHтaKт
ную информацию и обратитесь
в компанию с претензией»
О С пользователями обязательно
должен работать Moдepa
тор, направляющий их усилия,
но не оказывающий помощи
О Следует постоянно вести
аудио- и видеозапись Bcero
процесса тестирования
о Участники тестирования долж
ны проrоваривать все свои
действия и рассуждения вслух,
чтобы их проще было фиксиро
вать и анализировать
О С помощью специальных
устройств должна автоматиче-
ски проводиться запись всех
действий, совершаемых на
зкране(например,движений
мыши), а также динамики дви
жения взrляда ПОЛЬЗ0вателя
по интерфейсу. Это позволяет
обнаружить "узкие» и непонят
ные места в интерфейсе сайта
(например, отследить, куда,
на самом деле, кликает пользо
ватель, пытаясь уйти с первой
страницы сайта)
Всем приведенным выше требованиям соответствует только орrани
зованная процедура, проводимая, как правило, специалистами по
юзабилити с использованием соответствующеrо оборудования.
Bcero пунктов для проверки O
О Проверено
1 о. Веб статистика
Веб--статистика это условное название всей совокупно
сти действий, связанных с изучением статистических дaH
ных о сайте. Подобная аналитическая работа проводится
обычно в полуавтоматическом режиме на основе данных,
собранных специальными приложениями или средствами,
встроенными в систему управления контентом
в зависимости от поставленных целей
и задач вы можете выбрать разные па
раметры для анализа, например:
О Посещаемость (общее количество
посетителей, число новых посетителей,
уникальные хосты, число переходов,
количество просмотренных страниц и
друrая информация за заданный период
времени)
О Потоки посетителей (число переходов
с поисковых машин, со ссылающихся
сайтов и друrих ресурсов с учетом Bpe
мени переходов, rеоrрафии, IP и т. д.)
О Параметрbl реклаМНblХ кампаний
(затраты, доходы, прибыли, рентабель
ность, стоимость кликов, сеrментация
аудиторий и т. д.)
О Внимание к контенту (точки входа на сайт, точки Выхода, пути, отрез
ки путей, рейтинr разделов, рейтинr отдельных страниц и т. д.)
..J СобblТИЯ (количество скачиваний файлов, кликов по баннерам, уходов
на покупку, комментариев, заполнений анкет и прочих действий, свя
занных с конверсией)
Что следует анализировать
В зависимости
от используемо
ro nporpaMMHo
ro обеспечения
спектр собирае
мой информации
будет существен..
но меняться.
Например, есть
инструменты,
позволяющие
отслеживать толь
ко упоминания
в блоrах
Собранная статистическая информация обязательно должна служить
основой для непрерывноro совершенствования сайта (если roTOB
НОсти к этому нет, то вся аналитическая работа становится бессмыс
ленной). Например, изучив маршруты движения пользователей по
64
Корпоративный веб сайт на 100%
сайту, вы можете перепроектировать внедренные на нем сценарии.
Анализ событий позволяет судить об эффективности рекламных KaM
паний и т. д. Отчеты об этих и друrих результатах анализа статистики
обычно предоставляются владельцам сайта (РУКОВОДСТВУ компании)
и MorYT служить основой для постановки задач веб разработчикам
или рекламным интернет аrентствам.
Инструменты сбора информации
Аналитическая работа невозможна без соответствующеrо инстру
ментария. Например, вы можете использовать:
О Средства, предоставляеМblе системой управления контентом,
работающие без размещения кнопок, имиджей или JаvаScriрt кода
в теле страницы
О Внешние неэаВИСИМblе систеМbI, работающие в режиме леrко
интеrрируеМblХ сервисов (SpyLOG, Google Апаlytiсs и т. п.)
О Неэависимые ПрОДУКТbl, устанавливаеМblе на сервер хостинrа
(WеЬtrепds, AWStats и т. п.)
Есть три вида лжи:
ложь, наrлая пожь
и статистика.
Бенджамин Дизраэли,
анrлийский деятель
и писатель
Исходя из своей практики, мы peKO
мендуем вам использовать сочетание
статистических возможностей системы
управления контентом и инструменты
Google Analytics.
Помните, что при необходимости MorYT
быть заказаны дополнительные стати
стические модули, расширяющие воз
можности вашей платформы. Например,
вам Moryт потребоваться инструменты, автоматически создающие
отчеты о работе дилеров, или ориrинальная аналитика поведения
пользователей в интернет маrазинах (там, как известно, часто на-
чинают работать законы больших чисел). Любые отчеты MorYT экс
портироваться в форматы офисных документов (например, в MS
Excel) для последующей обработки и предоставления руководству
компании.
Bcero пунктов для проверки O
О Проверено
11. УТП и позиционирование
Уникальное ToproBoe предnожение (УТП) это KOpOT
кая фраза, выражающая суть и уникальность бизнеса KOM
пании с точки зрения ее Клиентов. УТП может быть сформу
лировано по отношению к компании в целом, ее продуктам
или непосредственно к веб сайту. Прочное внедрение УТП
в сознание потребителей одна из ключевых задач Map
кетинrа
Существуют десятки приемов формулирования УТП. Например, для
этоro можно попробовать продолжать фразу: «Только наша KOMпa
ния...» (или «Только на нашем сайте...»).
Зачастую даже это оказывается затруд
нительным.
Способность указать УТП нередко связы
вают с так называемым лифтовым Te
стом (или тестом одной минуты). Суть ero
состоит в том, чтобы суметь быстро и
четко продемонстрировать основные
преимущества и отличия собственноrо
бизнеса «идеальному Клиенту», с KOTO
рым вы якобы едете в лифте. Сделать это
надо за 60 секунд, перечислив три че
тыре коротких предложения.
Еще более экстремальная ситуация воз
никает в Интернете у сайта есть Bcero
несколько секунд, чтобы доказать свою
пользу для посетителя.
Попробуйте за
60 секунд обосно
ванно ответить
на вопрос:
Чем ваш биз
нес отличается
от бизнеса KOHКY
рентов?
А теперь сделай
те то же самое
за 30 секунд...
Вопрос обычно
ставит в тупик.
Наиболее частый
ответ:
Как это сделать? Для начала лучше OT Ничем
шлифовать саму формулировку УТП.
Очень хорошо, если в ней будет указан
ваш продукт или стержневая компетенция (например, «Максимально
полезные деловые книrи»). Только после этоro имеет смысл выбирать
способ демонстрации УТП вашим Клиентам.
бб
Корпоративный веб сайт на 100%
Способы передачи УТП
Существует множество способов демонстрации УТП. Вы можете BЫ
брать один из них или использовать сразу несколько:
о Слоrан (девиз), вынесенный
на хорошо заметное место на
всех страницах сайта или в ero
заroловок
О 60льшая осмысленная
иллюстрация баннер, дeMOH
стрирующая флаrманский товар
или услуrу
О Фраrмент текста «О компа
нии...», четко сообщающий о
сфере ее деятельности и KOHКY
рентных преимуществах. Этот
текст может быть дополнен спи
ском ключевых слов, что очень
«порадует» поисковых роботов
о Хорошо иллюстрированные
анонсы, описывающие наиболее
востребованные продукты
О Короткий видеоролик, наrляд
но иллюстрирующий суть УТП
О Кнопки, запускающие проrpам
мные «мастера», помоrающие
за 2 З клика реализовать самые
востребованные Клиентами
операции
О Фраrменты рекомендаций,
подчеркивающие отличитель
ные аспекты работы компании
и успешный опыт сотрудниче
ства с ней
Например, компания Apple очень хорошо демонстрирует УТП дnя
модели iPhone 3G. На первой странице сайта размещена велико-
лепная иллюстрация, показывающая новый продукт и слоrан (Twice
as fast. Ha/f the price), подчеркивающий ero конкуретные преиму
щества.
=""K
.tWIf.....,.,,
=:...
8lWlCOOUQ:I....oam........
::' :.. .
.....,...prog.....
= .
....... ...........
"-"'18...........,.
lWwtr.........bctl8n9&
..8jI'....\AIr'8...,..,.
{-.. ..
....
..... ""''''''
T.hId
iPhone
ЗG
Twice as fast. Half the price:
T F'"A&IJIt
. .........
:;:.n.. .
<>
..... ...... ...,. ..
....
==-.
............
........'.0:1
\1IIor""I'1'\IIIn.
.......,
=....
.........т....
.. =::-.
The fastest way to buy IIn IРhone ЭG !;tiN"ho here ..
Кроме указанных выше способов, УТП можно продемонстрировать
с помощью так называемой перетяжки своеобразноro баннера,
11/100% УТП и позиционирование
67
тянущеrося через все страницы сайта. Или сделать акцент на УТП
в контекстной рекламе (особенно это полезно, если ваше пред
ложение связано с конкретным товаром или услуroй).
Часто задают вопрос о том, как наrлядно показать УТП для компании,
предлаrающей не товары, а услуrи. Обычно для этоrо (кроме слоrана)
используют имиджевые иллюстрации, метафорически подчерки
вающие ваши преимущества и отличия в уровне сервиса. Чаще Bcero
это фотоrрафии людей, создающие необходимое настроение.
Bcero пунктов для проверки ОА
О Проверено
И3 рецензий наших экспертов
,: - llnlemot ""
FIiI Edit .,.... F8YOf1:," , o0ןI ...
f>,k fS-S; JItwм 1\I
..
AAnoФo6otnc
............
8
Банк для успешных людей
ш-о
""""""*
м... ...
..
NlI!IC'f'IO
....
.. ..............."..
.......
............
..........
............
t'P
......
"8IIOII)''' 14Y lCopnopaY..MblM .MH8НC08WM 1tМ..С1"ицмсжtiwtt
8м3М8СУ ICIltМMT." орr-НII,,8Ч".1III e8to:
(,
Моя Альфа
........
Москва
.......... """""'"
Сайт rруппы Альфа банк (www.аlfаЬапk.ru)
.............
..........
.......
........,
На данном сайте достаточно четко видно позиционирование
Альфа-банка, как банка для людей с доходами выше среднеro (или,
с точки зрения nсихоrрафики, для людей, которые считают себя
успешными), об этом недвусмысленно rоворит слоrан, размещен
ный на первой странице (<<Банк для успешных людей»). В nринциnе,
именно этот слоrан, nO MoeMY, можно считать уникальным торro
вым предложением банка, нацеленноrо на людей, для которых
важны, прежде всеro, сервис и удобство, а не тарифы.
Роман Оrпобnин,
директор ло исследованиям SOCIS MR Russia
.......
- ........
, .......
,, ...... lI!МU'If
12. Факторы доверия
Клиенты будут работать только с тем сайтом (и, COOTBeTCТ
венно, компанией), который вызывает у них доверие. Это
аксиома продаж и маркетинrа, которую знают даже новички
К числу факторов, быстро вызывающих
доверие, относятся:
О Ясный, понятный И удобный интерфейс
О Визуально привлекательная, вырази
тельная зстетика оформления всех
страниц
О Отточенные, ориrинальные и полезные
тексты
О Хорошо продемонстрированный список
Клиентов и бизнес партнеров
О Наличие рекомендаций от авторитет
ных Клиентов
О Наличие сертификатов, Harpaдo кубков и т. д.
Веб сайт pewaeT
спожную зада
чу MrHoBeHHoe
формирование
доверия за счет
факторов, пред
попаrающих
беrпое считыва
ние с зкрана
Исходя из особенностей cBoero бизнеса, вы можете выбрать тот набор
факторов, который будет максимально эффективно работать именно
в вашем случае. Например, для торroвой компании это MorYT быть
ассортимент продукции и четкие, компактные рассказы о каждом
предлаrаемом товаре. Банки часто rордятся длительностью своей
истории, размерами капитала и разветвленностью филиальной сети.
Важно понимать, что доверие это сверхценный продукт. Ero дo
вольно сложно завоевать, но можно и потерять за считанные минуты.
Для этоro, например, достаточно проиrнорировать запрос пользо
вателя, не ответить на комментарий в блоrе или не предоставить
товар в указанные сроки. Пользователи не простят вам неработаю
щих систем оформления заказов или чрезмерно сложных анкет для
реrистрации.
Bcero пунктов для проверки Oh
О Проверено
13. Бренд"менеджмент
Корпоративный веб сайт является одним из ключевых ин-
cTpYMeHTQB управлениябрендом компании и брендами
ее продуктов
к сожалению, особенности интернет
среды пока существенно оrраничива
ют возможности брендинrа, фактически
сводя их к ИСПОЛЬЗ0ванию стандартов
фирменноrо стиля. Хотя уже появились
принтеры, способные передавать «KOp
поративные запахи» при распечатыва
нии веб страниц.
Друrая явно близкая инновация TpeXMepHыe и roлоrрафические
интерфейсы с эффектом зуммирования (изменения масштаба объ
ектов), которые MorYT позволить существенно усилить воздействие
бренда.
Пока что принтер
наwей компании
передает топько
едкий запах
чернип...
ф...,, ,,
_:! , "IA, """";';. :
6
5unaПН'
,.
'
.,
\
...
I
.}?
......,.,..
IIoБIWНlle paaeoa8U
fi)1.la ;: : ;:;: _ 8' Ы
lc:. M ":.fJ2'!.дW Вo.:. C _ _ 1 _
111 ,.. '" J ' .
.........
. Т..р ф..
: ,;;:"",I,\""
.. n8n
.......
.T ..8P1
""'P" .
: ,:;;aWН" ""'.P><81
.USB ....
. ""''P'"
....................
........
":::"'М18
t,'>t1rтr,,.. "\THIII." ,
.1W c.- .wayrмcaal'l8......
-Т;оро",,", Уcлyr><
-корnор.о'........r=n'f'"I< .015 .
01): ЩК'..
. >m" ....." ;'n'---J\cu....
. ......п.,.I.JQYrII . o.,lIIIpUI C8R
...... ..+ Po<:,..c><"'
. cмra(OМC) Мe:ur "'"
...........
.Оroolp8IЩ1а'1or..........
-
Dcм tt
............
70
Корrюративный веб сайт на 100%
Корпоративные стандарты
Исходя из имеющихся на сеroдня возможностей, вы можете поза
ботиться о том, чтобы на сайте соблюдались:
о Стандарты фирменноrо стиля
(единая символика, цветовая
raMMa, приемы верстки, фир
менные персонажи т. д.)
О Манера написания текстов,
их характер (единый стиль,
жанр и т. д.)
Продукция созда
ется на фабриках.
Бренды создают
ся в умах.
Уолтер Лэндор,
основатель Landor
Associates
о Корпоративные стандарты
обслуживания Клиентов (co
блюдение ценноаных ориенти
ров, следование определенной
манере общения, скорость реаrи
рования, расстановка приорите
тов и т. д.)
Все перечисленные инструменты брен
динrа должны усиливать друr друrа, тем
самым создавая общий образ компании,
поддерживаемый сайТОМ.
Очевидно, что только веб сайта будет дa
лека не достаточно для формирования
в сознании Клиентов нужноro представ
ления о вашем бренде.
Сайт сможет только «дать обещание»
определенный посыл, который впоследствии должен быть поддер
жан реальной работой с Клиентами.
При адаптации фирменноrо стипя к применению на веб сайте:
о Убедитесь в том, что цвето--
вая raMMa корпоративноrо
сайта соответствует фир
менным цветам, указанным
в Руководстве по фирменному
стилю (причем не «на rлаз»,
а по соответствующим коди
ровкам)
О Лоrотип компании должен
располаrаться в верхней
части всех страниц,
не должен быть искажен
или испорчен
О Слоrан компании должен pac
полаrаться в заметном месте
и воспроизводиться абсолют
но точно
о При подборе иллюстраций
необходимо соблюдать
имиджевую политику компа
нии (например, использовать
определенные фотоrрафии,
пиктоrраммы, иконки и т. д.)
О На сайт Moryт быть в адапти
рованном виде перенесены
некоторые приемы формати
рования текста, характерные
для фирменной полиrрафии
компании (например, способы
оформления заrоловков, цитат,
сносок и т. д.)
О Если У компании есть фир
менныЙ персонаж, то он может
присутствовать на сайте
1311 00% Бренд менеджмент
71
о Fаviсоп небольшое изобра
жение, выводимое в адресную
строку браузера, допжен
быть нарисован с учетом фир
меннойсимвопикикомпании
и часто повторять ее фирмен
ный знак
в рамках корпоративноrо сайта может
быть развернут центр поддержки брен
да компании, в котором рекомендуем
разместить (в виде файлов для скачива
ния):
О Руководство по фирменному стипю
(описание стандартов оформления
визитных карточек, бланков, презента
ционных материалов, сувенирной про
дукции, транспорта, интерьеров и т. д.)
О Брендбук (описание концепции и идео--
лоrии бренда)
О Эпементы фирменноrо стипя (лоroтип,
фирменный знак, персонаж, шрифты,
фотоrрафии, имиджи, аудио и видео
ролики)
Часто эти материалы размещаются в партнерской зоне, доступ к KO
торой открывается по соответствующему лоrину/паролю. Особенно
ценным это будет для компаний, имеющих разветвленную филиаль-
ную сеть или работающих по франчайзинrовым схемам.
о BOKpyr поrотипа допжны
быть оставпены стандартные
попя (так называемая защитная
зона, размеры которой, как пра
вило, пропорциональны самому
лоrотипу)
О По мере возможности жепа
тепьно сохранить фирменные О
шрифты (если шрифты явля
ются ориrинальными, разумно
их использовать только внутри
иллюстраций)
Центр поддержки бренда
в крайне редких спучаях имеет
смысп испопЬЗ0вать на сайте
аудиоропики с фирменными
меподиями (лучше предложить
их для скачивания)
Брендинr зто
лженаука, rде
уровень шарпа
танства просто
эаwкапивает,
кусочек MapKe
тинrа, раэдутый
некоторыми уче
ными до непри
личия.
Иzорь Манн,
автор бестсеппера
«Маркетинr на 1 00%»
Bcero пунктов для проверки O./J
О Проверено
14. Точки контакта
Точки КОнтакта это маркетинrовое понятие, обозна
чающее все множество ситуаций, в которых Клиент может
взаимодействовать с компанией, ее продукцией, рекламно
информационными материалами о ней и т. д.
Интерфейс корпоративноrо сайта дол
жен быть спроектирован таким обра
зам, чтобы в явном виде стимулиро
вать обращение Кпиента по наиболее
приоритетному для компании канапу
коммуникации (например, по телефону
или по электронной почте).
Проще rоворя, если вы хотите, чтобы
Клиенты вам преимущественно звонили,
то разместите номер телефона в верхней
части каждой страницы и обозначьте ero
крупным шрифтом. А адрес электронной
почты «спрячьте» В разделе «Контактная
информация».
Рекомендуем обратить внимание на следующие точки контакта
Применитепьно
к веб сайту, точки
контакта зто
средства KOMMY
никации, испопь
зуемые на нем
для работы с Кпи
ентом (очевидно,
что и сайт в целом
является точкой
контакта)
о Электронная почта и почто--
вые формы
О Телефония (стационарная,
сотовая или Skype)
О Системы обмена MrHoBeHHbI
ми сообщениями (ICQ Google
Talks и др.)
о Социальные сети (например,
WWW.оdпоklаssпiki.ru или
www.liпkеdiп.соm)
о Формы для оформления
эакаэов
О Документы, хранящиеся
на онлайн сервисах
О Запросы в службу технической
поддержки
О Сообщения в форуме
О Комментарии в корпоратив
ном блоre/подкасте/
видеокасте
Для большинства точек контакта обязательно должны быть заданы
стандарты обслуживания. Например, MorYT быть стандартизиро
ваны скорость и манера ответов на запросы по электронной почте,
14/100% Точки контакта
73
способы протоколирования обращений
в службу технической поддержки и т. д.
Соблюдение стандартов желательно
контролировать с помощью электрон
ных систем и выборочноro аудита (Ha
пример, периодически проверять MaHe
ру и корректность ответов персонала на
электронные письма).
Реrупярный аудит
точек контакта
одна иэ важней
wих функций Map
кетинrа. Вы допж
ны управпять тем,
как ваша компа
ния воспринима
ется Клиентами
Более неформальные средства KOM
муникации форумы, бпоrи, wiki
приложения часто не нуждаются
в жесткой реrламентации. Для них достаточно установить rрафик
модерирования и описать правила публикации сообщений участни
ками дискуссий. Важно позаботиться о защите от спамерных робо
тов, которые MorYT испортить любое обсуждение в считаные часы.
Делается это, например, с помощью механизма «капча» (введения
кода с картинки) или предмодерации сообщений.
Мноrие компании накладывают существенные оrраничения на ис
пользуемые каналы коммуникации (например, запрещают ICQ или
закрывают доступ к социальным сетям). Самое rлавное при этом
не отсечь именно тот канал, который наиболее удобен для ваших
Клиентов.
Аудит работы почтовых форм
Аудит всех точек контакта это большая работа. Требуются зна
чительные затраты времени. Покажем, что вы можете проанапи
эировать, например, применительно к работе с электронной
почтой.
Аудит орrаниэации почтовой формы
о Почтовая форма должна быть
работоспособна (если вам на
почту не приходят сообщения
несколько дней проверьте)
О Пользователю должно быть
cOBepweHHo понятно, какие
поля ему эапопнять и какая
именно информация от Hero
ожидается
о По возможности во всех полях
должны быть проставлены
значения «по умолчанию» или
орrанизованы выпадающие спи
ски (если все варианты выбора
известны заранее)
О Все письма должны быть
проверены на отсутствие
вирусов
74
Корпоративный веб сайт на 100%
о в каждой почтовой форме
ДОЛЖНЫ быть явно отмечены
поля, обязательные для заполне
ния (обычно их отмечают цветом
или ,,*»)
О После отправки формы Клиент
должен получать соответствую
щее уведомление (например:
"Ваша заявка принято. Наши
менеджеры обязательно oтBe
тят Вам в течение 48 часов»)
к сожалению, существует не так MHO
ro образцовых практик. Например, из
дательство «Манн, Иванов и Фербер»
(www.mann ivanov ferber.ru) снабжает
почтовые формы таким комментарием:
«Мы всеrда открыты для сотрудничества,
новых идей, rOToBbI ответить на вопросы
об издательстве и наших книrах. Чтобы
уберечься от спама, мы не публикуем
адресов своей электронной почты. BMe
сто этоrо мы используем форму дЛЯ OT
правки сообщений, которая находится
внизу каждой страницы этоro сайта. Пи
шите нам, мы обязательно ответим. Если вы не точно знаете, кому
адресовать свое сообщение, зайдите в раздел "Наша команда': Там
вы сможете узнать наших сотрудников поближе».
Не пиwите на
кнопке рядом
с почтовой фор
мой спово «по
спать». Мноrие
поймут ero не co
всем правипьно.
rораэдо пучwе по
дойдет нейтрапь
ное «отправить»
о Если форма предполаrает вве--
дение ПОЛЬЗ0вателем персо
нальной информации (напри
мер, адреса электронной почты,
телефона, Ф. И. О.), то должны
быть предприняты меры по
защите этой информации от
несанкционированноrо исполь-
зования (скажем, шифрование)
Аудит обработки эаявок, принятых по злектронной почте
о Необходимо проверить, что
все заявки фиксируются (напри
мер, заносятся в СRМ-систему
или в корпоративный портал)
и обрабатываются по утверж-
денному реrламенту
О Должно соблюдаться время
реаrирования на запрос, ycтa
новленное корпоративными
стандартами обслуживания
(например, обработка заявки
в течение 24 часов)
о Манера, тональность и уровень
компетентности при ответе на
запрос должны COOTBeТCTB
вать корпоративным стандартам
и позиционированию компании
(например, если вы представ
ляете себя как "банк, который
хранит классические традиции»,
то и ответы на письма должны
быть спокойными, консерватив
ными, сухими)
14/100% Точки контакта
75
Простейший способ провести аудит работы CBoero персонала, обра
батывающеro заявки, это использование общеизвестной методики
«таинственный покупатель». Проще rоворя, попробуйте написать
письмо в свою компанию, представившись ее Клиентом (уверены, что
мноrие из вас именно так тестируют работу собственноro звонковоro
центра и секретариата). Результаты этоrо действия MorYT вас удивить
как в хорошем, так, к сожалению, и в неrативном смысле.
Косвенные точки контакта с сайтом
Важно помнить про точки контакта, косвенным образом приводящие
посетителей на ваш сайт. Например, это упоминание адреса сайта
в рекламных материалах и официальных документах. Подробнее
мы обсудим это в друrой теме, а здесь обратим внимание на три
нюанса:
. снабжайте ссыпки на сайт и адрес злектронной почты призы..
вами к действию (например, «Заходите В rости: www.company.ru.
Пишите: petrov@company.ru»);
. указывайте максимально точный адрес (например, реклами
руя корпоративный блоr, давайте ссылку www.bIog.company.ru.
а не просто www.company.ru);
. уберите частичку http:// она воспринимается как нечто
архаичное (указывая адрес, пишите www.company.com. а не
http://www.company.com).
Внимание к подобным мелочам всеrда положительно воспринима
ется Клиентами.
Bcero пунктов для проверки O./J
О Проверено
1 s. Опыт ПОЛЬЗ0вателей
СЕМ Customer Experience Мапаgеmепt управление
опытом пользователей относительно новая маркетинrо
вая концепция, часто считающаяся лоrическим продолже
нием CRM (Customer Relationship Management управле
ние взаимоотношениями с Клиентом). СЕМ концентрирует
ся на комплексной оценке восприятия компании Клиентом
по всем каналам взаимодействия от обустройства офи
са и рекпамы до непосредственных контактов между
персонапом компании и потребитепями
в рамках концепции Customer Experience
Management корпоративный веб сайт
рассматривается как одна И3 «точек
контакта)) с Клиентом, которая должна
полностью соответствовать позицио
нированию бренда, специфике продаж
и сервиса.
При внедрении принципов СЕМ на KOp
поративнам сайте рекомендуем убедиться в том, что достиrнуто co
ответствие между:
Основная зада
ча активно
управлять опы
том Кпиента,
формировать
зтот опыт
о Визуапьным оформпением
веб сайта и стандартами
фирменноrо стипя компании
(например, должна везде исполь
зоваться одинаковая цветовая
raMMa, символика и т. д.)
О Стипистикой текстов и MaHe
рой общения компании с Кли
ентами (например, энерrичные
тексты должны соответствовать
не менее энерrичному поведе
нию персонала)
Подробно обо всех этих моментах мы рассказываем в соответствую
щих темах.
о Рекпамными кампаниями
в офпайне и онпайне (напри
мер, на сайте и в наружной
рекламе должны использоваться
одинаковые образы, обеспечи
вающие преемственность облика
компании во всех коммуникаци
онных средах)
15/1 00% Опыт пользователей
77
Анапиз опыта и внесение коррективов
Применительно к веб среде существу
ет более простая трактовка концепции
СЕМ. Она сводится к изучению опыта
поведения Клиентов с целью последу
ющей перестройки интерфейса сайта
на основе анализа этоro опыта. Причем,
в отличие от ПОЛЬЗ0ватепьскоrо или
юзабипити тестирования, здесь рабо
та ведется не в «лабораторных услови
ях» со специально отобранной rруппой
пользователей.Наоборо анализируется
поведение реальных Клиентов, пытаю
щихся решить собственные задачи на
функционирующем сайте.
Только в pe3Ynb
тате тщатепьноrо
изучения мнений
Кпиентов вла
депьцы маrази..
на по продаже
детских товаров
«Планета детства))
осознапи HeOДHO
значность cBoero
cnoraHa (<3але
тайте! Не пожа
леете!»
Для упучwения сайта на основе анапи
за опыта пользователей рекомендуется следующее:
О Использовать внеwние серви О Реrулярно проводить анализ
статистики веб сайта, обращая
особое внимание на маршруты
перемещения пользователей,
время просмотра страниц и «кли
кабельные области»
О Создать удобную форму об
ратной связи, позволяющую
пользователям напрямую BЫCKa
зывать свое мнение по поводу
работы с сайтом. Иноrда бывает
полезно предложить какое-то
символическое вознаrраждение
(например, мы практиковали
вручение фирменной шоколадки
и чая) за найденные ошибки или
предоставленные рекомендации
сы, позволяющие пользователям
оставлять свои комментарии и
предложения (например, сервис
Orphus (www.orphus.ru) дает воз
можность сообщать владельцам
сайта о найденных rрамматиче
ских ошибках и опечатках)
О Найти возможность напрямую
обратиться к зареrистрирован
ным пользователям с просьбой
высказать свои замечания и
предложения(полезно,напри
мер, узнать комментарии Кли
ентов, начавших формировать
корзину в интернет маrазине и
бросивших ее, не дойдя до cтa
дии оплаты, или так и не CYMeB
ших отыскать номер телефона
компании)
Нередко хорошим каналом обратной связи становятся корпоратив
ные форумы и блоrи. В них можно орrанизовать отдельное обсужде
Ние, посвященное удобству сайта, и получить, таким образом, массу
78
Корпоративный веб сайт на 100%
На кнопку «По
хвалить MeHeд
жера)) кпикнет
один человек И3
ста. Это, види
мо, особенность
человека с pyc
ским менталите
том, не cKnoHHoro
к положитеЛЬНblМ
комментариям
Хорошие при меры
интересных комментариев. Правда, Ha
деяться на слишком большое количе
ство действительно интересных идей,
все таки, не стоит.
Характер комментариев пользователей
часто зависит от таких тонких моментов,
как надписи на кнопках. Достаточно Ha
писать на кнопке рядом с формой об
ратной связи «Пожаловаться), как вы
получите поток критики и претензий.
Замена исходной надписи на «Оставить
комментарий) сразу делает оценки бо
лее взвешенными и адекватными.
Великолепные примеРbl постоянноrо совершенствования интер"
фейсов на основе обратной связи с пользователями можно найти на
сайтах тренда Веб 2.0, скажем, на www.elance.com, www.slide.com.
www.bIogger.com, www.linkedin.com или www.youtube.com. Пона
блюдайте за ними в течение нескольких месяцев; вы заметите, что
они непрерывно внедряют множество инноваций интерактивные
подсказки при заполнении форм, закладки, «мастера), помоrающие
совершать топовые операции, и т. д. Это приводит к тому, что при
каждом заходе на сайт пользователь обнаруживает какие то HOBO
введения (чаще Bcero весьма полезные). И, что самое важное, он
чувствует заботу о себе.
Bcero пунктов для проверки
О/О Проверено
16. Стандарты
и спецификации
Консорциум Всемирной паутины (анrл. World Wide Web
Coпsortiuт. W3C) орrанизация, разрабатывающая и BHe
дряющая технолоrические принципы и стандарты для Bce
мирной паутины (часто называемые "Рекомендациями»)
Как и для любоro друrоrо канала пере
дачи информации, для веб среды посте
пенно складывается набор стандартов,
в той или иной степени разделяемый
всеми иrроками (веб разработчиками,
производителями nporpaMMHoro обеспе--
чения, хостинr провайдерами и т. д.).
Отсутствие или нежелание следовать подобным стандартам почти
всеrда приводит к проблемам с совместимостью, например, между
nporpaMMHbIM кодом сайта и особенностями ero отображения в раз
ных браузерах.
Пока не все CTaH
дарты зтой книrи
стали междуна
родными.
Ждем и надеемся
Рекомендации World Wide Web Consortium, W3C
К числу таких рекомендаций относятся:
О Общедоступность. Особый О Интернационализация. Речь
упор при реализации данноrо идет, прежде Bcero, о поддерж
принципа делается на обе ке Bcero мноroобразия языков
спечение доступности сайтов (и шрифтовых сиаем)
для людей с оrраниченными О Мноrоформенное взаимодей
возможностями ствие. Сайт должен поддержи
О Аппаратная независимость. Со-- вать самые разные формы взаи
rласно этому принципу, веб сайт модейавия с пользователями
не должен быть рассчитан на О Мобильная паутина. Этот прин
конкретное физическое оборудо-- цип определяет, что ресурсы
вание, а должен адекватно pa Всемирной сети должны быть
ботать на любом стандартном доступны для мобильных
аппаратном обеспечении устройств
80
Корпоративный веб сайт на 100%
На основе стандартов wзс разработано множество спецификаций
и технолоrий создания веб сайтов. Например, вы можете использо
вать технолоrии:
о HTML (Hypertext Markup Laпguаgе)
О XML (ЕхtепsiЫе Markup Language)
О XHTML (ЕхtепsiЫе Hypertext Markup Lапguаgе)
О CSS (Саsсаdiпg Style Sheets)
О WSDL (Web Service Description Lапguаgе)
Например, если следовать специфика
ции HTML, разработанной wзс. то полу
ченная веб страница будет одинаково
отображаться в любом браузере, KOTO
рый также следует этой спецификации.
При этом в настоящее время нет ни oд
ною широко используемою 6раузера,
полностью отвечающеro спецификации,
но усилия разработчиков браузеров Ha
правлены как раз на более точное COOT
ветствие этой спецификации.
в частности, для браузеров существуют
такие понятия, как «режим стандартов»
и «режим совместимости» (названия, KO
нечно, несколько условные).
«Режим стандартов) (Stапdаrds тo
de) режим работы браузера, при KOTO
ром веб страница отображается в наибо
лее полном соответствии со стандартом
(спецификацией), разработанным wзс.
В этот режим браузер переводится при
отображении документов, содержащих
определенный заrоловок. В большинстве
браузеров режим стандартов не являет
ся режимом отображения по умолчанию,
исключение составляет браузер Internet
Explorer 8.
«Режим совместимости)) (Quirks mode) режим работы браузера,
при котором веб страница отображается максимально близко к OTO
На основе peKO
мендаций различ
ных стандартов
создано He
сколько онпайн
инструментов,
позвопяющих
проверить KOp
ректность pa3MeT
ки и доступность
сайта:
. Validate Your
Markup (www.
validator.w3.org)
. ВоЬЬу (www.
bobby.watchfire.
сот)
. Супthiа Says
(www.
Cynthiasays.com)
. WebAIM's Wave
(www.wave.
webaim.org)
1 бl1 00% Стандарты и спецификации
81
бражению, используемому в предыдущих версиях TOro же браузера.
Обычно браузер находится в этом режиме по умолчанию.
Если веб страница работает в режиме совместимости, то в каждом
браузере ее отображение может быть разным. При этом разработчи
ки часто используют так называемые разводки по браузерам Me
ханизм динамическоro определения текущеro браузера и модифи
кации страницы в зависимости от Hero.
Таким образом, страница в режиме совместимости обычно являет
ся оптимизированной под один или несколько конкретных брау
зеров.
Прочие стандарты
Существует также значительное коли
чество отраслевых и страновых CTaH
дартов, эаконов и рекомендаций. Ha
пример, документы общества «Europe
initiative» (Европейский союз), «508 я cтa
тья» (США), Рекомендации правительства
Великобритании и друrие. Множество
документов реrламентирует процессы
разработки ИТ систем (например, MeTO
долоrия Prince2 в Великобритании).
В России отсутствует даже rocr, форма
лизующий требования к веб разработкам
и их продуктам, слабо развита отрасле
вая законодательная база. Отдельные pe
комендации и спецификации описывают
требования к nporpaMMHbIM компонен
там, например, к каскадным табпицам
стилей ((55).
Только 4, 13% сай
тов соответствуют
стандартам W3(
(по данным на
2008 roA, собран-
ным компанией
раэработчиком
брауэера Opera)
Мы доrадываем-
ся, что вы, HaBep
ное, ничеrо не по
няли в зтой теме
Bcero пунктов для проверки ОА
О Проверено
17. Законодательные
требования
в настоящее время в России сфера веб разработок относи
тельно слабо законодательно уреryлирована в отличии,
например, от США и Европы. Но, к сожалению, прецеденты
закрытия сайтов или убийства редакторов сайтов уже есть
Существует несколько основных аспектов, на которые мы peKOMeH
дуем обращать внимание:
о Должны соблюдаться эаконодательно
установленные нормы и оrраниче
ния (например, запрет на размещение
на сайте порноrрафии, призывов к Ha
силию т. д.)
О Важно соблюдать авторские права
на текстовые материалы, фотоrрафии,
изображения и прочие материалы, раз
мещаемые на сайте
О Должны быть эащищены права посе
тителейсайта (например, необходимо
явно предупреждать о сборе статистиче
ской и персонифицированной информа
ции о посетителях, исключить возмож
ность заражения вирусами и т. д.)
О Должны быть эащищены права
владельцев сайта (следует подroтовить
текст «О правах использования материа-
лов сайта», зареrистрировать ToproBbIe марки, обеспечить передачу
прав от разработчиков и т. д.)
Особенно критическое значение соблюдения юридических норм
возникает при создании и развитии интернет маrазинов. Ha
при мер, при продаже книr через интернет маrазин важно не только
заключить доroворы с соответствующими издательствами, но и yдo
стовериться в том, что авторами переданы издательствам права н
распространение их произведений через Интернет.
Распространенная
практика состоит
в том, что разра
ботчик сайта по
доrовоРУ пере
дает права на pe
зулыаты всех pa
бот (стилевой Ma
кет, фотоrрафии,
проrраммный код
и т. д.), созданных
непосредственно
в рамках проекта
17/100% Законодательные требования
83
До сих пор в России плохо реrупируется ответственность работ
ников эа действия в Интернете. Сложно привлечь к OTBeTCТBeHHO
сти и сотрудников, нанесших компании ущерб в силу некорректной
работы с сайтом (например, халатности системною администратора,
результатом которой стало «падение» сайта), при разrлашении конфи
денциальной информации в форуме или социальной сети. Известны
случаи, Korдa капитализация компании падала на сотни миллионов
долларов после неосторожной публикации в блоrе одним из авторов
недостоверной информации о слиянии/поrлощении фирмы.
Реrистрация сайта как средства массовой
информации
Пока в достаточно редких случаях корпоративный сайт реrистриру
ется как средство массовой информации (например, www.beeline.ru).
Это дает следующие преимущества, определяемые федеральным
законодательством:
о Правовой иммунитет (roсудар
ственные rарантии независимо--
сти деятельности, усложненная
процедура закрытия СМИ)
О Аккредитация на обществен
но значимых мероприятиях
(пресс конференциях, брифин
rax и т. д.)
О Право не предоставлять
сведения о своих "источниках
информации»
Несмотря на очевидные плюсы реrистрации, мы не рекомендуем
большинству владельцев корпораТИВНblХ сайтов тратить pecyp
сы на придание им статуса (МИ. Во всяком случае, пока ситуация
именно такая (по некоторым данным, даже планируется принятие
поправок к Закону о СМИ, соrласно которым целый ряд типов сайтов,
например, личные блоrи, интернет маrазины или социальные сети,
не cMorYT быть зареrистрированы в качестве СМИ).
о По запросу СМИ (в данном
случае сайта) roсударственные
opraHbI и должностные лица обя-
заныпредоставлятьсведения
о своей деятельности
О Материалы, размещенные на
сайте, защищаются 3аконом
рф «об авторских и смежных
правах»
Bcero пунктов для проверки 0,1,
О Проверено
18. Возврат инвестиций
Веб--сайт является бизнес инструментом, требующим эна-
чительных инвестИЦИЙ в раэработку, раэвитие И под-
держку. Соответственно, возникает задача оценки эффек-
тивности вложенНых ресурсов и получения дохода от сайта
как TaKoBoro
ИСТОЧНИКИ ДОХОДОВ
.
Как правило, корпоративный сайт не рассматривается в качестве
прямоro источника доходов. Он создается для решения друrих задач
(подробнее об этом в теме «Цели владельцев»), косвенным образом
способствуя росту прибыльности бизнеса компании за счет макси
мизации доли конверсии.
В рамках корпо
ративных сайтов
Moryт быть раэ
вернуты:
. сервисы, пре
доставляемые
на уcnовиях
платной
подписки
(SааS модель)
. эnектронные
катапоrи или
интернет маrа
эины
. рекламные
площадки (часто
на базе Google
AdSense)
Оценказкономическоrо
зффекта
Существует несколько вариантов расче--
та экономическоro эффекта:
О по обращениям Клиентов
О пофункциональный подход
О метод «недополученной» прибыли
Однако наиболее точный результат, как
правило, обеспечивается совокупным
использованием нескольких методик
с последующим усреднением получен
ных величин.
Рассмотрим несколько примеров расче--
та экономическоro эффекта.
В каждом из них будем исходить из TOro,
что стоимость создания сайта была равна
500 000 рублям.
18/1 00% Возврат инвестиций
85
По обращениям Кпиентов
Блаrодаря наличию веб сайта в компанию за рассматриваемый период
обращается 50 новых Клиентов, которые полностью покрывают затраты
на создание и поддержку системы
Прибыль от одноrо Клиента за период, рублей
Bcero Клиентов блаrодаря сайту
BCErO прибыль от Клиентов, рублей
Экономический эффект, рублей
15000
50
750 000
250 000
ПофункционаЛЬНblЙ доход
Каждый сайт выполняет несколько функций, эффект от каждой из которых
можно посчитать отдельно. Для примера возьмем функцию "автоматиче--
ское анкетирование соискателей работы» (обычно этот сервис создается
в разделе "Вакансии»).
Стоимость Bcero цикла работы с соискателем БООО
(офлайн), рублей
Стоимость аналоrичной операции на сайте, рублей 800
Число кандидатов 100
ВСЕЮ экономии по одной функциональности, рублей 520000
Экономический эффект, рублей 20 000
Если подобных функциональностей на сайте хотя бы 5 штук. то экономи
ческий эффект возрастает до 2 100000 рублей.
Недопопученная прибblЛЬ
(ипи стоимость «ОТ противноrо)))
Этот метод оценивает ущерб (недоприбыль), который будет нанесен KOM
пании в случае, если потенциальный Клиент не обнаружит профессиональ
HOro и удобноro сайта.
Прибыль от одноrо Клиента за период, рублей 15 000
Количество потерянных Клиентов в связи с отсутстви 40
ем сайта
ОБЩИЙ объем недополученной прибыли, рублей
Экономический эффект, рублей
БОО 000
100 000
86
Корпоративный веб-сайт на 100%
Если ваш сайт
не продает, то вь!
теряете Клиентов
24 часа в сутки
и 7 дней в неделю
Мы рекомендуем вам использовать все
три метода для оценки экономическою
эффекта и усреднять полученные с их по
мощью результаты.
Кроме этою, важно не забывать, что
веб сайт как таковой является активом,
имеющим определенную стоимость (Ha
пример, может быть поставлен на баланс как nporpaMMHoe обеспече--
ние). Иноrда отсутствие сайта становится препятствием для выхода
компании на IPO (размещение акций на бирже).
Bcero пунктов для про верки O
О Проверено
19. Совокупная стоимость
владения
Создание, поддержка и развитие веб сайта это сложный
и трудоемкий Процесс, требующий реrупярноrо инвести
рования ресурсов. Перечень таких ресурсов далеко не
оrраничивается традиционно упоминаемыми расходами
на хостинr и заработную плату редакторов
Во что инвестируются ресурсы
Полная стоимость владения веб сайтом
складывается из множества составляю
щих, часть из которых далеко не Bcer
да осознается и, соответственно, плани
руется.
Отсутствие rOToB
ности к инвести
рованию pecyp
сов приводит
к постепенному
«умиранию))
сайта как бизнес
инструмента,
начинает HaHO
сить вред работе
и репутации KOM
пании
Мы рекомендуем убедиться в том, что
учтены следующие статьи расходов:
О Инвестиции в разработку концепции
присутствия вИнтернете
О Расходы на орrанизацию и проведе
ние тендера среди веб разработчиков
О Инвестиции на подrотовку дo
кументов для обращения к веб
разработчику (подroтовка и соrласова
ние брифа и тендерной документации)
О Прямые инвестиции в C03дa О Расходы на техническую под
ние сайта (включая расходы на держку и обновление систе
коммуникации с разработчиком мы управления контентом
и расходы на управление про (расходы на дополнительные
ектом со стороны заказчика) лицензии, продление лицен
О Инвестиции в приобретение зий и т. д.)
ЛИцензии на систему управ О Расходы на оборудование
ления контентом и дополни рабочих мест
тельное проrраммное обеспе О Расходы на проrраммное обе--
чение спечение для рабочих мест
88
Корпоративный веб сайт на 100%
о Прямые инвестиции в под
держку веб сайта (подrотовка
и публикация материалов, тести
рование, менеджмент проекта
ит.д.)
О Прямые и косвенные расходы
на коммуникации, связанные
с поддержкой сайта
О Прямые инвестиции в разви
тие веб сайта
О Инвестиции в продвижение
сайта вИнтернете
О Инвестиции в продвижение
сайта вне Интернета
Обычно хорошо контролируются только прямые расходы, связанные
с приобретением nporpaMMHoro обеспечения, хостинrом, созданием
веб сайта «на заказ». Вне 30Нь! внимания и учета часто остаются
«внутренние)) расходы, связанные с проведением тендера, обсуж
дением дизайна, соrласованием документации, общением с веб
разработчиками, SЕО-оптимизаторами и копирайтерами.
о Расходы на серверное обору
дование
О Расходы на сервер ное про
rpaMMHoe обеспечение
О Инвестиции в обучение
персонала (IТ специалистов,
публикаторов,копирайтеро
веб дизайнеров, менеджеров
проеКТОВ,специалистов
по SEO и т. д.)
О Расходы на преодоление
кризисных и форс мажорных
обстоятельств
Часто это при водит к парадоксу, при котором, например, расходы
на выбор веб разработчика оказываются выше стоимости созда
ния сайта. Особенно интересной становится ситуация, коrда на
обсуждение какоrо нибудь малозначительноro элемента дизайна
(например, цвета кнопки) тратится время высшеro руководства KOM
пании, час работы KOTOpOro может превышать стоимость кнопки в
100 200 раз. Не будьте столь расточительны. Учитывайте затраты
времени собственноro персонала. «Покупайте» время и компетенции
у сторонних подрядчиков (по факту это почти всеrда оказывается
экономически более целесообразным).
Bcero пунктов для проверки
О/О Проверено
20. Целевые аудитории
Целевые аудитории это rpYnnbI пользователей (Клиен
ты, бизнес партнеры, инвесторы, СМИ и т. д.), являющиеся
критически важными для бизнеса компании. Именно на них
должен быть ориентирован веб сайт. Выявление и посто-
янный мониторинr целевых аудиторий является одной из
ключевых задач маркетинrа компании
Клиенты (потенциальные,
действующие в сферах 828, 82С и др.)
Бизнес nартнеры, KOHTpareHTbI
(потенциальные, действующие)
Электронные и печатные СМИ
Конкуренты
Акционеры, инвесторы
Соискатели работы
Собственные сотрудники
OpraHbl ВЛасти и управления
Общественные орrанизации
Важно понять,для какой именно катеroрии пользователей Интернета
вы хотите сделать сайт максимально удобным, полезным и понят
ным. Уrодить одновременно всем, как правило, бывает крайне слож
но в силу различий в интересах, например, розничных покупателей
(Клиентов) и средств массовой информации. Поэтому часто делают
разные сайты для разных аудиторий (посмотрите тему «Подсайты»
В этой книrе).
90
Корпоративный веб сайт на 100%
Мало кто осознает, что различные дизайнерские решения как привле
кают, так и отталкивают ваши целевые аудитории. Например, сайты
мноrих оффшорных проrраммистских компаний специально cдe
ланы весьма некрасивыми. Это позволяет подчеркнуть, что в таких
компаниях работают именно проrраммисты, а не дизайнеры, и это
очень важно для мноrих заказчиков. Таким компаниям «хороший»
дизайн только вредит.
Выбор целевых аудиторий
Проектированию веб сайта должно предшествовать составление
списка целевых аудиторий с указанием их приоритетности. Для KOp
поративноrо сайта в состав таких аудиторий, как правило, ВХОДЯТ:
о Клиенты (потенциальные
и действующие). Они посещают
сайт для TOro, чтобы приобре---
сти товар или услуrу, получить
информацию о компании
О 6изнес партнеры, KOHTpareH
ты (потенциальные, действую
щие). Их основная цель по--
лучение информации о парт
нерских проrраммах (скидках,
сертификации и т. д.)
О 3лектронные и печатные
СМИ приходят на сайт за
пресс релизами, фотоrрафиями
первых лиц
О Конкуренты часто посещают
сайт для тoro, чтобы изучить
спецпредложения, каталоr про
дукции, перенять маркетинrо--
вые приемы
О Соискатели работы идут на
сайт, чтобы узнать о вакансиях
и условиях работы
о Акционеры, инвесторы при
ходят на сайт за официальной
информацией об итоrах деятель
ности компании, за данными
об эмиссии акций или с целью
узнать о ближайшем собрании
акционеров и т. д.
О Собственные сотрудники,
как правило, читают новости,
общую информацию о компании,
участвуют в ведении корпора
тивноrо блоrа или общаются
на форуме
О OpraHbI власти и управления
часто посещают сайт с целью
контроля над деятельностью
компании
О Общественные орrанизации
используют сайт для получения
информации о спонсорских, бла
rотворительных и эколоrических
проrраммах, поддерживаемых
компанией
в зависимости от специфики работы компании данный список может
быть вами сокращен или расширен.
Приоритетность целевых аудиторий отличается в зависимости от
особенностей бизнеса компании. Например, для крупной рознич
20/100% Целевые аудитории
91
ной сети основной целевой аудиторией являются конечные потреби
тели. Причем при более детальной сеrментации из этой rруппы часто
имеет смысл выделить различные rpYnnbI потребителей (молодежь
или семейные пары).
Для rлобапьных сырьевых (например, нефтеrаЗОВblХ) компаний
ключевой аудиторией MOryT стать общественные, политические, при
родоохранные орrанизации и средства массовой информации.
В идеале для каждой приоритетной целевой аудитории должны быть
проработаны свои сценарии поведения.
Например, Альфа банк,
как, впрочем, и мноrие
друrие банки, делает
это с помощью блоков:
«Частным лицам», «Ma
лому и среднему бизне
су», «Корпоративным
клиентам», «Финансо
вым орrанизациям»
ИТ.д.
А...........
t:;a ДJ1а ус,еШ,н<'z:( f .дей
,
.....
.......,.........
........
......
Однако здесь есть интересный парадокс.
Часто бывает, что если жестко разrрани
чить целевые аудитории (например, cдe
лать на веб сайте разделы «Для мужчин»
И <<Для женщин»), то резко возрастает Be
роятнасть Toro, что посетители пойдут
именно в те разделы, которые предна
значены не для них (в силу природноrо
любопытства). Но и это можно и нужно
использовать.
.. .,..........
ClМ6""p
"
.....IOCCI..... I .....II' ........
..,.,...uoI"ЦIUr. в.....
Моя Альфа
Специфической
цепевой аудито
рией являются по
исковые роБОТbI,
взаимодействие
с КОТОРblМИ очень
важно с точки
зрения продвиже
ния в поисковых
системах
Bcero пунктов для проверки О
Vo Проверено
21. Цели и задачи
посетителей
Веб сайт должен предоставлять своим посетителям весь
необходимый инструментарий и информацию для pe
шения актуальных для них задач. Важно понимать, что цели
посетителей не совпадают с вашими
Цели посетителей
Проектирова
ние сайта «для
посетитепей»
является OCHOB
ным принципом
современных
веб разработок.
Это непросто!
Задачей Департамента маркетинrа яв
ляется составление для каждой целевой
аудитории списка целей, ради достиже
ния которых они приходят на сайт.
При этом крайне желательно, чтобы цепи
были сформулированы максимально
конкретно и с учетом особенностей
вашей аудитории.
Например, к ТИПИЧНblМ цепям посети
телей вашеro сайта из rpYnnbI «Потенци
альные Клиенты» относятся:
о Выбор и заказ товара/услуrи
или отправка запроса на KOM
мерческое предложение
О Оценка уровня бизнеса
компании путем ознакомления
со списком бизнес партнеров,
изучения портфолио, сертифика
тов, Harpaд и т. д.
О Получениетехнической,кОН
сулыационной или какой либо
иной поддержки (например,
«скачать руководство»)
О Отправка жалоб
и претензий
о Знакомство с демоверсией
продукта
О Чтение справочных материа
лов
О Скачивание дополнительноro
проrраммноro обеспечения
О Запись на учебный семинар
или реrистрация на мероприятии
О Поиск контактной информации
для обращения в компанию
О Чтение сообщений в корпора
тивном блоrе
21/100% Цели и задачи посетителей
93
ЦепИ MOryт быть разбиты на подцепи.
Например, обращаясь в areHTcTBo недви
жимости, Клиенты стремятся выбрать,
купить, снять, арендовать или сдать в
аренду квартиру, дом или офисное по
мещение. Каждую из этих подцелей
имеет смысп рассматривать отдель
но (скажем, создать отдельные сценарии
для аренды квартир и офисов).
Набор целей бизнес партнеров или co
искателей работы будет совсем иным, но
он также должен быть сформулирован
и учтен при проектировании сайта.
Причем для некоторых rpynn посетителей цели MOryT быть совершен
но неочевидны. Например, в последнее время появилась подтверж
денная информация о том, что представители контролирующих op
raHoB (например, налоrовых инспекций) стали внимательно изучать
уровни заработных плат сотрудников, декларируемые компаниями
в разделе «Вакансии», И впоследствии сравнивать эти величины с
доходом, декларируемым сотрудниками, работающими на этих долж
настях. Вы ведь об этом не думали, правда?
Не путайте цели
Для сайта, пред
паrающеrо раз
пичные виды
одежды, в ин
терфейсе часто
выдепяют KaTero
рии: «Для MOД
ниц», «Кпассика»,
«Стиль на заказ))
и друrие
Довольно часто приходится наблюдать ситуацию, коrда смешиваются
цели Клиентов и цели владельцев сайта. Например, очень велик co
блазн разместить на сайте информацию обо всех орrанизационных
подразделениях компании (скажем, обо всех департаментах бан
ка). Это льстит самолюбию персонала
и очень существенно упрощает задачу
маркетолоrов и копирайтеров, OTBe
чающих за подrотовку материалов для
публикации на сайте.
Но, к сожалению, 90% такой информации
совершенно не интересует Клиентов.
Она просто бесполезна для них и поэто
му в 90% случаях будет иrнорироваться.
Чтобы лучше осознать это, подумайте,
Посетитепю co
вершенно неваж
но, какой отдел
вашей компании
отвечает за про
дажи. Ему просто
хочется что то
купить
94
Корпоративный веб саит на IUU'fa
например, о том, насколько вас волнует
число и структура департаментов банка,
коrда вы хотите сделать вклад или обме--
нять валюту.
Друroй пример: размещение на сайте HO
востей типа «Мы провели Kopпopaтив
ную вечеринку в лучшем ночном клубе lO
родка Мажорск. Всем очень понравилось!»
Обычно инициаторами таких публика
ций выступают специалисты по развитию
персонала, стремящиеся подчеркнуть
выдающиеся результаты своей работы.
Но эта информация совершенно неинтересна Клиенту, который за
шел на 1 2 минуты на сайт, чтобы, например, срочно выбрать пылесос
или отыскать номер телефона справочной службы компании. Надо
ли отвлекать ero рассказом о том, кто из ваших сотрудников лучше
всех иrрает в бильярд?
Из брифа, при
cnaHHoro Кпиен
том: «Я хочу,
чтобы у меня был
самый пучwий,
красивый, яркий,
просто замеча
тепьный сайт...
Чтобы весепил
он меня...))
От целей к проектированию
Исходя из особенностей восприятия целевых аудиторий, про-
ектируются все основные эпементы сайта (подбирается цветовая
raMMa, стилистика текста и rрафики, расставляются акценты, про
рабатываются сценарии поведения пользователей, формируются
функциональности и структура).
Например, вы можете выяснить, что
основной целью посещения вашеro сай
та является знакомство с ассортиментом
продукции и ценами на нее.
Структура и KOH
тент сайта долж
ны быть отраже
нием целей ero
посетителей
Соответственно, должен быть корректно
сформирован каталоr продукции, пред
ложены прайс листы <<для скачивания», орrанизован процесс посто-
янной актуализации информации (вручную или путем интеrрации с
друrими проrраммами) и т. д.
Если посетители приходят к вам в основном с целью найти KOHTaKT
ную информацию, то имеет смысл разместить ее в верхней части всех
страниц, создать хороший раздел «Контактная информация» и т. д.
21/100% Цели и задачи посетителей
95
Иноrда придется делать даже невыrодные с маркетинrовой точки
зрения сервисы (например, сервис «Найти самое экономичное пред-
ложение») или размещать баннеры, rоворящие о скидках и бонусах.
Но как показывает практика, такие решения коммерчески вполне
оправданны. Подстраиваясь под интересы Клиентов, компания за
рабаты вает больше.
... Ect: v... т_"
Add'ns'8i
"
t
инrOccТРАХ
..и
ФИЗИЧЕСКИМ ЛМЦА"
ID"'дМ'fIOI."" IIМЦА"
..о...........
..
CJ IWI8IlI:oнtAICПoI
.. '""""""'
.. ........
(J ICOfIМIC_ClY-нroI
"а>о>с>ооо"""'"
.................
Во.......
"""""'"
..
... .
Вcero пунктов для проверки Oh
О Проверено
И3 рецензий наших зкспертов
!!'I. х
,.
-.;jIiJGCI Lm.
ИнtepeaesI рабоп
Перо18ТИN "apьepнoro роста
КQНТАКТ.цЕНJIt
t) 149Я 956 5555
инrОССТI'AX
11 t1Oд1 roPOДf:
1 &.ю.еРllтеroрOJl O
...
IОЛИ"fE .. AНo:r.'!T' "..
...
.. МОА миroccno/Ul'
1i'IQ"V t. t;Jд .;q..oв:
SD'i'JЕШШЗ
.......д:. 'j:;"'Э.
D(J61211joE
""'" l ::::J
r D
'""""""
М'IolIМfWIOIIol
"'OJТOT
tfоаоС'1'И
7П 1 ,..
..,.....noa'l'''.... а Н Нaar...."." ............. ............... r1'1l.........ilOНI "1'0.......М
Сайт компании Инrосстрах (www.iпgоs.ru)
Сразу видно, что сайт целиком ориентирован на потенциально
ro Клиента, решающеrо задачи поиска страховой компании для
наиболее распространенных жизненных ситуаций. Сразу отвечая
на вопросы: "Что предлаrается», "Сколько это стоит» И "rде это
купить», компания, безусловно, проявляет уважение к потенци-
альному Клиенту, утомленному мучительным выбором кому
отдать свои деньrи. Также осуществляется поддержка уже заре
rистрированных клиентов.
Николай 8аньков, технический директор
компании .МедиаКом» (оператор широкополосной сети UnitLine)
22. Сценарии поведения
ПОЛЬЗ0вателей
Сценарии это предусмотренные на сайте способы реше
ния пользователями собственных задач. Они проектируют
ся исходя из наиболее важных потребностей или запросов
(например, «купить товар», «оформить заказ»), характерных
для целевых аудиторий. Сценарии также можно назвать ал
rоритмами поведения пользователей на сайте
Классическим примерам предопределенноrо заранее сценария
является «визард» (<<мастер») выбора тарифноro плана. Вы уже знае
те, что пользователь будет последовательно выбирать необходи
мые ему опции и нажимать <<Далее», пока
не получит нужный ему результат (или
не откажется от процедуры, запутавшись
и устав!).
Все, что не вписы
вается в ПОНЯТНblе
сценарии, следует
удалить с сайта
Вы можете предусмотреть на своем
сайте сценарии для реwения спедую
щих задач:
о Отправить запрос на KOMMep
ческое предложение
О Купить товар в интернет
маrазине
О Изучить портфолио компании
О Оставить комментарий в блоrе
или на форуме
О Скачать прайс лист
О Отправить рекламацию на не--
качественную продукцию
О ВОСПОЛЬЗ0ваться "базой 3Ha
ний» компании
о Обратиться к руководству
компании
О Рассчитать стоимость CTpaXOBO
ro полиса
О Заполнить анкету для приема
на работу
О Узнать контактную информа
цию
О Обратиться в службу техниче--
ской поддержки
О Скачать дополнительную
документацию
Набор сценариев во MHoroM определяется принадлежностью поль
зователя к одной из целеВblХ аудиторий сайта. Например, cцeHa
22/1 00% Сценарии поведения пользователей
97
рии поведения журналиста, ищущеrо
материалы для публикации в «желтой»
прессе, будут существенно отличаться
отсценариевповеденияакционераком
пании.
Основной акцент
при проектирова
нии необходимо
депать на Кпи
ентов, затем на
бизнес партнеров
и соискателей
раБОТbI
Иноrда набор типовых сценариев дик
туется требованиями законодательства.
Например, своя специфика у открытых
акционерных компаний, к которым
предъявляются особые требования по
раскрытию информации. Они обязаны предусмотреть сценарий, по
которому пойдет пользователь, чтобы ознакомиться с rодовыми OT
четами о деятельности предприятия.
При проектировании сценариев обратите внимание на cneдy
ющее:
о Основные сценарии должны
быть формаЛИЗ0ваны и OT
ражены в структуре сайта (He
обходимо «начинать» отработку
наиболее значимых сценариев
прямо с первой страницы сайта)
О Количество шаrов в любом
сценарии должно быть ми
нимальным (в идеале одно
нажатие на кнопку "Купить»,
«Заказать», <<Отправить»)
О Отработка сценария должна
быть абсолютно прозрачна
и очевидна (в отдельных слу
чаях имеет смысл орrанизовать
интерактивный Help или FAQ)
о ПОЛЬЗ0вателю всеrда должен
быть понятен ответ на вопрос:
«Каков мой следующий шаr?»
(то есть куда можно или следует
перейти после знакомства с этой
страницей). Обычно ПОЛЬЗ0вате
лю лучше предложить несколько
вариантов для выбора
О Интерфейс сценария необ
ходимо ориентировать на
ПОЛЬ30вателя среднеrо уровня
подrотовленности, располаrаю
щеrо крайне оrраниченным запа
сом времени и терпения. Обычно
достаточно одной ошибки для
тoro, чтобы потерять Клиента
Способы отработки сценариев
Вариантов оформления сценариев в виде различных элементов ин
терфейса довольно MHOro. На корпоративных сайтах наиболее часто
используются:
О Кнопки и формы для MrHoBeHHoro совершения действий ("Про
roлосовать», "Зареrистрироваться», "Отправить запрос», "Оставить
комментарий» и др.)
98
Корпоративный веб сайт на 100%
о Мастера визарды, позволяющие по--
следовательно пройти определенную
процедуру (например, оформить
заказ). Часто их реализуют в виде
шаrов «1 2 З»
О «Интеллектуальные» areHTbl (напри
мер, электронные rypy, позволяющие
подобрать товар, исходя из потреби
тельских характеристик. Эти xapaKTe
ристики собираются ими, блаrодаря
ответам на вопросы, понятные пользо
вателям)
Выбор интерфейса для выполнения сце---
нария зависит от уровня подrотовки пользователей и сложности
решаемой задачи.
Примерно
в 2002 roAY, для
TOro чтобы кy
пить компьютер
на хрестоматий..
ном сайте
www.dell.com. Tpe
бовапось пройти
27 зкранов!
Например, на первой страни
це areHTCТBa WOWbranding
(www.wowbranding.com)
пользователю предлаrаются
два базовых сценария:
. разработать новый
бренд;
. обновить текущий бренд.
r
H....1I)!.
. "" .
. .
' 1
.;
OUR N8N
BRAND IDENТIТY
Ot-.j!". ..'iJt"
I
anew.brand?
-';; REYIT ,I!
Оба этих сценария COOTBeTCТ
вуют двум основным запросам, с которыми Клиенты приходят в брен-
динrовые areHTCТBa. Над кнопками, инициирующими эти сценарии,
располаrается баннер, отвечающий на третий классический запрос
«Какие именно работы и для кою вы их делали?»
Корректировка сценариев
Сценарии должны постоянно корректироваться исходя И3 анали
за статистики сайта. Например, может выясниться, что пользователи
просто не доходят до нужных страниц, находящихся в «rлубине» сай
та. В таком случае необходимо разработать специальные cцeHa
рии, упрощающие и, rлавное, ускоряющие такое движение.
В частности, для корректировки пути пользователей по сайту мож
но использовать баннеры, позволяющие ориентироваться на сайте
22/100% Сценарии поведения пользователей
99
и минимизировать <<лишние» шаrи клики
(например, баннеры кнопки, сразу OT
правляющие пользователя на страницу
со спецпредложениями или на KOHKpeT
ный товар, который, полоrике, находится
на пятом уровне).
Важно позаботиться об уменьшении
числа факторов, отвлекающих и yBO
дящих В сторону от заданных cцeHa
риев. Например, этоro можно добиться
минимизируя количество ссылок на cтpa
ницах (чем меньше ССblЛОК, тем более
предсказуемо движение пользователя).
На сайте компа
нии «M2 KвaдpaT»
на первой CTpa
нице в 2006 roAy
находилось
, 40 (!) ссылок.
Это значит, что
вероятность похо
да ПОЛЬЗ0ватепя
именно туда,
куда вы хотите,
составпяет при
мерно 0,7%
Однако даже это не позволяет попно
стью предопределить маршрут движе--
ния пользователя по сайту, особенно если он начинает перемещаться
по нему не с первой страницы (так часто бывает, если пользователь
приходит с какой либо поисковой системы, например, с www.yandex.
ru или www.google.com). Это, кстати, rоворит о том, что сценарии
должны проектироваться не только для первой страницы сайта, но
и для всех остальных ero страниц. Об этом часто забывают.
Bcero пунктов для проверки O,h
О Проверено
23. Права доступа
Современная корпоративная веб система может COCTO
ять И3 множества взаимосвязанных компонент, отлича
ющихся интерфейсом, набором функциональностей, раз-
rраничением прав доступа и друrими параметрами
На самом деле
аВТОРИЗ0ванный
ПОПЬЗ0ватель не
знает, что он Haxo
дится в интернет ,
3KCTpaHeт или
интранеТ З0не.
Ему заранее Ha
строены права
доступа, и он
видит топько то,
что может видеть,
соrласно зтим
правам
По уровням доступа различают три типа
З0Н или компонент:
о Комплекс внешних, открытых для
всех интернет сайтов. Это MorYT быть
корпоративные веб ресурсы, промо
сайты, отраслевые порталы или порталы
сообществ, интернет маrазины и т. д.
О Экстранет З0на (Extranet), доступная
только для прошедших авторизацию
Клиентов и бизнес партнеров. В ней
обычно создаются личные кабинеты
пользователей, открываются BHYTpeH
ние ToproBbIe площадки, размещаются
документация, прайс-листы, учебные
курсы и т. д.
О Полностью закрытая интранет 30на
(Intranet), поддерживающая внутренние
бизнес процессы компании и коммуни
кации между сотрудниками. Типичным примером реализации интране
та является корпоративный портал
Все эти компоненты, как правило, должны функционировать на базе
единой системы управления контентом и MOryт быть интеrриро--
ваны с множеством сторонних приложений и сервисов (например,
с бухrалтерскими проrраммами, платежными системами, системами
документооборота, CRM, ERP и т. д.).
Об интранет и экстранет-зонах достаточно подробно рассказано
в друrих разделах этой книrи. Здесь отметим только боrатейшие воз
I
можности корпоративных порталов, внутри которых может быть
полностью орrанизована жизнь компании. Например, портал может
2З/100% Права доступа
101
..
Анонимные ..
пользователи ",,"
3ареrистрированные
пользователи
"
.
,
'"
<11
:1:
О.
<11
..
:1:
:s:
'"
:I:
О
'"
t
:1:
Ia
О.
t
IC
m
)
7
..
<11
:1:
11I
О.
..
:1:
:s:
1) 1)
='t'
Публикаторы,
редакторы,
системные
администраторы
включать: систему управления задачами и проектами, новостные лен
ты, форумы, персональные разделы сотрудников, всю внутреннюю
документацию и т. д. Это позволяет сделать все бизнес процессы
rораздо более прозрачными и существенно сокращает расходы на
управление компанией.
Авторизация
Для раэrраничения прав доступа MorYT испольэоваться один
или несколько видов авториэации:
о Авторизация с помощью
сертификата (файла с ключом).
Этот метод, так же, как и следую-
щий, часто используется при
предоставлении пользователю
платноrо доступа к особо ценно--
му контенту (например, доступа
к базе данных)
О Авторизация с ИСПOnЬЗ0вани
ем внешних каталоroв ПОЛЬЗ0
вателей OpenlD, цифровой
паспорт .NEТ, OLAP и др. Этот
способ применяется только на
очень больших порталах, чтобы
обеспечить пользователю еди-
ную <<точку» авторизации
Старайтесь минимиэировать количество авториэаций, которые
должен пройти пользователь в системе. В идеале она должна быть
однократной и распространяться на все компоненты. Например,
о Авторизация по лоrину/
паролю, предоставленному
пользователю (в последнее
время в качестве пароля часто
используется адрес электронной
почты). Это стандартная модель,
применяемая в 99% случаях на
70% корпоративных сайтах. Если
сомневаетесь в выборе, исполь
зуйте именно ее
О «ОднораЗ0вая»авторизация
через специально высланный
(или заранее выданный) код
102
Корпоративный веб сайт на 100%
пройдя реrистрацию авторизацию на корпоративном сайте, Клиент
должен получить возможность без введения каких либо дополни
тельныхлоrинов-паролей работать в интернет маrазине или писать
сообщения в форуме. Если этоro не бу-
дет, то, скорее Bcero, Клиент не захочет
затруднять себя заполнением бесконеч
ных форм и уйдет на друrой сайт.
Практически
идеально работа
ет авторизация,
например, на
сервисах Google.
Изучите их опыт
и решения
Не менее важна корректность работы
сервиса, помоrающеrо восстановить
или изменить забытый пароль. Обя
зательно протестируйте ее работу с
точки зрения удобства, быстроты и Ha
дежности. Совершенно неприемлемой
является, например, ситуация, коrда запрос на изменение пароля
обрабатывается дольше нескольких минут.
Доступ к внешним сервисам
Сеroдня мноrие компании активно используют внешние интернет
сер висы для оптимизации собственной деятельности. Это MOryт быть:
файловые хранилища, электронная почта, системы обмена MrHoBeH
ными сообщениями, системы постановки задач и т. д. Соответственно,
для каждой такой внешней системы должна быть разработана поли
тика прав доступа для сотрудников компании (например, наличие у
каждой из них аккаунта на www.google.com). Крайне важно создать
реrламент, rарантирующий не только получение соответствующих
лоrинов/паролей, но и прекращение их действия после ухода co
трудника из компании.
Bcero пунктов для проверки О
Vo Проверено
24.ПОЛЬЗ0вательскиероли
Создание ролей это способ разrраничения прав дocтy
па пользователей к выполнению определенных действий в
бек офисе и/или фронт офисе сайта. Обычно роли присваи
ваются большим rpynnaM пользователей, поведением KOTO
рых на сайте необходимо управлять
Уровни доступа
С технической точки зрения обычно
разrраничивают права дпя спедую
щих ропей:
Для корпоратив
ных сайтов xapaK
терно минималь
ное количество
ропей ПОЛЬ30
ватепей (в отли-
чие, например,
от социальных
сетей ипи сайтов
сообществ)
о Анонимные ПОЛЬЗ0ватели, обладакr
щие минимальными правами, как пра
вило, оrраниченными фронт офисом
О 3ареrистрированные ПОЛЬЗ0ватели,
которые после авторизации получают
доступ к дополнительным возмож
ностям (например, доступ в экстранет,
в систему оформления заказов или
к сервисам, позволяющим оставлять
комментарии в блоrах и форумах)
О Авторы или публикаторы, модераторы, имеющие права размещать
на сайте определенную информацию (обычно через бек фис системы)
О Администраторы, обладающие максимальным набором прав (в том
числе, на конфиrурирование системы и управление друrими ролями)
Таким образом, роли ПGЗВОЛЯЮТ четко определить, кто и что может
сделать на сайте. Например, часто на сайтах автодилеров незаре
rистрированные ПОЛЬЗ0ватепи имеют доступ только к публичной
информации каталоrу продукции, сведениям о компании и т. д.
Если такой пользователь пройдет процедуру реrистрации, то он по
лучит возможность купить автомобиль непосредственно в интернет-
маrазине, а также сможет самостоятельно отслеживать лоrистику
Выполнения заказа в личном кабинете. Ему станут доступны подписки
на рассылку и сервисы, позволяющие оставлять комментарии о pa
боте персонала компании.
104
Корпоративный веб сайт на 100%
Например, в зависимости от объема за
купок, Клиенту может быть присвоен
статус "Платиновый Клиент», «Золотой Клиент» или «Серебряный
Клиент», одновременно открывающий доступ к дополнительному
контенту и функциональностям сайта (скажем, к дисконтной систе
ме или бонусам). Подобные статусы (роли) MorYT присваиваться aB
томатически и служить своеобразными
стимулами к росту бизнес активности
Клиентов и партнеров. Мы обсудим это
в теме «Персональный кабинет».
Часто спрашива
ют: «Д не cMorYT
ли KOHкypeH
ты проникнуть
в наш зкстранет
и, например, по
остаткам продук
ции проанализи"
ровать динамику
наших продаж?)
Ответ довольно
очевиден: «Ko
нечно, cMorYT.
Особенно еспи вы
не проработаете
политику Bыдa
чи прав и систем
безопасности»
Вошедший ано"
нимом, админом
быть не может
Роли «автор» (<<публикатор») и «админи
стратор», как правило, выдаются только
представителям команды поддержки
сайта.
Исключение (для роли «публикатор»)
делается на сайтах, контент которых
MorYT создавать сами пользователи.
В минимальной степени это возможно
в рамках форумов и блоrов, а в макси
мальной на сайтах тренда Веб 2.0
и в Wiki npoeKTax.
Роли и статусы Клиентов
Специфическим маркетинrовым при
менением ролей является назначение
статусов различным катеrориям Кли
ентов.
На некорпоративных ресурсах (напри
мер, на отраслевых порталах) роли и пра
ва MorYT настраиваться так называемой
системой самореrулирования статусов сообществом (например, на
сайте www.habrahabr.ru это «карма»).
Bcero пунктов для проверки
О/О Проверено
25. ПОЛЬЗ0ватели
с оrраниченными
возможностями
ПОЛЬЗ0ватели с оrраниченными возможностями это
специфическая аудитория сайта, представители которой
страдают какими либо физическими, умственными, ceHCOp
НЫl'YIИ или психическими отклонениями
Людей с оrраниченными возможностями достаточно MHOro среди
пользователей Интернета в силу Toro, что коммуникация с обществом
посредством Сети для них более комфортна и позволяет скрыть He
которые их особенности (например, rлухоту или слабое зрение).
Принято разделять оrраничения функций по следующим KaTe
roриям:
о Нарушения статодинамиче--
ской функции (двиrательной)
О Нарушения функций KpOBO
обращения, дыхания, пище
варения, выделения, обмена
веществ и знерrии, внутренней
секреции
При адаптации сайта для таких пользователей необходимо:
О Учитывать особые средства доступа к веб сайту, которые MorYT
ими использоваться
о Сенсорные нарушения (зрения,
слуха,обоняния,осязания)
О Психические нарушения
(восприятия, внимания, памяти,
мышления, речи, эмоций, воли)
о Предпринимать целый ряд шаrов по изменению интерфейса
иконтента сайта (в частности, по созданию специальных механизмов
изменения интерфейса самими пользователями или по применению
цветовой raMMbl, различаемой даже дальтониками)
Средства доступа
Для обеспечения доступа к веб сайту пользователей с оrраниченны
ми возможностями следует проанализировать и принять решение
106
Корпоративный веб сайт на 100%
Иэ беседы психо
анапитика с Кли
ентом:
Доктор, спаси
бо вам!
3а что? Ведь
знуреэ у вас так
и остался...
Да! Но теперь
я им rоржусь!
об учете при соэдании сайта специфи
ки работы следующих устройств:
О Синтезаторы речи устройства,
позволяющие пользователю слышать Ha
бор каждой буквы текста, прослушивать
весь набранный текст или ero фраrмент,
устранять опечатки
О Специальные мыши, дающие возмож
ность незрячему использовать при
косновение для Toro, чтобы распознать
rрафические символы
О Специальные клавиатуры с брайль
строкой клавиатуры, на строке
которых рельефно-точечным шрифтом
дублируется текстовая информация, oтo
бражаемая на дисплее
Адаптация интерфейса
Соrласно международному стандарту WAI WCAG, для адаптации ин
терфейса и контента под особенности работы лиц с оrраниченными
возможностями необходимо сделать следующее:
о Все изображения на сайте
должны быть снабжены
Аlt текстами (всплывающими
комментариями, которые может
прочитать синтезатор речи)
О Функциональность сайта
должна сохраниться при BЫ
ключенных скриптах, апплетах
и друrих проrраммных
элементах
О Страница должна быть чи
табельна при существенном
увеличении размера шрифта
самим пользователем
О Страница должна читаться
на монохромном зкране
о Аудиосодержимое должно
иметь текстовый зквивалент
О Страница должна читаться при
отключенных каскадных табли
цах стилей (CSS)
О Необходимо использовать
клиентские активные карты
(image тар), а не серверные во
всех случаях, коrда карту можно
задать rеометрическими rрани
цами областей
О Должна быть предусмотрена
возможность использования
навиrации по сайту 6ез мыши
(например, с помощью клави
ши "ТаЬ»)
Для мноrих пользователей с оrраниченными возможностями Интер
нет может являться фактически единственным средством коммуни
кации с внешним миром.
25/100% Пользователи с оrраниченными возможностями
107
Он дает им множество инструментов для
общения, работы и совершения покупок
(через интернет маrазины со службой
доставки).
Подробную ин
формацию о CTaH
дарте WAI WCAG
смотрите на
www.w3.org/WAI
Очевидно также, что в будущем, в Ин
тернете будут учитываться все большие
потребности лиц с оrраниченными воз
можностями. Технолоrические возможности даже сеroдня выrлядят
фантастическими. Например, уже есть устройства, позволяющие
передавать информацию с видеокамер непосредственно в мозr че
ловека, позволяя слепому формировать у себя в rолове «картинку»
окружающеro пространства. Правда, пока только в черно белом
варианте.
Bcero пунктов для проверки O,h
О Проверено
2б.Художественное
оформление веб--сайта
Идеальный интерфейс должен быть простым, удобным, по
нятным и красивым. Именно дизайн интерфейса формирует
в сознании пользователя первое и самое общее впечатле
ние о сайте. Оно (впечатление) иноrда становится единст
венным и решающим
Дизайнерское
решение, испопь
зуемое на сайте,
часто является
одним И3 наибо
пее критичных
и дискуссионных
аспектов разра
ботки
Важно научиться воспринимать создание
стилевоrо макета сайта как проектиро
вание попьзоватепьскоrо интерфейса,
а не сотворение «красивости». На такую
позицию часто бывает очень сложно пе
рестроиться дизайнерам, работавшим
ранее в друrих сферах (например, в по
лиrрафии) и, тем более, заказчикам сай
тов, которые полаrают, что «красивость»
сильно волнует их посетителей.
Как сделать хороший дизайн
о Следует обеспечить един О Необходимо учесть множество
ство и сбалансированность особенностей восприятия,
визуальной концепции сайта, характерных для веб среды
избавиться от "выпадающих» (психолоrию цвета, националь
по стилистике элементов ные и/или интернациональные
О Следует максимально COKpa особенности, F паттерн считы
тить «визуальный шум», OT вания информации с экрана,
казаться от всех "неработающих» rештальты и др.)
элементов, но при этом про О Следует предусмотреть B03
вести rрамотную и тщательную можность масштабирования
нюансировку, проработать все интерфейса и контента (учесть
мелкие детали разные размеры экрана, возмож
О Важно выдержать основные ность расширения навиrации,
отраслевые стандарты рост объемов контента и т. д.)
2б/1 00% Художественное оформление веб сайта
109
о Желательно обеспечить уни
кальность, запоминаемость
общеrо стиля оформления
ресурса
При ИСПОЛЬЗ0вании Аjах технолоrий или skiп'ов (<<оболочек»)
часть принципов начинает «звучать» иначе. Например, появляется:
О rpaMOТHoe разбиение контента на «закладки», позволяющие очень
удобно и экономно располаrать текст на экране
О Требование учета динамики смены
злементов, то есть фактически анима
ции
О Унификация (то есть использование
сходных элементов и структур для
решения разных задач)
о Необходимо обеспечить
полноесоотв твиесайта
позиционированию бренда,
соблюсти все стандарты фирмен
Horo стиля компании
о Необходимо соблюдать OCHOB
ные правила композиции
(баланс масс, пропорциональ-
ность, "золотое сечение», нали
чие акцента и др.)
Не так страшен
сайт, как ero
малюют
Оформление интерфейса
При разработке дизайна интерфейса мы рекомендуем обратить
внимание на следующие моменты:
о Цвет шрифта и цвет фона
должны быть достаточно KOHT
растны
О Все функциональные и CMЫC
ловые З0НЫ следует визуально
отделять друr от друrа
О Должна присутствовать очевид
ная визуальная иерархия за
rоловков и информационных
блоков
О Следует оставлять достаточно
«белоrо пространства», «B03
душности», «прозрачности»
(чем больше тем лучше)
О Лоrотип компании должен
быть хорошо заметен и разме
щен вверху каждой страницы
о Навиrация должна занимать
не более 20% площади экрана
О На странице должно быть не бо
лее десяти блоков, расположен
ных максимум в три колонки
О При выравнивании злементов
следует соблюдать общий прин
цип (например, "все по левому
краю»)
О Поля BOKpyr всех злементов
следует делать равными со всех
сторон
О При стандартном разрешении
экрана (сейчас 1024 х 7б8 точек)
roРИЗ0нтальная прокрутка
должна отсутствовать
110
Корпоративный веб сайт на 100%
Есть и более тонкие моменты, о которых знают профессионалы. К их
числу относится уже упомянутый F паттерн считывания информации
с экрана и обнаруженный с помощью аппаратуры, отслеживающей
движение rлаз (<<eye tracking»). Соrласно нему, человек просматри-
вает сайт по схеме: «по верху слева направо, потом вниз и посере
дине». Соответственно, вся наиболее важная информация должна
располаrаться на этих линиях.
Мода и тренды
Практически каждый rод в сфере веб дизайна формируются новые
тренДЫ. Часть из них являются следствиями более rпубокоrо пони
маниЯ специфики работы человека в интерактивной среде. Друrая
часть это не более чем мода, активно стимулирующая владельцев
сайтов к обновлению в уrоду новым вкусовым пристрастиям и cтe
реотипам.
Например, в 2008 2009 rодах в качестве основных трендов стали
называть использование эффекта прозрачности, «rазетную» верстку,
мноrокоЛОНОЧНОСТЬ, внимание к шрифтам, активное внедрение ви
део и скринкастов, сложный фон, создание orpoMHbIx иллюстраций.
Интересно, что значительная часть этих «инноваций» ранее счита
лась морально устаревшей, так как активно применялась примерно
9 1 О лет назад. Мода сделала Kpyr.
Мы рекомендуем вам ориентироваться на более фундаментальные
законы восприятия и удобства использования интерфейсов, а не
на сиюминутные поветрия. Или, по крайней мере, не требовать от
дизайнеров создания нефункциональных «красивостей», бизнес
задачИ которых совершенно не очевидны.
Bcero пунктов для проверки О
rO Проверено
27. Веб 2.0"интерфейс
Термин "веб 2.0» (Web 2.0) впервые появился в 2005 roду
и до сих пор не получил однозначноro определения. С ним
связываюТ:
. идею rенерации контента веб сайта самими попьзо
ватепяl\llИ, социапизацию, интераКТИВНОСТЬi
. определенный стипь и набор принципов, испопьзуе
мых в дизайне интерфейсов
Несмотря на то, что сам феномен Веб 2.0
является скорее маркетинrовым ходом,
чем реальноVl инновацией, рождение
этоrо тренда обозначило новый этап в
развитии веб технолоrий и сообществ.
Блаrодаря уробству использования
и проrрессиеНОСТИ внедренных под
ходов, проектЫ тренда Веб 2.0 активно
«стяrивают» трафик с корпоративных
сайтов. Это явJ-Iая уrроза для них.
Как испольЗ0вать идеи Веб 2.0
Сайты тренда
Веб 2.0 это cep
висные интернет
проекты, в бопь
шинстве своем
ориентированные
на активный Map
кетинr и поспеду
ющую продажу
Если вы приняли решение об использовании на корпоративном веб
сайте принципов Веб 2.0, то желательно обеспечить следующее:
О Простой, компактный ин О Открытый маркетинr, избеrаю
терфейс, соl1 е ржащий только щий пафоса, "раздувания щек»
реально востребованные для и обмана (отточенные тексты)
пользователей функционально О Активное вовлечение ПОЛЬЗ0
сти и матерVlалы вателей в работу с контентом,
О ИСПОЛЬЗ0вание «новых» Tex создание сообществ, общение,
нолоrий и решений, таких как поддержку рейтинrов и т. д.
Ajax, Mash u р, RSS/ Atom, веб О Обязательное наличие явной
сервисы и др- и хорошо обозначенной
О ОбеспечеНlllе максимальной бизнес идеи
обратной СEJЯ3И с посетителями
112
Корпоративный веб сайт на 100%
НеКОторые элементы Веб 2.0 функциональностей присутствуют на
КОРпоративных сайтах достаточно давно. Например, это форумы,
а в Последнее время блоrи, RSS и «облака TeroB».
Следование тенденциям Веб 2.0 стИЛЯ предпопаrает:
О УМестное испольэование раэ О Наличие крупных кнопок с яв
ЛIIIЧНЫХ «эвеэдочек», «теней», ным обозначением их функций
«Отражений» И т. Д. (например, О Реэкое цветовое отделение
ДllЯ привлечения внимания верхней секции сайта
к спецпредложениям или
О Испольэование увеличенных,
Вl1зардам)
часто цветных эаrоловков
О Уl(рупненный лоrотип
Обратите внимание, что мноrие крупные транснациональные KOp
Порации (например, Xerox или НР) видоизменили свой фирменный
СТИIlЬ под эти тенденции.
В каЧестве примеров посмотрите следующие сайты: www.flickr.com.
WW\N.digg.com, www.bIogger.com. www.elance.com. www.plaxo.com.
WW\N.metadesign.com. www.linkedin.com, www.salesforce.com. В дaH
ном случае обращайте внимание только на приемы, используемые
для оформления интерфейса.
Сеllllантическая
паутина (анrл.
Serпant;c Web)
часть rлобапьной
КОtщепции разви
тиJl сети Интернет,
Цепью которой
ЯВnяется реализа
ция возможности
Машинной обра
бо тки информа
Цlltи, доступной
во Всемирной
паутине
Перспективы Веб 3.0
Термин Веб З.О обычно связывают с co
зданием в веб среде так называемой
семантической паутины, а не с иннова-
циями в пользовательском интерфейсе
или методах rенерации контента.
Соrласно Wikipedia, основной акцент
в этой концепции делается на работу с
метаданными, однозначно характеризу
ющими свойства и содержание ресурсов
Всемирной паутины, вместо используе
MOro в настоящее время TeKcToBOro aHa
лиза документов.
Bcero пунктов для проверки
О/О Проверено
27/1 00% Веб 2.0 интерфейс
113
И3 рецензий наших зкспертов
lalial .J05('ft Intomot eф(otor
....ь-""" T......
!l1012<
lIo:ktass,ёl :Uwмw . I Yj,C]coo ,.., -1
l : OH[Pi- т ... u".t..c..-,.,r,. l rcl ""
(айт компании «Башкирэнерro»
.,.
,O (www.Ьаshkirепеrgо.ru)
. ..........
,"""""'"" На веб сайте никакоro Веб 2.0 не замечено. Этот сайт не является
........ площадкой для общения ero поставщиков, не является площад
................
. ..... кой общения для ero потребителей, никаких интерфейсов для
...... проrраммноrо получения информации с этоro сайта не замечено,
. .............
""""""'" ровно таким же этот сайт Mor бы быть в 1998 rоду.
............
. ...........,.. Тем не менее, сайт демонстрирует нам текущую поrоду в Уфе, курс
. с<ооо
, ......... своих акций на РТС пользоваться подобными технолоrиями сайт
[bocno 11 умеет, а вот отдавать свою собственную информацию нет. Может,
I J :21:. никакой информации, которой ОАО «Башкирэнерrо» хотелось
EJ 'а
: 2: бы делиться с людьми, и нет? Думаю, такая информация есть, но
,Ш , :Ж!
f!iI;DJQ,5IuiIIpran",", 1'" она просто не проходит через бюрократические барьеры внутри
r.Y yllJ{.м.c.t.30
T.(:M1')m-os-«I :r орrанизации и технолоrические барьеры caMOro веб сайта.
.... 'ж.
l'EfCVII. otН.N:if, .
1:= '"liIt Анатоnий Левенчук, президент
консаnтинrовой компании TechlnvestLab.ru
И3 рецензий наших зкспертов
II!J НкrM .,,1'-мt EXpforor
FIt [CI; \IIIW F Та НIIP
, Clh:tp ,*".";",N
;;,
........,... .......-
..
... ,. , ...
(айт компании Nestle (www.пеstlе.ru)
NёStIё
. Мелкие шрифты, очень MHOro лишних кликов (с полной переза
:c":'.:"". rрузкой страниц). Интерактивные элементы больше отвлекают
внимание, чем помоrают найти нужную информацию.
I Хорошо, что есть тесты, в которых параметры задает человек. Пло
........
............ хо, что нет возможности сохранить результаты тестов в свой блоr
или вставить виджет в профиль социальной сети.
По каждому продукту у компании предполаrается наличие CBoero
сайта, но с rоловноrо сайта ссылок на эти ресурсы нет.
(f Кроме телефонной линии и e mail, на сайте нет удобных для ин
тернет пользователя инструментов коммуникации.
Для развития можно было бы создать web room для каждоro про
( Д' б кта, выводить мнения интернет м ПОЛЬЗОВ б ателеЙ' б автоматически
со ираемые в социальных сетях. ожно до авить лоrи, подкасты
, и видео не обязательно на самом сайте, это MOryт быть ссылки
r на форпосты компании в соответствующих социальных сервисах.
......
.
Антон Попов, директор areHTCTBa
интерактивноro маркетинrа RemarkabIe.ru
28. Силы, влияющие
на дизайн
Стилевой макет сайта это почти всеrда результат KOM
промисса требований, а не продукт, полученный в ходе
формальноro проектирования
Однажды, rотовясь к консультационному семинару, мы решили co
ставить ПОЛНый список сил, давление которых ощущает на себе веб
дизайнер, работающий над стилевым макетом.
Мы рекомендуем вам внимательнейшим образом отнестись к анализу
этих сил, чтобы не попасть в ситуацию <<хотели как лучше, а получи
лось как всеzда».
Давление со стороны участников проекта:
О Внутри компании разработчика (менеджер
проекта, руководство, аналитики, специалисты
по юзабилити, друrие дизайнеры, <<лидеры MHe
ний», просто коллеrи)
О Со стороны Клиента (менеджер проекта, ди
зайнеры, менеджер по маркетинrу и др.)
Давление со стороны друrих заинтересован
ных сторон:
, \
о От дизайнерскоrо сообщества
О От конкурентов
О От будущих Клиентов
О От друзей, родственников
Кроме 3Toro, дизайнер должен учитывать:
о От традиционных и сетевых
СМ И, социальных сетей,
форумов и блоrов, в которых
обсуждаются проекты
о Технические и проrраммные
оrраничения на стилевой макет
(например, необходимость
KoppeKTHoro отображения
сайта в браузерах мобильных
устройств)
о Отраслевые тенденции, cтaH
дарты, клише, стереотипы (такие,
как использование отражений
и rрадиентов на сайтах тренда
Веб 2.0)
28/1 00% Силы, влияющие на дизайн
115
о Особенности восприятия цe
левой аудитории сайта
(скажем, консервативные взrля
ды владельцев бизнеса, дик
тующие необходимость работы
только с серо синей цветовой
rаммой)
о Собственные представления
и амбиции (в том числе, напри
мер, личные пристрастия к опре---
деленным цветовым raMMaM)
Психолоrические нюансы
При работе над дизайном проявляется масса психолоrических ню-
ансов. Например, если начинающий дизайнер нарисовал подряд
три ярко красных стилевых макета, то,
скорее Bcero, уже следующий макет
будет совершенно друrоrо цвета, даже
если очередной Клиент вновь заrоворит
о красной цветовой raMMe.
Однажды мы
стопкнупись
с ситуацией, Kor
да требования
брендбука очень
крупной между
народной KOp
порации суще
ственно противо
речили особенно
стям веб среДbl.
Но их надо бblЛО
соблюдать
Менеджеры практически всеrда заин
тересованы в максимально быстром
испопнении работ и создании TaKoro
макета, который с rарантией будет
принят Клиентом.
Дизайнеры зачастую, наоборот, склонны
к более тщательной, неспешной работе и
созданию «уникальноro результата». При
этом расходы ресурсов их, как правило,
волнуют не очень сильно.
В результате возникает множество сайтов, весьма далеких от co
вершенства. Попытаться справиться с этой проблемой одна из
задач нашей книrи.
Bcero пунктов для проверки
О/О Проверено
29. Первая страница
Первая, ипи начальная, страница сайта определяет об
щее восприятие сайта примерно у 75% (трех четвертей)
посетителей. Соответственно, исходя из этоrо впечатления,
компания получает или теряет Клиентов
Именно по первой
странице, причем
в течение 3 4 ce
кунд, большин
ство пюдей при
нимает решение
о дапьнейшем
своем пребыва
нии на сайте
Мы можем дать несколько баЗ0ВЫХ
рекомендаций по работе над первой
страницей:
О Крайне важно, чтобы первая страница
была спроектирована с точки зрения
ПОЛЬЗ0вателя, а не удовлетворяла BHY
три корпоративные амбиции (например,
не отражала внутреннюю орrанизацион
ную структуру компании)
О Вся основная информация и сер висы
должны быть вынесены наверх.
Несколько лет назад это требование было критичным Клиенты про
сто отказывались использовать вертикальный скроллинr (прокрутку
вниз). Сейчас это менее значимо, и принцип отражает скорее paCCTa
новку акцентов (<<чем важнее, тем выше»), а не техническое оrрани
чение. При зтом ИСПОЛЬЗ0вание Аjах технолоrий часто позволяет
собрать значительный массив разной информации на одном и том
же месте зкрана
о Необходимо обеспечить B03
можность постоянной И CTO
процентной актуализации всей
информации (на первой cтpa
нице обычно ленты новостей),
соблюдение единства «маркетин
rOBoro образа» компании
о Следует отбросить все нерабо
тающие злементы, соблюдать
минимализм и компактность
их оформления. Принцип pac
пространяется как на содержа
ние страницы, так и на ее «физи
чес кий» размер
Обычно именно дизайн первой страницы вызывает наибольшее KO
личество обсуждений при создании или редизайне сайта. Это почти
всеrда приводит к существенному затяrиванию сроков принятия
решений и, соответственно, расходованию дополнительных pecyp
сов. Иноrда обсуждение одноrо коллажа на первой странице может
29/1 00% Первая страница
117
ДЛИТЬСЯ В течение целоro квартала (попробуйте просто из любопыт
ства посчитать, в какую сумму это обходится компании).
Что разместить на первой странице
Массовое внедрение интернет технолоrий и стандартизация при
вели к тому, что большинство ПОЛЬЗ0ватепей ожидают увидеть на
первой странице корпоративноro сайта совершенно определенный
набор блоков:
о Лоrотип, идентифицирующий
принадлежность проекта к той
или иной компании (бренду)
О Хорошо заметная и понятна я
фраза (слоrан), однозначно xa
рактеризующая специализацию
сайта и отвечающая на вопрос
«Куда я попал?»
О Основная навиrация по всему
сайту (основное меню)
О Уникальное ToproBoe пред
ложение, выраженное фразой,
иллюстрацией, видео или flash
роликом, подкастом и т. д.
О Основная иллюстрация, дeMOH
стрирующая базовый товар или
услуrу компании
О Прямой доступ к основным
сервисам, предлаrаемым на
сайте (например, система «Buy
поw!», позволяющая начать
оформлять туристическую по
ездку прямо с первой страницы)
О Лента новостей, снабженная
ссылкой на архив новостей
О Корзина для продуктов,
если на сайте функционирует
интернет маrазин
Разумеется, использование всех перечисленных блоков не является
обязательным. Приведенный список лишь поможет вам не забыть
что то важное и не «изобретать велосипед» самостоятельно.
о Рекламные баннеры, акценти
рующие внимание на лидерах
продаж или специальных пред
ложен иях
о Блок «С чеrо начать», позволяю
щий пользователю MrHoBeHHo по
нять систему работы с компанией
и начать сотрудничество
О «Верительная информация»,
подчеркивающая статус компа
нии за счет показа портфолио,
рекомендаций от Клиентов,
сертификатов, призов, партне
ров и т. д.
О Контактная информация с явно
выделенным предпочтительным
для компании каналом связи
телефоном, электронной почтой,
Skype, ICQ, адресом офиса и т. д.
О Система реrистрации
авторизации, если сайт пред-
полаrает разrраничение прав
доступа к определенным мате-
риалам
О Достаточно заметное поле по
иска по сайту и ссылка на карту
сайта
118
Корпоративный веб сайт на 100%
Компании ДOCTa
точно разместить
на первой cтpa
нице 5 7 блоков,
наиболее важных
сточки зрения
маркетинrа и про
даж. И добавить
несколько «фи..
wею>, которые за
помнятся ПОЛЬЗ0
вателям
На первой страни
це сайта не долж
но быть ничеrо
лиwнеrо
Есть также небольшое количество бло
ков, не несущих функциональной наrруз
ки, но отражающих сформировавшиеся
отечественные клише. Например, это
размещение внизу страницы ссылки на
разработчика сайта. Очевидно, что для
посетителей наличие такой ссылки He
критично (если только они сами не ищут
подрядчика).
Но в большинстве случаев разработ
чик будет настаивать на размещении
такой ссылки. Желательно отнестись к
этому с пониманием, так как для веб
разработчика это один ИЗ основных
источников заказов, а также способ
увеличить вес cBoero сайта в поисковых
системах.
Отсеивание лишнеrо
Как правило, следует убедиться,
что на первой странице веб сайта не размещены:
о Фраэы и блоки типа «Добро О Лоrотипы сторонних KOM
пожаловать!», «Мы очень паний не ваших партнеров
рады...!», не несущие никакой (например, лоroтипы поставщи
полезной информации, ба ков проrраммноro обеспечения,
нальные и очень дилетантские. счетчики), не имеющие прямоrо
Создайте у посетителя ощущение отношения к задачам пользова
тoro, что ему здесь рады, друrими телей
способами, например, удобным О Всплывающие 5рlа5h страницы
дизайном, сервисом, вниманием и окна, «преrраждающие» путь К
К мелким деталям действительно полезной инфор
О Стандартные и крайне редко мации. По всем опросам, это наи
испольэуемые сервисы, напри более раздражающий пользова
мер: «Добавить в "Избранное"», теля фактор
«roлосовалки» (системы прове
дения опросов)
Bcero пунктов для проверки O./J
О Проверено
29/1 00% Первая страница
119
Из рецензий наших зкспертов
.J' int ."..(
F8 f$ ... Т. tW
.i)tav
.
-'
. .. ,..."
А
Сайт Альфа банка (www.аlfаЬапk.ru)
{
. -.
/"
". w: """ т,.
АОЖslё1 """;;..
.0..............
.J:.... c,Jr.
.II: .""
....('"'..c 8I'I..
..
. .......,..
............".c.urPA.
....ОРIlЩlllIllOМtllC;nТ-I5ме:II...
I ф""и"""",,,
ChttC81t ПJIOfPММ ...
-зада1ъ- еопрос МiIМ рас
« 1926-
8(600)
CooбщIm.о
\ )926
6(80(11
Сервисы;
. ...........осмо
. 38ll8l1IIIJ8:8"IIIWZ.......
Все
о страхованИIoI:
. ""e'lp8ma1lИl'l
. tI_ona
. \i
. 'JВ..fJIOф8IIIA"CIJI8)IIO('
банк
Сайт Альфа банка создан с учетом современных требований
к корпоративным сайтам. Все основные требования соблюдены
с потрясающей точностью. Название, лоrотип, слоrан и краткое
описание деятельности Альфа банка внятно обозначены, но не
слишком бросаются в rлаза. Ключевые моменты, которые компа
ния старается донести до посетителей, очевидны и понятны. На
rлавной странице леrко найти все самое важное: контактную ин
формацию, адреса отделений и банкоматов, курсы валют и прочее.
Вместе с этим, страница не переrружена, и rрамотная rруппировка
навиrационных элементов делает использование сайта простым
и доступным. Мое субъективное мнение в данном случае OДHO
значно rлавная страница сделана пра виль но.
Еnена фон Штернберr, директор по связям с общественностью
areнrCTBa конrекстной рекламы iConText
".
Из рецензий наших зкспертов
noд.ры/ЮН
CW1bНQЙ компании
Сайт Российской roсударственной страховой
компании (www.rgs.ru)
Блаrодаря использованию на лицевой странице сайта www.rgs.ru
сразу нескольких систем навиrации: по проrраммам физических и
юридических лиц и выбору интересующеrо реrиона, у пользовате-
ля не возникает проблем с быстрым переходом к интересующей
ero информации. Лоrичное разделение основной страницы на
навиrационный, функциональный, новостной и информацион-
ный блоки позволяет посетителям, даже впервые оказавшимся на
сайте, не задумываясь перейти на нужную страницу. Немаловажно
отметить бросающиеся в rлаза номера контактных телефонов, KO
торые являются приоритетной информацией для большинства по
сетителей, обращающихся по страховым случаям. Дизайн первой
страницы сайта www.rgs.ru сделан по принципу: "все под рукой»
И из-за <<леrкоrо» оформления совершенно не переrружен.
Александр Воnченков, руководитепь rpynnbI разработки
nporpaMMHoro обеспечения Российскоro автомобипьноrо товарищества
(ЗАО «АВТОАССИСТАНС»)
30. Индексные страницы
Внутренние страницы сайта несут основной контент
и набор сервисов, за которыми, собственно, и приходят по-
сетители. Обычно внутренние страницы имеют более cдep
жан ное оформление (в сравнении с первой страницей), но
в rораздо большей степени насыщены полезной информа
цией
Внутренние страницы сайта условно можно разделить на несколько
видов:
о Контент страницы (или страни
цы TpeTbero уровня), на которых
размещаются основные MaTe
риалы сайта
О Служебные страницы (напри-
мер, карта сайта, страница pe
зультатов поиска, страницы, опо
вещающие об ошибках, и т. д.)
о Индексные страницы раз
делов (или страницы BToporo
уровня), как правило, coдep
жащие элементы навиrации
по этим разделам и их краткое
описание
Что разместить на индексной странице
Довольно часто владельцы сайтов испытывают определенные слож
ности с оформлением индексных страниц.
Наполнить их поможет следующий список типовых элементов:
о Иллюстрация баннер, наrляд
но демонстрирующий содержа
ние раздела (например, для
раздела "Публикации» это
может быть коллаж из статей
или книr)
О Краткое текстовое описание
раздела
О Навиrация по разделу
(например, в виде меню с под-
разделами)
о Рекламные баннеры, приоритет
которых недостаточен для показа
на первой странице
О Материалы «для скачивания»,
имеющие отношение ко всему
разделу (например, прайс листы
или бланки документации)
ЗО/1 00% Индексные страницы
121
Несмотря на то, что большинство поль
зователей не будут задерживаться на
индексных страницах, их rpaMoTHoe
оформление важный аспект работы
сайта. Постарайтесь сделать так, чтобы
уже по этим страницам было понятно co
держание раздела, возникало желание
«уrлубиться» в Hero.
Bcero пунктов для про верки
Индексная CTpa
ница это карта
соответствующеrо
раздела
О/О Проверено
СИА ИН1'tPffEйШМл МА.. мkioюft'6lt«'not ьрor..
FII&t:..,......,...
r- """"'.__.ru
Из рецензий наших зкспертов
<Р1А
ИНТЕРНЕИШНл
")
х'
,.
"'f]Go .
дИf-tа/у\.
,уt>IUИЧИl ТbI'
. "'"'' r
I
I
1,
,.... ..........--
..;OL
..; ,
..ина K...c
:YCТQ . У1ВОЕ1Ъ
':U..
"
noиa: I
I
ПCIpo,\. 1
о 8ХаА AМI КIIМ8НТOII
I
r
СИД ИНТЕРНЕЙШНЛ ЛТД"
Сайт компании СИД Интернейшнл ЛТД
(www.siamed.ru)
ПО моему мнению, оформление сайта ненавязчиво. Ничто не
отвлекает внимание. Для npocToro пользователя Интернета, BO
шедшеro на сайт, это возможность не потеряться и быстрее разо
браться в содержании и специфике страницы. Текст на сайте леrко
читается. Даже при беrлом взrляде становится понятно, на какие
кнопки жать. Удобно, просто, красиво.
................"щ........
18:-':=':'"
.-"'_7 Р ..... ....:;
п яп тni
I!
Андрей Матвеев,
чемпион Европы по тяжелой атлетике
31. Контент"страницы
Содержание контент страниц большинства корпоративных
сайтов часто оrраничивается текстовым наполнением
с двумя тремя иллюстрациями
Этоro совершенно недостаточно для TOro, чтобы страница начала
эффективно работать. Добиться роста эффективности можно, если
разместить на них:
о Виджеты (скачиваемые модули,
предназначенные для доставки
информации на «рабочий стол»
пользователя)
О Презентации
О rрафические злементы, входя
щие в фирменный стиль
О Фотоrрафии
О Коллажи (композиции из фото
rрафий)
О Записи действий на зкране
(scrеепсаsts)
О Видео или flа5h рonики
О Подкасты (аудиоролики)
О Контекстные ссылки
о Интересные факты (желатель
но с численными данными)
О Выходы на конкретные
действия, например: «Купить»,
«Скачать», «Оставить KOM
ментарий», «Отправить заяв
ку» И т. д.
О rрафические баннеры, coдep
жащие только текст и оформлен
ные как врезка или цитата
О Схемы (в том числе, «карты
памяти»), поясняющие coдep
жание материалов
О Рекламные тизеры (то есть
баннеры, содержащие HeKOТO
рую интриrу, недосказанность)
Очень часто оформлению и поддержке контент страниц не уделяется
должноro внимания, что приводит к массе разочарований со стороны
пользователей, сравнивающих их с первой страницей. rлавное, к чему
вы должны стремиться, это дать пользователю ответы на все воз
никающие у Hero вопросы (например, подробно рассказать о товаре
или предоставить исчерпывающую информацию о режиме работы
сервисноro центра). При этом важно не «замусорить» сайт.
Bcero пунктов для проверки О
Vo Проверено
32. Иллюстрации
Иллюстрации выполняют множество функций наrляд
но демонстрируют товар или услуry, создают настроение,
упрощают понимание сложноro вопроса, развлекают и т. д.
Типичными примерами иллюстраций являются фотоrрафии,
имиджевые картинки, пиктоrраммы, коллажи, иконки
При подrотовке и ИСПОЛЬЗ0вании имюстраций мы рекомендуем
придерживаться следующих принципов:
о Желательно использовать
иллюстрации только в том
случае, если визуальный
образ значительно лучше
лередает информацию, чем
текст, видео или аудиоролик
(например, почти всеrда и везде
в индустрии высокой моды)
О Все иллюстрации должны быть
осмысленными, важно избе
raTb «просто имиджевой» или
«пустой» rрафики. Это хорошо
для рекламноrо билборда,
но не для сайта
Для разных типов иллюстраций, скажем
для рисованной rрафики, MOryT возни
кать друrие, довольно специфические
требования. Например, требование
«поддерживать единое направление Te
ней во всех иллюстрациях».
о Не рекомендуется выносить
в rрафические файлы инфор
мацию, важную с точки зрения
работы поисковых роботов
(например, большие объемы
текста)
О Иллюстрации не должны BBO
дить В заблуждение (важно из-
беrать иллюзии кликабельности
у непредназначенных для этоro
изображений)
Какие бывают иллюстрации
Иллюстрации, вы..
полненные в раз
личных цветовых
raMMax, можно
подобрать с помо
щью сервиса
labs.ideeinc.com
Не существует единой, 06щеприня
той классификации или даже устояв
шихся названий типов иллюстраций, используемых на веб-сайтах.
Можно rоворить только о наиболее распространенных при мерах
124
Корпоративный веб сайт на 100%
(не претендуя на терминолоrическую cтporoCТb), к числу которых
относятся:
о Навиrационные и служебные
иллюстрации значки, пик
тorpaMMbI, иконки, "ползунки»,
кнопки, корзины для покупок,
ИТ.д.
О "Продающие» иллюстрации,
демонстрирующие товар или
услуrу, rрафики котировок
акций, подчеркивающие
преимущества и т. д.
О Имиджевые иллюстрации любые изображения или фотоrрафии,
не несущие прямых бизнес Функций, но создающие настроение или
необходимый образ
«Исторически» так сложилось, что у нас мноrие любят использовать
пиктоrраммы и иконки. В случае качественноro исполнения они
действительно очень украсят ваш сайт.
Но не менее ответственной и трудоемкой
задачей является создание значительно
ro количества "мелкой» rрафики такой,
как кнопочки (доступные, недоступные,
нажатые), стрелки, чекбаксы, управляю
щие элементы постраничной навиrации
и буллеты, отличающие профессиональ
но сделанный сайт от пестроro любитель
CKOro шедевра. Их роль, к сожалению,
часто недооценивают, сосредоточивая все внимание на баннерах.
,
I
,
Лучше один раэ
увидеть, чем сто
раэ услышать!
Старайтесь не 3a
бывать эту Hapoд
ную мудрость
,
,
«Продающие» И «имиджевые» иллюстрации, как правило, дополняют
слоrанами. Подробнее мы это обсудим в теме «Промоблоки».
На иллюстрации существует
определенная мода. Например,
сеroдня принято использовать
фотоrрафии энерrичных молодых
людей для создания позитивноrо
настроения.
...
..
Очень часто применяют фотоrра
фии фруктов (особенно зеленых
З2/1 00% Иллюстрации
125
яблок и спелых апельсинов), снабжая их броскими слоrанами. Раньше
модным считалось использование фотоrрафий музыкальных инстру-
ментов и рыцарских замков.
Визуальное мышление
Современный пользователь Интернета все больше склоняется к визу
альному восприятию информации. Отсюда все дизайнерские тренды
последних лет большие rрафические заrоловки, яркие баннеры,
крупные кнопки, осмысленные пиктоrраммы и т. д. Пользователь не
хочет тратить ни одной дополнительной секунды на то, чтобы вникать
в какие либо описания или преодолевать лишние сложности. Помни
те 06 этом, коrда будете заказывать иллюстрации для вашеro сайта.
Форматы rрафических файлов
ВИнтернете сложилась практика ИСПОЛЬЗ0вания трех типов rpa
фических форматов, хорошо поддерживаемых всеми основными
браузерами:
. GIF для простых немноrоцветных
или анимированных изображений,
а также изображений с эффектом
прозрачности;
. PNG для полноцветных изобра
жений или изображений с эффектом
прозрачности;
Псевдотрехмер
ную rрафику луч
ше ИСПОЛЬЗ0вать
только для дeMOH
страции «физи
ческоrо объема»
объекта
. JPG для полноцветных иlили TeK
стурных изображений.
Выбор необходимоro формата изображения для неспециалиста
может оказаться затруднительным в силу довольно большоrо KO
личества тонкостей и нюансов работы с каждым из них (например,
особенностей компрессии изображений). Поэтому лучше поручите
это вашему подрядчику.
Bcero пунктов для проверки О
rO Проверено
33. Фотоrрафии
Самым распространенным типом иллюстрации, исполь
зуемым на корпоративных сайтах, являются фотоrрафии.
Например, с их помощью можно показывать эстетически
привлекательную продукцию такую, как бытовая техни
ка, косметика, предметы одежды и обуви, кондитерские из
делия и т. д.
При ИСПОЛЬЗ0вании фотоrрафий в контенте веб страницы мы
рекомендуем убедиться в том, что:
О Качество всех фотоrрафий О Физический размер (в Кб) всех
приемпемо по характеристикам фотоrрафий минимапен, но дo
яркости, четкости, композиции статочен для их качественноrо
и т. Д. показа
О Для всех фотоrрафий в коде О Есть возможность увеличить
страницы прописаны пара фотоrрафию, кликнув по ней
метры высоты и ширины О Все фотоrрафии снабжены
О Все фотоrрафии подписаны всплывающими аlt текстами
(снабжены комментариями
в контенте страницы)
Что показать
на фотоrрафиях:
. образцы товара
. сотрудников,
задействован
ных в работе
с кпиентами
. интересные
моменты
с мероприятий
. оборудование
или обустройст
во офиса
Обратите внимание, что фотоrрафии яв
ляются объектами aBTopcKoro права.
Соответственно, вы должны позабо-
титься:
О О приобретении прав на испопЬЗ0
вание чужих фотоматериалов (Ha
пример, купить их в фотостудии или
В фотобанке)
О О заказе на изrотовление ориrиналь-
ных фотоматериалов
Не экономьте на этом. По уровню фото
rрафий часто судят об уровне маркетин
ra в компании (всеrда удручает ситуация,
коrда в ответ на запрос «Пришлите фо
3З/100% Фотоrрафии
127
тоzрафию вашею руководителя» приходит не профессиональная
работа, а изображение директора, катающеrося на любимом пони).
Персоналиэация
Большинству Клиентов будет весьма при
ятно увидеть на сайте компании ее пер
сон ал, а не обезличенную информацию.
Особенно целесообразно это делать в
<<точках контакта», чтобы посетители зна
ли, к кому конкретно они обращаются.
Например, вы можете разместить небольшие фотоrрафии менедже
ров рядом с указанием их контактной информации или при описании
услуr, в оказании которых эти специалисты будут непосредственно
участвовать. Такую практику активно используют мноrие туристиче
ские компании и сервисные салоны.
Покаэывая пер
сонап, помните
об «охотниках
эа rоповами»
Если создание уникальных изображений не является приоритетной
задачей, то всеrда можно прибеrнуть к услуrам хранилища rрафики и
фотоrрафий в Интернете. Однако стоит отметить, что общедоступные
бесплатные материалы в массе своей не отличаются качеством, и нет
никакой rарантии, что вы не встретите эту же иллюстрацию на друrом
сайте. В случае же с профессиональными, платными банками изобра
жений качество и уникальность зависит от условий покупки.
Возможные варианты:
о Полностью свободное исполь
эование, без оrраничений (так
называемые произведения, Ha
ходящиеся в PubIic Dоmаiп)
О СвободноеИСПОЛЬЗ0вание
в некоммерческих целях
о Бесплатное ИСПОЛЬЗ0вание
с разрешения автора (правооб
ладателя)
О Платное ИСПОЛЬЗ0вание с раз
решения автора (правообла
дателя)
Bcero пунктов для проверки
О/О Проверено
34. Шрифты
На каждом веб сайте применяется собственный набор
шрифтов «(шрифт сет}», как правило, задаваемый с помо
ЩЬЮ каскадных таблиц стилей (CSS)
Чем характериэуется шрифт
КаждЫЙ шрифт характеризуется множе
ством параметров: формой, насыщенно
СТЬЮ,кеrлеМ,наКЛОНОМ,контрастностью
литер, цветом и т. д.
Ключевое свой
ство шрифта
удобочитаемость
Эти характеристики в сочетании с пара
метрами фона определяют такое ключевое для веб сайта свойство
шрифта, как удобочитаемость.
Windows Macintosh UnixJLinux
С засечками Book Antiqua Pa1atino Bitstream
Bookman Times Vera Serif
Old Style New York Times
Garamond Utopla
New Century
Schoolbook
Без засечек Апаl Narтow Helvetlca Bitstream
Century Gothic [hicago Vera Sапs
Lucida Sans Geneva Plain Helvetica
Unicode Lucida Grande Lucida Sans
Tahoma Unicode
MOHO Courier Courier Courier
ширинные Lucida Мопасо Bitstream
console Vera Sans Нопо
Различные шрифты также создают разное впечатление от 3HaKOM
ства с текстом. Например, шрифты с засечками придают сайту более
34/1 00% Шрифты
129
академичный вид, а без засечек демократичный и деловой. Кстати,
то же самое можно сказать и о слайдах для презентаций, с которыми
вам, вероятно, неоднократно приходилось выступать.
Как выбрать и rpaMOTHO испопЬЗ0вать шрифт
о Необходимо минимизировать
количество используемых на
сайте шрифтов (желательно
применять шрифты не более
двух семейств)
О При выборе шрифта важно
следовать общим требованиям
фирменноrо стиля компании
О Необходимо иметь в виду, что
шрифты являются объектами
aBTopcKoro права и, COOTBeт
ственно, их использование MO
жет быть оrраничено лицензиями
О Шрифт должен быть KOHTpa
стен по отношению к фону
(лучший вариант писать
TeMHo cepЫM по белому)
О Страницы сайта должны BЫ
rлядеть корректно при любом
размере системноrо шрифта
о в контенте веб страниц жела
тельно использовать только
стандартные шрифты, постав
ляемые вместе с платформами
Windows, Масiпtоsh, UпixlLiпuх,
чтобы избежать проблемы
автоматической замены несуще
ствующеrо шрифта браузером
на какой либо друrой, не COOT
ветствующий по стилю и назна
чению
О В СSS файле для каждоro
шрифта необходимо 3адать
предпочтительные алыерна
тивы, которые автоматически
использует браузер для ero
замены при отсутствии на
компьютере пользователя
OCHOBHOro шрифта
При выборе шрифтовоro решения для вашеrо сайта мы вновь peKO
мендуем вам воспользоваться уже отработанными схемами. Ha
пример, внимательно изучите практику использования шрифтов
на сайтах Google. На таких проектах уже подобраны оптимальные
сочетания размеров заroловков и OCHOB
HOro текста, отступы, варианты замены
шрифта и прочие пара метры, на caMO
стоятельный поиск которых у вас MorYT
уйти десятки часов.
Масштабирование
размеров шрифтов
MHoro дискуссий посвящено проблеме
задания размеров шрифта, который
Современные
браузеры масшта
бируют страницы,
рассматривая их
как своеобразные
векторные И30
бражения, coxpa
няя целостность
макета
130
Корпоративный веб сайт на 100%
может быть определен в абсолютных или относительных единицах
(%, ещ larger, smaller и др.).
Каждый из этих методов при водит к разным результатам в зави
симости от выбранноrо польэоватепем брауэера и выставлен
ных в нем настроек (например, выбора размера шрифта «по умол-
чанию»).
При некорректном задании размеров целостность макета может
быть существенно нарушена.
Постепенно актуальность пой проблемы снижается, так как co
временные браузеры масштабируют страницы, рассматривая их как
своеобразные векторные изображения, а не путем увеличения раз
меров шрифтов.
На некоторых сайтах создается специальная функциональность
для уменьшения или увеличения размера шрифта (для людей с ослаб
ленным зрением).
Особенно курьеэ-
но смотрятся «эа
питые)) в rрафику
тексты с rpaMMa-
тическими и ор-
фоrрафическими
ошибками
Шрифты внутри иллюстраций
Шрифты также Moryт испольэоваться
внутри иллюстраций (например, в виде
слоrанов, написанных на фотоrрафиях).
Тоrда никаких оrраничений на их выбор
не накладывается, но, соответственно,
возникает целый ряд минусов:
о Такие шрифты, как и любые pac
тровые изображения, не Mac
wтабируются
О Текст, "залитый» в rрафику, не ви-
дят поисковые роботы
Внимание к шрифтам это явный признак профессионализма, на
который всеrда обращают внимание специалисты. В отличие от них,
менее искушенные пользователи делают это неосознанно, интуитив
но. Их оценки выражаются в простых фразах, типа: «нравится не
нравится», «читается не читаетсЯ», «привлекает отталкивает».
о Любое видоизменение такой
надписи будет 0значать пере-
делку иллюстрации, что обычно
требует привлечения дизайнеров
Bcero пунктов для проверки O
О Проверено
35. Дизайн текста
Дизайн текста это условное название для различных
способов визуальноro оформления текстовых материалов,
позволяющих радикально улучшить их привлекательность
и удобочитаемость
Качественное оформление текста яв
ляется явным конкурентным преиму
ществом сайта, так как подавляющее
большинство владельцев отечественных
веб ресурсов не обучают своих публика
торов подобным приемам.
К сожалению, на таких сайтах часто весь текст публикуется в виде
единоrо, абсолютно нечитаемоrо блока «<дохлой рыбы»).
Все новое
хорошо отфор
матированное
старое. В том чис..
пе и зта книrа
Не верите? Тоrда просто вспомните, с KaKoro количества веб страниц
вы ушли со словами: "Ой, тут совсем ничеrо не понятно!»
При пубпикации текстов на сайте мы советуем следовать сле
дующим Принципам:
о Следует оrраничить, CTaHдap
тизировать используемые
способы форматирования,
однозначно определить их
с помощью СSS стилей и снип
петов (шаблонов оформления),
отказавшись, таким образом, от
чрезмерноrо творчества публи
каторов
О Важно соблюдать технические
правила верстки (например,
оформлять заroловки теrами
<h1>,<h2>,<h3>,создавать
пустые строки с помощью
Tera <р>, оформление «жир
ным» делать с помощью Tera
<stroпg> и т. д.)
о Каждая страница должна
иметь ясную визуальную
иерархию заroловков разных
уровней, врезок, цитат, акцентов
и т. д. С целью сделать ее приrод
ной для беrлоrо просмотра
О Необходимо обеспечить
«B03AYWHOCTb» BHeWHero
вида текста, предусмотреть
поля и межстрочные интервалы
достаточноrо размера
О Желательно ИСПOnЬЗ0вать
достаточно крупный размер
wрифта (мноrие пользовате
ли жалуются на сайты, тексты
которых набраны очень мелким,
плохо читаемым шрифтом)
132
Корпоративный веб сайт на 100%
о Ширина TeKcToBoro попя
допжна обеспечивать
удобство чтения (по HeKOТO
рым оценкам, это примерно
1,5 2,5 алфавита, набранноro
строчными буквами)
О Для отдепьных материалов
(например, статей, оБЗ0РОВ)
необходимо указать их «BЫ
ходные данные» дату публи
кацииlобновления, авторство,
ключевые слова (теrи)
о Текст должен быть разбит
на компактные бпоки, каждый
из которых выражает закончен
ную мысль, отвечает на вполне
конкретный вопрос, представ
ляет собой анонс или резюме
более обширноro материала
ОСпедует однозначно OTKa
заться от подчеркивания как
приема визуапьноrо оформ
пения любой части контента,
не являющейся ссылкой
Приемы форматирования
Удобный вариант знакомства с боrатым арсеналом способов фор
матирования это тщательное иэучение хорошо сверстанных
rлянцевых журналов. В веб среде MorYT быть воспроизведены
практически все используемые в них приемы форматирования.
Арсенал оrраничен топько навыками
публикаторов и спецификациями ис
попьэуемоrо яэыка раэметки (напри
мер, спецификацией НТМL кода).
Журнал «Playboy))
научит вас вели
колепно формати
ровать тексты
Наиболее часто различные способы фор
матирования используются в рекламных
и справочных материалах. Например,
рассказывая о компании, вы можете акцентировать внимание на
ключевых фактах с помощью врезок или цитат. При создании любых
списков всеrда полезно выделять ключевые слова в каждом пун
кте более «жирным» или более крупным шрифтом. Разноцветные
(обычно пастельные) подложки хороший способ для оформления
номеров телефонов.
При этом не следует увлекаться слишком разнообразным формати
рованием, чтобы не превратить страницу внечитаемый «винеrрет».
Посмотрите, все ли иэ перечисленных ниже приемов формати
рования испольэуются на вашем сайте:
о 3аrоповки и подзаrоповки
разных уровней
О Врезки
о Вводные или пид аб3аЦЫ,
вступпения
О Бпоки цитат
35/100% Дизайн текста
133
А
Вводные или лид абзацы,
вступления
3аrоловки разных уровней,
подзаrоловки
Только
заrлавные буквы
11
КИ цитат]
o
Разделительные
линии, рамки
"
I
( , npo
между абзац ами
Разные по размеру
поля ВOKpyr текста
(писки (маркирован
ные, нумерованные,
вложенные)
новая серия
[ Выделение I
ключевых слов
Таблицы, разбитые
при необходимости
на лоrически закон
ченн ые фраrменты
....:;;::
ноyrб;hиvАIO
-
134
Корпоративный веб сайт на 100
о Буквица (выделение первой
буквы в абзаце)
О Сноски, расположенные в низу
страниц, или комментарии
«по ходу», расположенные
сбоку и выполняющие ту же
функцию
О Разные по размеру поля
BOKpyr текста
О Таблицы, разбитые при необхо
димости на лоrически закончен
ные фраrменты
о Пустые строки между абзацами
О Списки (маркированные, HYMe
рованные, вложенные)
О Выделение ключевых слов
внутри текста с помощью: цвЕ!"-
та, подложки, насыщенности,
наклона,размера,перечер
кивания, заrлавных букв и т. д.
(только не подчеркивания!)
О Разделительные линии,
рамки
Bcero пунктов для проверки O
О Проверено
36. Анимация
Соrласно cTporoMY определению, анимация это измене
ние во времени визуальною представления rрафическоrо
элемента. Мы с детства знакомы с ней по мультфильмам.
Использование анимации хороший способ дeMOHcтpa
ции ра311ИЧНЫХ динамических процессов, привлечения
внимания, увеличения зффектности BHeWHero вида
веб страницы
Даже при наличии множества преиму
ществ, как правило, лучше минимизи
ровать ИСПОПЬЗ0вание анимирован
ных объектов и включать их в контент
веб сайта весьма экономно и исходя в
первую очередь из бизнес соображений,
а не желания «сделать модную краси
вость». Не рекомендуется также разме
щать тяжелые анимированные объекты
на rпавной странице сайта, чтобы не
замедлять ее работу.
Например, вы можете ИСПОЛЬЗ0вать анимацию в следующих слу
чаях:
Великопепно
смотрится аними
рованное изобра
жение приемов
ИСПОЛЬЗ0вания
GРS навиrаторов
или динамиче
ское изменение
курса акций
о Демонстрация работы быто
вых приборов (например, для
показа 25 функций кyxoHHoro
процессора)
О Наrлядное объяснение слож О
Horo процесса (например, для
метафорическоrо показа «хими
ческоro механизма» действия
шампуня для волос, отчаянно
борющеrося с перхотью)
Посмотрите, нет ли на вашем сайте этих или подобных им объектов.
Если есть смело анимируйте.
о «Оживление» статических изо
бражений (например, «оживле
ние» фотоrрафий после клика по
ним)
Вывод сообщений поДскаЗ0К,
помоrающих заполнять сложные
формы и MrHoBeHHo показываю
щих ошибки
13б
Корпоративный веб сайт на 100%
Не рекомендуется ИСПОЛЬЗ0вать анимацию для:
о Видоизменения курсора мыши
О Создания зффекта «падающеrо
CHera»
о Создания динамически Me
няющихся пиктоrрамм
Применение анимации позволяет сделать интерфейс сайта rораздо
более живым. Отличным примером использования таких эффектов в
интерфейсах телефонов является
iPhone.
в то же время, вы должны по
нимать, что на большинство
пользователей анимация про
изведет впечатление топько
при первом (и обычно един
ственном) просмотре. Напри
мер, очень красиво сделанный
сайт www.2advanced.com уже после нескольких визитов начинает
раздражать постоянной сменой картинок.
"
".; .
\
{ ""
.
1
.-.
(
.,
I/J/I'
.J 1,
Как можно создать анимированный объект
На своем корпоративном сайте вы можете использовать несколько
способов создания анимированных объектов:
о Аjах подход, выrлядящий как
анимаЦИЯ,позволяет"переза
rружать» отдельные фраrменты
веб страницы без перезаrрузки
всей страницы (это позволяет,
например, разбить большой
массив информации на заклад
ки, переключающиеся одним
кликом мыши)
о GIF анимация, как правило,
применяемая в баннерной
рекламе
О Flash/Java/JavaScript/DhtmIJ
SVG/Silvеrlight анимация,
позволяющая создавать объ
екты самой разной сложности
(в том числе, имеющие BcтpoeH
ный проrраммный функционал)
Анимация, созданная каждым из этих способов, будет существенно
различаться. Например, Аjах подход и языки проrраммирования
обычно используются для «оживления» навиrационных элементов.
Их работу, в отличие, скажем, от flаsh роликов, мноrие пользователи
MorYT даже "не заметить» или не отнести к разряду анимации.
На корпоративных сайтах использование анимации, как правило,
оrраничивается Bcero несколькими приемами. Например, вы можете
Зб/100% Анимация
137
сделать выпадающее меню, в котором
будут находиться ссылки на все OCHOB
ные разделы сайта (такое меню может
фактически служить картой сайта).
Мы также рекомендуем использовать
уже упомянутые закладки для максимально удобной демонстрации
контента. Примеры вы найдете на wWW.l c bitrix.ru или www.individ.ru.
........... .......... ..... .................
. ... .... lW "'. '":"' ......'V
Переиэбыток
анимации ведет
к фрустрации
r'J 1.1 ЮА90
..:1. f*
.1С.&ИJPИКС .ы""'.IJpono.Эф...т.....
...к.......т...o
...........)!
п",, }."Н ( ".o" 0('0'''''''' ')"РI'Ч'r'I "'IIt1..p"''' '' "ЬУЧ .''''
.З
11
'
I
(=
управление задачами
", назначение ответстенных
иmпnnnh rnnllnA
КoмaiWIU :tффetm&aнom..!
lC-Битрикс: Корпоративный портап
'!'IстwаАllllr :{ЩIНI!IIКО\)пОР 1"8н"r('lМlIrр..lIеr-lIе'С
nn.....ow..e
'or- ""';.....1
"01111' .epeot.
oР'8...,8",,,.
WnpaaвeIIМI СМПО. kOpnop.............. nOр..... n.p'lNJ"I" J.С.6опр,",с.ТВ "О8ОСТII Семи""р",
.." r
. е
. s:: .-
.....,- .
7.1
_!.'J_ IIJ1RI!IJI"" QRВII8JЦ18 ,,-,-lIto! - n .IIыta..
С:И<;"nI>МI""'lcou.eНOIII УП""М"""" rIJ'08ItПИН'
,/ 1<Qp!1OptI""8>НoI"'Hu+I'JlllotМ
"Mк,.,...т.. ;
"М\IфcIpм8чМOltН..... ;
"мк........,... :
" 1CCIЦI08.............. С8"'.... .. apyntМM CaIh8ММ
C "c:aoQ c.aiIт"У "'iII'. -мnerхо .I1p(Iф.cClOOIQII.ttoо. .......х
......... ..htmI-мpc"I'ICИ.
..:.".T._.'..".......... __ o.,......T..........
... _ J..c;. Io1 .A, _
'Dl):1Q..AIOщ1I<.:JJИ:1ИQ[t
Wl'1o;1'"'.. ...zmAJ \'
.5I!ЧItIК'..
..............................
'"'"1.c:_ ......",....&.........".....
.. """"""""
:itUJIt.И
. ............ "'
''5 :ЮO::OS
Друrой прием вывод контекстных подсказок, помоrающих запол
нять различные формы. В качестве примера мы рекомендуем попро
бовать заполнить форму реrистрации на www.traineo.com (сайт для
желающих похудеть).
Bcero пунктов для проверки O
О Проверено
37. Сервисы для посетителей
Сервис это определенная функциональность, созданная
на сайте и представляющая интерес для ero посетителей.
rосударство тоже поставляет нам сервисы: от охраны пра
вопорядка до сервиса «заключение В тюрьму»
Современный Интернет является контент сервисной средой. Этому
уровню развития технолоrий должен соответствовать и ваш корпо
ративный сайт, давно переросший любые аналоrии с «визитками»
И «рекламными буклетами», выложенными в Сеть.
Специфика корпоративных сайтов ча
сто не позвопяет реализовать на них
большой объем полезных для Клиентов
функциональностей (в отличие, напри
мер, от изначально сервисных сайтов
таких, как www.linkedln.com. www.pounder.com. www.meboo.com или
www.hitask.com). К сожалению, придется довольствоваться весьма
стандартным набором. Но даже к ero формированию вы можете
подойти творчески и со знанием множества нюансов. Посмотри-
те, как интересно орrанизованы мноrие типовые сервисы на сайте
одной из самых инновационных компаний мира компании IDЕО
(www.ideo.com).
в Интернете есть
дефицит серви
сов, а не инфор
мации
Оrраниченность жанра
Какие бывают сервисы
Потенциально набор nporpaMMHbIx сервисов, которые вы можете
разместить на сайте, ничем не оrраничен. Более TOro, максимально
приветствуется разработка ориrинальных, отвечающих специфи
ческим потребностям ваших Кпиентов Функционапьностей. Как
их можно «придумать»? Вспомните, о чем вас обычно спрашивают
Клиенты. Именно такие функциональности обеспечат сайту KOHКY
рентные преимущества.
З7/100% Сервисы для посетителей
139
Можно очень условно разделить наиболее часто встречающиеся
сервисы на стандартные и нестандартные. Посмотрите приведенные
ниже списки. Возможно, вы придете к решению о необходимости
создания на вашем сайте каких то новых функциональностей.
Стандартные сервисы:
О Комментирование, обсужде О Лента новостей, архив новостей
ние материалов О Автоматическая rенерация
О Система оформления заказов версий для печати
на ТOBa ы иlили услуrи, корзина О Реrистрация и авторизация
Быстрыи повтор заказа
О Сервис восстановления и CMe
О Отправка почтовых сообщений ны пароля
О Подписка на почтовую pac О «Внутрисайтовая» рекламная
сылку система
О RSS каналы О rолосования, опросы, анкети-
О Простой и расширенный поиск рования (с возможностью произ
О Форумы, чаты вольноro конструирования этих
инструментов)
О Вопросы и ответы (FAQ)
Подбор функциональностей определяется особенностями бизнеса
компании. Например, создание пенты новостей является общепри
нятым стандартом проектирования корпоративных сайтов. При этом
важно, чтобы в ленте публиковались новости, интересные Клиентам,
а не просто тешащие самолюбие руководства компании.
Внедрение «внутрисайтовой» рекпамной системы для продви
жения сторонних продуктов целесообразно только в том случае,
если планируется продажа рекламных площадей, что нетипично для
корпоративных проектов.
Есть и в принципе бесполезные для большинства Клиентов сервисы.
Распространенный пример системы rолосования (<<rолосовалки»),
работой с которыми обычно веселят себя только маркетолоrи и про
rраммисты, тестирующие их работоспособность.
«Нестандартные» сервисы:
о Беrущая строчка, демонстри-
рующая, например, биржевую
информацию или новости
О Персонализация внешнеrо
вида, структуры и набора серви
сов сайта
о Возможность фильтрации
и сортировки контента по мно--
жеству признаков (дате, автору,
принадлежности к какой то
rруппе, отраслевому признаку,
TeraM и т. д.)
140
Корпоративный веб сайт на 100%
о Корпоративные или персо
нальные блоrи
о <<Листы желаний» (WishLists)
О Проrраммные «MaCTepa
визарды», позволяющие пройти
определенную последователь
ность действий, например, для
реrистрации на сайте или оформ
ления заказа
о Калькуляторы (например,
калькулятор расчета лизинrовыХ
платежей)
О Виджеты, информеры
О Конфиrураторы, позволяющие,
например, подобрать aBTOMO О Интерактивные тесты
биль нужной комплектации, О Веб конференции
rабаритов, цвета, мощности и т. д. О Интерактивная карта ropo
О 3лектронные rypy, упрощаю да, реrиона, страны или мира,
щие выбор товара с помощью с нанесенными на нее адресами
интерактивных "наводящих представительств компании
вопросов» О Рейтинrи товаров, статей, aBTO
О Сервис сравнения товаров и ров и т. д.
подбора аналоrов О Выбор системы оплаты заказов
О Система оформления пода О Нотификация с помощью элект
рочных сертификатов и/или ронной почты, SMS, MMS и др.
клубных карт
О Система случаиноrо отображе
О Онлайн консулыирование ния объектов, например ТOBa
с помощью IСQ клиента, ров из электронноro каталоrа
Google Talks и др.
О Система взаимопомощи по
О Система выбора и смены язы сетителей
ковой версии
О Вебинары (семинары, проводи О Чат
мые в режиме онлайн)
о Базы знаний
Сервис фипырации контента может быть крайне полезен в боль-
ших каталоrах (например, каталоrах бытовой техники, косметики или
книr). Он, так же как и эпектронный rypy, существенно упрощает
поиск и выбор товара пользователем.
Вебинары позволяют проводить дистанционное обучение персона
ла, что может быть актуально для компаний, имеющих большие фи
лиальные сети (например, для дистрибьюторских фирм). Внедрение
онпайн консупыирования и капькупяторов (например, для pac
чета платежей по кредитам) можно рекомендовать в первую очередь
банкам и страховым компаниям.
Поддержка каждой функциональности имеет свои особенности.
Например, создание рейтинrа попупярности (скажем, «Топ5 лучших
книr» или «Топ 1 О статей экспертов») может приводить к специфиче
З7/1000/0 Сервисы для посетителей
141
скому эффекту павинообраэноrо нарастания попупярности имен
НО пидеров рейтинrа (этот феномен называют «эффект rpoMooTBO
да»). При этом все остальные позиции MorYT просто иrнорироваться
пользователями, что лишает рейтинr вся Koro смысла и отрицательно
сказывается на продажах. Разумеется, существуют специальные спо
собы борьбы с этим злом (например, продажа мест в рейтинrах).
Создание мноrих сервисов (к примеру, форумов, блоrов) при водит
к дополнительным расходам, связанным с их поддержкой. Скажем,
форумы практически всеrда требуют модерации, а значит, оплаты
труда специалистов, занятых этой работой.
Bcero пунктов для проверки O,h
О Проверено
И3 рецензий наших экспертов
".. Н .... hrtUrbI Т_ Н.
" j4fltй;.,J...,w;.,*,
1f'
C"""lii]..
.
,"", .
"
lIq.tI
Фu.'ItI:\.IIМlаfl
+7 (.", soo--ss so
. 800 sss ss so
3Iooao;1D e..aw.r...
CВI:P5AHK
POCCJ1II
Всеада рядом
l p8IIQt .lJ
КРЕДИТ
ОЛОДАЯ
С.
.,
Частнь
клиент"
Сайт Сбербанка России (www.sbrf.ru)
tJ
в новой версии rлавноrо сайта Сбербанка появился интерактив
ный сервис поиска банкоматов, отделений банка, пунктов выдачи
наличных по банковским картам. Раньше такая информация на ca
те была, но хранилась в простом экселевском файле, что было не
очень удобно для использования. Сильно не хватает карт, на KOTO
рых были бы нанесены места расположения подразделений банка.
Также очень неудобно то, что структура сайтов территориальных
банков Сбербанка отличается от структуры OCHOBHOro сайта, и для
поиска соответствующеro сервиса на реrиональных сбербанков
ских сайтах приходится тратить дополнительные усилия.
Oner Никуnьwин, rлавный редактор
areHTCTBa финансовой информации «МЗ медиа» (www.mЗm.ru)
SIIE<II'<>'
о Бавк{ '
ПреСС ll
КОНКуРl
Обрат,
1'1I
38. Электронная коммерция
Эпектронная коммерция это обобщенное название
для различных видов коммерческой активности в Интерне
те, имеющей конечной целью продажу Клиенту товара или
услуrи. Классическим примером инструмента электронной
коммерции является интернет маrаэин
Полнофункциональные интернет маrа
эины нечасто присутствуют на корпора
тивных сайтах (их даже принято выделять
в отдельную катеroрию проектов). rораз
до чаще все оrраничивается внедрением
электронноro каталоrа продукции. Как
правило, интернет маrазины создают
компании, сутью бизнеса которых явля
ется продажа (например, такие сетевые компании, как «Связной»
И «Евросеть»).
Бопьwинство
корпоративных
сайтов допжны
со временем пере..
расти в интернет
маrаэины
Структура интернет маrазина
в состав кпассическоrо интернет маrаэина, как правипо, входят:
о 3лектронный каталоr в виде
витрины или таблицы товаров
О Выделенные катеrории
товаров (хиты продаж, акции,
распродаЖИ,НОВИНКИ,рекомен
дованные товары)
О Сервис корзины и заказа
товаров: пошаrовое оформле-
ние заказа с выбором профиля
покупателя (физическое или юри-
дическое лицо), способа оплаты
(например, через кредитную Kap
ТУ), способа доставки (например,
курьером), rенерация квитанций
или счетов фактур
о Персональный раздел покупа
теля (возможность отслеживать
статусы заказов, история поку
пок, уведомления о появлении
заказанноrо товара на складе,
личный расчетный счет
на сайте)
О Набор вспомоrательных
сервисов: фильтры, сортировки,
сравнения товаров, история про
смотров (например, блок
«Вы смотрели»), подбор по опре
деленным параметрам в форме
«визарда» И др.
О Административный раздел
38/1 00% Электронная коммерция
143
Данный перечень не включает пункты,
связанные с орrанизацией бизнес про
цессов, поддерживающих продажи. Не
рассматриваем мы и проблемы лоrисти
ки, складскою учета, маркетинr, а также
юридические, кадровые и прочие BO
просы, без решения которых интернет
маrазин не сможет функционировать
эффективно.
Современный
интернет маrаэин
предпопаrает ин
теrрацию с друrи
ми припожениями
(например, с 1 С)
и вэаимодействие
с ппатежными
системами
3кспресс аудит
интернет маrазина
При проектировании интернет маrаэина мы рекомендуем вам
обратить внимание на сnедующие моменты:
о Пользователю должен быть
предоставлен выбор способа
доставки товара
О Желательно предложить Клиен
ту несколько альтернативных
способов оплаты (например,
банковским переводом, с по
мощью пластиковой карточки
ит.д.)
О В целом ряде случаев система
должна поддерживать работу
с несколькими основными Ba
лютами (рубли, доллары, евро)
О Важно следить за соблюдением
всех законодательных норм
и оrраничений при проведении
сделок
О Все денежные переходы
(изменения статуса товара
иlили статусов оплаты) должны
фиксироваться в виде транэ--
акций
О Система должна поддерживать
rенерацию всех необходимых
документов, сопровождающих
сделки
о Желательно, чтобы система была
интеrрирована с внутренними
учетными системами (напри
мер, системами управления
складами)
О Система должна поддерживать
механизмы назначения скидок
или надбавок в зависимости от
заданных условий (например,
систему скидок для партнеров
или скидок, автоматически воз-
никающих при определенной
сумме сделки)
О Желательно иметь механизм
автоматическоrо трейкинrа
заказа с информированием
всех заинтересованных
сторон (например, оповещени
ем KOHTpareHToB о заключении
сделки или поступлении товара
на склад)
О Офомление заказа желательно
построить по механизму кпасси
ческой злектронной корзины
144
Корпоративный веб сайт на 100%
Работа интернет маrазина может быть
существенно расширена в случае BHe
дрен ия партнерских (реферапьных)
nporpaMM, позволяющих выплачивать
комиссионное вознаrраждение владельцам тех сайтов, с которых
к вам пришли покупатели.
Сайт компании «Евросеть» (www.euroset.ru)
Одна из основных функций сайта интернет маrазин. Сайт предcr
ставляет посетителю, знающему точно, что ему нужно, удобную
возможность это купить. Возможности для людей, которые не
определились с выбором, сильно оrраничены несколькими за
данными фильтрами. А выбрать нужный аксессуар, совместимый
с конкретной моделью, с помощью этоro сайта не получится вовсе.
В итоrе мы имеем хоть и яркую, но малофункциональную витрину,
банально эксплуатирующую популярность офлайновоrо бренда.
Всевопод ШОРИН, старший разработчик Яндекс
Живи сам и давай
жить друrим
.........
.....
m-l7-'IO
.... .......
.......
с8} П1-11-12
",,", .
н.....p: .
AMII
т. - .
Новинкv
I'
Bcero пунктов для проверки Oh
О Проверено
И3 рецензий наших экспертов
п.....
Кa.rL"VlW'ho.DllLllII1 I11
lktrua . mUТII _ '_ _1!.
[IRUDII Рабоп. F..llctll1I
.
II:]" "",.
в...
........
Мo&u'1bн- са,..
lI2!!!RIm!
нovт&mt . кnк
фото м lIШ80
II/!Н!!!I!II
t-т
rA ...............
. BI:8III ........
I Чm.,. A/II CII:IfA.... м-u.u:
nOqntfUI8 en.a.n..........
.................
I
кrcllAJr"С ..... .......
111011111811
.... ......,. &,ocm. nmI88
.........,.....-му.. c-.ar
_...... аР ЭrD
..,................... е-т
.....,. 8 c.muc 40. А...
__.,,.... 10..... C8J'ItI.J
39. Экстранет для Клиентов
3кстранет (Extranet) это закрытая информационная cpe
да (то есть отдельный веб сайт), доступ к которой разрешен
только опредепенным rруппам пonьзоватепей (COTPYД
никам компании, партнерам, инвесторам,дилерам,Клиен
там и т. д.). Экстра нет-зона может быть как частью общеro
информационноro пространства компании, так и самостоя
тельным веб сайтом
Обычно при разработке экстранет си
стем значительно больший приоритет
получают вопросы безопасности и раз
rраничения прав доступа к информа
ции и сервисам. Уровень защиты подоб
ных систем roраздо выше, чем у корпоративных сайтов. Простейший
вариант экстранета для Клиентов это закрытый раздел на KOp
поративном сайте, например, <<Личный кабинет», предполаrающий
индивидуапьный защищенный доступ для каждоro пользователя.
Преимущество ero состоит в том, что вы можете разместить в нем
документы для оrраниченноro (вами) Kpyra лиц.
3кстранет это
закрытая З0на
сайта
Преимущества для Клиентов
Экстранет система может предоставлять Клиенту спедующие B03
можности:
u Доступ к конфиденциальной
информации о компании
(учредительные документы,
реквизиты, отчеты о деятель
ности компании, маркетинrовая
информация)
:J Орrанизация файлообмена
и обмена сообщениями с Me
неджером или руководством
компании (заявки, запросы,
заказы)
о Персонифицированное уни
кальное ToproBoe Предложе
ние (прайс-листы, спецпредло-
жения, скидки, акции)
О Доступ к информации обо всех
ToproBbIx операциях Клиента
(личный счет, статусы сделок,
доrовора, счета фактуры и т. д.
О Сервисная поддержка
(например, служба технической
помощи)
146
Корпоративный веб сайт на 100%
Для каждой компании и отрасли экстра нет будет индивидуальным,
и спроектировать ero заранее сложно.
Скажем, в экстранете банка Клиент может получать: возможность
управления собственным счетом, сервис отслеживания транзакций,
возможность проведения стандартных платежей, получения выпи
сок и т. д.
В довольно редких случаях экстранет для Клиентов орrанизуют на
внешнем интернет сервисе (например, на wiki npoeKTe), интеrриро-
ванном с корпоративным сайтом.
Bcero пунктов ДnH проверкм О
Vo Проверено
40. Экстранет
ДЛЯ сотрудников
Экстранет решения Предлаrают сотрудникам компании
возможность совместной работы и доступ к единому ин
терфейсу корпоративной информационной системы,
а также возможность cTpororo разrраничения по правам
По сути, подобная экстранет система представляет собой невидимый
в поисковых машинах корпоративный сайт, доступ к которому имеют
топько аВТОРИЗ0ванные сотрудники компании с определенных
IР адресов. Или, в простейшем варианте, это может быть просто за
крытый раздел на сайте, доступный по лоrину/паролю.
Внедрив такую систему, вы попучите спедующие преимуще
ства:
о Соэдание единой информа
ционной базы, включающей
маркетинrовые материалы,
корпоративные стандарты
отчетности и др.
О Повышение зффективности
работы сотрудников за счет
увеличения скорости на поиск
и управление информацией
О Возможность введения злект
pOHHoro документооборота
и сокращение расходов на
бумажное делопроизводство
О Возможность быстроrо
обучения новых сотрудников
и повышения квалификации
старых
О Возможность продуктивноrо
интерактивноrо взаимодей-
ствия между сотрудниками
и руководством компании
о Возможность YAaпeHHoro досту-
па к корпоративной информа
ции, включая доступ с мобиль
ных устройств
О Координация и контроль рабо-
ты удаленных ПОДpёlзделений
компании
О Орrаниэация единой баэы пе
сональных и рабочих данных
всех сотрудников компании
О Орrанизация общедоступной
единой новостной ленты с пуб--
ликацией объявлений, распоря
жений, приказов и т. д.
О Повышение информированн
сти всех сотрудников обо всех
сферах деятельности компании,
ее проектах и Клиентах
148
Корпоративный веб сайт на 100%
Структура
Внутри экстра нета для сотрудников вы можете орrанизовать сле
дующие разделы:
о Общая информация о компа
нии (история, миссия, структура,
правила и условия сотрудниче
ства с компанией, корпоратив
ные аандарты, перспективы
развития)
О Обучение сотрудников (планы
обучения, информация о BHY
тренних семинарах, учебные
материалы, учебные курсы,
сертификационные тесты)
О Кадровая информация (анкети
рованиеСОТРУДНИКОВ,календари
внутренних мероприятий, доски
почета, rрафики отпусков, фото
rалереи сотрудников, видеоотче
ты о корпоративных мероприя
тиях)
о Библиотека файлов (учреди
тельные документы, доrоворы,
инструкции, брендбук, элементы
фирменноro стиля)
О Общение и связь (опросы
И форумы, возможности KOM
ментирования и rолосования,
корпоративные блоrи COTPYД
ников, доступ К корпоративной
электронной почте, связь с
ответственными лицами и PYKO
водством, возможности поста
новки задач и передачи файлов,
сервисы вопросов и ответов)
О Справочники (филиалы, отделы,
сотрудники, телефоны и адреса,
партнеры, дилеры, каталоrи про
дукции)
Bcero пунктов для проверки
О/О Проверено
41. Экстранет для дилеров
3кстранет для дилеров (в сфере В2В) позволяет компании
эффективнее управлять бизнес процессами, связанными
с ее дилерской сетью
Подобные системы создаются КОМпа
ниями, осуществляющими активный
обмен маркетинrовой, торrовой и
сервисной информацией со своими
партнерами.
Такие системы эффективны, только Kor
да дилерская сеть компании достаточно
велика или существуют планы ее значи-
тельноro расширения..
Внедрение на сайте закрытоro раздела
или полноценной экстранет системы
даст вам следующие преимущества:
о Хранение всей информации
в «одной копии», С которой
работают все дилеры (это
существенно упрощает и yдe
шевляет актуализацию инфор
мации, позволяет отказаться
от постоянной рассылки
информации всем партнерам,
а также соблюдается единый
стандарт отчетов и друrой
документации). к сожалению,
по техническим причинам это
не всеrда возможно
О «Активная» роль дилеров
(самостоятельная публикация
собственной информации,
в частности, отчетов, HOBO
стей, информации о про
дуктах)
3кстранет систе
мы успешно
внедрены таки
ми крупными
компаниями, как
THK Bp, ФЕЛИКС,
Ardo, МТС, Zebra
Telecom, R Style,
XEROX Russia,
ОТТО, AGFA
Украина и др.
о Возможность обеспечить
высокий уровень кон фи..
денциальности при работе
с партнерами (в сравнении,
например, с перепиской
по электронной почте)
О Возможностьконтролиро
вать и документировать
действия каждоrо дилера
внутри "закрытоro раздела»
после прохождения им обя-
зательной авторизации
на сайте
О Сервисная поддержка диле-
ров компании (доступ к техни
ческой литературе и PYKOBOД
ствам, орrанизация процессоВ
rарантийноrо обслуживания
и ремонта оборудования)
150
Корпоративный веб-сайт на 100%
о Ведение общей продуктовой
баэы с публикацией инфор-
мации о сделках, лоrистике
и бонусах для каждоrо дилера
О «rарантированная доставка»
маркетинrовой и рекламной
информации (презентации,
пресс релизы, обзоры, кален
дарь событий)
О Увеличение скорости обра
ботки 3апросов со стороны
дилерскойсети(интерак
тивные механизмы заявок
и заказов)
о Продуктовые сервисы
(заказ продукции компании
и рекламных материалов,
передача клиентских заявок,
предоставление отчетов
о выполнении работ, публика
ция материалов по системам
баr трекинrа и работе с ошиб-
ками)
О Орrанизация в рамках
экстранет системы обуче
ния сотрудников (онлайн
семинары о новой продукции,
обучающие курсы со сдачей
тестов для получения серти
фикатов и др.)
Внедрение экстранет систем позволяет существенно сократить pac
ходы на поддержку дилерской сети. Например, одному из авторов
этой книrи довел ось участвовать в проектировании электронной
системы обучения для дилеров Goodyear USA. ДО внедрения этой
системы компания тратила на сертификацию rеоrрафически pac
пределенноro персонала порядка $20 млн в roд. Бюджет создания и
поддержки системы составил $3 млн, то есть была обеспечена эко
номия порядка $17 млн в rод.
Bcero пунктов для проверки О
Vo Проверено
42. Экстра нет
ДЛЯ инвесторов
Как правило, кcтpilHeТbl ДIIЯ инвесторов создают с целью
оптимизации В3аимодействия компании со своими акцио
нерами
Соrласно законодательству о рынке ценных бумаr, существует ин
формация, раскрытие которой является для публичных компаний
обязательным. Объем, порядок и формы предоставления такой ин
формации установлены действующими нормативными актами.
В частности, к такой информации относятся:
о Сообщение о существенном
факте
О 3ареrистрированное решен..е
о выпуске ценных бумаr
О Праспект ценных бумаr.. "эме
нения иlили дополнения к нему
о Отчет об ..тor.x выпуска цeH
ных бумаr
О Уведомпен..е об ..тorax BЫ
пуска ценных бумаr
О Ежеквартапьный отчет .M"
тент.
Порядок раскрытия друrой информации обычно реrламентируется
внутренней политикой компании и может сводиться только к публи
кации в экстранете. Это обеспечивает необходимую «прозрачность»
компании при сохранении полной конФиденциальности предостав
ленных сведений.
Что предложить инвесторам
Например, внутри экстранета MOryT размещаться:
о Новост.. О новых продуктах и
ycпyrax
О Информация о структурных
изменениях в компании, новых
назначениях
О Новости об открытии новых
фипиапов и отделений
о Ф..нансовые реэупьтаты дея
тепьност.. компании
О Иэменен..е в структуре соб
ственности
О Информация о пр..обретен....
активов и заключении стратеrи
ческих соrлашений
152
Корпоративный веб сайт на 100%
о Сведения об уставном капита О
пе, размере собственных средств
и резервном фонде компании
О Информация о действиях зми
тента на рынках капитала
Отчет об анапиэе ценных бумаr
компании рейтинrовым areHT
ством, выбранным в порядке,
установленном законодатель
ством Российской Федерации
Bcero пунктов для проверки O,h
О Проверено
43. Персональный кабинет
Персональный кабинет это закрытая (то есть доступная
только для зареrистрированных и авторизованных пользо-
вателей) зона веб-сайта, находясь в которой Клиент может
управлять собственными задачами, настраивать интер-
фейс, просматривать статусы заказов и совершать прочие
действия
По степени сложности персональные кабинеты MorYT быть очень
разными от «леrких» решений (например, позволяющих управлять
собственным профайлом и оформлять
подписку на рассылки) до разветвленных
систем, дающих возможность выставлять
и контролировать сотни индивидуаль
ных задач одновременно.
Перечень требований к персональному
кабинету существенно зависит от специ
фики продуктов компании, технолоrии работы с Клиентами и раз
витости той части бизнеса, которая «живет» В Интернете. В качестве
примера приведем контропьный список параметров, характери
зующих типичный персональный кабинет автодилера:
Персональный
кабинет это
рабочая среда
пользователя
о Индивидуальное приветствие
польэователя, дающее воз
можность Клиенту понять, что
он опознан системой
О Форма свяэи с персональным
менеджером (обычно допол
ненная ero фотоrрафией, Ф. И. О.
и контактными данными)
О Сервис «3акладки», предназна
ченный для накопления ссылок
на особенно понравившиеся
страницысайта (например, на
результаты поиска по каталоry
продукции)
о Сервис «Персональные Ha
стройки», позволяющий зада
вать индивидуальные параметры
работысайта(например,видоиз
менять цветовую raMMY, настраи-
вать фильтры, управлять отобра
жением каталоrа товаров)
О Сервис «Управление счетами»,
обеспечивающий проведение
финансовых транзакций
О Сервис «Иэбранное», позво
ляющий сохранять ссылки на
заинтересовавшие товары и/или
резервировать их
154
Корпоративный веб сайт на 100%
о Документы (обычно в виде фай- О Профайл своеобразная "Kap
лов "для заrрузки»), поддержива- точка пользователя», в которой
ющие и/или реrламентирующие хранится вся информация о нем
работу Клиента (включая банковские реквизиты
О "История» (или «Хроноло И адреса)
rия») раздел, в рамках KOTOpO О Индивидуальные условия
ro ретроспективно отслеживает раздел, отображающий особые
ся работа пользователя на сайте условия компании с конкретным
О Сервис "Отслеживание стату- пользователем (например, пер
са 3акаэов», обеспечивающий сональные бонусы или скидки)
мониторинr исполнения заказов О Корэина, поддерживающая
и их лоrистики оформление заказов
Исходя из потребностей собственноro бизнеса, вы можете разрабо
тать какую либо иную, довольно уникальную, конфиryрацию пер
сональноro кабинета. При этом нет никакой необходимости сразу
пытаться создать «идеальное решение на столетие вперед». Опыт
показывает, что roраздо продуктивнее вести разработку подобных
решений постепенно, с выделением множества этапов. Это позволяет
максимально rибко подстраивать все функциональности под посто-
янно изменяющиеся требования как со стороны самой компании, так
и со стороны Клиентов.
Bcero пунктов для проверки
О/О Проверено
44. Обратная связь
с посетителями
Одной из основных задач, решаемых с помощью веб сайта,
является орrанизация обратной связи со всеми целевыми
аудиториями, и в первую очередь с Клиентами и бизнес
партнерами
В зависимости от особенностей бизнеса система обратной связи с по
сетителями может иметь разные масштабы от npocтoro указания
контактной информации (например, номера телефона в «шапке»
сайта) до полноценной службы технической поддержки или co
здания интерактивных каналов общения в экстра нете. MorYT исполь
зоваться и сторонние интернет сервисы, позволяющие, например,
создавать формы для опросов.
Каналы обратной связи
Вы сами можете проанализировать и определить, какой из KOMMY
никационных каналов применительно к вашему бизнесу дает наи
больший эффект:
о Информация для контактов
офпайн: номера телефонов
(с кодом roрода), адреса и схемы
проезда в офисы компании
О Почтовые формы и адреса
электронной почты
О Сервисы для отправки MrHo
венных сообщений (ICQ Google
Talks и др.)
О Skype и аналоrичные системы
о Комментирование в эакрытых
и открытых форумах, бпоrах,
чатах
О Сервис «Вопросы И ответы»
О Баэы энаний, rенерируемые
попьэоватепями
О Опросы, анкетирования
О Системы рейтинrов
О Wiki сервисы
Выбор удобноro для пользователей и предпочтительноro для компа
нии канала общения определяет требования к расставляемым aK
центам в интерфейсе сайта. Например, если приоритетным каналом
является обращение по «roрячей линии», то именно соответствующий
156
Корпоративный веб сайт на 100%
Вы не получите
с сайта ни oAHoro
заказа, если не
создадите yд06
ный канал 06ще
ния с Клиентами
номер телефона с указанием кода ropo
да и должен быть явно выделен на всех
страницах сайта.
При орrанизации системы обратной
связи с посетителями мы peKOMeHДY
ем обратить внимание на несколько
ключевых моментов:
о Для новых Клиентов следует
выделить один приоритетный
канал обращения в компанию
(обычно это номер телефона
и/или электронная почта)
О Если каналов несколько, то
должно быть совершенно
очевидно, KorAa и по какому
иэ них необходимо обращать
ся (например, «по тaKиM тo
вопросам звонить, а по тa
KиM тo писать»)
Важно, чтобы посетители ощущали важность обратной связи с ними.
Например, ни одно письмо, отправленное по электронной почте,
не должно быть потеряно или остаться без ответа. На комментарии
в блоrе или форуме должны аккуратно даваться ответные сообще
ния и т. д.
Желательно по
казать Клиентам
преимущества
ИСПОПЬЗ0вания
форм обратной
связи, а не Про
сто дать им адрес
злектронной по
чты компании.
Применение Ta
ких форм rаранти
рует, что письма
не будут отсеяны
в спам
о Большинство каналов долж
ны являться бесплатными
и не предполаrать обязатель
ной реrистрации/авторизации
О Необходимо явно укаэать
режим работы каждоro канала
и скорость ответной реакции по
нему (например, указать режим
работы службы технической
поддержки или режим работы
офисов продаж)
Одним из применений каналов обратной
связи является обработка жалоб и пре
тензий. Например, компания может YKa
зывать в доrоворах, что единственным
каналом, по которому она принимает жа
лобы, является электронная почта (или
почтовая форма в экстра нете). Обратим
внимание, что TaKoro рода канал (в от-
личие от факса) не создает юридически
значимоro прецедента.
Поддержка
Функционирование каждоro канала об
ратной связи требует соответствующих
44/1 00% Обратная связь с посетителями
151
инвестиций в инфраструктуру, обучение и работу персонала, до
кументооборот. Учитывайте это при проектировании сайта.
Не менее важно наладить оптимальное управление хранипища-
ми (документами, базами данных), в которых будет накапливатьсfl
поступающая информация. Их число должно быть минимальным.
Желательно полностью исключить дублирование (например, не
хранить одну и ту же информацию в карточках Клиентов, почтовоЙ
nporpaMMe и бухrалтерских приложениях). На это мало кто обращаеl
внимание, в результате чеrо компания «захлебывается» от переиз
бытка поступающих по всем каналам данных.
r
.... fdt """ FtI\VbI Та Н.
AdI:h8I NIpt,I.IJмIIII .IU
.
""""""""""'.
ф..Цн(08bIe 'urjrМ
Y AJ8I
....... ... о...к.
............ ....,...
.tIIiInO .....
. I'-ф-т.,..
........
. ....
. .............м-м:
..".,..T.
. """............
........
. ........
.
81;:::
8==-
........
CI
Bcero пункуов для проверки Oh
О Проверено
И3 рецензий наших зкспертов
y--}оCiD 1Zb-
..ttllI8m A
8DIIU1:II ""'МММ-
ЩfЩ!ii
ПоздравпеН 8
lcillili!'i])mороза
АКЦМАI
UII_УНJUlItН".
МАТ....
-....-.
" -1 ;
'........"0
.......П\IIAТА
.омонт
ВО ВСВН
почroвыM
отдепвн ян
Сайт компании «Почта России» (www.russiапроst.ru)
Сайт приятно удивил наличием полезноrо для потребителей
функционала. Можно MHOro и нудно перечислять достоинства и
недостатки визуала сайта, но само наличие таких сервисов, как,
например, «Отследить путь почтовоro отправления», побуждает
сказать «спасибо» маркетолоraм «Почты России». Весьма полезным
для пользователей станет раздел «Образцы документов». Нали
чие подобных кнопок на сайтах rосударственных предприятий
(особенно!) весьма ценно. Все мы не раз сталкивались с «веж
ливостью» персонала и фразами «читайте образцы заполнения
на стендах», поэтому такие разделы будут весьма кстати и спасут
нашу с вами нервную систему.
Светлана 3амараЦllaЯ. директор по маркетинry
и связям с общественностью хопдинrа Next Media Group
45. Электронная почта
и веб..сайт
Эпектронная почта является одним из наиболее распро-
страненных и удобных способов коммуникации, историче
ски связанных с Интернетом. Большинство компаний aK
тивно используют ее возможности для работы с Клиентами
и бизнес-партнерами
ИСПОЛЬЗ0вание электронной почты
Мы рекомендуем рассмотреть несколько вариантов использования
электронной почты для приема и отправки сообщений на сайте Ba
шей компании:
о Отправка сообщений об из
менениях на сайте (например,
уведомлений о новых вакансиях,
комментариях в форуме и т. д.)
О Создание почтовых форм
ДЛЯ отправки писем непо-
средственно с сайта (сам адрес
электронной почты может ис
пользоваться в качестве лоrина
при реrистрации и авторизации
на сайте)
о Орrанизация почтовых pac
сыnок (например, реryлярная
отправка подписчикам аналити
ческих бюллетеней или обзоров)
О Совершение каких либо дей
ствий на сайте путем отправки
зnектронноrо письма на COOT
ветствующий адрес (например,
автоматическая публикация
новости, взятой из <<тела»
письма)
Например, лизинrовая компания может создать рассылку, с помо
щью которой ее Клиенты будут реrулярно получать информацию о
лизинrе, читать аналитические обзоры, изучать подборки наиболее
интересных ссылок на материалы, выложенные на друrих сайтах.
Такая рассылка является хорошим маркетинrовым инструментом
и способом поддержания лояльности.
Как rpaMoTHo работать с электронными письмами
Электронные письма являются важным механизмом работы с Кли
ентами и ценным маркетинrовым инструментом. Приведем пример
45/100% Электронная почта и веб сайт
159
мини инструкции, которую вы можете использовать при обучении
сотрудников работе с электронной почтой.
При подrотовке текста письма:
о Автору следует ясно и четко
определить для себя цель
сообщения
О Из oTBeTHoro письма следует
удалять всю процитирован
ную переписку, которая не
относится к теме сообщения.
Все оставленные цитаты должны
быть оформлены с помощью
какоro либо специальноro обо
значения (например, знака «>>»
о Сам текст письма должен быть
максимально коротким
О Желательно выделить ключе-
вые слова в тексте
О Следует явно написать дей-
ствия, которые ожидаются
от адресата
О Желательно избеrать rpaMMa-
тических и орфоrрафических
оwибок
Обратите внимание на следующие настройки:
О Необходимо кратко, но пред О Можно установить нужный
метно написать тему письма приоритет сообщения
О Если письмо пересылается, то О Если адресатов несколько, то
важно проверить, при необхо необходимо поставить их всех
димости, актуальность ero (кроме OCHoBHoro) «в копию»
темы О Не следует перечислять всех
О При необходимости следует адресатов (особенно, если они
включить запрос на подтверж- не знают друr друrа) через
дение прочтения запятую в поле «Кому»
О Текст письма должен быть О Важно убедиться, что прикре-
сохранен в общем корпо- плены все нужные файлы,
ративном хранилище (если а они сами сохранены в наибо
таковое существует) лее распространенных форматах
Как мы уже rоворили в предыдущей теме, основной проблемой, воз
никающей при работе с электронной почтой, является спам. Кроме
«захламления» почтовых ящиков он может стать причиной потери
сообщений от Клиентов, если их послания будут случайно отсеяны
антиспамовыми проrраммами. Мы также рекомендуем вам исполь
зовать возможности бесплатных почтовых интернет сервисов (Ha
Пример, www.gmail.com). которые при соответствующих настройках
способны стать альтернативой «обычной» корпоративной почте.
Bcero пунктов для проверки O,h
О Проверено
46. RSS"каналы
RSS это семейство форматов, предназначенных для опи
сания пент новостей, анонсов статей, изменений в бло
rax и передачи любых друrих материалов. Информация
из различных источников, представленная в формате RSS,
может быть собрана, обработана и представлена пользова
телю в удобном для Hero виде специальными проrраммами
аrреrаторами
Мноrие ПОПЬ30
ватели исполь
зуют для работы
с Интернетом
только RSS. COOT
ветственно, если
вы не создадите
на сайте такой Ka
нал, то потеряете
наиболее «про
двинутую)) часть
аудитории
Проrраммы arperaTopbI (RSS ридеры)
бывают двух типов:
О Проrраммные arperaTopbl, специаль
но устанавливаемые на компьютер
(например, встраиваемые в браузер или
почтовую проrрамму)
О Веб аrреrаторы, функционирующие как
интернет сервисы (например, Google
Reader или ЯндексЛента)
За и против RSS
Перед принятием решения об открытии
на вашем сайте RSS канала (RSS ленты)
мы рекомендуем тщательно проанали
зировать преимущества и недостатки этоro формата:
О В формате RSS не BcerAa О Подписка на RSS может
можно корректно передать по началу восприниматься
иллюстративный материал пользователями как менее
и прикрепленные файлы понятный сервис, чем, напри
О RSS канал существенно упро мер, подписка на злектрон
стит пользователям получе ные рассылки. Но они быстро
ние информации с вашеro оценят ее удобство и отсутствие
сайта, но понизит ero трафик в ней спама
(так как у пользователей просто
не будет необходимости посе--
щать сам сайт)
4б/1 00% RSS каналы
1б1
о у пользователей не будет возможности непосредственно OT
реаrировать на полученное RSS сообщение, например, оставить
комментарий (для этоro потребуется визит на сайт)
Вы можете настроить на сайте нескопь
ко RSS KaHanoB для трансляции разной
информации. Например,орrанизовать
подписки на новости, сообщения в бло
rax или анонсы новых статей.
Отправпенное
в RSS KaHan
уже не вернуть
Обратите внимание, что информация бу
дет уходить и поступать читателям в RSS каналы MrHoBeHHo, сразу
после нажатия редактором кнопки «Опубликовать».
Соответственно, у вас не будет возможности, например, скорректи
ровать текст новости или пресс релиза, которые станут «достоянием
общественности» через доли секунды после TOro, как текст опубли
куется на сайте.
Что можно раэместить в RSS файле
Классическим при мерам использования RSS на корпоративных сай
тах является передача с помощью этоrо канала новостей. В таком
случае RSS файл может содержать:
о Название вашей компании
О Дату и время reнерации файла;
позволяющие пользователям cy
дить о новизне предоставленной
информации
О Тему и/или заroловок новости
о Краткое и/или полное изложе
ние новости
О URL страницы, содержащей
полную версию новости (или
любоro друrorо материала, о KO
тором rоворится в сообщении)
При формировании CBoero RSS noToKa почитайте RSS потоки KOH
курентов и обратите внимание на их типичные недостатки, напри
мер:
О Отсутствие иллюстраций
О Слишком маленький объем текста, не позволяющий понять суть
материала
.:::J Нереrулярность обновлений и рассылки
Bcero пунктов для про верки
О/О Проверено
47. Платный доступ
к информации и сервисам
Одним из способов ведения бизнеса в Интернете является
предоставление платноrо доступа к информации и серви
сам, орrанизованным на веб сайте. Часто такую бизнес-мо
дель связывают с концепцией SaaS (анrл. Software as а Ser
vice) или «арендой предложений»
Если компания располаrает уникальным и востребованным KOH
тентом (например, rотовит отчеты о результатах маркетинrовых ис
следований или аккумулирует и обрабатывает биржевую информа
ЦИЮ), то она вполне способна продавать
эти материалы через Сеть. Именно на
этом основан бизнес мноrих информа
ционных areHTCТB, фото и видеобанков,
музыкальных онлайн архивов, электрон
ных библиотек и справочных служб.
Платный контент
Можно
продавать:
. платный доступ
к материалам
на сайте
. подписку на
ппатные pac
сылки
. ппатный доступ
к материалам
«для скачи
вания))
Корпоративные сайты довольно peд
ко располаrают контентом, настолько
ценным для Клиентов, чтобы они были
rOToBbI получать ero на платной основе.
Исключение MorYT составлять юридиче
ские бюро, издательские дома и areHT
ства, занимающиеся маркетинrовыми
и социолоrическими исследованиями.
Перед принятием решения об орrани
эации ппатноrо доступа к контенту имеет смысл:
о Обеспечить защиту материа
лов от несанкционированноro
доступа (взлома паролей или
банальноro воровства собствен-
ными сотрудниками)
о Определить реальную цeH
ность контента для Клиентов
и, соответственно, объем спроса
на Hero
47/100% Платный доступ к информации и сервисам
163
о Позаботиться о юридической
защите материалов (по воз
можности оформить авторские
права на тексты и иллюстрации,
зареrистрировать ToproBbIe
марки и т. д.)
о Оценить возможности KOM
пании по постоянной aKTya
лизации и пополнению MaTe
риалов (необновляющийся
контент имеет rораздо меньшую
ценность)
SaaS это способ предоставления nporpaMMHoro обеспечения по
требителю, при котором поставщик разрабатывает веб приложение.
размещает ero и управляет им (самостоятельно либо через третьих
лиц) с целью и возможностью использования заказчиками через Ин
тернет. В рамках модели SaaS Клиент платит не за владение проrрам
мным 06еспечением как таковым, а за
ero эксплуатацию. Оплата обычно взи
мается как ежемесячная абонентская
плата или на основе объема транзакций.
Поддержка и развитие сервиса, как пра
вило, входит в состав оплаты.
Платные сервисы (SааS модель)
Чтоб не думать
лишний раз, луч
ше подключить
Saas!
Целью внедрения SааS модели нередко
бывают развитие и поддержка сети бизнес партнеров. Например,
для крупноrо туроператора целесообразно создавать у себя на
сайте масштабную систему поиска и подбора туров с возможно
стью получения консультаций экспертов в режиме онлайн. Доступ к
такой системе для более мелких иrроков (таких, как туристические
areHTcTBa) может быть платным. Это позволит владельцу сервиса
получать дополнительные доходы, а под
писчикам (тypareHTcTBaM) пользоваться
всеми возможностями системы, на созда
ние собственноro аналоrа которой у них
Явно не хватило бы ресурсов.
Вполне возможна ориентация SaaS
модели и на конечных потребителей.
Например, орrанизация ппатной под
писки на систему мониторинrа средств
массовой информации или на реryлярно
выпускаемые аналитические бюллете
ни (с интерактивными функциями).
Рост интереса
к SааS модели
сеrодня обуслов
лен упрощени
ем электронных
систем оплаты
и ростом числа
квалифицирован
ных ПОЛЬЗ0ват
лей Интернета
164
Корпоративный веб сайт на 100%
Именно на SааS модель рассчитаны мноrие припожения, позво
пяющие создать в Сети «виртуапьный офис)).
С их при мерами можно ознакомиться на сайтах www.з7sigпаls.соm
и www.zoho.com. Бесплатным аналоrом таких приложений являются
мноrие сервисы Google, такие как: Gmail (www.gmail.com). Google
Docs & Spreadsheets (www.spreadsheets.google.com). Google Calendar
(www.google.com/calendar) и др.
О некоторых способах создания «виртуальных офисов» рассказано
в нашей книrе «Интернет маркетинr на 100%».
Преимущества SааS модели для компании
При обосновании решения о внедрении на сайте SааS модели жела
тельно учитывать следующие моменты:
о Необходимость внесения изме-
нений только в «одну копию»
продукта, которой пользуются
все Клиенты (это дает существен
ную экономию расходов и упро
щает поддержку)
О Необходимость достаточно
долrоrо сохранения принятых
на себя обязательств (напри
мер, поддерживать rодовую
подписку в течение Bcero срока
ее действия)
О Создание дополнительноrо ис
точника доходов для компании
(с возможно высокой рентабель
ностью)
о Поддержка и развитие pe
сурса потребует постоянных
инвестиций в проrраммные
разработки, аппаратное обеспе--
чение, персонал и т. д.
О Фактически неоrраниченное
масwтабированиесервиса
(потенциально он может быть
доступен неоrраниченному
количеству подписчиков)
О Существование у мноrих Кли-
ентов определенных психоло
rических сложностей, связан
ных с принятием именно TaKoro
способа орrанизации бизнеса
и требованием оплаты сервиса
По мнению ряда экспертов, Sааs-модель может стать основой раз
вития nporpaMMHoro обеспечения в будущем, коrда все основные
приложения будут размещаться не на локальных компьютерах,
а в «облаке» в Сети.
Bcero пунктов для проверки О,;,
О Проверено
48.Структурасайта
Структура отражает взаиморасположение и взаимосвязь
составных «частей» сайта, ero строение. Наиболее четко она
видна в карте сайта и системе навиrации (меню)
При проектировании структуры сайта важно cnедовать HeCKOnb
ким основным принципам:
о Разделыиподразделыдолж
ны быть выделены исходя из
решаемых пользователями
задач, а не орrанизационной
структуры компании
О Количество разделов BepxHero
уровня должно быть миними
зировано (для корпоративноro
сайта обычно не более S 7 раз
делов)
О Желательно давать разделам
стандартные названия (Ha
пример, раздел, содержащий
информацию о компании, лучше
назвать "О компании», а не "За
крома» или "Закулисы»)
О Структура сайта должна xopo
шо масwтабироваться
о Необходимо обеспечить OДHO
значность отнесения каждоrо
KOHKpeTHoro материала только
к одному из разделов
О В структуре сайта должны
отсутствовать материалы,
не «приwитые), К какому либо
разделу
О Следует соблюдать непротиво
речивость и последователь
ность выделения разделов
и подразделов, избеrать "сби
вою' в классификационных при
знаках (например, некорректно
выделять внутри раздела "Цвета»
подразделы "красный», "зеле--
ный», "треуrольный», <<для блон
динок»)
Классической ошибкой при составлении структуры сайта является
отражение в ней орrанизационноrо устройства компании. Об этом
сиrнализирует появление таких разде
лов, как: «Франчайзинrовый отдел» или
"Клиринrо кассовый центр». Этим обыч
но rрешат большие и консервативные
предприятия, которым сложно посмо
треть на себя rлазами Клиентов.
в большинстве случаев нет никакой He
обходимости самостоятельно придумы
Структурасайта
не должна KO
пировать opra
низационное
устройство вашей
компании
1бб
Корпоративный веб сайт на 100%
вать названия разделов BepxHero уровня. Лучше изучить аналоrичные
сайты и скопировать структуру оттуда (при условии, что в примерах
структура сделана удачно).
Иноrда строrие правила структурирования информации необ
ходимо нарушать исходя из специфических бизнес требований,
характерных для отдельных отраслей. Например, на сайтах о недви
жимости, в разделе «Квартиры» можно выделить подразделы: «OДHO
комнатные», «Двухкомнатные», «Трехкомнатные» И... «Элитные». Это
будет неправильно с теоретической точки зрения, но более понятно
Клиентам. Об этом мы уже rоворили ранее.
Какие бывают разделы
Большинство корпоративных сайтов содержит достаточно типовой
набор раздепов BepxHero уровня. Эти разделы характеризуют саму
компанию, ее продукцию и опыт работы.
Арсенал подразделов rораздо более разнообразен. Посмотрите на
приведенный ниже список. Возможно, на вашем сайте имеет смысл
создать какой то из этих подразделов:
о Контактная информация
О Банковские реквизиты
О Профессиональные достиже
ния (наrрады, сертификаты,
премии)
О История компании
О Преимущества
О С чеrо начать
О Помощь
О Экскурсия или тур по сайту
О Статьи, обзоры
О Комментарии экспертов
О Рекламные акции
О Персоналии
Обратим ваше внимание на подраздел «С чеrо начать», довольно
редко встречающийся на отечественных корпоративных сайтах. В то
же время, он может быть очень полезен Клиентам, столкнувшимся
с проблемой заказа сложных услуr или товаров, создаваемых «под
о Вакансии
о Работы (портфолио)
О Кейсыпроектов
О Истории успехов
О Новости и пресс релизы
О Календарь событий
О Исследования и разработки
О Партнеры и партнерские про
rpaMMbI
О Вопросы и ответы (FAQ)
О Инструкции, базы знаний
О Советы
О Словарь терминов
48/100% Структура сайта
167
заказ». Например, архитектурное бюро может описать в этом раз
деле всю процедуру обращения в компанию (с примерами заявок),
методику работы над проектами, отчетность и т. д. Самое важное при
этом объяснить Клиенту, какой именно первый шаr он должен
сделать, чтобы начать сотрудничество.
Bcero пунктов для проверки О,;,
О Проверено
1
FIIofd:............T.....
Addr 41 ,"""".....;.ц..."
И3 рецензий наших экспертов
!8l"'х
..
.
-1
r
.118."..
.""""""..
. Oт8eIn8tNlilOC1"
. Ра..т.е
. '"'""
........
...................
.......
........
.........
............
10"'"
".
.,.....,
............
СобытМ:II ФакnI l<омменJap"И.
.........
N Сайт компании «Северсталь» (www.severstal.ru)
.....
.. СТРУК1Ура сайта сделана необычно: все страницы рассортированы
по разделам "Открытость», "Ответственность», "Развитие» и "Биз
нес». Прекрасный пример структуры сайта, которой нет. В какой
.......... раздел идти пользователю, ищущему состав совета директоров:
тopr В «Открытость» ИЛИ «Ответственность»? По сути, ему нужно пере
брать все разделы. Итак, домашнее задание создателям сайта:
переработать структуру сайта с использованием TaKoro метода
юзабилити, как карточная сортировка. Полученные результаты
отдать специалисту для коррекции.
Иван Бойко. rенеральный директор VisualPharm
49. Навиrация
Навиrация это система элементов интерфейса, позволя
ющих пользователю перемещаться по веб сайту. Простей
шим примерам навиrации является ссылка
Сайт может включать несколько навиrационных систем, решаю
щих следующие задачи:
О Идентификация текущеrо О Отработка основных сценари
местонахождения пользователя ев поведения пользователей
по отношению к структуре сайта О Перемещение по контенту
О Поиск контента сайта
Кроме навиrации по сайту в интерфейс может быть внедрена rло
бальная навиrация по друrим компонентам веб системы: экстра нет,
интранет, промосайты, подсайты, сайты сателлиты и т. д., а также
ссылки на сторонние интернет ресурсы.
Какой должна быть навиrация
Принципы построения навиrационной системы во MHoroM похожи
на принципы создания структуры сайта, но не дублируют их. ОНИ OT
носятся как к самой орrанизации такой системы, так и к оформлению
ее интерфейса:
о Принцип лоrичности и непро-
тиворечивости (у пользователя
не должно возникать вопроса о
том, в каком именно разделе ему
искать нужную информацию)
О Принцип наследуемости (OT
дельные свойства более высоких
разделов должны переноситься
на разделы, более низкие)
О Принцип интуитивной понят
ности (ни один из элементов
навиrации не должен требовать
отдельных пояснений или
инструкций по использованию)
о «Правило трех кликов» (пере
ход между любыми двумя страни
цами на сайте должен требовать
не более трех кликов). На более
крупных сайтах (от 100000 стра-
ниц) используется "Правило
десятичноro лоrарифма кликов»
(до 1 О страниц один клик,
до 100 страниц два клика,
до 1000 страниц три, до
1 О 000 страниц четыре и т. д.)
4911 00% Навиrация
1б9
Виды навиrации
Проанализируйте, какие из переЧИCflенных ниже видов навиrации
уже используются на вашем сайте или MorYT быть на нем внедрены:
1. Навиzационное меню
О Вертикальные или rори
эонтальные эакладки, co
держащие один или несколько
подуровней
О Вертикальная или rориэон
тальная панель с рубрикато
ром, который может быть сразу
раскрыт или раскрываться по
клику или наведению мыши
О Вертикальная древовидная
структура со свернутыми или
развернутыми "ветвями»
О Меню иэ пиктоrрамм и/или
иконок, снабженных KOMMeHTa
риями только в виде всплываю
щих текстов
2. Tezu
О «Классическое» «облако TerOB»
(меток, ключевых слов), размер
которых зависит от частоты
использования каждоro Tera
на сайте
О Список TeroB (с указанием или
без указания частоты встречае
мости)
3. Ссылочная и всплывающая
навиzациявНУп1ри
КОНп1еНп1а
О Ссылки внутри текстов, Beдy
щие на друrие материалы сайта
или друrие сайты
О Всплывающие навиrацион
ные окна, smаrt-теrи
О Ссылки типа «Подробнее»
и «Уэнать больше»
о Ссылки от эаrоловков и подэа
rоловков
О Ссылки типа «Смотри также»
О Ссылки от баннеров
4. Визарды и маСп1ера
О Линейные, позволяющие по
следовательно пройти простую
пошаroвую процедуру
О «Фильтрующие», позволяющие
за несколько шаrов сделать
определенную выборку
О rypy, поддерживающие переме
щение блаrодаря последователь
но задаваемым вопросам (часто
позволяющие вводить запросы
на "естественном» языке)
S. ПролиСп1ывающая
навиzация
О Ссылкитипа«Вперед
Наэад» ("Раньше Позже»)
для перемещения по большим
объемам контента
О Пейджинr по номерам страниц
или алфавиту
б. Поиск по сайп1У
О Простой (обычное поле поиска,
не снабженное дополнительны
ми параметрами)
О Сложный, снабженный условия
ми и фильтрами
7. Прочие виды навиzации
О Раэмеченные иэображения
или flаsh-ролики с проrраммны-
ми элементами
170
Корпоративный веб сайт на 100%
о Карта сайта
О Статусная или контекстно-
зависимая строка ("хлебная
крошка»)
Кроме перечисленных выше типовых способов навиrации, существу
ют также всевозможные нестандартные мехаНИ3МbI ее раБОТbI.
Например, на сайте туристической компании в качестве навиrаци
oHHoro меню может выступать непосредственно карта земноro шара,
дающая возможность выбора страны назначения прямым кликом
по ней.
о Пиктоrраммы и/или иконки,
не орrанизованные в виде
единоrо меню
Навиrация средствами браузера
Кроме навиrации, реализованной непосредственно на сайте, посе
титель может использовать:
О Навиrацию с помощью меню браузера (например, с помощью по
пулярной кнопки "Назад»)
О Навиrацию с помощью клавиатуры (например, в Яндекс переход
между страницами результатов поиска можно делать через
«Ctrl + Вправо», "Ctrl + Влево»)
О URL навиrацию (прямое указание адресов страниц в адресной строке
браузера)
В браузере Google Chrome набор адреса страницы комфортно co
вмещен с функцией поиска вИнтернете.
Хорошо ли сделана навиrация
Проверить, насколько рационально сделана навиrация на вашеr
корпоративном сайте, вы можете с помощью следующеrо контроль
HOro списка:
о На каждой странице пользо-
ватель должен понимать: zде он
находится относительно всею
сайта, куда еще можно пойти,
zде он уже был
О На всех страницах сайта должен
соблюдаться единый стиль
оформления навиrации
О На странице должны OTCYТCТ
вовать ссылки на саму себя
о Часто изменяемую навиrацию
следует делать текстом
О Меню (навиrационный ин
терфейс) должен занимать не
более 20% от рабочей площадИ
:tKpaHa (при разрешении
1024 х 7б8)
О Лоrотип компании должен
являться ссылкой на rлавную
(первую) страницу сайта
49/100% Навиrация
171
о Пункт меню, соответствующий О
активной странице и разделу,
должен быть выделен
О Количество :tлементов во всех О
навиrационных панелях долж
но быть разумным (желательно
не более 7 12)
О В рамках одной страницы раз
ные типы навиrации не долж
ны визуально конкурировать
между собой
О Количество разных видов
навиrаций на любой странице
не должно превыwать пяти
Bcero пунктов для про верки Oh
О Проверено
Важно использовать CTaHдapT
ный набор иконок (<<домой», «Ha
верх», «обсудить», «почта» и др.)
Все :tлементы навиrации долж
ны быть сrруппированы по
принципу подобия
О Кнопка«Назад»браузера
не должна дублироваться
в навиrации (за исключением
Аjах приложений)
О На страницах не должно быть
ссылок типа «щелкните тут»,
«здесь» И т. д.
И3 рецензий наших зкспеРТ08
1d:hI.
ii "...., lм-a
.....-.мI&Iro8oдТ-М-9м.AONAO lIIICrOtaft 'M-мt EJr.p(ar.
F. N: ... ,.....;;; ТCdI: н-
v .... Goo ......
""""'1
' ,р.
..........
:.';:.:.. ....
......... -
....
........ ..
.......",.,.-
........
..........
-
.......... -
...........
........
...........
.........
...........
. ...........
........
...... ..
........
.....
.........
...........
""'""""
.........
.. ...........
......... ..
:::::----....
..........
.. ...........
......... -
.......
"''',
" Сайт сети «Эльдорадо» (www.eldorado.ru)
Все виды навиrации, необходимые для онлайн-маrазина. на месте:
можно выбрать свой реrион, двухуровневая навиrация по катало-
ry, подбор по параметрам внутри катеroрий, пользовательский
раздел и корзина. Расположение различных видов навиrаций тоже
правильное: раздел покупателя и rеоrрафия вверху, BCnOMora-
тельная информация в подвале, в центре каталоr.
Особенно хочется отметить удобные анонсы топов из востребо-
ванных катеrорий. С подобным объемом каталоrа и характером
продукции, по моему, лучший способ облеrчить выбор поку
пателю.
Основные недостатки:
. сортировка катеrорий в основной навиrации понятна владель
цу сайта, но не покупателю;
. не просматривается иерархия в «хлебных крошках», что дез
ориентирует;
. на странице описания продукта нет предложений аналоrов
и аксессуаров;
. неудобная инеуместная прокрутка в фасеточной навиrации,
при том, что место позволяет.
Серrей Соповьев, менеджер проектов Paraspar Ltd
(поставщик решений eCommerce)
....
а-а,
!::I...
что
...
......
... .
h'tl
50. Подсайты
Подсайт (или мини сайт) это относительно самостоя
тельный фраrмент веб системы, выделенныи по продукто
вому, rеоrрафическому, функциональному или какому либо
иному признаку
Наиболее часто подсайты создают для отдельных брендов, линеек
продукции, реrиональных представительств, промоакций или для
размещения на них корпоративных блоrов.
Например, компания автопроизводитель может создать подсайты
для отдельных марок машин или предоставить возможность своим
дилерам открывать собственные сайты у себя на доменах TpeTbe
ro уровня. Часто подсайтом является корпоративный портал (на дo
мене www.portal.company.ru).
в зависимости от специфики орrанизации бизнеса подсайты MO
rYT управляться И3 ОДНОЙ копии системы управления контентом
или нескольких caMOCTO
ятельных систем. Созда
ние подсайтов на единой
копии системы управле
ния контентом позволяет
построить эффективную
комбинацию общих и раз
дельных данных. Напри
мер, подсайты филиалов
банка MorYT иметь общий
раздел со списком предо
ставляемых услуr, но раз
ные страницы с тарифами
на предоставляемые услуrи. При этом данные об услуrах будут peдaK
тироваться единожды сразу для всех сайтов, а тарифы для каждоrо
филиала отдельно. Тем самым сокращается количество затрачи
ваемых ресурсов на поддержку и уменьшаются риски рассинхрони
зации информации. Второе решение (разные системы управления
. дcмrr
ПРОДУКТОВОil
nинеilки
Подсайr
интернет.
маrазина
Основной
сайт
Подсаi1lт
бренда
Подсайт
3КСУранета
ДПЯ кандидатов
50/1 00% Подсайты
173
контентом) лучше использовать в том
случае, если необходимо четко разrра
ничить сферы ответственности за сайты,
бюджеты их поддержки и развития.
Преимущества
Создание подсайта позволит вам:
(оздание подсай
тов это способ
фокусировки вни
мания и разrрани
чения OТBeТCTBeH
ности
о Лучше структурировать
и сфокусировать значительные
объемы информации
О Разrраничить права доступа
(например, в зависимости от
пользовательских ролей)
Например, на разных подсайтах MorYT быть расположены интернет
представительства отдельных филиалов банка (по адресам, типа
www.rеgiоп.Ьапk.ru). Это позволит им, с одной стороны, относительно
самостоятельно вести поддержку своих сайтов, а с друrой исполь
зовать возможности веб системы Bcero банка.
о Увеличить тарrетинr (<<нацели
вание» на заданную аудиторию),
возможности для поисковой
оптимизации и продвижения
Адрес подсайта
Как правило, для подсайтов выбирают
простые и красивые URL одноrо из двух
видов (ведь у вас нет оrраничений на Ha
звание домена TpeTbero уровня!):
Адрес (URL) это
важный инстру
мент маркетинrа
вашей компании
о www.subsite.company.ru
(подсайт находится на домене
TpeTbero уровня)
Именно привлекательный URL обеспечивает все преимущества, свя
занные с продвижением. Например, если компания рекламирует
свой блоr, вынесенный на подсайт, то в маркетинrовых материалах
желательно указывать красивый URL www.bIog.company.ru. Про
Верьте, используется ли это у вас.
Сложности
о www.company.ru/subsite
(адрес подсайта включает слеш)
Создание и поддержка подсайтов связаны со следующими TpYДHO
стями, к которым важно быть rотовыми:
174
Корпоративный веб сайт на 100%
о Лицензионная политика раз
работчика системы управления
контентом может оrраничивать
возможности создания подсай
тов, предполаrать приобретение
специальных модулей для этоro
или требовать осуществления
дополнительных платежей
о Необходимость выделения
дополнительных расходов
на разработку, публикацию
и последующую актуализацию
материалов на подсайтах
Bcero пунктов для проверки Oh
О Проверено
И3 рецензий наших зкспеРТ08
ir .........
.... N __....... ,......
JIIddr..r«ltap:,........8IQIIIon1\l
.........
..
[j.. .....
" ..';!
........
..."'..,
...... .......
......... .............
IID,IIIIIID'IINIII...,..,TA
, ==-........ и
...........
........
Надоели скучные ryдки?
:
Сайт компании «Меrафон» (www.megafon.ru)
.......
Каждое федеральное представительство имеет ориrинальное до--
мен ное имя, включающее в себя имя материнской компании
www.mеgаfопmоsсow.ru. www.mеgаfопvоlgа.ru и т. п. В свою оче
редь, реrиональные представительства выделены в поддомены
федеральных представительств www.sаmаrа.mеgаfопvоlgа.ru.
Все подсайты компании выполнены в единой стилистике, что поло--
жительно сказывается на брендинrе. имеют одинаковую структуру
сайта и компоновку информационных блоков. При этом пользова
тель всеrда в курсе, в каком представительстве он находится. На
любом реrиональном сайте предоставлена возможность быстроrо
перехода на представительства компании в друrих реrионах, а TaK
же выход на rлавный сайт.
. НOOOCПI
1111....
-.....060< ..
.........
IIIIJ!IXIt
Y",
47 .....
ZlIIAD08
..... *
.......
I
I
ПilВen Ефмов, руководитель
интернет преДСТilвительства ода .HOMOC-БДНк.
51. Карта веб..сайта
Карта веб сайта это отдельная страница сайта, на KOTO
рую выводится вся структура ресурса в развернутом виде
Как правило, карту веб сайта вручную создают на самом начальном
этапе проектирования системы, чтобы получить представление о
видах и количестве разделов, а также об уровнях вложенности
внутри них.
Впоследствии на функционирующем сайте карта должна rенериро
ваться автоматически.
Преимущества ИСПОЛЬЗ0вания карты сайта:
О Пользователи получают пред О Поисковые роботы быстрее
ставление обо всей структуре и полнее индексируют веб сайт,
сайта, что упрощает им поиск что улучшает ero позиции в поис
нужной информации ковых системах
Корректность карты, созданной на вашем сайте, можно проверить
по следующему контрольному списку:
::J В карте сайта должны oтcyт
ствовать ссылки на автомати
чески создающиеся служебные О
страницы (например, результаты
поиска по сайту)
Карта не должна быть сделана
на основе flа5h технолоrий
::J Необходимо располаrать карту
на отдельной странице сайта
о Карта должна включать все
разделы и подразделы сайта
При значительном количестве
уровней вложенности (больше
трех) разделы и подразделы
должны быть представле
ны в виде раскрывающихся
списков
Поводом для отказа от создания карты сайта MOryт быть только очень
малые (до 20 страниц) размеры сайта; в таком случае заменяет карту
обычное навиrационное меню.
Bcero пунктов для проверки
О/О Проверено
52. Поиск по веб..сайту
Поиск один из наиболее часто используемых и востребо
ванных сервисав, создаваемых на больших интернет про
ектах.
Создание системы поиска наиболее
оправдано в двух случаях:
О Сайт имеет очень rлубокую и раэветв
ленную структуру (содержит сотни
и тысячи страниц)
О Для польэователей критическое эна
чение имеет скорость поиска
Для оценки уровня работы поисковой
системы, функционирующей на вашем сайте, мы рекомендуем ис
пользовать следующий контрольный список (чеклист):
Два основных
типа поиска:
. полнотекетовый
с ИСПОЛЬЗ0ва
нием индекса
. фильтры
о Сколько от общеrо объема О Выводятся ли фраrменты
раэмещенных данных находит TeKcTOBoro окружения для
ся в поиске (чаще Bcero чем найденных слов
больше, тем лучше) О Есть ли настройка формата BЫ
О Если есть структурированные вода реэультатов (количество
данные, реалиэованы ли для на странице, сопровождающие
них в нужном объеме допол атрибуты, типа даты и т. п.)
нительные параметрические О Поддерживается ли мульти
фильтры В форме эапроса яэычность
(например, "производитель»
или "страна» для товаров)
О Поддерживается ли морфоло
rия в эапросах
О Поддерживаются ли лоrиче--
ские операторы (AND, OR и др.)
в запросах
о Поддерживается ли фильтра
ция по периоду соэдания или
обновления данных
О Поддерживается ли фильтра
ция по области поиска (в раз
деле "Новости», В "Продуктах»
ит.п.)
Bcero пунктов для проверки
О/О Проверено
53. Ссылки и rипертекст
Ссылка (ипи rиперссылка) специальным образом раз
меченный фраrмент текста, отдельное слово или иллюстра
ция, служащие для перемещения по веб сайту. Ссылки яв
ляются основой построения rипертекста.
rипертекст это такая форма орrанизации TeKcтoBoro Ma
териала. при которой ero единицы представлены не в ли
нейной последовательности, а как система ЯВно указанных
возможных переходав, связей между ними (Wikipedia)
Корпоративный сайт должен представ
лять собой полностью rипертексто
вую среду, состоящую И3 множества
небольwих смысловых фраrментов,
«пере вязанных» между собой rипер
ссылками.
Посмотрите, как
подан текст на
www.skype.com.
Он практически
весь разбит на
мини статьи, каж
дая И3 которых
несет какую либо
законченную
мысль (например,
описывает B03
можности продук
та или способ под
ключения Skype)
Ранее считалось, что пользователи He
охотно клика ют по ссылкам для перехода
со страницы на страницу (COOTBeTCТBeH
но, страницы всеrда получались очень
длинными).
Сейчас стереотип поведения изменился.
Большинство пользователей rOToBbI чи
тать только компактные тексты, при He
обходимости, поrружаясь в них на нуж
ную «rлубину» (переходя по ссылкам).
Как трансформировать текст в rипертекст? Посмотрите на сле
Дующем примере.
Текст
Мы предлаrаем вам приобрести лазерный прин
тер HOBoro поколения, представленный на рынке
маркой "Печатай сам». Оптовым покупателям
rипертекст
Принтер лазерный
«Печатай сам»:
. сто имость
178
Корпоративный веб сайт на 100%
Продолжение таблицЬ/
rипертекст
. сроки
. условия поставки
За дополнительной
информацией обра
щайтесь в наш
контактов.
Текст
данная модель отпускается со скидкой 20% при
базовой цене 20 тыс. рублей. Срок поставки
в зависимости от объема и rеоrрафическоrо
расположения KOHTpareHTa партии колеблется
в интервале от 1 до Зб часов. С нашими постоян
ными партнерами мы работаем без предоплаты
(в остальных случаях авансовый платеж 25%). Дo
ставка осуществляется транспортом поставщика.
Звоните нам по телефону + 7 (495) З22 22З
или пишите на электронный адрес
iпfо@ресhаtаjsаm.ru. Наши менеджеры
будут рады ответить на любые вопросы
Ссылки внутри контента, как правило, оказываются более клика-
бельными, чем расположенные обособленно (например, в блоке
«Смотрите дополнительно», расположенном в низу страницы).
Ссылки и поисковая оптимиэация
Ссылки являются важной составляющей, оказывающей воздействие
на рейтинr сайта в поисковых системах. Именно блаrодаря наличию
ссылок поисковые роботы MOryT проиндексировать весь веб сайт
Страницу сайта, на которую нет ссылок, они просто «не увидят».
Как rрамотио оформить ссылки
Мы рекомендуем учитывать следующие моменты при оформлении
ссылок на вашем сайте:
о Следует проверить, что OTCYТ
СТВУlOт подчеркнутые фраr..
менты текста, не ЯВЛЯlOщиеся
ссылками
О Необходимо убедиться, что
все ссылки имеют осмыслен
ные названия, раскрывающие
содержание на друrом конце
ссылки (например, ссылка долж
на называться "Преимущества
компании», а не "Информация»)
о Хороwим тоном является от-
крытие страниц после клика
по ссылке, в том же окне
браузера
О При необходимости должно
присутствовать явное пред
упреждение о проблемах на
ApyroM конце ссылки (напри-
мер, требование реrистрации/
авторизации при переходе по
ссылке)
5З/100% Ссылки и rипертекст
179
о Важно убедиться, что в каждом
законченном фраrменте текста
использовано разумное количе--
ство ссылок (причем обычно чем
их меньше, тем лучше)
О Ссылки должны быть ДOCTa
точно короткими (не длиннее
четырех слов)
О При необходимости должно
присутствовать явное пред
упреждение о проблемах на
ApyroM конце ссылки (напри-
мер, требование реrистрации/
авторизации при переходе по
ссылке)
о Необходимо убедиться, что на
сайте отсутствуют выражения,
типа: «Сюда», «Кликните уУТ»,
«3десь» и т. д., и, соответствен-
но, ссылки от них
О Следует убедиться, что все
ссылки явно выделены и
выrлядят именно как ссылки
(например, обозначены подчер
киванием)
О Посещенные ссылки должны
быть выделены явным обра
30м (например, по умолчанию
красным или пурпурным
цветом)
Bcero пунктов для проверки
О/О Проверено
54. Информационное
наполнение
Информационное напопнение это содержание, кон-
тент сайта. Именно в поисках актуальноro, ясноrо, удобно
представленноro контента на сайт приходят посетители
Как rpaMOTHO подать контент
в Интернете BЫ
вод о полезности
или бесполез
ности материа
ла делается за
2 3 секунды на
основе MrHoBeH
Horo считывания
нескольких заrо
ловков, Вblделен
ных фраrментов
текста и оценки
илпюстраций
Идеолоrия орrанизации контента в инте
рактивной веб,реде опирается на целый
ряд сильно взаимосвязанных принципов
и приемав, часто раскрывающих различ
ные стороны одной и той же идеи.
Все они, с одной стороны, учитывают
особенности раБОТbI человека в Ин
тернете, а с друrой отражают специ..
фику rипертекста как особоro способа
подачи информации, противоположноro
классическому линейному изложению
материала (мы уже rоворили об этом
в предыдущей теме).
При создании контента для корпора
тивноrо веб сайта мы рекомендуем
учитывать спедующие ПрИНЦИПbl:
о Принцип кпиентоориентиро
ванности контента предполаrа
ет адаптацию Bcero содержания
сайта под потребности, oco
бенности и цели посетителей.
Например, все текстовые MaTe
риалы о товараxJуслуrах или о
компании должны быть написа
ны с точки зрения Клиента и OT
вечать на вопрос <<А что это
дает Клиенту?»
о Принцип минимапизма пред
полаrает сокращение контента,
отбрасывание Bcero лишнеro и
не имеющеro значения с точки
зрения Клиента. В частности,
контент ниrде не должен дy
блироваться (принцип "eдиHO
zo места хранения» или "одною
экземпляра») или быть слишком
метафоричным
54/100% Информационное наполнение
181
о Принцип «луковицы», предпо
лаrающий, что вначале пользо
вателю выдается суть, итоr или
наиболее приоритетное предло
жение и только потом, часто по
специальному запросу (напри-
мер, "Подробнее »») поясня
ющая, мотивирующая или просто
описательная информация.
Таким образом, пользователь по--
лучает возможность поrружения
в информацию на любую rлубину.
Принцип "луковицы» (или "пе
ревернутой пирамиды») реали
зуется с помощью следующих
приемов:
. Разбиение контента на
небольwие, заверwенные
блоки, «перевязанные» Apyr О
с ApyroM множеством ссылок
. Обязательное наличие
выхода на какой либо cцeHa
рий или действие
(например, "Купить», "Зака
зать», "Оставить комментарий»,
"Сравнить товары», "Подо--
брать аналор>, "Посмотреть
демоверсию» и т. д.)
. Принцип постоянной
актуализации означает, что
100% контента сайта должны
полностью отражать реальную
ситуацию, не быть устаревши
ми или искаженными.
Тексты должны быть ясными,
не содержать чрезмерноro
количества профессиональных
терминов, быть осмысленны
ми, убедительными, живыми,
rрамотными, интересными,
понятными, честными. Все
аббревиатуры необходимо pac
шифровывать или давать ссылки
на расшифровку (например,
на www.wikipedia.org)
О Принцип последовательно
сти и единообразия в манере
изложения и стиле материала,
использовании терминолоrии,
написании отдельных слов
(например, везде "тер>,
а не "пр»
Принцип приrодности для бе
rлоrо 0знакомления отражает
тот факт, что 80% пользователей
не читают, а просматривают,
"сканируют» взrлядом веб стра
ницы.
Приемы реализации принципа:
. ИСПОЛЬЗ0вание броских, но
осмысленных заrоловков
. Разбиение текста на He
больwие абзацы, использо
вание коротких предложений
с простой лексикой
. Сложное форматирование
контента
Помимо указанных принципов И приемов существует еще множество
более мелких нюансов (например, не рекомендуется часто исполь
З0вать знаки восклицания, порядок следования материалов
должен соответствовать порядку навиrации и т. д.).
Bcero пунктов для проверки Oh
О Проверено
55. Иноязычные версии
Разработка мноrих корпоративных сайтов предполаrает
создание отдельных страниц, разделов или полноцен
ных клонов веб ресурса на языках, отличных от языка
«родительской)) веб системы, то есть создание иноязыч
ных версий
Необходимость создания иноязычной версии веб сайта обычно об
условлена несколькими основными причинами:
О Компания работает с зарубежными Клиентами и/или бизнес парт
нерами (например, поставщиками продукции)
О Компания является частью TpaHCHa
циональной корпорации или имеет
в составе владельцев иностранных
собственников
Российские KOM
пании наиболее
часто создают
страницы на aHr
пийском языке и
языках стран CHr
о Акции компании котируются на
международных биржах, одним из
требований которых является наличие
информации для инвесторов, например,
на анrлийском языке
Мы неоднократно сталкивались с тем, что иноязычные версии сай
та рассматривались нашими Клиентами как более приоритетные в
сравнении с русскоязычными. Именно так обстоят дела у представи
тельств мноrих крупных зарубежных компаний (например, страховых
фирм, таких как Allianz) или у компаний, работающих в России с узким
KpyroM корпоративных Клиентов.
Как лучше сделать иноязычную версию
Существует два принципиальных способа создания иноязычных
версий сайта:
О Соэдание полноценной иноя3ынойй версии корпоративноro сайта
с переводом всех ero разделов, навиrации, контента, баннеров и т. д.
Такое решение значительно дороже предыдущеro в силу необходимо
сти перевода Bcero объема контента
55/100% Иноязычные версии
183
о Перевод отдельных страниц или раэделов без изменения стилевоro
решения, системы навиrации, "шапки» корпоративноro сайта и т. д.
Например, часто может быть достаточным создать одну страницу
на анrлийском языке, rде будет размещаться информация о компании,
ее продуктах, Клиентах и условиях сотрудничества
При создании иноязычных версий должны учитываться специфи
ческие способы восприятия, характерные для друrих культур, Ha
пример:
О Цветовая raMMa (в разных странах
цвета и, особенно их сочетания, имеют
свою символику). Например, белый
цвет в Китае и Индии означает смерть,
а в европейской культуре, наоборот,
символизирует чистоту и святость
Мноrие восточные страны (например,
Таиланд, Бирма, Непал) в цветовом KOH
тексте заметно «ярче» своих западных
бизнес аналоrов. Это важно принимать
во внимание при создании стиля веб
сайта, ориентированноrо на подобные
целевые аудитории.
О Текстовое наполнение (стиль подачи
материала, особенности восприятия
текста). Например, в некоторых BOC
точных языках чтение осуществляется
справа налево. Свои нюансы работы
есть и в иероrлифических текстах
Интернационали-
зация создание
универсальноrо
варианта дизай
на, который будет
адекватно BOC
принят во всем
мире.
Локализация
полная адапта
ЦИЯ, а не просто
перевод Bcero сти
левоrо решения
и контента под
менталитет KOHK
ретной страны
Навиrация между сайтами
Важно обеспечить удобную и очевидную навиrацию между версиями
сайта на различных языках.
Оптимальное решение в данном случае создание текстовой
ссылки, написанной на соответствующем языке (например,
English для анrлийской версии). Ссылка может быть дополнена
небольшой пиктоrраммой в виде флаrа соответствующей страны.
Часто имеет смысл проrраммно опознавать страну, из которой
пользователь заходит на сайт и автоматически перенаправлять
ero в раздел веб системы, созданный на соответствующем языке.
184
Корпоративный веб сайт на 100%
При этом важно оставить возможность вручную сменить языковую
версию (например, перейти с сайта на немецком языке на rоловной
интернациональный сайт).
Для компаний,
работающих на
международном
рынке, предпо
чтительно иметь
домен в З0не .сот
Выбор доменноrо имени
Для компаний, работающих на междуна
родном рынке, предпочтительно иметь
домен в зоне .сот.
Подсайты на друrих языках MorYT pac
полаrаться на доменах TpeTbero уровня
(например, www.eng.company.com) или
на соответствующих доменах BToporo уровня (например, в зоне .de
для версии на немецком языке). Эти правила не являются строrими и
обязательными. Но желательно обеспечить Клиентам возможность
перейти на иноязычную версию, испопьзуя красивый URL.
Сложности поддержки
Создание и поддержка иноязычных страниц связана с целым рядом
дополнительных трудностей, к которым важно быть rOToBbIM:
о ВозникаlOТ реrулярные допол
нительные расходы на перевод
материалов и их публикацию
О Зачастую сложно учесть все
особенности друrой культуры
(например, специфику HeBep
бальноro общения, стереотипы
поведения и мышления, ЦBeTO
вую символику и т. д.)
О Усложняется вопрос aKTya
лизации и синхронизации
информации (в силу различий
в часовых поясах, необходимо
сти перевода материалов и т. д.)
о Персонал компании должен
быть rOTOB к общению на дpy
rOM языке в случае обращения
Клиентов (если вы не уверены
в такой способности CBoero
персонала, то просите Клиентов
писать, а не звонить)
О Кодирование и проrраммиро
вание страниц на друrих языках
связано с определенными техни
ческими особенностями (напри
мер, особым образом функцио
нируют страницы, написанные
иероrлифами)
Bcero пунктов для проверки ОА
О Проверено
56. Раздел «О компании»
Раздел «О компании» (или «О нас», «Компания») обяза
тельно присутствует на каждом корпоративном сайте. Ero
задача предоставить базовую информацию о бизнесе
владельца ресурса основным целевым аудиториям Кли
ентам, бизнес партнерам, инвесторам, соискателям работы
в отечественной практике ссылка на раз
дел "О компании», как правило, разме
щается в rлавном меню, на одном из са-
мых видных мест. Чаще Bcero западные,
особенно сервисные, сайты (такие, как
www.linkedin.com) не депают акцент на
зтом разделе и пере носят ссылку на
Hero во вспомоrательное меню (напри
мер, в самый низ страницы).
Связано это с тем, что большинству Клиентов не интересна информа
ция о компании как таковой. Их основная задача максимально
быстро перейти к работе с предлаrаемыми продуктами или к ис
пользованию функциональностей сайта.
Как лучше расскаэать о себе
Основными чита
телями раздела
«О компании»
всеrда являют
ся маркетолоrи
конкурирующих
компаний
Рассказ о компании чем то напоминает представление человека,
ero автобиоrрафию. Или даже скорее профессиональное резюме,
которое должно быть таким, чтобы потенциальный работодатель
выбрал именно этоro сотрудника из десятков друrих претендентов.
Текст «О компании» должен продавать. Как этоro добиться? Мы co
ветуем обратить внимание на следующие моменты:
о Важно максимально ИСПОЛЬЗ0-
вать фаКТbI (желательно изме
римые, имеющие численное вы-
ражение), а не банальные фразы,
типа: "мь/ молодая, динамично
развивающаяся компания...»
о Необходимо структурировать
информацию «от основных
3апросов» Клиентов (партне
ров, инвесторов), а не исходя
из орrанизационной структуры
компании
186
Корпоративный веб сайт на 100%
о Имеет смысл существенно
снизить общую эмоциональ-
ность текста, отказаться от
излишних метафор и поэтических
сравнений (например, не писать:
"Наша компания сплетена из
нитей бизнес процессов, подобно
пушистому вязаному шарфу, в KO
торЬ/й так приятно закутаться
в зимний вечер...»). Это особенно
актуально, если ваш копирай
тер романтическая девушка
Нередко в разделе «О компании» размещается информация о топ
менеджерах орrанизации, биржевые данные, описание партнер
ских nporpaMM. Желательно подать эту информацию максимально
компактно, структурирован но и украсить интересными "Фишками».
Посмотрите, как это сделано, например, на сайте компании Sky Express.
о Следует размещать в разделе
только важную и полезную
для целевых аудиторий
информацию, а не просто yдo
влетворять амбиции компании
(например, формулировка мис
сии значительно менее инте
ресна Клиентам, чем факт сер--
тификации бизнес процессов
компании по стандарту ISO)
Структура раэдела «О компании»
в зависимости от специфики и масштабов бизнеса раздел «О компа
нии» может иметь разную структуру, например, он может состоять
И3 следующих подразделов:
о История компании в цифрах
и фактах
О Преимущества и отличия
от конкурентов
О Позиционирование(описание
рыночной специализации
компании)
О Сертификаты и HarpaAbI
о Бизнес партнеры
О Публикации сотрудников
компании
О Рекомендации Клиентов
О Пресс центр
О Контактная информация
О Филиалы и представительства
у крупных меЖдународных компаний этот список бывает rораздо
шире и может включать информацию о блаrотворительной, спон
сорской, природоохранной деятельности орrанизации, а также
сведения о поддерживаемых компанией спортивных и культурных
мероприятиях.
Bcero пунктов для проверки О
rO Проверено
5б/100% Раздел "О компании»
187
.!
я. fdt __ F..... 1" НIiII
ra] t.п--
.r......... .1Ct,... ..""'Q
I
...............
.
АвтокРЕ.
......... .....
.........
Toyotil
Т()УОТА F
F.
J
:.
,. м м- f...... Т_ ,.
"'**"'"€II'Jttp:,,.,.... .fU
!п9ЕУ
.... .........
....0<...
24.11.ttlO8
2411.ltIQI
"".""""".c,{"
n.1D.DOI
.
=--X
И3 рецензий наших экспертов
пх
'.
'" 50 tnoo;"
с...,. .
......,...
@
Yl"PAВЛЯЙ МЕЧТОЙ ТОУОТА
I Крцмт..,.,.
о.....,...,
......
Сайт компании Toyota (www.toyota.ru)
"'I"
Безусловно, история Toyota интересна не только самой фирме;
ее пристально изучают, пытаясь разобраться в феномене Toyota
Рrоduсtiоп System, также называемом у нас "бережливым произ
водством». Разработчики pyccKoro сайта Toyota представили ее
историю в виде «ленты времени», на которой четко выделены
основные этапы истории компании и rлавные события, каждое
из которых про иллюстрировано документальной фотоrрафией
соответствующей эпохи. Получилось стильно, лаконично, инфор
мативно. "Ничеrо лишнеrо» подход Toyota не только к корпо
ративным сайтам.
Дмитрий Пономарев, директор аналитическоrо центра LEANCOR
И3 рецензий наших экспертов
l"1x
'".
vlC"
.....
..
Сайт компании «САН ИнБев)) (www.suпiпtеrЬrеw.ru)
Аккуратно, четко, академично. Чувствуется резкий контраст при
переходе от "Корпоративных ценностей» к «Вакансиям». В первом
случае все красиво и "вкусно», а в конкретных вакансиях сухо и
кратко. не поняла, почему одна вакансия презентуется на русском
языке, а друrая на анrлийском. В подраздел "Корпоративные
ценности» хочется добавить души живое подтверждение веб
слов, например, фото из рабочей среды, корпоративов, обучения,
а также живые от3ь1вы сотрудников, которые прошли какой либо
тренинr или имеют яркое впечатление о команде после работы
над определенным проектом или командообразовательноro KOp
поративноrо выезда.
Ирина Синицына, директор по развитию .Парк ру»
57. Раздел «Корпоративный
блоr»
Бпоr это сайт, оформленный в виде персональноro или
корпоративноro электронноro дневника, сообщения в KO
тором публикуются в обратном хронолоrическом порядке
и, как правило, MorYT быть прокомментированы посетите
ля ми. Фактически, блоr это продвинутая «лента HOBO
стей», соединенная с форумом
Виды блоrов
Корпоративные блоrи орrанизуются в одном из двух форматов:
о Единый корпоративный
блоr (обычно на домене
bIog.company.com), сообщения
в котором публикует один автор
или авторский коллектив. В Ta
ком случае авторами блоrа, как
правило, выступают представи
тели «публичных профессий»
высшее руководство, специали
сты по маркетинry и PR и т. д.
Блоr обязательно должен иметь RSS neHТY, обеспечивающую опе
ративную доставку заметок всем подписчикам и реализующим ба
зовый принцип блоrrинrа: «rOBOpumb О том, что происходит здесь
и сейчас».
о Блоrи сотрудников компании,
которые Moryт располаrаться как
на корпоративном домене, так и
на любых друrих доменах (напри
мер, на сервисах, предоставляю
щих ресурсы для бесплатноrо
ведения блоrов)
Преимущества блоrа для корпоративноrо сайта: I
о Возможность представления О Положительное или нейтрапь
любых неформальных тем ное отношение ПОЛЬЗ0вателей,
в рамках деятельности комп. вызванное отсутствием официоз
нии, например, текущая работа ности, изначально заложенным
компании или орrанизация принципом беседы, очевидным
корпоративных выездных авторством
мероприятий
57/100% Раздел «Корпоративный блоr»
189
о НОВЫЙ дополнительный канал О
коммуникаций с существующи
ми и потенциальными Клиента
миl партнерами компании
О Повышение корпоративной
репутации и узнаваемости
бренда, продвижение товаров
и услуr компании (при условии
талантливости авторов)
Возможность самореализа
ции специалистов компании
в профессиональной социальной
среде, повышение их зксперт
ной значимости
о Увеличение посещаемости
сама
Для профессиональных блоrов часто характерна довольно узкая
специализация. Например, известный бизнес консулыант Михаил
Самохин ведет блоr только об автомобильном маркетинrе (поищите
блоr motopapa в ЖЖ). в эпоху «информационноro изобилия» это
очень rpaMoTHoe решение.
Минусы блоrrинrа
. Блоr, как правило, способствует росту копичества посетитепей
сайта (росту объема трафика), но крайне редко является мощным
средством продаж. Это связано с частым несовпадением инте
ресов аудитории блоrа с интересами
Клиентов компании, из за чеrо ero
основными читателями становятся
конкуренты.
. Блщ как и любой друrой маркетинro
вый инструмент, требует постоянно--
ro инвестирования ресурсов в под
держку и развитие. Экономическая
эффективность подобных вложений
не всеrда очевидна.
. Блоr это инструмент, информация
в котором будет работать крайне
небопьшой промежуток времени.
Архивы блоrов, так же как и архи
вы новостей, практически никто не
читает.
. Блоr может испортить строrий имидж
вашей компании (из за неформаль
насти).
Наибопее часто
корпоративный
бпоr рассматри
вают как источник
неформапьной
(неофициапь
ной) информа
ции о компании,
выэывающий по
вышенное ДOBe
рие в сравнении
с друrими PR
инструментами
Способ орrани
эации обратной
свяэи с Кпиен
тами и биэнес
партнерами
190
Корпоративный веб сайт на 100%
Спово не воробей,
выпожишь
не поймаешь!
. Блоr это потенциальный Mexa
низм разrпашения конФИАенци
апьной информации, а также источ
ник данных о наиболее выдающихся
сотрудниках компании, на которых
постоянно ведется <<охота» на рынке.
Правила ведения блоrа
Следует соблюдать правила публикации сообщений в блоrе:
о Реrулярность, актуальность
О Краткость, компактность
о Обяэательное наличие иллю
страций, видео или аудиоро
ликов
Посмотрите, как оформлены заметки известноro специалиста по про
ведению презентаций rapa Рейнольдса (www.presentationzen.com).
Каждое ero сообщение соответствует текущему моменту и обяза
тельно сопровождается хорошей иллюстрацией или видеороликом.
Часто хорошей практикой является автоматическое «стяrивание))
В бпоr контента с Аруrих ваших интернет проектов (например,
фотоrрафий с Flickr.com, коротких сообщений с Twitter.com, презен
таций с Slideshare.net и т. д.). Это позволит превратить блоr в некий
arperaTop всей неформальной информации о вашей компании.
Bcero пунктов для про верки O,h
О Проверено
58. Раздел
«Вопросы И ответы»
Раздеп «Вопросы И ответы») (анrл. Frequeпtly Asked Ques
tioпs, FAQ ЧаВо) обычно содержит базу часто задаваемых
Клиентами вопросов и ответов представителей компании
на них, а также форму, позволяющую посетителям задавать
новые вопросы. Источником информации для раздела яв
ляются отчеты звонковых центров компании, анализ запро
сов по электронной почте и через веб формы с сайта
Данный раздел является одним из наибо
лее интерактивных и позволяет пользо
вателям существенно сэкономить время
при поиске необходимой информации.
Идеапьный ответ
должен быть KpaT
ким, понятным
Например, в этом разделе MorYT быть
собраны ответы на вопросы, наиболее
часто задаваемые менеджерам службы поддержки (<<Что делать,
если сломался ноутбук?», «Как самостоятельно настроить модем?»,
«Каков срок lOрантии на технику Samsuпg?», «Как я MOZY обратиться
к менеджеру?» и т. д.). Чем проще, понятнее и предметнее будут CТPYK
турированы вопросы, тем выше вероятность TOro, что пользователи
станут активно работать с этим разделом.
и процедурным
В Интернете можно обнаружить тысячи вариантов FAQ посвященных
самым разным темам. Некоторые сайты каталоrизируют их и обе-
спечивают возможность поиска; например, Internet FAQ Consortium
(www.faqs.org).
Как лучше орrаНИЗ0вать раздел «Вопросы
И ответы»
:J Ответы на все вопросы долж
ны иметь исчерпывающий
характер, без недосказанности
и утаивания информации
о ПОЛЬЗ0вателю должно быть
абсолютно ясно, коrда и каким
обраЗ0М он получит ответ на
3аданный вопрос
192
Корпоративный веб сайт на 100%
о Вопросы ДОЛЖНЫ быть реаль
ными, формулироваться макси
мально доступно и предметно.
Использование искусственно
придуманных вопросов снижает
их ценность для пользователей,
что rрозит потерей интереса ко
всему разделу в целом
О Не следует избеrать «плохих»
И «неудобных» ответов. Это
повышает доверие в целом и по
казывает, что вы действительно
работаете над разделом
О По возможности, ответы на вопро
сы должны быть проиллюстри
рованы
о rруппы вопросов ДОЛЖНЫ
быть объединены по темати
ческому или ролевому прин
ципу (например, «Для дилеров»,
«Для руководства компании»
или по темам "Бытовая техника»,
"Автозапчасти» или «Сервисное
обслуживание»)
О Форма «3адать вопрос» или
друrой вид обратной связи
(e mail, контактные телефоны,
Skype, ICQ и т. д.) обязательно
ДОЛЖНЫ присутствовать в
разделе «Вопросы И ответы».
Использование этой формы
должно быть максимально
простым и понятным
Отличными примерами орrанизации «Вопросов И ответов» MorYT
служить справочные разделы сервисных сайтов (например, раздел
«Help» на www.iGoogle.com или www.gmail.com), а также интерак
тивные справки в офисном nporpaMMHoM обеспечении (например,
в Мiсrosоft Office). Хорошей практикой является персонализация
ответов на вопросы, а иноrда и возможность обратиться к KaKOMY TO
конкретному сотруднику компании.
в обоих случаях обычно указывается фамилия, имя и должность OT
вечающеrо, а также размещается ero фотоrрафия. Это существенно
повышает эффективность общения, делает ero более неформальным
и интересным.
В довольно редких случаях возникает необходимость создания спра
вочноrо раздела по работе с самим сайтом. Так бывает, только если
на сайте реализован уникальный функционал, а ero интерфейс не
удалось сделать интуитивно понятным.
Bcero пунктов для проверки
О/О ПровереJlО
59. Раздел «Пресс..центр»
3лектронный пресс центр (или <<Для прессы», «Для
СМИ») это раздел корпоративноro веб сайта, созданный
для работы с электронными и печатными средствами Mac
совой информации и нацеленный только на одну аудито
рию вечно спешащих, занятых и часто не желающих вни
кать в суть журналистов
Обычно пресс центры создаются на сайтах публичных компаний, яв
ляющихся мощными rенераторами новостей, интересных широкому
Kpyry читателей. Например, это Moryт быть сайты сотовых операто
ров, крупных сетевых компаний и банков.
Мы рекомендуем придерживаться следующей структуры пресс
центра:
1. Событийные материалы
О Новости компании и пресс релизы
О Официальные заявления руководства
иlили акционеров
О Отраслевые новости, часто aBTOMa
тически собираемые на сайт с друrих
интернет проектов
2. РR информация о компании
О Публикации о компании (раз
делы "Пресса о нас», "в зеркале
прессы»)
О Листы вопросов и ответов (FAQ)
О Факт листы
3адача пресс
центра предо
ставить (МИ всю
необходимую
РR информацию
о компании и ее
деятепьности
о Профессиональные дости
жения (HarpaдbI, сертификаты,
призовые места и т. д.)
О WhitePapers (аналитические
и обзорные материалы)
3. MapKemUHzoSbIe и РR материалы «для скачивания»
(Press K;t]
о Руководство по фирменному
стилю и образцы символики
(например, файлы в разных фор
матах с лоrотипом компании)
о Имиджевые материалы
("обои» для рабочеrо стола,
<<хранители экрана» ринrтоны,
курсоры и др.)
194
Корпоративный веб сайт на 100%
о Фотоrрафии руководителей
в высоком разреwении
О Электронная версия буклета
«О компании»
о Биоrрафии и профессиональ
ные резюме высшеro PYKOBOД
ства
Текстово rрафические материапы вы можете допопнить:
о Подкастами и видеокастами
(аудио и видеороликами)
О Блоrами
о IСQ консулыантами или друrи
ми инструментами для MrHoBeH
HOro обмена сообщениями
Также может быть орrанизована специальная рассылка для пред
ставитепей СМИ (по электронной почте или через RSS каналы).
Bcero пунктов для проверки O,h
О Проверено
И3 рецензий наших экспертов
.. .. ... ...м.. r_ ..
.-- ;......,... ;
ID..
<»
.
.
lJ
p)l(;A,1
.' ф:t: В .. .
"'"
II' . '''''''.
......
.
....
,.
....... I ......."' .жJ
1tм8... "...p.......81fТV
п..С'С P8flIl'1II
1'511.n"
........."М. .or:rJ'CA.II. ..I:"'''.......кт...
.............. ......
\.
\,
.===
. ..l"''1 .rм
. 11.1"'1''''''''''''''.'''
. 11"1>....-oro..............
. ::..-==--
' Q..
Чro..... ..,.....пqмot ........nwp...
. ...
П'lКot....ewn'Jt
\
G c::=c:;::-..,:
ОБЫДИНЯА страны И континенты
r.."...... р)'с.\lltl
......-
.
,.
!' .r..
.,.,..,... n "'-'l'OOfrQd к-..."....0I8Ii8I8М "
oh............. I"YCАЛ.eennIOIа .
OO'fp'.... CfМ............ 0110 rмк .н....,ac........ е UenIOIO
800QC'Т """""""""". ..""""""'"
........
. ...............IIIIS................
s.CIP8"I......
. НIOOOO '.......
._.IZNe
а.....".. Р. ............ ...,... ..)' IUI.
Сайт компании «РУСАЛ» (www.rusal.ru)
....с.... ....
в «Пресс релизах» обычно содержится законченная официаль
ная позиция менеджмента, ИЗЛilrающая факты, а «русаловский
РR отдел» весьма творчески переводит свои обращения на Ta
кой юмористически панибратский язык общения с коллеrами
журналистами, что, в принципе, релизом то уже и не назовешь.
Максим ЗУI!.-НОСО., начальник управления
маркетинrовых коммуникаций ОАо _Русские краски'
.....,.с.
:
............... ...,.
.. ......1:............""
БО.Раздел«Вакансии»
(оздание раздела «Вакансии» «<Карьера», «Работа в KOM
пании») позвопяет существенно упучwить работу с соис
кателями с одной стороны, за счет предоставления им
всей необходимой информации и сервисав, а с друrой
путем снятия части наrрузки с Департамента по развитию
персонала и автоматизации ero деятельности
Преимущества «эпектронноrо рекрутинrа»
Создание раздела «Вакансии» позволяет не только разместить в нем
всю информацию о требованиях к потенциальным кандидатам, но
и получить все преимущества электронноro рекрутинrа.
О Режим онлайн связи с потенци О Предоставление кандидатам
альными кандидатами
О Ведение электронной базы
кандидатов с оптимизирован
ным поиском по всем типам
данных
О Предварительный «отсев» нЕ!"-
достаточно квалифицированных
соискателей
О Возможность ведения стати-
стики обращений специалистов
Дополнительно информация о вакансиях может быть размещена на
специализированных рекрутинrовых сайтах.
доступной и исчерпывающей
информации о работе в KOM
пании, предваряющей типовые
вопросы
О Работа с «пассивными» кан-
дидатами с помощью рассылки
информации о новых вакансиях
по электронной почте или RSS
Как орrаНИЗ0вать раздеп «Вакансии»
Раздел «Вакансии» может существовать в виде обычноro раздела на
сайте или со временем пере расти в полнофункциональный экстра нет
для кандидатов, включающий:
О Список тестовых заданий, опросников или планов собеседования
для специалистов, с которыми они Moryт прийти на очное собеседо
вание в компанию
19б
Корпоративный веб сайт на 100%
о Список вакансий, объеди
ненных по реrиональному
принципу (филиалы) или по
отделам компании. Удобным
сервисом для пользователя
может стать возможность
фильтрации вакансий, напри
мер, по принципу «новизны»
или выбор только "rорячих»
вакансий
О Форму обратной свяэи
(<<Форма отправки реэюме»,
«Анкета»), позволяющую кан-
дидату отправить свое резюме
или непосредственно на сайте
заполнить предварительную
анкету, подroтовленную Депар
таментом развития персонала
MHoro или мало
Холдинrи за
частую создают
общий для всех
входящих в них
подраздепений
раздеп «Карьера»,
куда автоматиче
ски «стяrивают»
информацию
с сайтов всех
своих компаний
о Информационные статьи
о преимуществах работы
в компании (оплата труда,
профессиональный рост,
корпоративная культура,
сотрудники компании). Чем
более открыто и подробно
будет изложен материал, тем
больше доверия и интереса
вызовет предложение о рабо
те в данной компании
Объемы информации, размещаемые
в разделе «Вакансии», полностью опре
деляются особенностями кадровой
попитики компании. Например, Ян-
декс размещает у себя на сайте довольно
большие анкеты и тестовые задания для
кандидатов. Менее крупные компании
часто оrраничиваются перечислением
вакантных должностей, не добавляя
к ним интерактивные сервисы.
Как правило, лучше избеrать чрезмерно
большоro списка открытых вакансий, так
как это создает впечатление постоянноro
«кадровоro rолода» внутри компании.
Bcero пунктов для проверки O,h I
о Проверено
б1.Раздел«Каталоrтоваров»
Раздел "KaTanor товаров» должен решать ключевую биз
нес задачу любой компании продавать результаты ее
деятельности Клиентам. При этом сама работа над данным
разделом является отличным поводом для приведения
в порядок всей маркетинroвой информации о компании
Как правило, корпоративные сайты не имеют в своем составе пол
нофункциональных интернет маrазинов, но всеrда демонстрируют
основные направления деятельности
компании. Эта информация может быть
представлена в виде:
О Иnnюстрированноro описания пред
naraeMbIx товаров
О Эnектронноrо KaTanora продукции
О CMewaHHoro KaTanora
Независимо от выбранноrо варианта,
критически важной является способ
насть маркетолоrов компании струк-
турировать этот раздел <<от запросов»
Клиентов, то есть предоставить всю ин
формацию в такой последовательности и
в таком виде, в которых ее обычно ищут
Клиенты.
По нашим набпю
дениям,бопее
80% компаний
имеет недостаточ
но структуриро
ванный KaTanor
продукции, при
чем хранящийся
в трех и бопее Me
стах (складская,
финансовая систе
ма, EPR и т. д.)
Например, нередко делается ошибка в структурировании каталоrа
товаров топько на основе Фирм производитепей (так часто по
ступают при создании каталоroв комплектующих для компьютерной
техники). При этом потенциальный Клиент может совершенно не раз
бираться в фирмах производителях (или это ему может быть совсем
неважно), а выбирать товар только исходя из ero потребительских
характеристик (к примеру, искать жесткий диск определенной eMKO
сти или монитор с заданной диаrональю). Не увидев понятной ему
классификации, он, скорее Bcero, MrHoBeHHo уйдет на сайт друrой
компании. Не меньшую проблему может представлять и использо
198
Корпоративный веб сайт на 100%
вание на сайтах «профессиональноrо жарroна», понятноro только
работникам компании и специалистам.
Простая форма каталоrа товаров
Простая форма орrанизации каталоrа товаров более предпочти
тельна, если ассортимент товаров не очень большой (до 1 00 пози
ций) и не требуется совершения каких либо особых манипуляций
(например, фильтрации по заданным пара метрам, автоматическоrо
подбора аналоrов и т. д.). Подобное pe
шение наиболее приемлемо дпя Mano
ro бизнеса.
Для мноrих KOM
паний (например,
для дистрибью
торов компью
терной техники)
крайне попезным
может быть вы-
ставпение своих
товаров на серви
се Яндекс.Маркет
Для небольwоrо производственноrо
предприятия (например, компании, за
нимающейся изrотовлением и ycтaHOB
кой пластиковых окон) будет достаточно
на максимально доступном для потенци
альных заказчиков языке описать свою
продукцию, показать ее примеры, ука-
зать сроки и стоимость поставки.
Создание упрощенной версии каталоrа
товаров может быть бопее приемпемо
и с финансовой точки зрения, поскольку проектирование и BHe
дрение полнофункциональноro электрон Horo каталоrа всеrда влечет
за собой значительные затраты ресурсов и времени (правда, и дает
впоследствии мощную отдачу).
Электронные каталоrи
Для мноrих компаний электронный каталоr продукции это суть их
бизнеса (например, для дистрибьюторских сетей, дилеров, оптовых
баз). От TOro, насколько корректно и профессионально он орrанизо
ван, напрямую зависит успешность их деятельности.
Создание электронноrо каталоrа дает множество преимуществ, Ta
ких как:
О Сокращение затрат на печать бумажных KaTaпoroB продукции,
так как электронные каталоrи по своей функциональности и возмож
ностям представления информации значительно выиrрывают у своих
полиrрафических аналоrов
б1/100% Раздел "Каталоrтоваров»
199
о Практически неоrраниченные О ИспопЬ30вание вспомоrатепа.--
ных сервисов; например, любых
фильтров и сортировок (по брен
дам, цене, качественным xapaK
теристикам товаров), сравнений
товаров, подбор аналоrов и т. д.
О Акцентирование внимания
на нужных товарах при исполь
зовании отзывов потребителей,
рейтинrОВ,rолосования,специ
альных отметок (например, "хит
продаж», "новинка», "акция»,
"распродажа»)
О Презентация товаров с учетом
фирменноrо стипя компании
О Интеrрация с внеwними
системами (например,
с Яндекс. Маркет)
возможности по вложенности
раздепов и копичеству товаров
(при этом чрезмерно вложенные
каталоrи создавать не peKOMeH
дуется)
О Возможность орrанизации
поиска по каталоrу
О ИспопЬЗ0вание в представле-
нии товаров текста, rрафики,
табпиц, анимации, перекрест
ных ссыпок, аудио и видеома
териапов
О Интеrрация с внутренними
системами (например, с 1C),
что позволяет существенно
упростить актуализацию инфор
мации об ассортименте товаров,
ценах, скидках и т. д.
Для электронноro каталоrа может быть создана отчуждаемая версия,
размещаемая в Сети или на внешнем носителе (СО, OVO, фирменной
«флешке» И т. д.).
При создании зпектронноrо KaTanora обратите внимание на cne
дующие моменты:
о Важно убедиться, что каждый
товар снабжен высококаче
ственной фотоrрафией
О Весь кпапоr допжен быть
структурирован, исходя из за
просов Клиентов (даже если для
вас эта структура неудобна)
О Для объемных или сложно
структурированных товарных
каталоrов должна быть создана
функция специапьноrо поиска
по KaTanory
о Для всех товаров допжна быть
указана стоимость ипи Mexa
низм расчета их цены, если
она зависит от индивидуальных
требований Клиента
О Необходимо убедиться, что
для всех товаров указаны ycпo
вия поставки
О Для каждой rруппы товаров
может быть составлено специ
апьное предложение
Карточка товара
Важным аспектом проектирования каталоrа является создание Kap
ТОчки отдепьноrо товара. Она может включать следующие разделы:
200
Корпоративный веб-сайт на 100%
о Название товара и ero артикуп
О Фотоrрафия товара (в различ
ных ракурсах)
О Описание свойств товара
О Название компании
производитепя
О Указание на напичие товара
(на складе компании, на складе
партнера и др.)
О Список сопутствующих TOBa
ров
О Список TOBapoB aHanoroB
О Усповия поставки и оппаты
О Ссыпка на отзывы о товаре со
стороны поставщиков и потре
бителей
о Стоимость товара (при различ
ных условиях поставки)
О Описание системы скидок,
бонусов, наценок с примерами
О Примеры расчета зкономии
при различных формах оплаты
иlили поставки (возможно, капь
купятор для расчетов)
О Рейтинr товара (в своей катеro
рии и в ассортименте компании
в целом)
О Ссыпка на файпы «для 3аrруз
ки», содержащие подробную
документацию и спецификации
О Ссыпка на обсуждение товара
в форуме
Каталоrи цифровоrо контента
Специфическим видом каталоrов являются катапоrи ЦИфр080rо
контента (музыки, ринrтонов, nporpaMMHoro обеспечения, фотоrра
фий и т. д.), предлаrающие Клиентам товар, который потенциально
«никоrда не заканчивается» и имеет свои, сильно отличающиеся от
классических товаров статусы.
Частично об этом будет рассказано в следующей теме.
Bcero пунктов для проверки Oh
О Проверено
62. Раздел «Каталоr услуr»
Раздеп "Каталоr ycnyrl> (или «Направления деятельности»,
«Решения», «Сотрудничество» и т. д.) это основной Mexa
низм демонстрации собственных предложений для сервис
ных компаний. Принципы ero орrанизации во MHoroM схожи
с принципами работы «Каталоrа товаров», но есть и множе
ство нюансов, которые надо учитывать
Вся специфика орrанизации каталоrа
услуr связана с особенностями самих
услуr как объектов маркетинrа и продаж.
Сервисная компания фактически лишена
возможности проиллюстрировать свое
предложение (услуrу невозможно сфо
тоrрафировать) и вынуждена доказывать
собственные компетенции косвенным
образом (скажем, демонстрируя порт
фолио).
Отпичия ycnyr
от товаров (по Фи
пипу Котперу):
. неосязаемость
. неотдепимость
от источника
. непостоянство
качества
. несохраня
емость
Например, для aABoKaTcKoro бюро весь
раздел «Услуrи» может состоять только
из перечня оказываемых услуr, снабжен
HOro поясняющими комментариями, примерами ситуаций (кейсами)
и ссылками на тех Клиентов, с которыми компания уже работала. При
этом даже услуrи должны быть максимально «овеществлены» (Ha
пример, с помощью имиджевых фотоrрафий, схем взаимодействия),
чтобы Клиенту было проще их выбирать. Для примера рассмотрите
сайт www.metadesign.com.
Особые случаи
Существует довольно MHOro специфиче
ских видов услуr, требующих настройки
для них совершенно особой бизнес
лоrики. Например, это каталоrи HOMep
Некоторые успуrи
продаются как
бесконечные
товары
202
Корпоративный веб сайт на 100%
ных фондов отепей, с помощью которых Клиентам MHoroKpaTHo
продается одна и та же услуrа (номер в отеле).
Контрольный список (чеклист), позволяющий проверить KoppeKT
ность работы такой системы на сайте, может быть следующим:
о РеаЛИЗ0вана ли концепция
«динамический склад» (живой
склад), при котором количество
возможных раз оказания услуrи
фиксируется не единственным
числом, а множеством чисел
(например, для каждой даты)
О Учтено ли, что стоимость услу О
rи может меняться в зависимо--
сти от сезона (этажа в rостинице,
солнечной стороны и т. п.)
О Реализована ли концепция
связанных услуr (купили номер
в rостинице, закажите еще
трансфер из аэропорта)
О РеаЛИЗ0вана ли система ски
док в зависимости от комплекта
заказываемых услуr или даже
"комплектов услуr» за фиксиро
ванную стоимость
О РеаЛИ30вана ли возможность
корректировкизаказанной
уcnуrи (возможность сдвинуть
время визита к парикмахеру
с 15 на 17 часов)
О РеаЛИЗ0вана ли возможность
частичноrо исполнения зака
за, например, в случае невоз-
можности исполнения HeKOTO
рых позиций
о РеаЛИЗ0вана ли система раз
реwения конфликтов при
одновременном заказе услуrи
несколькими пользователями
(не дать забронировать один
и тот же номер в rостинице
на одно число двум людям)
РеаЛИЗ0вана ли система «YMHO
ro» подбора комплекта ycnyr
(при заказе четырех мест на
стадионе предлаrать места, rде
свободных cтporo четыре под
ряд, а не пять или больше)
О РеаЛИЗ0вана ли возможность
продажи услуrи с нефиксиро
ванной стоимостью (напри
мер, такси с расчетом за подачу
и километраж)
О РеаЛИЗ0вано ли rрафическое
представление cnожнострук
турированных услуr (rрафик
текущей занятости переrовор
ной по часам)
О Предусмотрена ли возмож
ность онлайн консультации
по сложно рассчитываемым
услуrам (например, по индиви
дуальным турам)
Во MHOroM аналоrично, но тоже по своей схеме, работают системы
бронирования и продажи бипетов (обычно орrанизованные уже
в виде интернет маrазинов).
Bcero пунктов для проверки
О/О Проверено
б3.Раздел«Контактная
информация»
Поиск контактной информации одна из основных цe
лей, для достижения которой посетители приходят на сайт.
От Toro, насколько удобно, rpaMOTHo и просто она пред
ставлена, напрямую зависит количество обращений в KOM
панию
Как структурировать контактную информацию
Одной из самых распространенных ошибок, совершаемых при под
rOToBKe контактной информации, является ее низкая клиентоори
ентированность. Например, банки в этом разделе часто при водят
список собственных структурных подразделений с указанием HO
меров телефонов. Подобный способ по
дачи информации может быть абсолютно
непонятен потенциальному Клиенту, не
представляющему, куда ему звонить
в отдел эквайринlO или в депозитно
расчетный центр, чтобы проконсуль
тироваться по работе с пластиковыми
карточками.
rораздо правильнее было бы структу-
рировать контакты, исходя из типовых
запросов Клиентов (<<Открыть счет»,
"Получить кредит», «Обменять валю
ту» и т. д.).
Мы рекомендуем придерживаться спедующих принципов по
дачи контактной информации:
О Для компаний, имеющих разветвленную rеоrрафическую структуру,
следует автоматически изменять номера телефонов и адреса
в зависимости от месторасположения Клиента (например, Клиент
из TaraHpora должен увидеть телефоны представительства компании
в этом реrионе)
Сравните степень
понятности двух
комментариев к
номеру тепефона:
. Теп. KKK KK KK
peMOHTHO
монтажный цех
. Теп. KKK KK KK
вызвать
мастера на дом
204
Корпоративный веб сайт на 100%
о Наиболее предпочтительные
для компании и удобные для
Клиентов «механиэмы KOHTaK
тирования» должны распола
rаться на каждой странице
сайта и быть явно эаметны
(это может быть номер телефона,
адрес электронной почты, Skype,
ICo.. адрес офиса и др.)
о Непосредственно в раэделе
«Контакты» информация
должна быть структурирована,
исходя иэ эапросов Клиентов,
а не орrанизационной структуры
компании
Карту проеэда
очень попеэно
интеrрировать
с сервисом Google
Maps. Это COBpe
менно и удобно
Задача директора по маркетинrу состоит
в том, чтобы понять наиболее удобный
для Клиентов канал обращения в KOM
панию, обеспечить ero формирование
и поддержку. Желательно также мини
мизировать расходы Клиентов на ycтa
новление контакта (например, указать
номер бесплатноrо мноrоканальноrо
телефона).
Что покаэать на странице контактной информации
Мы рекомендуем вам рассмотреть следующие способы подачи KOH
тактной информации:
о Краткий вступительный текст
о преимуществах посещения
офиса
О Подробный и точный адрес,
включающий детальную инструк
цию о том, как можно быстро
и леrко добраться до места
(желательно с указанием замет
ных ориентиров)
О Схема проеэда со ссылкой
для уточнения и проверки
на любой картоrрафический
интернет сервис (Google Maps,
Яндекс.Карты)
О Какая либо «фишка», свяэан
ная с контактной информацией
(например, "народное» название
памятника архитектуры, находя-
щеroся рядом с офисом)
о Для обладателей GРS нави
raTopoB можно сраэу укаэать
верные координаты, исключив,
таким образом, возможность
ошибки и значительно сэконо
мив Клиентам время
О Персональные данные KOH
TaKTHoro лица, включающие не
только имя, должность, телефон,
электронный адрес, любой Mec
сенджер (Skype, ICQ), но и фото
rрафию сотрудника
О Веб--форма (типа "Задать BO
прос» или "Отправить сообще
ние») с минимальной реrистра
цией, позволяющая связаться
с контактным лицом, например,
в случае, если не получается
дозвониться
БЗ/100% Раздел "Контактная информация»
205
о Интеrрированная карта с отме--
ченным маршрутом и KOMMeHTa
риями к нему
О Понятный rpафик работы
с указанием всех дополни
тельных условий (выходных,
перерыва на обед и др.)
Один из лучших образцов орrанизации контактной информации
можно найти на сайте www.pleer.ru. Обратите внимание, насколько
аккуратно и заботливо она оформлена.
о Хорошо заметная кнопка или
ссылка «Версия для печати»,
позволяющая получить опти
мизированную под «твердую
копию» страницу со всеми
необходимыми данными
Размещение контактной информации
Обычно сокращенная контактная ин
формация номер тепефона, адрес
зпектронной почты выносится в
верхний или нижний колонтитул каждой
страницы, а ее более подробная версия
размещается в разделе «О компании».
Нестандартным, но эффективным pe
шением является размещение форм об
ратной связи во всплывающих окнах, OT
крывающихся по запросу пользователей.
Bcero пунктов для проверки
Не заставляйте
Кпиента искать
ваwи контакты
больwе 0,5 ce
кунды (на пюбой
странице сайта)
О/О Проверено
64. Flаsh версия веб сайта
Adobe Flash (ипи просто Flash) это определенный фор
мат анимационных роликов, предназначенный для созда
ния мультимедийноro контента для платформы Adobe En
gagement Platform. Как правило, на базе flаsh технолоrий
создаются веб приложения, иrры и мультфильмы
Корпоративный сайт может быть реализован частично или полностью
на основе flаsh"технопоrий. Как правило, на основе flаsh технолоrий
делают отдельные подсайты, промо
сайты, баннеры или сайты целиком.
Дпя больwинства
компаний flash
сайт имеет смысп
депать только как
одну И3 версий
OCHOBHOro сайта
Особенно популярно использование
flash для создания больших баннеров
на первой странице сайта (например,
можно посмотреть сайты www.sony.com.
www.ibm.com). Отлично сделан flash
визард для выбора туристической по
ездки на сайте компании Belle Ville.
Минимальность применения flаsh технолоrий на корпоративных
сайтах объясняется целым рядом сложностей, которые важно учи
тывать:
о Поддержка flаsh сайтов
в целом значительно более
трудоемка, дороrостояща и Tpe
бует привлечения специалистов
соответствующей квалификации
(например, f1аsh дизайнеров)
О Flаsh сайты rораздо менее
«дружественны» по отноше
нию к поисковикам, чем их
«обычные» аналоrи
О В Интернете есть множество
«флеwененавистников», кото-
рые сразу встанут в оппозицию
к вашему сайту
о Flаsh технопоrии делают He
возможным ИСПОЛЬЗ0вание не-
которых стандартных способов
навиrации(например,кнопки
«Назад» В браузерах), привычных
мноrим пользователям
О Flаsh сайты требовательны
к аппаратным ресурсам (при
недостаточной мощности KOM
пьютера и медленных каналах
связи пользователи будут вынуж-
дены подолrу ожидать
заrрузки роликов, что всеrда
вызывает раздражение)
б4/1 00% Flаsh версия веб сайта
207
о Для запуска flаsh ролика Tpe О Фактически отсутствуют полно
буется установка специальноrо ценные системы управления
плаrина, который может OTCYТ контентом, ориентированные
ствовать или быть заблокирован на подобные проекты. Это также
из соображений безопасности на существенно усложняет под
компьютере пользователя держку сайта
О Flаsh сайты в силу их нетради О Flash очень слабо приспосо
ционности менее понятны He блен к работе с базами данных,
подroтовленным пользователям что значительно осложняет
О Значительное количество flash создание интерактивных сайтов.
зффектов является просто Так, орrанизовать с помощью
бессмысленным и не приносит АсtiопScriрt поиск в телефонной
никакой дополнительной пользы базе из сотен тысяч записей
посетителям практически невозможно
При этом использование flash имеет и свои преимущества. Напри
мер, неизменность вида flаsh ролика в зависимости от типа браузера
или разрешения экрана, эффектность, запоминаемость и т. д. К тому
же, flаsh ролик можно целиком записать
на СО или DVD.
Мноrие западные
проекты (напри
мер, сайты aBTO
мобипьных KOM
паний) предлаrа
ют ПОПЬЗ0ватепю
выбор между
двумя версиями:
. Flаsh версией
. НТМL версией
Для большинства компаний flаsh сайт
имеет смысл делать только как одну И3
версий OCHoBHoro сайта (по аналоrии с
версией сайта для мобильных устройств).
Исключение MOryт составлять рекламные
и дизайн студии, чья специфика работы
часто диктует необходимость использо
вания именно таких технолоrий. Приме
ром может служить сайт мировоro лиде-
ра flаsh дизайна компании 2Advanced
Studio (www.2advanced.com).
В среде веб разработчиков flаsh анимация рассматривается как один
из видов специализации. Существуют компании, делающие акцент
именно на таких услуrах (например, студия Deluxe Iпtеrасtivе).
Bcero пунктов для проверки Oh
О Проверено
БS. Версии сайта
для мобильных устройств
Широкомасштабное внедрение мобильных устройств (со-
товых телефонов, смартфонов, коммуникаторов, КПК и др.),
имеющих встроенные браузеры для доступа в Интер
нет, привело к необходимости создания дополнительных
версий сайтов, оптимизированных для «мобильных пользо
вателей»
«Мобильная версия» корпоративноrо сайта может включать очень
разный набор данных в зависимости от потребностей ключевых поль
зователей. Как правило, она имеет значительно более простой ин
терфейс, оптимизированный для просмотра на небольших экранах.
Например, финансовая компания может разместить на РDА версии
сайта информацию об основных своих продуктах, спецпредложения
и контактную информацию.
WАР сайт
Наиболее часто на
WАР сайтах раз
мещается специ
альный контент
«для скачивания»:
иrры, полифония,
иллюстраци и,
орrанайзеры,
калькупяторы,
справочные MaTe
риапы и т. д.
Протокол WAP (Wireless Application Pro
tocol) позволяет просматривать с помо
щью мобильных устройств веб страницы
в текстовом режиме и с использованием
rиперссылок. Более поздние версии дaH
HOro протокола и развитие каналов пере-
дачи данных дали возможность исполь
зовать на WАР сайтах иллюстрации.
В настоящее время лишь незначитель
ное количество отечественных корпо
ративных сайтов имеют WАР версии
ипи самостоятельные WАР проекты.
rораздо чаще создаются специализиРD--
ванные РDА версии.
б5/1 00% Версии сайта для мобильных устройств
209
Виды WАР сайтов:
о Персональные WАР сайты
О WAP сайты средств Macco
вой информации и раэличных
интернет сервисов (поrода,
курсы валют, афиши и т. д.)
о WAP поисковики
О WAP порталы операторов
мобильной свяэи и провайде
ров, предоставляющих доступ
в Интернет с помощью MO
бильноrо телефона
Создание WАР сайта всеrда предполаrает разработку шаблонов
оформления специально для Hero.
РDА версия сайта
Если, по данным Департамента маркетинrа, значительная часть кли
ентов использует мобильные устройства для доступа к сайту, то для
них имеет смысл создать РDА версию сайта.
РDА версия может во MHoroM соответствовать обычной версии сайта,
из которой по максимуму исключены rрафические элементы. Отличие
РDА сайтов от WАР сайтов заключается в более насыщенном и раз
вернутом изображении за счет большеrо разрешения дисплея кпк.
Проверить работу WАР/РDА сайта вы можете по следующему
контрольномусписк
о Корректное отображение на
всех комбинациях платформ,
брауэеров и раэрешений
(более детально и комбинатор но,
чем в обычных браузерах)
О Соответствие раэмеров cтpa
ниц (в килобайтах, с учетом
rрафики) целевым значениям CKO
рости соединения пользователей
О Наличие навиrаций: "в начало»,
"в родительский раздел», "Преды-
дущее следующее», в том чис
ле, внизу на длинных экранах
о CTporoe соответствие специ
фикациям W3C для мобильных
протоколов и языков разметки
О Раэбиение больших текстов
на несколько страниц
О В случае, если источник данных
для основной и WАР/РDА версий
сайта общий, корректное
преобраэование всех BЫBO
димых TeroB и встроенных
объектов (изображений, Flash
и т. п.) на мобильной версии из
данных основной версии
Bcero пунктов для проверки Oh
О Проверено
бб. Версия ДЛЯ печати
Мноrим ПОЛЬЗОвателям удобно распечаТblвать информа
цию, полученную с веб сайта. Это пожелание важно учи
тывать и создавать специальные версии для печати
Любой сайт дол
жен пройти ИСПbl
тание Браузером,
WordoM и Принте
ром!
Версии для печати MorYT быть пред
усмотрены не для всех страниц сайта,
а, например, только для информации о
компании, карточек товаров, портфолио,
контактной информации, статей.
При этом для заданных веб страниц они
MorYT быть сформированы «заранее»
или, что более проrрессивно, rенерироваться автоматически (с по
мощью специальноrо СSS файла) при отправке страницы на печать.
Также может быть создана специальная функциональность «Собрать
буклет», позволяющая преобразовывать выбранные пользовате
лем разделы и страницы сайта в аналоr полиrрафическоrо буклета
(с оrлавлением, номерами страниц. соответствующей версткой и т. д.).
При мер ее реализации вы найдете на сайте МДМ банка.
Аудит «версии для печати»
Проверить корректность «версии для печати» ве6--страницы можно
по следующему контропьному списку:
о Каждая страница должна co
держать лоrотип компании
и контактную информа
цию (в том числе, URL сайта,
с KOТOpOro страница распе
чатана)
О Важно убедиться, что CTpa
ница корректно воспро
изводится В черно белом
варианте (для распечатки
на устаревших принтерах)
о Все стили оформления сайта
необходимо аккуратно BOC
произвести с учетом размеров
бумаrи, полей, оставляемых
принтером, и прочих техниче
ских оrраничений
О На странице не должно быть
служебных и лишних rpa
фических лементов (в том
числе, фон страницы, если он
не белый)
бб/1000/0 Версия для печати
211
о в версии для печати
должны отсутствовать
рекламные баннеры (если
не предусмотрено противо
положное включение бан
неров в версии для печати)
О На странице не должно
быть навиrационных ле
ментов сайта
Помните, что пользователи часто распечатывают материалы сразу
с нескольких сайтов и ПОДШИвают их в общую папку. COOTBeTCТBeH
но, ваши материалы не должны затеряться в общей «серой массе»,
из за наличия на них атрибутов вашеro бренда (например, лоrотипа)
и контактной информации.
о Контент должен r1риемле
мым обраэом ра"биваться
на страницы ctal-lАартноro
формата (обычно А4)
О Если информация быстро
устаревает, то ДОIIJКна быть
проставлена дата rенерации
страницы
Bcero пунктов для проверки
о
Vo Проверено
67. Промосайты
Промосайт ЭТО один из видов подсайтов, создаваемых
с целью продвижения какой либо услуrи, акции или бренда.
Промосайт, как правило, содержиТ рекламную инфор
мацию (в том числе, демонстрирует образцы продукции,
предnаrает справочные данные и разъясняет условия при
обретения)
Для чеrо нужен промосайт
Решение о создании промосайта может быть обусловлено желанием
решить одну из следующих задач:
о Продвижение продукта (TOBa
ра, услуrи), проекта или Mepo
приятия
О Орrаниэация оперативной
обратной связи с потребителя
ми товара или услуrи (опросы,
анкеты, rолосования)
О Максимально акцентирован
ная демонстрация спецпред
ложений
о Формирование и поддержка
бренда (довольно часто в си
туации вывода на рынок новой
марки)
О Стимулирование продаж за
счет интерактивных сервисов
(розыrрыш призов, викторины,
иrры и т. д.)
Например, косметическая компания может открыть промосайт для
отдельной линии или марки косметики. Так поступила компания.
L'Oreal, создавшая отдельный сайт для дерматолоrической марки.
«La Roche Posay».
Производители и поставщики бытовой техники часто создают промо
сайты для поддержки своих рекламных акций (например, акциЙ,
проводимых в честь юбилея компании или вывода на рынок HOBoro
бренда). По такому пути пошли все сотовые операторы при выводе
на российский рынок iPhone.
Эффективность применения промосайтов для решения подобных
задач обусловлена целым рядом их преимуществ в сравнении, Ha
пример, с классическими интернет маrазинами:
б7/100% Промосайты
213
о Акцентирование внимания
пользователей на одном аспекте
деятельности компании (напри
мер, на каком либо товаре или
услуrе)
О Предоставление исчерпываю-
щей информации по KOHKpeT
ному товару или услуrе (обычно
в rораздо более боrатом дизайне)
о Демонстрация продукта в фор-
мате интернет-презентации
О Воэможность соэдания яркой
преэентации или слайд wоу
иэ скринwотов сайта для
демонстрации на маркетинrо
вых мероприятиях (например,
на выставках, конференциях,
семинарах)
Особенности
Как правило, промосайт имеет целый ряд особенностей:
О Является частью общей рекламной кампании
О Акцент делается не на количестве информации, а на способе ее
подачи (здесь действует принцип "чем компактнее и визуальнее тем
лучше»)
О Заключает в себе эффектное и ори
rинальное диэайнерское реwение
(часто применяются flаsh технолоrии)
О Требует максимально быстроrо иэrо
товления (не более месяца) и запуска
О Рассчитан на однократное/двукрат
ное посещение польэователями
О Имеет оrраниченный срок существо
вания
СИЛЬНblЙ эффект
обеспечивает co
вмещение промо
сайта с рекламой
вне Сети, а также
с эпементами
вирусноrо
маркетинrа
о Требует проведения оперативноrо
аналиэа реэулыатов
О Имеет оrраниченную аудиторию, которую всеrда можно четко
определить и отслеживать
::J Располаrается на субдомене типа www.асtiоп.паmесоmрапу.соm
О Дает сильный, но краткосрочный реэулыат в виде MaccoBoro OT
клика Клиентов
После TOro как срок существования промосайта истечет, весь ero KOH
тент в адаптированном виде должен быть обязательно перемещен
внутрь корпоративноro сайта.
Bcero пунктов для проверки
Q,o Проверено
68. Аудио
Разумное использование звуковых файлов (аудиофай
пов) это хороший способ сделать подачу контента яркой
и запоминающейся. Одним из наиболее популярных спосо
бов использования аудиоформатов на корпоративных сай-
тах является создание подкастов (анrл. podcastiпg, от iPod
и анrл. broadcastiпg повсеместное, широкоформатное
вещание)
Для чеrо лучше использовать аудио
Правилам хорошеro тона считается, что по умолчанию корпоратив
ный сайт не должен издавать звуков. Редкие исключения MorYT
быть связаны с сайтами, сделанными полностью на flаsh технолоrии
или предоставляющими какой то специфический продукт (например,
продающие музыку или ринrтоны). Мы рекомендуем использовать
аудиоролики только в качестве контента, например, для:
О Акцентирования свойств продукта
(скажем, звук ревущеro мотора в раз
деле, посвященном мотоциклам)
О "Очеловечивания» компании (напри
мер, путем выкладывания РR службой
аудиоверсий пресс релизов или
предоставления интервью с известными
экспертами). Так поступает издательство
"Манн, Иванов и Фербер», предлаrакr
щее послушать интервью со своими
авторами
О Демонстрация предлаrаемоrо аудиоконтента (например, фраrмен
та музыкальной композиции, выступления артиста или аудиокниrи)
3вуковое сопро
вождение долж
но включаться
только по запро
су ПОЛЬЗ0вателя,
а не запускаться
автоматически
Обратите внимание, что всеrда должна быть предусмотрена возмож
ность отключить звук средствами caMoro сайта.
Большие аудиофайлы должны быть подrотовлены для скачивания
и последующеro прослушивания, например, с помощью мобильноrо
телефона.
б811 00% Аудио
215
Способыработысаудио
Существует два способа представления и прослушивания аудио
данных на сайте в реальном времени и с заrрузкой на СВОй KOM
пьютер.
В первом случае в окне браузера присутствует мини плеер с ин
терфейсом управления «play/pause» и т. д. Проиrрывание начинается
почти сразу после нажатия на "play», не дожидаясь полной заrрузки
аудиофайла на компьютер пользователя.
Во втором случае вместо плеера присутствует обычная ссылка на
файп, который можно заrрузить на компьютер и проиrрать MHOro
кратно привычным плеером. При этом уже не будет требоваться
интернет соединение с сайтом. Файл можно будет сохранить или
перенести на друroй компьютер.
Как управлять подкастами
Часто подкасты сравнивают со своеобразным «корпоративным ра-
дио», вещание KOToporo орrанизовано в Сети. Например, книжное
издательство может реrулярно публиковать в виде подкастов ин
тервью со своими авторами.
Оценить rpaMoTHocTb и эффективность работы с подкастами
можно по следующему контрольному списку:
о Тематическиеаудиофайлы
(то есть собственно ПОДкасты)
должны публиковаться дo
статочно реrулярно (напри-
мер, еженедельно)
О Каждый подкаст должен coдep
жать лементы бренда (фир
менные аудиоотбивки, название
компании, "корпоративные
rолоса», слоrаны и т. д.)
о Необходимо обеспечить
автоматическую проверку
обновлений с помощью TeXHO
лоrий RSS
О Аудиофайлы должны быть
сохранены в стандартных
форматах, поддерживаемых
наиболее распространенными
проиrрывателями (в том числе,
мобильными устройствами)
Bcero пунктов для проверки Q
О Проверено
б9.Видео
Развитие каналов связи сделало возможным более актив
ное ИСПОЛЬЗ0вание видеоконтента на корпоративных
сайтах. На сеrодня наибольшее распространение получили
видеопроиrрыватели, созданные и встраиваемые в страни
цу как flаsh файлы
Размещение видеоконтен
та (так же как и любой дpy
roй анимации) должно быть
обусловлено не тенденциями
моды, а праrматичными за
дачами веб ресурса, рабо
той с Клиентами. Например,
ролик может содержать пре-
зентацию возможностей HO
Boro продукта, комментарии
технических специалистов,
интервью с известной лич
ностью, учебный или произ
водственный материал, представлять собой заметку в видеоблоrе.
Как лучше ИСПОЛЬЗ0вать видео
Youm
..<Щоct w'dha.C25
he9'II.-)4С-.ср8'8IТI
. ПовтОри1Ъ
1tIp./fy.w'I!"iOO com!
.
,
" .
.(
8 .; I
8. I
...... . II I
ТlI . ;. .. .
.
е О-44,С44" а
:=i
При размещении видеоконтента на корпоративном сайте мы peKO
мендуем учитывать следующее:
о Ролик. как правило, должен
иметь cтporo прикладной
характер (roраздо реже исполь
зуется имиджевое видео)
О Видео должно запускаться
только «по запросу» (по жела-
нию посетителя), а не по умол
чанию
о В случае больших размеров
видеофайлов, их следует дpo
бить на фраrменты, а также
делать статические paCKaдpOB
ки, чтобы пользователь Mor зара
нее ознакомиться с содержанием
фильма и оценить ero полезность
для себя
Великолепный пример использования видео можно найти на корпо
ративном сайте ОАО «Вымпелком» (бренд «Билайн»), предлаrающем
б9/100% Видео
217
посмотреть видеоизображение rенеральноrо директора компании
Александра Изосимава.
Способы предоставления видеоконтента
Видеоконтент может:
О Просматриваться прямо на веб
странице, динамически подrружаясь
с сайта компании или друrих сайтов
О Просматриваться прямо на веб
странице, транслируясь в реальном
времени с KaKoro To устройства за
хвата видео (веб камеры, устройства
захвата изображения с экрана и т. п.)
О 3аrружаться на локальный компью
тер ПОЛЬЗ0вателя с сайта компании
или друrих сайтов (например, видеохо
стинrов) и проиrрываться в aBTOHOM
ном плеере
Альтернативой
раэмещению po
пика на собствен
ной площадке
может быть «BЫ
кладывание)) ero
на общедоступ-
ный видеохостинr
(например, на
www.YouTube.com
или
www.RuTube.ru)
Для всех перечисленных выше способов
трансляции важно учитывать техни-
ческую доступность файпов для просмотра «среднестатистиче
ским» пользователем (как правило, все файлы нужно сохранять в
широко распространенных форматах, таких как .FLV, .AVI, .WMV, .RM,
.MOV и др.).
В отдельных случаях (например, при
показе большоro фильма) имеет смысл
предложить пользователю выбор иэ H
скольких ропиков, эаписанных с раэ
ным уровнем качества и, COOTBeТCTBeH
но, отличающихся по скорости заrрузки.
Для некоторых случаев рекомендуем ря
дом с видеороликом поставить ссылку
на скачивание бесплатноrо плаrина для
ero воспроизведения.
Эпоха полноцен
Horo и эффек
тивноrо испопь
эования видео
в Интернете еще
не наступила
Преимущества внешних видеохостинrов
Размещение видеоконтента на внешних видеохостинrах, например,
на www.youtube.com. имеет целый ряд преимуществ:
218
Корпоративный веб сайт на 100%
о Бесплатное хранение и пере- О Автоматическая конвертация
дача (при этом не возникнет интернет сервисом файлов в необ-
необходимости тратить ходимые для просмотра форматы
дисковое пространство на (например, в формат flаsh видео)
собственном хостинrе и опла О Возможность ИСПОЛЬЗ0вания
чивать лишний трафик, неся внешних площадок в качестве
дополнительные финансовые инструментов для проведения
расходы) распределенных фокус rрупп
О Простота и скорость работы (например, для тестирования pe
(фактически вам придется кламных роликов)
просто вставить crенериро О Дополнительное продвижение
ванную видеохостинrом ссыл вашеrо видеоконтента через каналы
ку в контент вашеrо сайта) распространения видеохостинrа
Bcero пунктов для проверки ОА
О Проверено
И3 рецензий наших зкспеРТ08
...,."""F8'oICIt8II_н.
...... rii..............._
I ll:]..
.
.....
оrП'IIМII04J'llab, .
или.
!!<ШDIIII8
. " ..
""&11<11
. )-.r
.. .1/:
! \
i.L--.,.
...
2014
-'.,. ""'
C1pmJжoCDo1 !IIIIII
I:I8:II.m'ИRIПIoV'\ItНIa'I
. .
...
в...... .
л
n:ll'T т ..1IМ>''''''"',..,.....
Сайт rруппы «Илим» (www.ilimgroup.ru)
ДrtR 1'oro чтобы
мы эarотa&f"It88Vl
СОНМ ТЫСЯЧ tIOI*
liIIШ
<UIIIIIIIIOJ
Видео во мноrих случаях является наиболее удобным форматом
подачи информации. Сеrодня уже достаточно большое количество
пользователей обладают быстрым доступом в Интернет, поэтому
компании начали активно размещать видеоролики на своих KOp
поративных сайтах.
В данном случае ролики размещены для журналистов в разделе
«Пресс центр». Отличный подход! Хотелось бы порекомендовать
давать возможности выбора разрешения (для некоторых поль
зователей «картинка» довольно мала). Также рекомендуется в
дополнение к просмотру онлайн предоставлять возможность
скачивания ролика и сохранения ero локально в виде файла.
Апексей Сидоренко,
директор по развитию компании .1 С Битрикс'
Мыf1!Oбнo<
"Iмoжo ..
.111II.........
............. .
70. Файлы «для эаrруэки»
Хорошей практикой является предоставление Клиентам
справочных, сопроводительных или маркетинrовых MaTe
риалов в виде файлов «для эаrруэки» (<<для скачивания»).
Обычно эти материалы оформляются в виде отдельных
сопроводительных файлов, ссылки на которые ставятся
в «теле» веб страниц
Материалы «для заrрузки»
В зависимости от специфики деятельности компании ее Клиен
там Moryт потребоваться различные материалы <<для заrрузки», Ha
при мер:
о Прайс листы на продукцию
О РуководстваПOnЬЗ0вателя
(например, инструкции по
работе с цифровыми фотока
мерами)
О Подборка отзывов и peKOMeH
даций от Клиентов
О Спецификации, техническая
документация
Большие по размеру файлы необходимо предоставлять в виде ap
хивов (обычно в форматах .zip, .rar). Если файлы «для скачивания»
находятся в раэпичных раэдепах сайта, то рекомендуется создать
дополнительную страницу, на которую сводятся все ссылки на дaH
ные файлы. Например, на такой странице MorYT размещаться архивы
спецификаций всех товаров независимо от их положения в каталоrе
продукции.
о Портфолио (список выполнен
ных проектов)
О Электронная версия буклета
«О компании» (можно сразу
на первой странице)
О Пресс релизы
О Видео или аудиоархивы BЫ
ступлений экспертов
Как rpaMOTHO предоставить файлы
«для заrрузки»
Самое rлавное требование должно быть сраэу понятно, что
TO именно файл «для скачивания». Об этом пользователи судят
220
Корпоративный веб сайт на 100%
по набору атрибутов, таких, например, как наличие иконки, обозна
чающей формат.
о Название ссылки на файл
должно раскрывать ero co
держание (например, Прайс
лист на деревянных KOHbKOB
rорбунков.dос!
О Для каждоro файла должен быть
указан ero формат (желательно
с помощью пиктоrраммы)
О Для каждоro файла "для скачи
вания» необходимо указать
ero размер, чтобы пользователи
моrли представить себе объем
материала и время скачивания
О Размер всех файлов должен
быть оптимизирован (объ
емные материалы надо архиви
ровать)
О Все файлы следует сохранять
в широко распространенных
форматах (.pdf, .doc, .docx, .xls,
.xlsx, ppt и др.)
О Все файлы, содержащие офи
циальные документы, следует
подrотовить к печати
о Все файлы должны быть прове
рены на вирусы
О Файлы, содержание которых
запрещено для модификации,
должны размещаться в форматах
<<только для чтения» (например,
.pdf, DJVU и т. п.)
О Контактная информация KOM
пании должна быть указана
в каждом файле, являющемся
официальным документом (это
особенно важно, если предпо
лаrается, что материалы будут
распечатываться)
О Хорошим тоном считается Ha
личие рядом с файлом <<для CKa
чивания» ссылки на проrрамму
для ero просмотра (например,
ссылки на Adobe Reader для
формата .pdf)
О Содержание файлов с ДOКYMeH
тами должно быть оформлено
в соответствии с требования
ми фирменноrо стиля
Если компания располаrает уникальной информацией, имеющей
значительную коммерческую ценность, то доступ к файлам «для за
rрузки» может быть платным.
Всеrда помните, что все скачанные файлы впоследствии будут жить
своей жизнью, а значит, они должны иметь все атрибуты, иденти
фицирующие их принадлежность вашей компании (например, Ha
звание, типа соmрапупаmе рriсе О5.11.7б.рdf, а не просто price.pdf,
как у всех). Рассматривайте их как полноценные маркетинrовые Ma
териалы, представляющие ваш бренд. Ведь в современных условиях
даже обычные визитные карточки часто трактуют как медианосители.
Bcero пунктов для проверки О;.;
О Проверено
71. Доменное имя
Доменное имя это уникальная буквенно цифровая KOM
позиция, которая служит для адресации веб сайтов в Ин
тернете
Домен важнейший маркетинrовый
инструмент, к которому желательно OT
носиться с подобающей серьезностью и
аккуратностью (например, не забывать
реrулярно оплачивать ero продление).
Проверить, CBO
боден ли домен и,
при необходимо
сти, зареrистри
ровать еro, можно
на www.nic.ru
Разумеется, неудачный домен (так же как
и слабое название компании или бренда)
не приведет к катастрофе. Но и не даст
тех преимуществ, которые обеспечивает хорошее имя.
Требования к выбору и ИСПОЛЬЗ0ванию доменных имен:
о Принадлежность к стране
(З0не) или тематике. В России
наиболее эффективным будет
использование доменов в
зоне .ru (то есть доменов типа
www.соmрапу.ru). Использова-
ние зоны .сот разумно для
международных компаний.
«Тематические» доменные зоны
(типа .пеt, .org, .iпfо) peKOMeHДY
ется использовать в случае, если
сайт принадлежит к одной из
специфических отраслей rocy
дарство, сетевая служба, образо
вательное учреждение и др.
О Понятность. Если при прочтении
названия домена можно сразу
доrадаться о том, кому он при
надлежит, это существенный
плюс. Например, www.Ьееliпе.ru.
www.mts.ru.
о Настроенные алиасы. Систем
ный администратор должен
обеспечить идентичность
попадания на сайт при наборе
WWW.соmрапу.ru (<<полностью,
с www») и соmрапу.ru (<<не nолно
стью, без WWW»)
О Количество доменов. Здесь нет
однозначноrо мнения. С одной
стороны, во всей рекламе и Map
кетинrовых материалах следует
указывать один постоянный и
четкий домен, который должен
запомниться и приводить по
сетителей. С друroй стороны,
с целью поисковой оптимизации
мноrие компании создают целые
rруппы сайтов (клонов) с раз
ными доменными именами, что
при водит к ним дополнительных
посетителей
222
Корпоративный веб сайт на 100%
о Уровень домена. Считается
по количеству точек в имени.
Домен .ru первоrо уровня,
соmрапу.ru BTOpOro,
рromо.соmрапу.ru TpeTbero
и т. д. Домены первоro уровня
зареrистрировать нельзя, они
реrулируются орrанизациями,
управляющими доменными
именами. Наилучший домен,
который можно зареrистриро
вать, BToporo уровня,
соmрапу.ru. Обратите внимание,
что www.соmрапу.ru технически
является доменом TpeTbero
уровня, хотя обычно ero назы
вают доменом BToporo уровня
(соmрапу.ru и www.соmрапу.ru.
при этом, как правило, ссыла
ются на один и тот же сайт)
О Краткость. Домен должен быть
максимально кратким и удоб
ным для набора. Для компании
"НефтеТрансУrольХолдинr
домен удобнее назвать
www.пtugh.ru (или
www.NТU hоldiпg.ru). а не
www.пеftеtrапsugоlhоldiпg.ru
О Звуковая ясность. Корпоратив
ный домен должен быть макси
мально простым, так как он часто
используется в речи и диктуется
по телефону. Выражения: "S как
доллар», "Русская е», ,,; с точеч
кой» не вносят ясность в понима
ние, а, наоборот, MOryт запутать
Клиента
о Однозначность. При написа
нии домена важно, чтобы в нем
нельзя было ошибиться. Напри
мер, попробуйте написать домен
www.zhilishпоеhоzjаistvо.ru
без ошибок. А теперь
www.dom2.ru. Иноrда этим
приходится пренебреrать,
например, если компания
названа по имени ее OTцa
основателя (как, скажем,
у oAHoro из авторов этой кни
rи, www.sukhov.ru. rде pyc
ская "Х» транслируется в «kh»)
О Принадпежность к отрасли.
Если все варианты написания
"корпоративноrо домена» за
няты, то можно создать OTpac
левой домен (www.zhelezo.ru.
www.stal.ru, www.derevo.ru,
www.pupsik.ru); это будет лучше,
чем сложный собственный
домен. Анrлийские слова надо
использовать осторожно и
только общераспространенные
(например, www.book.ru)
О Несколько созвучных
вариантов. Если ваша KOM
пания Walmart, то реrи
стрировать стоит домен www.
walmart.ru и www.wal mart.ru.
В частности, и для TOro, чтобы
на похожем домене не был
образован враждебный сайт
с антиинформацией о вашей
компании. Таких случаев
немало!
Домены, состоящие только И3 цифр
Иноrда, компании принимают решение о реrистрации ДOMeHHO
ro имени, состоящеro только из цифр (например, www.з2222З.ru).
Обычно прототипом таких имен выступают номера телефонов KOM
пании.
71/100% Доменное имя
223
Мы рекомендуем при менять такую модель очень аккуратно и с уче
том контекста. Например, такой домен может быть полезен для спра
вочной службы, задачей которой является именно продвижение
номера телефона. Во всех остальных случаях лучше использовать
TaKoro рода имена только как вспомоrательные.
Кириллические домены
В настоящее время начаты работы по внедрению доменных имен на
национальных языках (то есть доменов типа www.Маrазин.su). Суть
этой технолоrии в преобраЗ0вании имен на стороне ПОЛЬЗ0ва
тельскоrо проrраммноrо обеспечения перед отправкой запроса
в систему DNS, а не в переводе всей rлобальной интернет системы
на мноroязычные домены. Данная технолоrия получила название
Punycode, и она рекомендована международной корпорацией
ICANN. Ее поддержка уже реализована в наиболее распространен
ных интернет браузерах: в Internet Explorer 7.0 и в семействе версий
Mozila Firefox 2.Х.
Мноrодоменность
В некоторых случаях для построения сложноro веб сайта лучше
(а иноrда и просто необходимо) использовать не один, а несколько
доменов. Примерами таких случаев MorYT быть:
. rеоrрафическая или языковая распределенность компании.
Пользователям привычней запоминать домен со "своим» ДOMe
ном (.ru, .kz, .ua и т. д.). Кроме TOro, при прямом запросе «CBoero))
домена можно сразу же выдавать локализованное представление
сайта;
. технические особенности реапизации ресурса. Например,
первоначально сайт был реализован на одной платформе, а впо
следствии потребовал ось добавить функционал, который может
быть реализован только на какой то друrой платформе. Эту часть
сайта обычно выносят на отдельный домен и ставят на нее COOT
ветствующие ссылки.
Bcero пунктов для проверки О
Vo Проверено
72. Система управления
контентом
Система управления контентом (Content Management
System, CMS) это проrраммный комплекс, предназначен
ный для управления веб сайтом. Наибольшее распростра
нение в России получили системы управления контентом:
«1С Битрикс. Управление сайтом)), NetCat, UMI CMS
Корпоративный сайт может работать:
. беэ системы управления контентом (такое сеroдня встречается
крайне редко);
. на самостоятельно раэработанной системе управпения KOH
тентом (то есть неком «движке», написанном собственными про
rраммистами компании);
. на «некоробочной») системе управления контентом (системе,
созданной небольшой веб студией для продажи ее собственным
Клиентам);
. на промыwленной системе управпения контентом (то есть
платформе, разработанной специализированной компанией
и, как правило, имеющей более 500 внедрений);
. на баэе веб расwирения, входящеrо в состав ЕРR системы
(например, Lotus Domino, Siebel, SAP).
Основной набор функциональностей системы управления контентом
рассчитан на то, чтобы дать возможность работать с веб сайтом спе
циалистам, не имеющим навыков проrраммирования.
Критерии выбора системы управления контентом
Сеroдня на рынке представлено orpoMHoe количество платных
и бесплатных систем управления контентом, созданных самыми
разными разработчиками: от студентов до авторитетных компаний,
72/1 00% Система управления контентом
225
специализирующихся на подобных про
дуктах.
Соответственно, возникает довольно
сложная задача выбора такой системы
для корпоративноro сайта.
Мы рекомендуем учитывать следую
щие моменты:
О Набор nporpaMMHbIx модулейl
функциональностей, входящих
в систему
О 6аЗ0вая платформа
О Принцип и схема лицензиро
вания/стоимость при покупке
или аренде (SaaS)
О Открытый исходный код
О Документация к СМS/система
обучения/сертификации
О Интеrрация с друrими систе
мами (К, внутренние инфор
мационные системы компании,
платежные системы)
О Политика и частота обновле
ния системы
о Импорт/экспорт данных
(поддерживаемые форматы
файлов)
О Послепродажное rарантийное
обслуживание (условия/сроки)
О Стоимость дальнейшей под
держки
в Сети доступ
ны демоверсии
платных отчетов
о характеристиках
разпичных систем
управления KOH
тентом, подrотов
пенных CMSWatch
о Распространенность продуктаl
партнерская сеть
О Количество и качество BHe
дрен ий
О ПримерыреаЛИЗ0ванных
веб систем данноrо типа
О Мноrосайтовость
О Язык бек офиса
О 6езопасность
О Система прав
О Производительность и Mac
штабируемость
О Требования к хостинrу
О Репутация компании
производителя
Критерии выбора системы управления
контентом, используемые отечественны
ми и западными специалистами, доволь
но сильно различаются. Наши заказчики
уделяют до 90% внимания сравнению
копичества модулей, имеющихся в си
стемах (разумеется, считается, что чем их
больше, тем система "круче»).
Западный подход
к выбору и крите
риям сравнения
разпичных систем
управления KOH
тентом отражен
на сайтах www.
cmsmatrix.com,
www.web2grow.
соmи
www.cmswiki.com
226
Корпоративный веб сайт на 100%
Любая (<ДOMOpO
щенная» система
фактически CTaHO
вится той «иrпой»,
на которую садит
ся компания, не
имея воэможно-
сти сменить веб
раэработчика
На 3ападе числу модулей уделяется не
более 30% внимания. Основными счита
ются сервисные и репутационные xapaK
теристики как самой системы, так и ее
производителя.
в большинстве случаев следует ориенти
роваться на ПРОМblwпеННblе систеМbI
управления контентом, имеющие He
оспоримые преимущества (надежность,
обновляемость, совместимость и т. д.)
В сравнении с любыми «доморощенными
движками». Использование такой системы обеспечивает независи
мость от веб разработчика после создания сайта (сайт, функциони
рующий на стандартной платформе, возьмет на поддержку любой
разработчик, входящий в партнерскую сеть вендора системы).
Исключение MorYT составлять системы, написанные авторитетными
сообществами проrраммистов, а также «не коробочные» решения от
крупных веб разработчиков.
Также, видимо, стоит ожидать появления мощных решений от круп
нейших интернет иrроков. Например, уже сейчас простой сайт может
быть создан на базе сервиса Blogger, принадлежащеro корпорации
Google.
Документация
При предоставлении заказчику проrраммноrо обеспечения переда
ется стандартный набор документации.
Он может несколько отличаться для раз
личных систем управления контентом,
но, как правило, включает:
Предоставление
системы управ
ления контентом
осуществляется
по отдельному
доrовору BeHДO
ром проrраммно
ro обеспечения
или компанией
раэработчиком
веб систем
о Руководство ПОЛЬЗ0вателя
О Руководство разработчика
О Руководство администратора
О Лицензионное соrлаwение
Электронные версии этих документов
обычно можно заrрузить с официальноrо
веб сайта производителей проrраммно--
ro обеспечения.
72/1 00% Система управления контентом
227
Система управления контентом и взаимодействие
с веб разработчиком
Зачастую после ознакомления с обшир
ным перечнем функциональностей, «за
шитых» В систему управления контентом,
у неспециалистов возникает множество
иллюзий. Например, им начинает казать
ся, что, купив такую «коробку», они при
обретают все указанные в рекламе вендо--
ра возможности (скажем, сразу roтовый
к эксплуатации интернет маrазин).
Веб раэработчик
испольэует систе
му управления
контентом только
как основу для
соэдания сайта
Это может быть отчасти справедливо, но только в том случае, если
сайт абсолютно стандартен и для ero оформления использован
типовой шаблон, а не специально разработанный дизайн. В пода
вляющем большинстве случаев это не так. Требуется прописывание
уникальной бизнес лоrики, создание дизайна, соответствующеro
фирменному стилю, настройка модулей интеrрации и т. д. Все это
при водит к тому, что стоимость раэработки сайта окаэывается в
несколько десятков раэ выше стоимости самой системы управ
пения контентом.
В случае, если веб сайт разрабатывает "под заказ», лучше не дикто
вать в условиях тендера конкретную систему управления KOHTeH
том, а доверить выбор веб разработчику, указав самые основные
требования к платформе (возможность работы на определенном
парке техники, интеrрации с заданным nporpaMMHblM обеспечением,
производительность и т. п.). При этом желательно быть реалистами
и не требовать одновременно "работы на Liпux, интеzрации с вну-
тренней системой на .Net и производительности 100 веб страниц
в секунду», поскольку может оказаться, что таким требованиям не
удовлетворяет ни одна система управления контентом.
Bcero пунктов для проверки О,."
О Проверено
73.Документооборот
Документооборот (pernaMeHT пубпикаций) это опре-
деленная последовательность «щепочка») движения дoкy
мента от момента ero создания и до публикации в Интер
нете. В рамках TaKoro движения документ может проходить
целый ряд соrласований и доработок, для Hero MorYT фор
мироваться копии и фиксироваться история изменений
Документооборот как вид функциональности обычно «зашивается»
внутрь системы управления контентом. Основная задача TaKoro MO
дуля поддержать мноrоэтапный процесс редактирования и co
rласования информационноro наполнения сайта. В корпоративной
системе документооборота MOryт быть предусмотрены спедую
щие возможности:
о Настройки произвольноrо KO
личества MapwpyтoB или CTa
тусов при движении документа
О Настройка прав и правил
движения документа (напри
мер, право перехода из статуса
"черновик» в статус "соrласо
вано» имеют только пользова
тели ролей "rлавный редактор»
и "администратор»)
О Синхронизация и, наоборот,
блокировка работы над дo
кументами
О Поддержка различных коди
ровок (например, Wiп 1251,
UTF 8 и др.)
о Сохранение истории всех
изменений
о Настройка различных правил
документооборота для разных
типов данных (статей, файлов)
или разных разделов данных
(о компании, каталоr продук
ции)
О Поддержка системы оповеще
ния о различных действиях над
документом (например, "о BHe
сении изменений», "о факте
публикации»)
О Автоматическое создание вер-
сий документа на установлен
ных этапах, возможность отката
документа к определенному
состоянию
О ИСПОЛЬЗ0вание специальных
поисковых инструментов
Bcero пунктов для проверки O./J
О Проверено
74. Документация
Предоставление документации по использованию и адми
нистрированию веб-сайта на сеrодняшний день не является
в России общераспространенной практикой. Как правило,
выдается только набор руководств по работе с системой
управпения контентом и/или открывается доступ к COOT
ветствующему раздепу сайта компании разработчика
такой системы
Обратите внимание, что еще при заказе
веб сайта вам должны быть предостав
лены:
О Доrовор на разработку веб системы
О Календарныйплан
О Бюджет
О Техническое 3адание
О Доrовор на поставку (лицензирова
ние) nporpaMMHoro обеспечения
Ключевыми являются два документа
доroвор и техническое задание.
Доroвор на разработку должен фиксировать все основные аспекты
взаимодействия подрядчика и заказчика и может иметь следующую
структуру:
Документы на стадии разработки
Отдепьные компа
нии предпаrают
Кпиентам набор
попезных матери
апов (например,
методику выбора
подрядчика) уже
на предпроектной
стадии
о Предмет AorOBopa (наимено-- О Ответственность сторон
вание предоставляемой услуrи, и реrламент (условия выплаты
перечень приложений, условия неустоек, механизмы пролон
вступления доroвора в силу rации, условия расторжения
и т. д.) доroвора и т. д.)
О Прочие условия (максимально О Форс мажор
возмещаемый ущерб, параме- О Стоимость и условия оплаты
тры использования электронных (стоимость исполнения работ,
коммуникаций и т. д.) схема оплаты и т. д.)
230
Корпоративный веб сайт на 100%
о Терминолоrия
О Права и обязанности сторон
(указание исполняемых работ,
условия привлечения CТOpOH
них подрядчиков, правила
обмена проектной информаци-
ей, распределение авторских
прав и т. д.)
Конфиденциальность инфор--
мации (условия соблюдения
конфиденциальности, способы
защиты информации, срок
действия режима конфиден
циальности и т. д.)
О Реквизиты и подписи сторон
Техническое задание (ТЗ) на разработ
I Вся истина в Т3 КУ веб системы обычно оформляется
. как приложение к основному доrовору.
Объем ТЗ, составляемоro серьезным раз
работчиком, может доходить до 60 80 листов и включать несколько
сотен параметров.
Подroтовка техническоro задания это всеrда итерационный про
цесс, в котором участвуют как представители заказчика, так и спе
циалисты со стороны разработчика.
Структура техническоrо задания может выrлядеть следующим об
разом:
о Общая информация
. Общая информация о заказ
чике
. Общая информация о проекте
. Общие вопросы обслуживания
О Требования к информацион
ной инфраструктуре
. Общее устройство системы
. Роли
. Доменные имена
. Карта фронт-офиса
. Объемы и форматы информа
ции
. Мноroязычность
. Учет требований поисковых
систем
О Календарный план выполне-
ния работ с указанием OTBeT
ственности сторон
о Требования к технической
инфраструктуре
. Требования к проrраммно
аппаратной платформе
. Требования к используемым
технолоrиям
. Требования к хостинroвой
площадке
. Требования к производитель-
ности
. Требования к безопасности
О Требования к интерфейсу
. Требования к дизайнерскому
решению
. Предоставляемые заказчиком
визуальные компоненты
. Требования к навиrации,
шрифтам, сетке форматиро
вания
74/1 00% Документация
231
о Требования к мупыимедий
ным пeMeHTaM
. Перечень
. Формат
. Условия работы
О PerпaMeHT выпопнения работ
на этапах проектирования, раз
работки,тестирования,докумен
тирования и обучения, запуска
веб сайта и raрантийноrо обслу
живания
о Требования к функционапьно
сти веб сайта: полный перечень
сервисов, предоставляемых си
стемой, каталоrи ТОваров, си-
стемы реrистрации авторизации,
форумы, подписки, рассылки. По
каждому сервису должны быть
определены: ero вид на сайте,
лоrика работы, управляемость,
невидимые составляющие
интеrрация, почта и т. п.
Документация на стадии поддержки
и развития
Документированию подлежит не только
стадия разработки, но и стадия поддерж
ки и развития. На ней обычно поставля
ются:
о Доrовор О поддержке, определяющий
условия предоставления cooTBeTCТBYкr
щей услуrи
О Документ о передаче поrинов и паро
пей
О Руководство по администри
рованиlO (документ. фиксирукr
щий требования к проrраммно-
технолоrическим аспектам
системы, таким, как режимы
работы серверов, настройки
шлюзов, протоколы обмена дaH
ными и т. д.)
О Руководство разработчика
(документ, описывающий про
rpaMMHbIe составляющие систе
мы классы, функции, бизнес
лоrика и т. п.)
в среднем разра
ботка документов
может составпять
5 10% от СТои
мости создания
сайта
о Стандарты оформпения (дo
кумент может включать правила
использования шрифтов, ЦBe
товые схемы, принципы оформ
ления rиперссылок, требования
к верстке контента и стилистике
изложения, описание типовых
ошибок в публикации и дизайне,
примеры адаптации стандартов
Руководства по фирменному
стилю к веб--среде и т. д.)
Помимо этоro, профессиональный веб разработчик может предо
ставлять индивидуальную документацию (например, Руководство
ПОПЬЗ0ватепя веб сайта компании «Коппапс консаптинr»), учиты
232
Корпоративный веб сайт на 100%
вающую все особенности созданной конкретно для данной фирмы
веб системы.
Кроме указанных выше документов вам может потребоваться заклю
чение еще множества доrоворов, например, с хостинr ПроваЙдером,
SЕО оптимизаторами, специалистами по рекламе, копирайтерами,
авторами материалов и т. д.
Bcero пунктов для проверки O./J
О Проверено
И3 рецензий наших экспертов
....'"
. ;:.,
'"
fIIbl\'l8rofмvblra'"
Ad6-....а1_./
.... I1CiD Ln'J"
) FeeI the difference
ltм..,. .. nOl0( ":8pn аМТа
......
I=ord Focus
.::oupe-cabriolet
Пакеты опций в подарок
I ............
у......
o.
Ford Focus
НОВЫЙ ..
ВИ. .
Сайт компании Ford (www.ford.ru)
..
Не вся информация удобна для восприятия и работы с ней через
браузер. Думайте о ваших Клиентах и посетителях сайта и предо
ставьте им файлы для скачивания со следующей информацией:
. сложные технические характеристики к оборудованию и транс-
портным средствам, особенно с использованием rромоздких
таблиц
. изображения в высоком разрешении
. инструкции по применению и руководства пользователей
. npecc naKeTbl (фотоrрафии руководства,лоrотипы в различных
форматах, профиль компании)
Евrений Смирнов. руководитель департамента онлайн продаж
.Ваше Бюро Путешествий Куда.Руо
а""""",,,",
75. Базы данных
Практически каждый современный корпоративный сайт
функционирует на основе системы управления базами
данных (СУБД), содержащей базу данных, в которой хранит
ся основной массив информации. В частности, все системы
управления контентом так или иначе работают с такими ба
зами
Выбор базы данных обычно является прероrативой технических
служб и часто обусловлен историческими причинами (например,
функционированием всей инфраструктуры компании на Windows
технолоrиях).
Мы рекомендуем учитывать спедующие критерии выбора СУБД
ДЛЯ ве сайта:
О Соответствие параметров СУБД требо--
ваниям проекта (платформа, произво
дительность и т. п.)
О Распространенность продукта
О Наличие ресурсов для администри
рования и развития системы в рамках
выбираемой СУБД
О Стоимость внедрения и поддержки
О Совместимость выбираемой СУБД
с существующей технической инфра
структурой (включая наличие связую
щих интерфейсов и приложений)
Как выбрать СУБД
Наибопее распро
страненные СУБД:
. MySQL
. MSSQL
. PostgreSQL
. Oracle
Реже испопьзуют
ся СУБД Firebird,
IпtеrЬаsе, Sybase
и др.
Преимущества
испопЬЗ0вания баз данных
Использование баз данных дает цепый ряд преимуществ в cpaB
нении с хранением информации непосредственно в НТМL формате:
234
Корпоративный веб сайт на 100%
о Поддержка структурирован
ных (атрибутивных) типов
данных
О Поддержка функций поиска,
фильтрации и составления раз
личных выборок
О Четкое разделение уровней
хранения и представления
данных (в частности, возмож
ность хранения данных в «одном
месте» и вывода их в любое
количество фронт офисов)
О Компактное представление
данных в файловой структуре
Перечисленный набор преимуществ делает выбор «сайта на СУБД»
фактически однозначным. Исключение MOryT составлять только про
стейшие проекты, состоящие Bcero из нескольких редко обновляе-
мых страниц.
о Возможность центраЛИЗ0ван
Horo управления всеми Ha
стройками
О Реализация бизнес лоrики
с помощью специализированных
языков для баз данных
О Поддержка связей между раз
личными лементами базы
данных с контролем целостно
сти этих связей
о Поддержка журнала TpaH3
акций и возможность отката
к предыдущим версиям
Bcero пунктов для проверки Oh
О Проверено
76. Языки и технолоrии
проrраммирования
Перечень языков проrраммирования, приложений и про
rpaMMHbIx технолоrий, используемых при разработке веб-
сайтов. достаточно велик и постоянно обновляется
Можно привести следующие примеры:
О Скрипты, припожения, языки О Языки разметки и табпицы
и технопоrии на стороне стипей (HTML, XHTML, WML,
веб сервера и сервера при XAML, CSS)
пожений (РНР, Perl, Ruby, Рythоп, О Скрипты, припожения, языки
ASP, VBScript, С#, C/C++, Visual и технопоrии на стороне кпи
Basic .NEТ, J#, IroпPythоп, Java, ента (JavaScript, VBScript, Flash,
J2EE, JSP ActionScript, ActiveX, Silverlight,
О Языки и технопоrии для рабо АХАЛ
ты с базами данных (SQL,
PUSQL, ИQL)
Отдельно можно отметить XML, использующийся «самостоятельно»
для хранения, описания и передачи данных (известные подмноже
ства: RSS, YML, CML) или в связке с XSL
для rенерации друrих XML (или HTML).
Языки и технолоrии являются либо взаи
модополняющими, либо несовместимы
ми друr с друrом. Поэтому, как правило,
набор языков и технолоrий при проекти
ровании сайта выбирают не поштучно, а используют уже устоявшие
ся комплекты, показавшие свою состоятельность на значительном
количестве реализованных проектов.
Ппохому про
rраммисту и теrи
мешают
Наибопьшее распространение в настоящее время попучипи
такие комппекты:
о LAMP
Расшифровывается по первым буквам входящих в Hero компонен
тов Linux + Apache + MySQL + РНР.
236
Корпоративный веб сайт на 100%
Комплект полностью бесплатен, количество разработчиков на pЫH
ке высокое. Как следствие, реализация экономически выroдна.
Хорошо подходит для большинства автономных сайтов простой
и средней сложности.
О .Net
Включает в себя технолоrии и языки Windows + 115 + A5P.NET /C#NB.Net
+ .Net Framework + M55QL. Разработчик Мiсrosоft.
Комплект является платным. Количество разработчиков на pЫH
ке среднее. Наиболее распространен в финансовой сфере: для
реализации внутренних корпоративных порталов, в системах, под
держивающих шифрование передачи данных, и др.
О Java
Включает технолоrии и языки J#, Java, ПЕЕ, J5P. Поддерживаются раз
личные СУБД. Разработчик комплекта 5UN Microsystems.
Комплект является частично платным. Количество разработчиков
на рынке в России невысокое, на Западе высокое. Наиболее
распространен в финансовой сфере для реализации систем работы
в реальном времени, системах с высоким количеством транзакций.
Bcero "унктов для "роверки Oh
О Проверено
77. Инструменты
разработки и поддержки
Веб-система является продуктом, создание KOToporo требу
ет помимо обширных знаний и навыков применения wи
pOKoro спектра nporpaMMHoro обеспечения. Все члены
команды поддержки и разработки используют для этоro
различные инструменты, о наличии которых вам придется
позаботиться
Для дизайнеров
Для обеспечения работы дизайнеров вам может потребоваться
следующий минимум nporpaMMHbIx продуктов:
Работа с zрафuкой
О Adobe Photoshop
О CorelDraw
О MS Ехрrеssiоп Dеsigп
Разработка мультимедuа
О Adobe Flash
О ACDSee
О IrfапViеw
О ХпViеw
Для проrраммистов
Для обеспечения работы проrраммистов MorYT потребоваться сле
дующие инструменты:
'ОЕ, ориентированные
на разработку
веб сайтов
О WebMatrix
О Zепd Studio
О Adobe Dreamweaver
Eclipse IDЕ
u MS Visual Studio
О MS Visual Web Developer
Express
Редакторы
О Notepad и похожие по функцио
нальности проrраммы
О PhpExpertEditor
О AltovaXMLSpy
О TopStyle
О RegexBuddy
О MS Shаrероiпt Dеsigпеr
(бывш. FroпtРаgе)
О MS Ехрrеssiоп Web
238
Корпоративный веб сайт на 100%
Разработка мультимедиа
О Adobe Flash
О MS Expression Вlепd
О MS Ехрrеssiоп Епсоdеr
Средстваnроектирования
(CASE средства]
О ErStudio
О ЕrWiп
Клиенты к базам данных,
не входящие
в стандартный пакет
О МуSQLFroпt
О HeidiSQL
О Aqua DataStudio
О SQL Navigator
Системы контроля версий
О CVS
о SVN
О MS Visual Source Safe
О MS Теаm Fоuпdаtiоп Server
Веб сервера
О Apache
О MS Iпtеrпеt Iпfоrmаtiоп Services
О Nginx
Доступ к серверам
О putty
О WiпSСР
О Remote Desktop Соппесtiоп
О CuteFТP
О TurboFТP
Для редакторов и публикаторов
Для обеспечения работы редакторов и публикаторов вам MorYT
потребоваться следующие nporpaMMHbIe продукты:
Редакторы
О Notepad и похожие
по функциональности
проrраммы
О TopStyle
О MS Ехрrеssiоп Web
Доступ к серверам
О CuteFТP
О ТшЬоFТР
Работа с zрафикой
О Adobe Photoshop
О ACDSee
О IrfапViеw
О ХпViеw
Среди перечисленных инструментов значительное количество яв
ляются платными и требуют приобретения соответствующих
пицензий.
Это всеrда при водит к существенному росту расходов на поддержку
сайта. Таких расходов можно избежать, если передать поддержку
77/100% Инструменты разработки и поддержки
239
внешнему разработчику, у KOТOpOro уже
должно быть все соответствующее про
rpaMMHoe обеспечение.
МуSQLИСТblе
проrраММИСТbI
эа обедом поели
мяrких Француэ
СКИХ бупок
да ВblПИЛИ чаю
Использование различных инструмен
тов также связано со стереотипами,
складывающимися у дизайнеров и про
rраммистов, которые часто MorYT прин
ципиально отказываться работать на He
привычном для них nporpaMMHoM обеспечении. Это всеrда при водит
к своеобразным «релиrиозным войнам», на которые растрачивается
MHOro ресурсов и времени.
Bcero пунктов для проверки О
Vo Проверено
78. Устройства доступа
Для доступа к веб--сайту требуется специальное устрой
ство, работающее под управлением операционной системы
(М5 Windows, 05 Liпuх, Мае 05, 5утЫап и др.), и специ-
альная nporpaMMa для просмотра браузер
Все устройства,
обеспечивающие
доступ к веб
ресурсам, можно
раздеnить на:
. стационарные
. переносные
. портативные
Каждое средство доступа предъявляет
свои требования к технолоrии создания,
стилевому решению иконтенту сайта.
Обычно учитывают несколько rpynn
nporpaMMHo annapaTHbIX платформ:
1. Доступ со стационарноzо
компьютера или ноутбука,
работающеro на базе:
О OS Windows
О OS Linux
О Мае OS
3. Прочие средства доступа,
например:
О Сотовые телефоны со BCTpO
енными браузерами
О Различные TV и иrровые при
ставки
2. Доступ с nopmamUBHozO
компьютера или смартфо
на, на котором установлена:
О OS Windows Mobile
О OS Symbian
О OS Linux
О Мас OS Х (для iPhone)
О Google Android
Популярность тoro или иноrо инструмента, используемоro в качестве
средства доступа, диктует необходимость создания специальных
версий сайта, максимально адаптированных под специфику именно
этих устройств. Например, известно, что владельцы iРhопе в среднем
пользуются им для доступа в Интернет в 2,7 раза чаще, чем владель
цы друrих смартфонов. Соответственно, мноrие сайты уже обзавелись
специальными версиями для этоro rаджета.
78/100% Устройства доступа
241
к сожалению, в настоящее время все сильнее проявляется тенденция
не унификации требований различных устройств доступа, а, наобо
рот, все большеrо их размежевания. Соответственно, число раз-
личных версий сайта под разные устройства, видимо, будет только
увеличиваться.
При определении TOro, для каких устройств следует создавать специ
ально оптимизированные версии, необходимо оценить количество
ПОПЬЗ0ватепей, заходящих на сайт с каждоro класса устройств. По
добный анализ может дать почти любая современная система стати
стики посещения веб сайта по анализу лоr файлов веб сервера. Оче
видно, что для устройств, с которых просмотр сайта осуществляется
несколько раз в месяц, специальная версия сайта нерентабельна.
Специальная версия сайта может быть создана в одном из двух Ba
риантов:
. автономная, с дублированием всех пересекающихся данных;
. интеrрированная с основным сайтом, использующая ero Bep
сию данных, просто в друrом интерфейсе.
Ни один из вариантов не является безусловно лучшим. В разных
случаях эффективней может быть и тот, и друrой подход. Обсудите
это с вашим веб разработчиком.
При выборе любоro из вариантов потребуется проведение полноro
цикла разработки: создание и разработка интерфейса, набор про
rpaMMHbIx шаблонов, адаптирование контента и стилевой rрафики,
проведение тестирования и внедрения.
Перспективы
Соrласно имеющимся проrнозам, в бли
жайшие roды доступ в Сеть получат
даже простейшие бытовые устройства
(хоподипьник, наручные часы и т. д.)
И наступит следующая технолоrическая
эра интернет вещей.
Хоподильники
cc5amsung» уже
умеют помоrать
по купать про--
дукты
Bcero пунктов для проверки О
Vo Проверено
79. Браузеры
Брауэер (или веб обозреватель) это специальное при
ложение для поиска и просмотра веб страниц. Браузеры
различаются: удобством, совместимостью со стандартами,
наборами поддерживаемых технолоrий, требованиями к
проrраммно аппаратной платформе, режимами работы,
установленными по умолчанию, и т. д.
Какие бывают брауэеры
Каждый из браузеров имеет свои oco
бенности функционирования и отобра
жения веб страниц. В случае, если про
rраммный код сайта не адаптирован под
такие особенности, макет сайта может
развалиться (<<поедут» пропорции Bep
стки, иллюстрации сместятся с заданных
мест, нарушится работа части функцио
нальностей).
Обычно рекомендуют проводить тестирование отображения
сайта в наибопее популярных брауэерах, достаточно адекватно
поддерживающих все основные веб
стандарты:
О Intemet Explorer
О Firefox
О Safari
О Opera
О Google Chrome
Существуют также rораздо менее по
пупярные брауэеры, которые по ряду
причин не получили широкоro распространения или потеряли
популярность. Это Netscape Navigator, Konqueror, Galeon, Epipha-
ny, Kazehakase, Charon, Arachne, K Meleon, Slimbrowser, SeaMonkey,
FastlE и др.
Сайт должен быть
оптимиэирован
под наибопее
популярные
брауэеры
Сайт должен быть
оптимиэирован
не только под
текущую, но и под
предыдущую Bep
сию брауэеров
79/1 00% Браузеры
243
Кроме общеro тестирования сайта в различных браузерах принято
проверять ero работоспособность при:
о Откпюченной cpeд
ствами браузера
rрафике
о Откпюченной поддержке каскадных
таблиц стилей (CSS), задающих параме
тры внешнеro вида сайта
в каждом из этих случаев сайт должен сохранять приroдность для
работы.
Брауэеры для портативных устройств
Отдельное место занимают браузеры для портаТИВНblХ устройств:
О Internet Explorer Mobile О Safari для Apple iРhопе
О Opera Mini
Они используют меньше ресурсов и приспособлены для работы
в устройствах с маленькими экранами и специальными средствами
ввода. Применительно к требованиям портативных устройств раз
рабатываются специальные WАР/РDА версии сайтов.
Брауэеры будущеrо
в настоящее время мноrими крупными компаниями ведутся работы
по созданию 3D брауэеров (например, Мicrosоft создает ЗD браузер
для мобильных устройств под названием Deepfish).
Перспективной считается технолоrия
Hyperwords, которая превращает
каждое отдепьное спово или фраэу в
rипеРССblПКУ и связывает данные в ло
rические «нити». Внутри проекта Second
Life разрабатываются технолоrии соци
альноro броузинrа.
Перспективными кажутся «жестовые»
интерфейсы (такие, как ObIong g speak).
БрауэеРbl
будущеrо:
. 3D брауэер
ДЛЯ моБИЛЬНblХ
устройств
Deepfish
. технолоrия
Hyperwords
Bcero пунктов для проверки Oh
О Проверено
80. Аппаратная платформа
Функционирование сайта требует соответствующеro аппа
paTHoro обеспечения (анrл. hardware), состав и конфиrу-
рация KOTOpOro зависят от множества пара метров таких,
как: выбор системы управления контентом, используемые
функциональности, объем контента, количество посетите
лей и т. д. Например, Google функционирует более чем на
2 миллионах серверах
Требования к аппаратному обеспечению
Основным элементом аппаратноro обеспечения работы веб сайта является
сервер, к которому предъявляются следующие требования:
о Надежность (отказоустойчи
вость)
О Проrраммная и конструктив
ная совместимость
О Масштабируемость
При выборе сервера следует ориентироваться на три наиболее важ
ные характеристики:
о Производительность, то есть
количество rенерируемых cтpa
ниц в единицу времени, завися
щее от работы всех компонент
сервера
о Модель и скорость процес
copa( OB)
О Объем оперативной памяти
Обычно выбор annapaTHOro обеспечения является функцией Tex
нических служб компании. При этом базовые требования к такому
обеспечению всеrда можно запросить у веб разработчика, создав
шеro сайт.
о Интерфейс и объем жесткоrо
диска( ов)
Следует также понимать, что веб сайт будет развиваться, услож
няться, увеличиваться в размерах и набирать попупярность
у пользователей. Все эти факторы неrативно сказываются на ero про
изводительности и требованиях к аппаратному обеспечению.
Поэтому при расчете требуемой конфиrурации всеrда следует делать
определенный ссзапас прочности)). Для корпоративных сайтов, KO
80/100% Аппаратная платформа
245
торым не свойственно взрывное развитие, следует иметь запас по
производительности в 2 З раза от плановоro во время старта. Стати
стически это позволяет нормально функционировать и развиваться
в течение примерно двух лет. Делать запас прочности больше чем
в 2 З раза с дополнительными затратами при стартовом внедрении
неэффективно. Дешевле и правильнее произвести смену аппаратной
платформы тоrда, коrда в этом возникнет необходимость.
Стоимости annapaTHoro обеспечения
Сложный веб сайт может потребовать значительных инвестиций
в аппаратное обеспечение. Объем таких инвестиций иноrда может
не соответствовать выделенному бюджету.
В таком случае можно использовать следующие способы снижения
стоимости:
о Совместное использование О Использование бесппатноrо
с друrими проектами (виртуапь проrраммноrо обеспечения
ный хостинr) О Использование более дешевых
О Использование стандартноrо компонент
общераспространенноrо О Использование проrраммных
оборудования (причем, Hecep решений вместо дополнительно
BepHoro класса) ro оборудования
Важно понимать, что указанные способы MorYT применяться только
в оrраниченном перечне случаев и почти всеrда ведут к снижению
качества работы веб сайта или повышению рисков ero бесперебой
HOro функционирования.
Bcero пунктов для проверки
О/О Проверено
81. Архитектура
и масштабирование
Проrраммно аппаратная архитектура это комплекс
аппаратных средств и работающеro на нем nporpaMMHoro
обеспечения, поддерживающий бесперебойное функцио
нирование веб системы в различных режимах. Различные
архитектуры обладают различной масштабируемостью
предельными значениями по объему хранимых данных и
количеству одновременно работающих пользователей при
заданных пара метрах работы
Ключевые пара
метры масwтаби
руемости:
. поддержка
мноrопроцес
сорной обра
ботки
. rибкость архи
тектуры
Масwтабируемость допжна обеспечи
вать предсказуемый рост системных
характеристик веб сайта таких, как:
количество поддерживаемых пользова
телей, быстрота реакции, общая произ
водительность.
Друrими словами, сайт должен coxpa
нять работоспособность при модерни
зации и возрастании наrрузок на Hero.
Направления
масштабирования
Принято выделять два основных направления масштабирования:
о rоризонтальное масwтабиро
вание разбиение системы
на более мелкие структурные
компоненты и разнесение их
по отдельным физическим
машинам (или их rруппам)
иlили увеличение количества
серверов, параллельно выпол
няющих одну И ту же функцию
о Вертикальное масwтабирова
ние увеличение производи
тельности каждоro компонента
системы с целью повышения ее
общей производительности
81/100% Архитектура и масштабирование
247
Мы рекомендуем вам убедиться в том, что оба этих способа масшта
бирования учтены на вашем сайте.
Архитектура серверов
Более 95% корпоративных сайтов MorYT качественно функциони
ровать на одном выдепенном сервере (или даже виртуальном
хостинrе).
Такой сервер способен обслуживать 1 О ooo 100000
заrрузок страниц в сутки, что соответствует зооо
50000 уникальным пользователям (количество за
висит от мощности сервера, используемой системы
управления контентом, количества страниц, каче
ства конфиrурирования системноro nporpaMMHoro
обеспечения, структуры и содержания сайта).
/'
'-
.
www + СУБД
Около 5% самых посещаемых сайтов (1 О 000 и более
пользователей в сутки) не MorYT качественно функционировать на
одном выделенном сервере, для их размещения требуется исполь
зовать минимум два сервера.
в этом случае различные уровни системы
(СУБД, frопtепd, Ьасkепd) распределяют
по разным серверам. Наиболее эффектив
ное и распространенное решение OT
дельный сервер СУБД и отдельный для
frontend + backend.
.
:z..
www СУБД
Если позволяет проrраммная архитекту
ра, frontend и backend MorYT быть разделены на отдельные машины.
За счет TaKoro распределения уровней системы ее производитель
ность (количество rенерируемых страниц в единицу времени) вы-
растет в 1,5 2,5 раза.
Дополнительную производительность к этой схеме можно получить
при использовании технопоrии MHoroypoBHeBoro кэширования и
реппикации данных. Это позволяет увеличить производительность
системы при работе на ДBYX Tpex серверах еще в 1,5 10 раз.
В редких случаях саЙТbI иэначально специально проектируются
под мноrосерверную архитектуру (таких корпоративных сайтов
в русскоязычном Интернете менее 1000).
248
Корпоративный ве6 сайт на 100%
РЮХУ! Accelerator
r -..:: ! а я
. .
;1
t.
f WWW
.!' п! а я;
SQL Master
SQL Master
(или Slave)
/
11\
РЮХУ!
. .
- I
www WWW
1:
I
Y!ACC
l'
;J/ 1 I
www www
NLB
SQL Slave SQL Slave SQL Slave
в такой ситуации применение
большинства систем управления
контентом становится оrрани
ченным и для работы со специ
ально спроектированными дaH
ными создаются специальные
интерфейсы управления.
При этом отдельные данные MO
ryT храниться и обрабатываться
в СУБД одноro сервера, а дpy
rие данные в СУБД друrоrо
сервера и при выдаче страницы
«склеиваться» на уровне сборки
страницы из шаблона.
Таким образом, допжно быть
принято решение об испопь
З0вании определенной
структуры серверов:
О Выделенный сервер
О Небольwое количество
серверов
О Мноrосерверная архи
тектура
Bcero пунктов для проверки
О/О Проверено
82.Производительность
Производитепьность это величина, показывающая, Ka
кое количество задач способна решать веб система в еди-
ницу времени
в общем случае производитепьность
опредепяется характеристиками Ka
нanов связи, объемами информации и
проrраммно технопоrическими ппат
формами, используемыми как владель
цем сайта, так и самими посетителями.
Из этих факторов самое критическое зна
чение имеют параметры каналов связи
и время rенерации страницы сервером.
Время отклика
Время rенерации
90% страниц сай
та допжно быть
менее двух ce
кунд, а оставwих
ся 1 0% менее
пяти секунд
Пользователи судят о производительности сайта по времени ero
отклика на их действия (например, по скорости заrрузки, BpeMe
ни отправки форм, динамике смены элементов интерфейса и т. д.).
Отклик менее чем за 0,1 секунды воспринимается человеком как
мrновенный.
Считается, что первая страница сайта должна заrружаться не более
1 О секунд. Замедленная скорость реаrирования может стать при
чиной MrHoBeHHoro ухода Клиента с сайта.
Модули анализа скорости rенерации страниц и отдельных блоков
встроены в некоторые системы управления контентом, например,
в «1 С Битрикс. Управление сайтом».
Тестирование производительности
Для проверки производительности веб сайта можно выбрать и про
вести один или несколько видов тестирования, например:
250
Корпоративный ве6 сайт на 100%
Проведение те-
стирований, как
правипо, берет на
себя разработчик
веб сайта
о Наrрузочное тестирование
О Стрессовое тестирование
Для проведения наrрузочноrо тести
рования веб сайта используется спе
циальное nporpaMMHoe обеспечение,
позволяющее создавать необходимую
наrрузку на сервере и замерять KOHT
рольные параметры. По итоrам TaKoro тестирования выполняется
анализ результатов, выявляются «узкие места» и принимаются меры
к увеличению производительности, если это необходимо.
При стрессовом тестировании проверяется способность системы
справляться с наrрузками, существенно превышающими плановые.
Например, подобные ситуации MOryт возникать в интернет маrази
нах в предпраздничные дни, быть результатом очень удачной pe
кламной кампании.
Инструменты для тестирования
Для тестирования производительно
сти используются специализированное
nporpaMMHoe обеспечение. К числу Ta
ких приложений относится, например,
свободно распространяемый пакет про
rpaMM Microsoft. Web Application Stress
(WAS), доступный для заrрузки с сайта
www.microsoft.com.
Пакет Мicrоsоft.
Web Application
Stress (WAS),
доступен для
заrрузки с сайта
microsoft.com
Также MorYT использоваться такие паке
ты, как SPECweb99, WebBench, WebStone, TPC-W, OpenSTA, PureLoad,
Apache JMeter, LoadRunner, QALoad и др.
Важно, чтобы тестирование проводилось в условиях, максимально
приближенных к реальным условиям эксплуатации веб системы (или,
как часто rоворят, «в боевых условиях»).
Как увеличить производительность
Методы увеличения производительности зависят от выявленных
в ходе тестирования «узких мест». Для их ликвидации можно ис
пользовать следующие методы:
82/100% Производительность
251
о Увеnичение производитеnь-
ности аппаратной пnатформы
(в «узких местах»). Примени
мо для всех архитектур. Либо
в cepBepe( ax) меняются компо--
ненты на более производитеЛtr
ные, либо целый( е) cepBep( ы)
меняется на друrой( ие), более
мощный( ые). Производитель
ность системы увеличивает
ся пропорционально увеличе
нию производительности
сервера(-ов)
О Испоnьзованиетехноnоrий
кзширования. Применимо для
большинства архитектур. Pecyp
соемкие запросы выполняются
однократно, сохраняя результат
обращения в статическом виде
в оперативно доступном храни-
лище (обычно файлы на диске
или оперативная память), и далее
в течение установленноro перио
да времени на все аналоrичные
обращения данные MrHoBeHHo
выводятся из этоro оперативноrо
хранилища, не наrружая повтор
но основную систему
О Создание зеркап. Для опреде
ленной аудитории (например
"все иностранцы») часто создает
ся специальная копия веб--сайта
по друrому адресу, синхронизи
рующаяся с основной версией.
При этом в рекламных материа
лах для этой аудитории исполь
зуется доменное имя зеркальной
копии
о Оптимизация настроек си
cтeMHoro проrраммноrо обе..
спечения. Применима для всех
архитектур. Выявляются "узкие
места» на уровне системноro
проrраммноrо обеспечения.
Проводится с выставлением
разных значений всех перемен
ных. Типичным примером может
служить количество OДHOBpeMeH
но поддерживаемых сессий или
обращений к серверу
О Перенос части функционаnьно-
сти сайта на внешние серверы
или сервисы. Например, хостинr
и отдачу видеоконтента можно
переложить на инфраструктуру
YouTube/RuTube
О Изменение архитектуры си-
стемы (кластеризация, распа-
раnnеnирование). Как правило,
требует значительных затрат и
времени. Во мноrих случаях это
сравнимо с созданием аналоrич
ной системы "с нуля». Поэтому
производится, как правило,
вместе со сменой поколения
системы
О Оптимизация caMoro веб-
сайта. Применимо для большин
ства архитектур. Производится
перекомпоновка или отказ от
отдельных блоков на веб
страницах, функций, удаление
неактуальных данных и т. п.
Bcero пунктов для проверки Oh
О Проверено
83. Хостинr
Хостинr это услуrа по размещению веб сайта, оказывае
мая специализированными хостинrовыми площадками
Большинство хостинrовых площадок rарантирует работоспособ
ность сайта (при выделенном хостинrе топько работоспо
собность Сети) в течение 99% времени. Каждое последующее
увеличение периода бесперебойной работы сервера существенно
сказывается на стоимости хостинrовых услуr.
Какой вид хостинrа выбрать
Первоначальная задача заключается в выборе вида хостинrа:
О Виртуальный хостинr, при котором сервер арендуется совместно
с владельцами друrих сайтов
О Выделенный хостинr, предпола
rающий эксклюзивное использование
cepBepa( OB)
О Выделенный виртуальный хостинr,
при котором сервер предоставляется
нескольким ресурсам, но при этом
каждому ресурсу обеспечивается ин
фраструктура, идентичная выделенному
серверу, но с производительностью
только части сервера
Дпя бопьwинства
корпоративных
сайтов достаточ
но виртуanьноrо
ипи BblAeneHHoro
хостинrа
Особым подвидом виртульноrо хостинrа можно также считать веб
хостинrи С конструкторами сайтов (например, www.narod.ru).
Провайдер TaKoro хостинrа предлаrает веб-унифицированный веб
интерфейс, в котором производится само создание сайта выбор
одноro из rOТOBblx дизайнов, изменение содержания предварительно
сrенерированных веб страниц и изменение некоторых настроек
Подобные конструкторы сайтов не позволяют создать полноценный
корпоративный сайт. Обычно они используются частными лицами
для домашних страниц и личных проектов.
Высказать рекомендации по выбору вида хостинrа, как правило, MO
жет веб разработчик.
83/1 00% Хостинr
253
Как выбрать поставщика хостинrовых ycпyr
При выборе поставщика хостинrовых услуr мы рекомендуем учиты
вать спедующие критерии:
О Наnичие друrих теnекоммуникационных ycnyr (IР телефония,
Dial Up и т. п.)
О Наnичие необходимоrо проrраммно
ro обеспечения для работы веб сайта
О Репутация хостинrовой площадки
О Стоимость и усnовия опnаты
О Набор опций в тарифных пnанах
О Суммарная мощность и скорость
канаnов хостинrовой площадки
Хостинr заканчи
вается там, rAe
начинаются проб
nемы с эnектриче
ством
Если есть возможность, обязательно проконсулыируйтесь по этому
вопросу с техническими специалистами и веб разработчиками.
Площадка должна обеспечить выполнение спедующих работ:
о Управnение дисковым про
странством
О Управnение почтовыми ящи
ками
О Управnение доменными име..
нами
о Орrаниэация и поддержание
реэервных копий системы
О Установка автоматических
обсnуживающих систем (анти
спамовые, антивирусные) и до--
поnнитеnьноrо проrраммноrо
обеспечения
о Контроnьтрафика
Bcero пунктов для проверки ОА
О Проверено
84. Масштабирование
данных и интерфейса
Масwтабирование данных и интерфейса это наращи
вание структуры, контента и функциональностей веб сайта
при сохранении преемственности ранее вышедших версий
Корпоративный сайт должен быть спроектирован таким образом,
чтобы выдерживать минимум три вида масштабирования:
о Шрифтовое масштабирование
(дизайн и верстка сайта должны
сохранять приемлемый внешний
вид при изменении пользователем
размеров шрифта средствами
браузера)
О Масштабирование контента
(внешний вид сайта должен OCTa
ваться корректным при существен
ном возрастании или, наоборот,
резком уменьшении контента)
Пренебрежение любым из этих пунктов
способно привести к тому, что попь
зоватепь увидит на экране монито
ра совсем не то, что быпо задумано
дизайнером. Например, некорректно
сверстанный макет MrHoBeHHo paccы
плется при изменении размеров шрифта
средствами браузера. То же самое может
произойти и в случае резкоrо изменения
объемов контента (например, увеличе
ния количества позиций в каталоrе про
дукции в несколько раз).
Проrраммисты
часто скпонны,
наоборот, преуве
пичивать масшта
бы задачи. Напри..
мер, закладывать
миппионы по
зиций в KaTanore
продукции, KorAa
в реапьности ac
сортимент orpa
ничивается ДBaд
цатью товарами
о Навиrационное масштабиро
вание (навиrационный интер-
фейс должен предусматривать
возможность добавления
в меню разумноrо количества
новых пунктов)
Отсутствие навиrационноrо масшта
бирования способно повлечь за собой
полную перерисовку макета и перевер
84/1 00% Масштабирование данных и интерфейса
255
стывание всех шаблонов сайта, что всеrда связано со значительным
дополнительным расходованием ресурсов. Обычно такая ситуация
возникает, если изначально не были предусмотрены:
о Добавление НОВЫХ пунктов
в меню BepXHero уровня (Ha
пример, появление большоro
раздела "Партнеры», потреб
ность в котором может появить
ся У компании после начала
развития партнерской сети)
о Добавление НОВЫХ подраз
делов и уровней вложенности
(такое часто происходит при
«разрастании» каталоrа продук
ции)
Иноrда понятие «масштабирование» свя
зываютс так называемым «эластичным)),
или «резиновым)), способом верстки,
при котором сайт всеrда, независимо от
разрешения экрана, растяrивается на
всю ширину браузера.
Альтернативным решением является
«жесткая)) верстка, сохраняющая ши
рину страницы независимо от размеров
окна браузера и параметров экрана KOM
пьютера пользователя.
у каждоro из этих способов верстки есть свои преимущества и He
достатки, а также оптимальные области применения. Например,
«эластичную)) верстку лучше использовать на сайтах, содержащих
значительное количество контента (например, на сайтах интернет
СМ И, новостных ресурсах, отраслевых и развлекательных порталах).
При работе с друrими, содержащими меньше контента сайтами, на
больших мониторах с очень высоким разрешением, MOryт возникать
значительные сложности с чтением текстов, которые при одноколо
ночной верстке «растянутся» на всю ширину экрана.
Эластичность верстки
Войны между
приверженцами
«жесткой)) И «эпа
стичной)) верстки
бывают траrич
нее, чем футбопь
ные матчи между
Арrентиной
и Ямайкой
«Жесткая)) верстка обеспечивает бопее точное позиционирова
ние контента и, соответственно, более комфортное чтение материала
с экрана. По нашему мнению, именно такое решение в наибопьwей
степени подходит для корпоративных сайтов. Подтверждением
этоro является опыт наших западных коллеr, которые практически все
сайты делают с «жесткой)) версткой. Кроме Toro, «жесткая» верстка:
256
Корпоративный веб сайт на 100%
о Экономически BbIroAHee при
создании и поддержке сайта
затраты меньше как на коди
рование, так и на тестирование
о Накладывает меньше оrрани-
чений на дизайн позволяет
использовать большие rрафи
ческие изображения и сложные
rрафические конструкции, не
задумываясь, как это будет BЫ
rлядеть при растяrивании окна
браузера
fII .. *' ' Т_ Н.
AdrnA; 40..;;;...............
"""с.ий
СТ"Н8АРТ
"Q
......
0I'.л!"" м LUt IW
...............
.............
" ....
... .......
рat>очии А""Ь
..
(1030""
.........с......,..
. 11...
L
Bcero пунктов для проверки Oh
О Проверено
Из рецензий наших зкспертов
1"',:""
'.
vl С]..
.
"
."
Н 080CfИ
. E?'!".=1:: '''J;.:::;'If.:::=.
. =-...:::= ::;ж::':.::::...
. .. ...-к...............
. r.r............7___.........
. 1i8Ot ь.....................Pвcra.-o.' J:R!I
.' ,
Oфopouoei!ooe
от15
минут
Сайт банка «Русский стандарт» (www.rs.ru)
Сайт сделан <<таблично», масштабирования при изменении разре-
шения не происходит. Просто от экрана отрезан кусок слева. Четко
прослеживается структура: колонка меню, колонка информация,
колонка реклама. При достаточно объемном тексте страница по--
лучается слишком длинной, например. здесь: rS.rи/rи/aboиt/diпaт.
Текст в средней колонке прижат влево, нет масштабирования по
ширине колонки, поэтому выrлядит старо. О чем, в принципе, и ,о--
ворит 2003 'ОД в низу каждой страницы.
Серrей Борисов. rлавный ревизор
CeBepHoro банка Сбербанка России
85. Объемы информации
Под объемами информации подразумеваются измеримые
«физические» параметры фронт офиса веб сайта
Сами по себе объемы информации, как правило, не являются техни
ческим оrраничением, но от них зависит:
о Объем работ в рамках созда
ния сайта ("чем больше объемЬ/,
тем сложнее проект»)
О Сложность последующей под
держки ("чем больше объемЬ/,
тем дороже и труднее пoд
держка»)
о Производительность веб
системы ("чем больше объемЬ/,
тем вЬ/ше требования к cepBe
ру, проzраммной платформе и
принципам проzраммирования
для обеспечения адекватной
скорости работЬ/»)
Основной принцип управления объема
ми информации состоит в максималь
ном их уменьшении до некой опти
мальной величины. К сожалению, это
возможно далеко не всеrда.
Объем инфор
мации должен
быть оптималь
ным. Не меньше
и не бопьше
Например, сократить объем данных Ka
талоrа продукции, как правило, крайне
сложно и нецелесообразно; и сокраще
ние ассортимента, и сокращение данных о товаре приведет к YMeHb
шению продаж (правда, в некоторых случаях маленькая картинка
товара может автоматически rенерироваться из большой).
Мы рекомендуем вам обратить внимание и планировать такие
параметры фронт офиса веб сайта, как:
О Количество страниц О Объем публикуемой текстовой
О Количество кодируемых и пр информации
rраммируемых шаблонов О Количество и объем подrру
О Количество страниц. не входя жаемых файлов
щих в структуру и создаваемых О Количество и объем rрафиче..
для размещения на них данных, ских файлов (форматы .jpg,
оптимизированных для поис .gif, .рпg)
ковых систем
258
Корпоративный веб сайт на 100%
о Объем электронноrо каталоrа
лродукции (количество
товаров)
О Количество катеrорий
и лодкатеrорий лродукции
в электронном каталоrе
о Количество и объем мулыиме
ДИЙНЫХ файлов (форматы .avi,
mрЗ и др.)
О Количество и объем flash
роликов (формат .swf)
Сдепайте себе
сайт из одной
страницы, и ее
увидят 100% по
сетитепей
Важнее контролировать верхнюю rpa
ницу объемов, чем нижнюю (то есть не
переходить некоторые разумные преде
лы). Всеrда помните, что «среднестати
стический» пользователь просматрива-
ет на сайте не более 1 О страниц (обычно
Bcero 2 З страницы).
Поэтому, даже если на вашем сайте будет несколько миллионов cтpa
ниц. вероятность просмотра даже 1% из них ничтожно мала.
Большие проекты
Сайты с действитепьно бопьwим объемом данных, если они
при этом еще и очень посещаемые (такие как Amazon.com. Yahoo!
и т. п.) требуют специальноro проектирования под эти объемы.
Для них некоторые конструкции блоков неприrодны с точки зрения
производительности, большинство стандартных видов навиrаций и
поиска не обеспечивают решение быстроrо нахождения нужноro то--
вара за короткое время. Спроектировать заранее успешный вариант
реализации в таких условиях часто невозможно. Иноrда требуется
создать и протестировать на реальных пользователях несколько
десятков вариантов реализации, прежде чем получится вариант
с нужной эффективностью.
Bcero пунктов для проверки
О/О Проверено
8б.Безопасность
Для бесперебойноro функционирования сайта важно обе
спечить безопасность на всех уровнях ero работы: от опе
рационной системы (например, Linux) до сервера баз дaH
ных (MySQL, MSSQL, Oracle)
Общие требования к безопасности
о Политика разделения прав. Для каж
ДОЙ rруппы пользователей должны быть
определены свои права на управление
контентом: чтение, редактирование,
запись и управление
О Использование безопаСНblХ механиз
мов сессий и зашифроваННblХ cookies
О 3кранирование и проверка О Ислользование шифрования
всех данных. введенных лоль и систеМbI цифРОВblХ лодлисей
зователем. Экранирование при передаче конфиденциаль
это преобразование введенной ной информации. В качестве
информации в такой вид, чтобы метода шифрования обычно ис
ее можно было прочитать, но пользуется SSL и особый прото
она не воспринималась как кол передачи данных не НПр,
исполняемый код. Проверка а НПРS
данных может быть на число,
количество, e mail, размер
заrружаемых файлов и длину
сообщения и др.
О ПраВИЛЬНblе методЬ! иденти
фикации и авторизации
(система лоrинов и паролей).
Пароли обязательно должны
быть "стойкими», то есть co
стоять из б 8 символов букв
в разном реrистре с использо
ванием цифр и пересылаться
только в зашифрованном виде,
а количество попыток автори-
зации на сайте должно быть
оrраничено
Какая уrроза
к нам придет
та от рук сисадми
на и «поrибнет»!
о 3ащита от всех извеСТНblХ на
даННblЙ момент уrроз. Пре
жде Bcero, это уrрозы клиенту
сайта формирование обман
ных НТТР запросов: подмена
содержимоro сайта, межсайтовое
выполнение сценариев, расще
пление НПР запроса
260
Корпоративный веб сайт на 100%
Требования к проrраммно аппаратной платформе
о Использование последних
стабильных версий cepBepHoro
проrраммноrо обеспечения
О Размещение на сервере только
проrраммноrо обеспечения,
необходимоrо для работы
сайта (минимальная правильная
конфиrурация сервера)
о Безопасная настройка всех
сервисов, защищающая от pac
пространенных уrроз
О Установка необходимых
и достаточных прав на файлы
и директории на веб сервере
О 3ащита папок от просмотра
содержимоrо
Требования к администрированию сайта
о Наличие системы техническоrо
аудита (журналирование
событий на всех уровнях систе
мы: операционной системы
сервера, веб сервера, системы
управления сайтом и базы
данных), а также информацион
Horo аудита для отслежива
ния событий, связанных с без
опасностью информации
Человеческий фактор
о Наличие системы создания
резервных копии системы для
быстроrо развертывания СИСТЕ!"-
мы на друrом сервере в случае,
если в результате отказа веб
системы от какой либо уrрозы
она не может быть BOCCTaHOB
лена быстро с используемоrо
сервера
Несмотря на orpoMHoe количество видов и типов технических уrроз,
основную опасность для сайта представляют люди, управляющие им.
До 98% проблем возникает из за их некомпетентности или баналь
ной безответственности команды поддержки. Это самая сложно
устранимая уrроза, справиться с которой не всеrда позволяют даже
сертификация персонала и введение реrламентов поддержки.
Bcero пунктов для проверки О./,
О Проверено
87. Тестовая версия
Тестовая версия сайта это копия внешнеro (<<боевоro»)
сайта, создаваемая с целью опробования различных HOBO
введений (например, изменения дизайна страниц, BBeдe
ния новых функциональностей и т. д.). Часто она размеща-
ется в локальной сети компании
Важность создания тестовой версии ча
сто недооценивается. В результате целый
ряд новых идей по модернизации сайта
может отклоняться в силу страха перед
внесением изменений непосредственно
на внешний сайт.
Тестовая версия снимает эти опасения,
а также позволяет более rибко соrласо-
вывать все нововведения. Например,
новая версия баннера может быть раз
мещена вначале на тестовой версии, co
rласована с отделом маркетинrа и только
после этоro вынесена на внешний сайт.
Таким обраЗ0М, вы можете ИСПОПЬ30
вать тестовую версию сайта для реше
ния следующих задач:
о Тестирование новых идей
О Обучение редакторов, публи
каторов, менеджеров, дизай
неров и проrраммистов
Топько у тестовой
версии есть право
на ошибку!
И3 разrовора
проrраммистов:
«Ну, ТЬ! перене
си изменения с
девепопмента на
продакшн и про
тестируй в реале»
о Внедрение новых функцио
нальностей и сервисов
О Видоизменениедизайнасайта
и/или отдельных ero страниц
Bcero пунктов для проверки Q
О Проверено
88. Резервные копии
Реэервноекопирование{Васkuр) необходимаяисамая
надежная мера защиты сайта, уменьшающая уrрозу ero по-
тери в результате сбоев оборудования, умышленных или
неумышленных действий пользователей, форс мажорных
обстоятельств и т. д.
Обычно резервное копирование проводится для следующих видов
информации:
о Статическая информация
в файловой системе (неизме
няющиеся файлы, "постоянный»
контент, проrраммные файлы)
О Конфиrурация системноrо про
rpaMMHoro обеспечения (файлы
настроек операционной системы,
веб сервера и т. д.)
Наибольшую ценность представляет динамическая информация,
которая должна копироваться реrулярно, как правило, раз в день.
Статическая информация обновляется редко и обычно резервиру
ется по факту изменения. Лоrи наименее значимы, их копирование
не является обязательным.
о Динамическая информация
в базах данных (информация,
находящаяся под управлением
СУБД)
О Служебная информация
(лоrи)
Временная информация в файловой системе (кэш, файлы с резуль
татами промежуточных вычислений и т. п.) не требуют резервиро-
вания.
Для осуществления копирования необходимо выбирать периоды
времени, в которые наrрузка на сайт минимальна. Обычно это ноч
ное время, коrда создание резервной копии может происходить
в автоматическом режиме.
Видырезервирования
Существует несколько стандартных видов резервирования, которые
MorYT быть применены на вашем корпоративном сайте:
88/100% Резервные копии
263
о Метод отображающеrо дубли
рования диска
О Дифференциальное резерви
рование
О том, какой из методов резервирования используется на вашем
сайте, важно поинтересоваться у хостинr провайдера.
о Полное резервирование
О Пофайловый метод
О Добавочное резервирование
Проблема непротиворечивости резервной копии
Проблема непротиворечивости резервных копий возникает, если
процесс резервноrо копирования идет параллельно с функциониро
ванием сайта и изменением на нем копируемой информации.
В результате информация в резервной копии и на сайте может
быть поrически не cornacoBaHa. Решают эту проблему одним из
следующих способов:
о Залрещение на время резерв
Horo копирования действий,
вызыающихx изменение
динамической информации
о Использование специальных
утилит, обеспечивающих
непротиворечивость инфор-
мации
Управление резервными копиями
Для защиты резервных копий рекомендуются следующие действия:
о Если копирование осуществля
ется на сменные носители, то
после копирования носитель
должен быть отсоединен от
системы и помещен в безопас
ное место
о Резервные копии должны
быть максимально защище
ны и физически выведены
иэ--под воздействия факторов
основной системы (то есть, как
минимум, храниться на друrом
жестком диске и, желательно,
в друrом rороде)
Для автоматизации резервноrо копирования существует множе-
ство видов nпaTHoro и бесппатноrо nporpaMMHoro обеспечения,
поддерживающеro различные виды копирования. типы носителей
и схемы их ротации и т. д.
Bcero пунктов для проверки
О/О Проверено
89. Нештатная работа
Работа веб сайта, как и любоrо друrоrо сложноrо инстру
мента, может быть нарушена по массе причин (от баналь
ной халатности персонала до отказа технической инфра
структуры). При этом сайт переходит в нештатный режим
функционирования, для KOTOpOro должны быть предусмо--
трены свои реrламенты и механизмы
Следует убедиться, что учтены следующие основные уrрозы CTa
бипьности работы веб сайта:
О Выход из строя аппаратноrо обе
спечен ия, канаnов передачи данных,
ceTeBoro оборудования. Приводит
к нештатной работе 1 ro уровня опас
ности полной недоступности системы
для пользователей
О Некорректная работа проrраммно
ro обеспечения (ошибки на сервере,
в системе управления контентом, в коде
сайта и т. д.). Приводит К нештатной
работе 2 ro уровня опасности отказу
в работе отдельных страниц сайта или
их некорректному отображению
О Превыwение максимаnьно
допустимой наrрузки на сайт
вследствие резкоro роста ero
посещаемости. Приводит к
нештатной работе З ro уровня
опасности медленной работе
сайта, а также к некорректной
обработке данных, ошибкам
в проrраммном обеспечении,
отказу в системе защиты
О Вирусная атака. Приводит
к нештатной работе 1 ro, 2 ro,
З rо уровней опасности
Администратор
системы rnaB
ное OTBeTCTBeH
ное пицо, задачей
KOToporo явпяет
ся возвращение
сайта в обычный
режим функцио
нирования
о Некорректная обработка
данных (переполнение дисков,
ошибки в процедуре записи,
рассинхронизация и т. д.). При
водит к не штатной работе 1 ro
и 2 ro уровней опасности пол
ной или частичной недоступно
сти системы для пользователей
О Сбои, произоwедwие в резуnь
тате HeKoppeKTHoro обнов
пения проrраммноrо обеспе
чения. Приводят к нештатной
работе 1 ro, 2 ro, З ro уровней
опасности
89/1 00% Не штатная работа
265
о Некорректная работа на неко-
торых клиентских платформах
или при некоторых клиентских
настройках. При водит к нештат
ной работе 2-ro уровня опас
ности для отдельных катеroрий
пользователей
о Взлом системы и намеренное
причинение ей вреда. При
водит к различным послед
ствиям, в том числе, к прямым
финансовым убыткам, потере
имиджа и др.
При виртуапьном и виртуапьном BЫ
деленном хостинre ответственность за
большинство рисков внештатной работы
лежит на провайдере хостинrовых услуr.
Администрирование выделенноrо cep
вера (а это обязательное условие для
всех серьезных корпоративных сайтов)
производит либо владелец веб сайта самостоятельно, либо компа
ния, специализирующаяся на технической поддержке веб сайтов.
В этом случае для минимизации рисков нештатной работы следу
ет проводить специальный комплекс мероприятий резервное
копирование, реrулярное обновление системноro nporpaMMHoro
обеспечения, реryлярное интеrрационное тестирование, реryлярный
аудит безопасности и т. д.
Еспи сайт не «rpy
зится», значит...
у Hero нет про
бпем!
Для части возникающих проблем на веб сайте MorYT быть предусмо-
трены защитные механизмы (например, «обращение к устаревшим
адресам» или «некорректное заполнение форм»), но для некоторых
ситуаций заЩИТНblе мехаНИЗМbI предусмотреть непьзя ипи их
создание крайне сложно и дороrо (например, «выход из строя
канала или ceTeBOro оборудования»).
Bcero пунктов для проверки
Q,o Проверено
90.Веб интеrрация
Веб интеrрация это процедура, позволяющая сформи
ровать единое информационное пространство из разно
родных веб приложений и внутрикорпоративных систем
различноro класса таких, как: бухrалтерские nporpaMMbl,
различные базы данных, офисные приложения, сервисные
nporpaMMbI, сторонние интернет ресурсы и т. д.
Преимущества веб интеrрации
о Уменьшение накладных рас-
ходов при обмене информацией
О Снижение влияния человеческо
ro фактора при переносе данных
О Централизация и унификация
пользовательскоro интерфейса
системы управления
о Повышение уровня управляемо
сти и поддержки информацион
ных сетей
О Улучшение взаимодействия под
разделений компании
О Реализация информационно
развлекательных возможностей
Примеры интеrраций
Интеrрация может применяться для решения целоro ряда задач. Ha
пример, следует принять решение о ее ИСПОЛЬЗ0вании для:
о Построения rрафиков индек
сов и котировок из данных,
находящихся на удаленном сер-
вере (например, Yahoo!, Рте, РБК)
О Построения rрафиков индек
сов и котировок, находящихся
на внутреннем сервере
О Аутентификации попЬЗ0ва
телей по лоrину и паролю,
хранящимся во внешней базе
по отношению к веб сайту
О Аутентификации и передачи
данных с ИСПОЛЬЗ0ванием
средств шифрования
(например, SSL)
о Вывода каталоrа продукции
(компаний, цен, скидок и т. д.)
И3 внутренней системы
(например, 1 С, SAP)
О Получения закаЗ0В с сайта
во внутреннюю систему
(например, К)
О Оплаты закаЗ0В на сайте
через платежные системы
(например, Assist, CyberPlat, VISA,
Яндекс.Деньrи, WеЬМопеу)
О Платных SМS сервисов
на сайте (например, мте,
«Меrафон», "Билайн»)
90/1 00% Веб интеrрация
267
о Построения карты местности
по данным, находящимся на
удаленном сервере (например,
Google Maps)
о Поиска во внешней по отноше
нию к веб сайту базе данных
Данные Данные
о товарах Файл о товарах
» обмена »
данных
r """""""'""""\
I Google Maps J
запрос j I Карта
карты
I!
Внутренняя
учетная
система
компании
(например
на базе 1 С)
Заявка Заявка
на заказ Файл на заказ
« » обмена « »
Обра60-- анных
танный
заказ
Пользователи
Интернета
.........
Оператор
интернет
маrазина
Сайт с кaTa
лоrом про
дукции или
интернет
маrазином
.........
'"
подтверждение j l оплата
оплаты
Платежные системы
(кредитные карты,
WebMoney и т. д.)
Различают два вида интеrрации с внешними системами:
. интеrрация на уровне данных сюда относят все операции
импорта экспорта, прямоrо запроса данных во внешнюю систему
и т. д. Взаимодействие систем производится в большинстве слу
чаев между уровнями СУБД, с помощью специально созданных
приложений и запросов;
. интеrрация на уровне приложений к ним относят все транз
акционные операции, основное предназначение которых испол
нить какую то команду например, произвести оплату через
кредитную карту или аутентифицировать пользователя по внеш
нему лоrину паролю. Как правило, подобные вызовы производят
ся по прямому действию пользователя, а не по расписанию.
Bcero пунктов для про верки О./,
О Про верен о
91. Внешние сервисы
Возможности корпоративноro веб сайта Moryт быть значи
тельно расширены за счет взаимодействия с друrими, часто
сторонними веб системами.
В простейшем случае такое взаимодействие оrраничивает
ся постановкой ссылок на полезные, с точки зрения пользо
вателя. ресурсы (например, на статьи в www.wikipedia.org,
сайты бизнес-партнеров и т. д.)
Часто этоro бывает недостаточно и компания начинает стремиться
к расширению возможностей собственноro сайта за счет сер висов,
предоставляемых друrими ресурсами.
Важно, чтобы набор внешних сервисов
был действительно актуален для посе
тителей или давал самой компании дo
полнительные возможности.
Маsh uр сервис
существенно pac
wиряет инфор
мационное попе
веб сайта
Mash up
с трендом Веб 2.0 связано понятие
тash up (дословный перевод «смешение») сервис, который
попностью ипи частично испопьзует в качестве источников ин
формации друrие сервисы, предоставляя пользователю новую
функциональность для работы.
Маsh uр функциональности MOryT быть развернуты на корпоратив
нам сайте. Например, проведена интеrрация базы данных по He
движимости с электронными картами Google, что позволит проде--
монстрировать положение каждоro здания (для примера зайдите на
проекты www.gdeetotdom.ru или на www.mdmbank.ru).
Информеры
Информер это автоматически обновляющийся rрафический эле
мент, который устанавливается на сайте пользователя и cnужит для
911100% Внешние сервисы
269
реrупярноrо предоставления финан
совой, политической, спортивной или
какой либо друrой информации.
Информеры предоставляют мноrие pe
сурсы, например, www.informer.hmn.ru.
www.informer.ru, www.finam.ru и др.
Информеры по
звопяют реryпяр
но попучать на
веб..сайт пюбую
необходимую
информацию
Баннеры
Включение баннеров не является способом расwирения функ
ционапьных возможностей сайта и, как правило, не приносит дo
полнительной ценности для Клиентов. Однако есть ряд ситуаций,
коrда их размещение оправдано (например, в случае поддержки
промоакций бизнес партнеров).
Счетчики, системы сбора статистики, рейтинrи
Сбор и автоматический анализ динамики использования сайта по
сетителями может осуществляться с помощью специальноro модуля,
BcтpoeHHoro в систему управления контентом, или блаrодаря инте
rрации со сторонним сервисом.
Примерами таких сервисов (сильно отличающихся по набору функ
циональнастей) MorYT служить: Google Analytics, Spylog, Livelnternet,
List.Ru, Ranker и др.
Поиск по сайту
Крупные поисковые системы (например, Google и Яндекс) предо
ставляют nporpaMMHbIe модули, интеrрируемые в код страниц. и по
звопяющие реаПИЗ0вать все функции поиска в рамках домена
веб..сайта.
Электронные рассылки
Такие сервисы, как: Subscribe.ru, MailList, Рассылки@Маil.ru. RambIer
Рассылки, позволяют реализовать на сайте функцию подписки на
автоматические рассыпки эпектронных сообщений. Сама pac
сылка при этом про изводится через инструменты, предоставляемые
сервисами рассылок.
270
Корпоративный веб сайт на 100%
Системы обмена сообщениями, шлюзы
Взаимодействие
в режиме peanь
Horo времени с по-
мощью встраива
ния в веб--систему
сервисов:
. Google Talks
. MSN Messenger
. Skype
. Google Maps
. системы
отправки
SMS/MMS
Взаимодействие с пользователями в pe
жиме реальноro времени (например,
предоставление консультаций) может
быть орrанизовано с помощью встраи
вания в веб систему сервисов Google
Talks, MSN Messenger и друrих, а также
настройки взаимодействия с сервисами
Skype и системами отправки SMS/MMS.
Интеrрация с Google Maps и aHano
rичными сервисами позволяет леrко
и доступно обозначить схему проезда,
продемонстрировать «rеоrрафию» фи
лиальной сети или объекты недвижи
мости.
Медийные сервисы
На корпоративном сайте моryттранслироваться видео , аудио (вклю--
чая TB и радиовещание) материалы из внешних источников (Ha
пример, RuTube, Google Video, Smotri и т. д.), а также использоваться
изображения с веб камер (как на сайте www.mdmbank.ru) или спе
циализированных фоторесурсов (например, www.panaramio.com).
Подобные сервисы позволяют сделать сайт ярче, выразительнее
и привлекательнее для пользователей.
Прочие сервисы
Кроме тoro, стоит упомянуть orpoMHbIe rpYnnbI встраиваемых cep
висов, связанных с ero продвижением и интеrрацией с платежными
системами и электронными торrовыми площадками.
Bcero пунктов для проверки Oh
О Проверено
92. SМS..сервисы
Использование SМS сообщений является одним из MeTO
дов расwирения функционапьных возможностей сайта
и способом попучения прямых доходов от Hero.
Интеrрация с SМS службами чаще применяется на сервис-
ных или контент проектах, но в случае аккуратной реализа
ции может быть внедрена и на корпоративном сайте
SМS сервисы позволяют:
О Обеспечить интерактивное управление каким-либо процессом
(например, орrанизовать SМS-roлосование)
О Получать матежи за доступ к контенту и/или сервисам, функцио--
нирующим на сайте
О Информировать об изменении CTaтy
сов оплаты
о Публиковать новости
О Информировать о любых изменени
ях на сайте (например, об изменении
статуса пользователя или о появлении
комментариев к ero сообщению в блоrе)
О Отдавать команду об исполнении
любоrо заранее предусмотренноrо
действия (например, команду о совер--
шении платежа)
SMS как механизм оплаты
с помощью от..
правки SMS на
короткий номер
удобно орrанизо-
вать оппату pac
сылок ипи доступ
к сервисам в пич
ном кабинете
Использование SМS-сообщения в качеаве механизма оплаты имеет
целый ряд преимущеав, например:
о Практически стопроцентное
покрытие сотовыми операто-
рами всей территории
России
С тем, как это реализуется на практике, мноrие моrли ознакомиться
после введения платной реrиарации на www.odnoklassniki.ru.
о Максимальное удобство и про-
стота проведения платежа
272
Корпоративный веб сайт на 100%
При этом существуют и свои оrраничения:
о в настоящее время стоимость
платежа, проводимоro с помо
щью SMS, лимитирована Ta
рифной сеткой коротких HOMe
ров операторов сотовой связи и
колеблется от 0,1 до 1 О долларов
(с шаrом 0,5 2 доллара)
Поскольку при оплате сервиса через SMS оператор мобильной связи
снимает очень большую комиссию (десятки процентов), а при оплате
через платежные системы (WebMoney, кредитные карты) комиссия
составляет Bcero несколько процентов, получается, что при снятии
с пользователя одинаковой суммы оплата через SMS значительно
менее Выrодна. Для TOro, чтобы ликвидировать такую «несправед
ливость», можно поступить одним из следующих способов:
о Владелец сервиса взимает до--
статочно высокую комиссию,
которая в сочетании с необхо
димостью выплаты налоrовых
сборов существенно снижает
рентабельность сервиса
. при оплате череэ платежные системы польэоватепю дается
бонус; например, на виртуальный счет начисляется на 30% боль
ше или дается возможность разова воспользоваться каким то
дополнительным сервисом;
. ппатные сервисы явно раэдепяют на две rруппы для оплаты
через SMS и для оплаты через платежные системы.
Мы рекомендуем испопьэовать SМS..сервисы для оппаты:
о Доступа к каталоrам с плат
ным контентом (например,
к отраслевым обзорам и про--
чим аналитическим материалам,
статьям, корпоративным клип
артам, аудиоматериалам и др.)
О Доступа к услуraм онлайн
консультанта
о Рассылок (обычно в «премиум»
версии), подrотовленных COTPYД
никами компании
О Вебинаров (семинаров, прово
димых в режиме онлайн) или
телеконференций
Bcero пунктов для проверки ОА
О Проверено
93. Реклама на сайте
Корпоративный веб сайт является эффективным pe
кламоноситепем, способным обеспечивать мощную под
держку продажам. Реклама на веб сайте делится на:
. внешнюю рекламу, то есть рекламу, размещаемую
друrими компаниями ипи интернет проектами;
. внутреннюю рекламу (саморекламу)
Корпоративные веб сайты практически никоrда не предоаавляют
собавенные площади для размещения чужой рекламной инфор"
мации, крайне редко аановятся учааниками баннерных сетей. Воз
можное исключение размещение рекламы, например, rенераль
HOro поаавщика, дилером или предаавителем KOTOpOro является
компания.
Следует избеrать предложений с друrих сайтов уаановить взаим-
ные ссылки друr на друrа с целью увеличения взаимной посещае
моаи.
Как правило, рекламная активноаь на корпоративных ресурсах BЫ
ражается в саморекламе, объектами которой MOryT являться:
о Спецпредпожения
О Реклама бизнес партнеров
(например, поставщиков,
дистрибьюторов или
вендоров)
О Реклама спонсорских и блаro
творитеЛЬНblХ проrрамм
Именно с помощью рекламы вы можете
управлять ожиданиями Клиента.
о ПрОВОДИМblе или поддержи
ваемые мероприятия (напри
мер, маркетинroвые акции),
как в Интернете, так и вне Сети
Например, качеавенно сделанный ани
мированный ролик HOBOro смартфона
или ноутбука способен существенно
увеличить спрос на Hero.
Текст с баннера
стоматопоrиче
ской кпиники:
«Волосы не зубы,
новые выpa
стут!»
274
Корпоративный веб сайт на 100%
Баннеры
6аннер (анrл. Ьаnnе, флаr, транспарант) rрафическое
изображение рекламноro характера (Wikipedia)
Баннеры обычно размещают на первой странице веб сайта.
Наиболее часто интернет баннеры изrотавливаются в формате JPG
(статические), GIF (статические или анимированные), FLASH (ани
мированные) или в виде НТМL бпоков. Последние не всеrда при
нято называть баннерами, несмотря на
их крайне высокую эффективность как
средства продвижения.
3ффективность
баннера оценива
ется параметром
CTR (Click Through
Ratio), то есть OT
ношением коли
чества кликов к
копичеству пока-
З0В, измеряемым
в процентах.
Чем выше эта
величина, тем
эффективнее счи-
тается баннер.
Например,
CTR = 2% означа
ет, что на каждые
100 показов банне
ра приходится два
перехода на рекла
мируемую страни
цу Веб сайта
Наибольшей эффективностью обладают
баннеры, сочетающие текст и иллюстра
ции. Например, большая фотоrрафия тo
вара и rрамотный слоrан с пояснениями
и комментариями.
Существует несколько наиболее широко
распространенных размеров баннеров
(4б8 х БО, 120 х БО, 125 х 125, 100 х 100,
88 х 3 1), соблюдать которые имеет смысл
только в том случае, если баннер рати
руется в баннерных сетях или распола
rается на чужом ресурсе (например, на
популярном медийном или отраслевом
портале).
На корпоративном сайте баннер может
иметь произвольные размеры, сочета
ющиеся с общей стилистикой и сеткой
веб страниц. Но чрезмерной ориrиналь
насти, все таки, лучше избеrать.
Скрытая реклама
Рекламную информацию почти всеrда несут тексты, размещенные на
сайте. Например, значительный объем TaKoro маркетинrовоrо KOH
93/100% Реклама на сайте
275
тента встречается в разделах: «О компании», «Наши преимущества»,
«Почему мы», «С чеrо начать».
Характеризуя свой продукт, вы так или иначе рекламируете ero. Важ
но только, чтобы при этом упоминались такие ero свойства и преиму
щества, которые действительно важны для Клиентов.
Прочие виды рекламы
Кроме упомянутых выше, существует еще несколько видов рекламы:
о Рекламноеобъявлени
«плавающее» на специальном
спое внутри окна брауэера
(это один из наиболее раздра
жающих видов рекламы)
О Принудительно OTкpЫBa
ющиеся в отдельном окне
рекламные объявления
о Скачиваемые рекламные ма-
териалы ("обои)) для рабочеro
стола, ринrтоны, лоrотипы, имид
жи, курсоры, мелодии, персо
нажи и т. д.)
О Виджеты
Факторы, повышающие эффективность рекламы
Вы сможете существенно повысить эффективность собственной pe
кламы, если:
о Будете приводить конкретные,
проверяемые факты (напри
мер, ,,83% женщин вЬ/бирают
косметику марки "МауЬеlliпе"»)
О Станете использовать слоraны,
непосредственно укаэываю
щие на преимущества пр
дукта (например, "Максимально
полезные деловые KHUZU»)
О Начнете приводить ссылки на
внеwние авторитетные источ-
ник.. (скажем, "Наша компания
сертифицирована по cтaHдap
там /50»)
о Проиллюстрируете и сделаете
эстетически привлекательны
ми все рекламные объявления
(как вариант: изrотовьте хорошие
фотоrрафии и напишите на них
слоrаны красивым, желательно
ориrинальным шрифтом)
О Откажетесь от oTKpoBeHHoro
пафоса, самовосхваления
и обмана, который вызывает
только раздражение и после
дующее разочарование
Bcero пунктов для про верки ОА
О Проверено
94. Промоблоки
Промобпок это условное название нескольких rрафи
ческих текстовых или смешанных анонсов, размещаемых
на первой странице. Промоблок часто отражает уникапь
ное ToproBoe предложение сайта и позволяет в течение
нескольких секунд захватить и удержать внимание пользо-
вателя. Основная задача промоблока упростить переход
пользователя на внутренние страницы
Если внимательно изучить эволюцию
дизайнов первых страниц наиболее
«продвинутых» корпоративных сайтов,
то сразу можно увидеть, что все они дви
жутся В направлении максимальноro ис
пользования промоблоков.
На них может не быть даже названия компании (как, например, на
www.apple.com). но мощный и красивый промоблок или несколько
есть всеrда.
Чтобы не быпо
мороки,
Создавайте
промобпоки!
Создание промоблока позволяет компактно и максимально наrлядно
передать несколько наиболее важных для компании сообщений,
например:
о Чем эанимается компания?
Что является ее rлавным про
дуктом?
О Какими уникальными xapaK
теристиками обладают товары
иlили услуrи компании?
О Какие товары и/или услуrи
являются лидерами продажt
новинками/эксклюзивом?
о Какие спецпредложения дей
ствуют в настоящее время?
О Какие спортивные, культурные
или общественные мероприя-
тия поддерживает компания?
Обычно ответы на эти и друrие вопросы оформляются в виде He
скольких текстово rрафических анонсов, баннеров или больших
кнопок. Кликнув по ним, Клиент начинает двиrаться по одному из
аккуратно предложенных пользовательских сценариев.
94/100% Промоблоки
277
Как сделать промоблок
Промоблок всеrда имеет сложную структуру. Собственно, в этом
и состоит ero основное отличие от обычных баннеров или анонсов.
.Suп
.........
......... ......
....... ...... ....... .........
4. ,
.....
r 1
SUN POWERS
WEB 2.0
,
....
...
. """"""".
.... м...
1'
.V! Prorт",
.<,uaNlм'!, н wN,.tl,,","'1''('Мof'''VaI'IlI .lIr, 1JIItt!r "
Например, компания Sun (www.sun.com) создала на первой странице
CBoero корпоративноro сайта сложный промоблок, состоящий из
одноro большоro анонса и трех небольших баннеров, расположен
ных справа от Hero.
Как правило, выбирают одну из следующих схем орrанизации промо-
блоков:
о 60ЛЬШОЙ баннер + 2 4 M"H" О Два баннера, скомпонованных
баннера, расположенных от Hero по принц"пу: 1/3 зкрана
сбоку или снизу к 2/3 зкрана
О 60ЛЬШОЙ баннер + 2 3 баннера, О 60ЛЬШОЙ баннер + 4 S мини
расположенных на нем анонсов без текста
О 60ЛЬШОЙ баннер + 6 8 анонсов
по краям
Промоблоки MOryT выводиться по разной лоrике. Например, это MO
ryT быть: наиболее популярные товары, товары новинки, продукция,
выпущенная оrраниченной серией, и т. д.
Промоблок можно изroтовить на основе
обычных изображений (как правило, фо
тоrрафий) или на базе flаsh технолоrий.
Например, компания, продающая MO
бильные телефоны, может создать про
моблок, состоящий из:
Промобпок это
способ макси
мапьно акценти
рованно сказать
самое rnaBHoe
278
Корпоративный веб сайт на 100%
-
-
-.
о OAHoro больwоrо баннера,
демонстрирующеrо флаrман
ский продукт (скажем,
iРhопе ЗG)
БОIlЬWОЙ баннер + 2 3 м"н.. баннера,
расположенных от Hero сбоку или СНИ3У
БОIlЬWОЙ баннер +
4--5 M"H.. aHOHC08 без текста
.
.
.
о Четырех небольwих баннеров,
продвиrающих друrие марки
телефонов (НТС, Nokia, Sаmsuпg)
или подчеркивающих преимуще
ства OCHoBHoro продукта
.
.
БоIlЬWОЙ баннер +
анонсы по краям
-
-
-==
-
1-
tjj
.
, -
-
в любом случае самое rлавное это мощная визуальная дeMOH
страция OCHoBHoro продукта или направления деятельности KOM
пании. Парадоксально, но даже после этоrо Moryт остаться Клиенты,
которые, позвонив в компанию, спросят: «Я что то не понял, а вы
телефонами mopzyeme?» Будьте максимально вежливы при таких
обращениях.
Bcero пунктов для про верки 0.,4
О Проверено
95.Спецпредложения
Специальные предложения эффективный маркетинrо-
вый инструмент, возникший в традиционной рекламе и за
имствованный из нее веб разработчиками.
Часто спецпредложение отражает уникальное ToproBoe
предложение компании на уровне продукта (например, по
казывает товар новинку или сообщает о начавшейся Heдe
ле скидок)
Например, торrовая компания может принять решение о размеще
нии спецпредложений с целью распродажи остатков товара со склада
(скажем, под уrрозой окончания сезона, выхода на рынок TOBapa
заменителя или появления опасной новинки).
Как лучше сделать спецпредложение
Мы рекомендуем вам придерживаться следующих простых правил:
О Одна страница один акцент.
На странице может быть несколько
спецпредложений, но даже при беrлом
просмотре у одноro из них должен
быть явный приоритет
О Объектспецпредожения(например,
товар или услуrа) должен быть MaK
симально визуализирован
О Важно обращаться, скорее, к 3MO
циям, чем к лоrике (никто не будет
вчитываться в длинные наукообразные
тексты, обосновывающие выбор)
О Если спецпредложение имеет KOHK
ретное стоимостное измерение, цена
обязательно должна быть указана
О Желательно ИСПОЛЬЗ0вать короткий
и простой слоrан с призывом к дей
ствию
в качестве спец
предложения мо-
жет быть оформ
лено практически
любое действие
компании:
. вывод HOBoro
товара на рынок
. неделя скидок
. бонусы
. распродажа
уцененной
продукции
. лотерея
280
Корпоративный веб сайт на 100%
Демонстрацияспецпредложения
Соrласно сложившейся практике, спецпредложения чаще Bcero
демонстрируют с помощью баннеров, раэмещаеМblХ на первой
странице или в ключеВblХ раэделах сайта, например, на индекс
ных страницах. Но это далеко не единственная возможность. Напри
мер, можно рекомендовать:
О Соэдание больwоrо промо О ИСПОЛЬЗ0вание укрупненных
блока заrоловков рядом с описанием
О Соэдание баннера перетяжки. продвиrаемоrо товара или услуrи
проходящеro через все страницы О Создание flаsh ролика
сайта, что rарантирует ero показ О Создание мини фильма
любому пользователю, пришед О С w
оздание интерактивнои
шему на саит
мини иrры
О Создание текстовых анонсов,
выделенных цветом или разме
ром шрифта
Между спецпредложениями может поддерживаться различная лоrи
ка. Например, при показе спецпредложения «Новый обойный клей»
рядом должно автоматически появлять
ся спецпредложение о покупке опреде
ленной марки обоев.
Спецпредложе w
ния важно под
держивать с по
мощью KOHтeKCT
ной реклаМbI
Почти BcerAa баннер, покаЭblвающий
спецпредложение, должен являться
«пеРВblМ waroM», позволяющим начать
работу «мастера» оформления заявки
или покупки товара.
Так поступает большинство интернет маrазинов. Хорошие при меры
вы можете найти на сайте «Первой страховой компании» (www.lsk.ru).
Иноrда спецпредложения размещают во всплывающих окнах, по
являющихся перед пользователями и закрывающих часть сайта.
Поступать таким образом катеrорически не рекомендуется, так как
именно этот прием вызывает крайне неrативную реакцию у 98% поль
зователей. Вы просто потеряете своих Клиентов.
Bcero пунктов для проверки 0.,4
О Проверено
96. Продвижение
Продвижение это система маркетинrовых мероприя-
тий, направленных на при влечение внимания к сайту со
стороны целевых аудиторий (Клиентов, бизнес партнеров,
инвесторов, соискателей работы и т. д.)
Основная задача
Продвижение корпоративноrо сайта должно быть частью общей
стратеrии маркетинrа компании, полностью соответствовать ее цe
ля м, принципам и приоритетам
В рамках стратеrической цели маркетинrа максимизации ценности
продуктов компании в сознании Клиентов система продвижения
решает более праrматичные задачи:
о Формирование и поддержка ло
яльности со стороны Клиентов,
инвесторов и бизнес партнеров
О Продвижение и развитие брен
да компании в рамках Интер
нета
о Рост общеrо объема трафика
сайта (желательно за счет по
тенциальных и существующих
Клиентов)
Все инструменты одним списком
Арсенал инструментов продвижения достаточно боrат. Вы можете
изучить приведенный ниже список и выбрать из Hero те пункты, KO
торые в наибольшей степени подходят для вашей компании.
1. Поисковая оптимизация
О Мероприятия по продвижению
веб сайта в поисковых систе--
мах
о «Классическая»баннерная
реклама, размещаемая на
профильных ресурсах (напри
мер, на www.auto.ru) или порта
лах с большим трафиком
(например, на www.yandex.ru
или www.rbc.ru)
О Участие в отраслевых катало
rax и онлайн досках объяв
лений
2. Прямая реклама
О Мобильная реклама (использо
вание SМS/ММS сервисов и IVR
(roлосовых сервисов) и т. д.)
282
Корпоративный веб сайт на 100%
о Размещение промороли
ков на популярных видео
хостинrах (например,
на www.youtube.com)
О Текстовая или баннерная
контекстная реклама (напри
мер, на базе сервисов Google
AdWords, MSN АdСепtеr, Уапdех.
Direct, "Беrун» и "надстроек»,
типа: "R Брокер», SmаrtCопtехt,
Re actor)
О Реклама вонлайновых иrрах,
в проекте Second Live и др.
3. Создание на сайте cneци
альных «инструментов
продвижения»
О Почтовые рассылки с сайта
или через специализированные
сервисы рассылок (например,
с помощью subscribe.ru)
О Орrанизация подписки
на RSS ленты
о Предоставление маркетин
rOBbIx материалов для cкa
чивания (электронные версии
промоматериалов, ринrтонов,
мелодий,реаЛТОНОВ,,,хранителей
экранов», слайд шоу, видео или
аудиороликов, тем, JАVА иrр
ит.д.)
4. e PR, работа в социальных
сетях
о Продвижение в блоrах, фор
мах, сообществах и социаль
ных сетях путем публикации
постов, комментирования,
"закладок» и т. д. Создание сети
независимых areHToB влияния,
не пересекающихся по стилисти
ке текстов
О Размещение новостей, статей,
отчетов, интервью, презен
таций и прочих материалов
на профильных сайтах
О Проведение вебинаров (ceTe
вых семинаров) и злектронных
прес конференций
О Публикация пресс реЛИЗ0В на
специализированных сайтах
(например, рrеsиеlеаsе.щ
subscribe.ru/release,
рr.спеWS.ru и др.)
о Рекламные акции, проводи
мые с помощью сайта (скидки,
купоны, бонусы, подарки, бес
платная доставка, бесплатные
образцы и т. д.)
О Создание интерактивных иrр,
распространяемых в различных
форматах (например, WАР иrр)
О Орrанизация партнерских
nporpaMM, дающих возможность 5. Co дaHиe дополнит льных
сайтам партнерам получать саитов и/или подсаитов
доход от переходов по рефераль-- О Специализированные промо
ным ссылкам (в случае приобре-- сайты (в Интернете и дЛЯ MO
тения товара или заказа услуrи) бильных устройств)
О Самореклама О Создание и развитие соб
О Орrанизация на сайте лотерей, ственных отраслевых KOHTeHT
турниров, конкурсов, викто проектов (в Интернете и для
рин и т. д. мобильных устройств)
О Создание и распространение О Создание и поддержка корпо
виджетов ративноrо блоrа
9б/100% Продвижение
283
о Создание WАР сайтов и Bep
сий сайтов для мобильных
устройств с размещением на
них рекламноro "мобильноro
контента»
б. «Вирусный MapKemUHZ»
О Создание и распространение
вИнтернете забавных иrр,
текстов
о СQ сообщения с указанием
адреса сайта
О Эпатажные фотоrрафии
7. «Скрытая» реклама, npo
zpaMMbI лояльности
О Product Рlасеmепt внутри
фильмов, иrр, мультимедиа
презентаций и т. д.
О Формирование проrрамм
поддержки лояльности
о Интриryющие видео или
аудиоролики
За последние несколько лет продвижение стало отдельной сфе..
рой деятельности. Образовались специализированные компании,
занимающиеся только поисковым продвижением веб сайтов. Они
формируют у себя аналитические отделы, изучающие алrоритмы
и системы ранжирования результатов поиска ведущих поисковых
сервисав.
Самостоятельно поисковую оптимиэацию можно провести эф
фективно только для редких запросов (например «трехфазные TpaHC
форматоры»). Выход на ведущие запросы по высококонкурентным
запросам (таким, как "недвижимость», «кредитные карты», «туры В
Еrипет» и т. п.) возможен только с при влечением профессиональных
узкоспециализированных компаний, о которых rоворилось выше.
Между ними происходят даже cBoero рода соревнования в формате
«МЫ по слову "окна" вывели наших Клиентов на 1 e, 4 e и 5 e места,
а вы только на l e и 9 e».
Bcero пунктов для проверки 0.,4
О Проверено
97. Взаимосвязь
с продвижением
вне Интернета
с точки зрения маркетинrа большое значение имеет дости
жение TecHoro вэаимодействия и синхронности усилий,
направленных на продвижение компании вИнтернете
и вне ero (в офлайне и вонлайне). Независимо от исполь
зуемой среды, Клиент должен видеть одни и те же образы,
слоrаны, идеи и т. д.
Как синхронизировать усилия
Ваши усилия по продвижению дадут максимальный эффект, если вы
сможете соблюсти несколько базовых принципов:
О Оперативное реаrирование на собы
тия в онлайн (ответы на заполненные
формы, присутствие в блоrе и др.)
О Единство сообщения на всех носите
лях (например, потенциальный Клиент
должен увидеть одинаковый визуальный
образ на рекламном щите, в журналь
ном модуле и на первой странице сайта,
чтобы у Hero в подсознании сложилась
целостная картина предложения).
Частным случаем этоro принципа является соблюдение стандартов
фирменноrо стиля во всех точках контакта
Интернет зто
такой же медиа
носитель, как Te
левидение, радио
или преэентаци
онная папка
о Общая соrласованность работ в офлайне и онлайне по целям,
времени и идеолоrии
К сожалению, в компаниях довольно часто за маркетинr в онлайне
и офлайне отвечают разные команды специалистов. Это приводит к
тому, что утрачивается синерrетический эффект от одновременноrо
и сходноro присутствия в разных коммуникационных средах. Причем
очень часто сайт «не успевает» за классическими рекламными кампа
ниями. Проявлением этоrо MOryт быть устаревшие спецпредложения
97/100% Взаимосвязь с продвижением вне Интернета
285
и баннеры, вывешенные на сайте, а также анонсы, сообщающие о про
ведении мероприятий, закончившихся еще в прошлом roду.
Проверить исполнение обозначеННblХ Вblше принципов на прак-
тике можно с помощью следующеrо контрольноrо списка:
о Во всех маркетинrовых MaTe
риалах (буклетах, визитных
карточкаХ,проспектаХ,конвер
тах, рекламных стендах, щитах
и т. д.) следует указывать
адрес сайта
О Адрес сайта может присутство
вать в аудиорекламе
О Адрес сайта должен присутство
вать в видеорекламе (обычно
в завершающей части ролика)
о В рассылаемых пресс релизах
важно ставить ссылки на MaTe
риалы сайта
О Если рекламируется отдельный
раздел и/или подсайт, то важ-
но указывать адрес именно
поrо раздела (например,
www.Ыоg.соmрапу.ru).
а не URL rлавной страницы
Отсутствие синхронности и взаимоподдержки разных инструмен-
тов продвижения, как правило, можно наблюдать в компаниях, для
которых Интернет еще не является зна
чимым бизнес инструментом и медиа-
носителем.
Противоположную картину можно Ha
блюдать у ведущих операторов сотовой
связи, демонстрирующих почти стопро-
центное взаимосоответствие усилий по
продвижению в онлайн и офлайн. Такую
же картинку мы с удовольствием наблюдаем и при общении с круп
ными западными автомобильными концернами (например, с Audi).
Уж если продаете
кобр,
На баннере
не нужен бобр!
Bcero пунктов для проверки ОА
О Проверено
98. Поисковая оптимизация
Поисковая оптимиэация (Search Engine Optimization,
SEO) это комплекс мер, направленных на повышение по
зиции сайта в поисковых системах по заданному набору за
просов.
На эту позицию влияют внешние и внутренние факторы
ранжирования
Робот очень
«любит)) теrи,
Он не «вэrлянет))
на JРGи!
Как правило, поисковой оптимизацией
должна заниматься специализированная
компания, располаrающая необходимы
ми технолоrиями и персоналом.
в простейwем случае усилия SЕО оп
тимиэаторов направляются топько на
первую страницу сайта и преследуют цель повышение влияния
внешних и внутренних факторов ранжирования для ключевых поис
ковых систем Япdех, Google и др.
Внутренние факторы ранжирования
Часть действий по оптимизации сайта под алrоритмы работы поис
ковых машин про водится на нем самом.
В частности, корректируются следующие моменты:
о Метаинформация, прописан
ная на уровне кода страницы
(эта информация хранится
преимущественно в виде раз
нообразных TerOB, например,
тeroB заrоловков разных YPOB
ней, alt TeKcтoB и др.)
О Используемые технолоrии
представления контента
и навиrации по сайту. Блоки
на Flash и JavaScript заменяются
на текстовые аналоrи
о Текстовое содержание страниц
(точнее, содержание на cтpa
ницах ключевых слов, COOTBeT
ствующих целевым поисковым
запросам)
О Дата реrистрации домена
(обычно чем больше времени
прошло с момента реrистрации
домена, тем выше к нему «ДOBe
рие» поисковых роботов)
98/100% Поисковая оптимизация
287
Семантическое ядро
Семантическое ядро формируется на
основе ключевых слов, характериэую
щих биэнес компании (с учетом вариа
ций в названиях, ошибок в написании,
профессиональноrо сленrа, транслите
раций, синонимов, критериев качества,
предполаrаемых действий и т. д.).
Первоначальный список ключевых слов
рекомендуется также дополнять ассоци
ативными запросами.
Объем семантическоrо ядра, то есть KO
личество анализируемых формулировок, зависит от тематики сайта
и может колебаться от нескольких единиц до нескольких тысяч.
Работа SЕО копирайтера
Именно с составления списка ключевых
или профильных запросов должна Ha
чинаться работа SЕО копирайтера. PeKO
мендуем сервис www.wordstat.yandex.ru.
3адача SЕО копирайтера состоит в том,
чтобы обеспечить раэумную плотность
встречаемости таких формулировок в
текстовых материалах, так как исходя из
3Toro пара метра поисковые роботы
«судят)) О релевантности сайта эапро
су польэователя, введенному в поис
ковой системе.
Семантическое
ядро зто пере
чень основных
поисковых эа
просов, по кото-
рым проводится
и аналиэируется
продвижение
сайта в поисковых
системах
Оптимальная
плотность ключе-
вых спов должна
составпять 5 7%
от TeKcToBoro
содержимоrо веб
страницы, при
зтом ключевые
слова (фраэы)
должны BCTpe
чаться в тексте
как минимум
3 4 раэа
Внешние факторы ранжирования
Основными внешними факторами ранжирования являются объ-
ем и (<уровень авторитета») внеwней ссылочной баэы. Эта база
может:
О В03НИКНУТЬ стихийным обраЗ0М в результате eCTeCТBeHHoro «обра
стания» сайта ссылками с друrих проектов
288
Корпоративный веб сайт на 100%
о быть целенаправленно орrаНИЗ0вана
с помощью сети сайтов доноров
Выбор сайтов доноров определяется
множеством признакав: отсутствием за
претов на индексацию поисковиками и
некорректно работающих скриптов, xo
рошей «ссылочной» историей, значени
ем тематическоrо индекса цитирования
(иИЦ), РаgеRапk и др. Также желательно,
чтобы сайты доноры не были специаль
но созданы только для линкоподдерж
ки (то есть имели друrой контент, кроме
ссылок).
Одним из видов сайтов доноров являются специализированные бир
жи по продаже ссылок. Обращение к ним связано со значительным
риском потери позиций в выдаче поисковиков, которые периоди
чески добавляют ссылки с таких проектов в свой «черный список»
(<<банят»).
Оценить позиции
сайта в различных
поисковых систе
мах можно с по
мощью онлайн
сервисов
таких, как
www.builtwith.com
или
www.site auditor.ru
Как оптимизировать сайт
Для проведения работ по SЕО оптимизации вы можете воспользо
ваться следующим контрольным списком:
О Необходимо указать индиви О Необходимо максимально
дуальные метатеrи для каждой упростить верстку страниц
отдельной страницы сайта. Со-- (например, отказаться от исполь
держание MeTaтeroB (dеsсriрtiоп зования значительноro количе-
и keywords) должно максимально ства вложенных таблиц)
соответствовать поисковым за- О Для всех основных rрафиче
просам ских злементов необходимо
О Для каждой страницы сайта добавить осмысленные
должны быть заданы индиви alt TeKcTbI
дуальные титулы (поля <title», О Основная навиrация по сайту
релевантные ключевым поис должна быть орrаНИЗ0вана
ковым запросам с помощью текстовых ссыокK
О Необходимо отказаться от О Желательно использовать
автоматическоrо перенаправ-- так Ha3blвaeMbIe чистые или
ления ПОЛЬЗ0вателей на естественные URL, типа
друrие страницы сайта www.соmрапу.rutаЬоutJ
(редиректов) соmрапупаmе.html
98/100% Поисковая оптимизация
289
о При верстке и форматировании
должны быть соблюдены все
требования стандартов HTML
(соответствующими теrами обо
значены заrоловки, полужирные
и курсивные варианты шрифтов,
все стили вынесены во внешний
СSS файл и т. д.)
О Следует минимизировать
использование технолоrий,
представляющих «трудности))
для поисковых роботов
(например, технолоrии f1ash,
jаvа скриптов, фреймов). Все
скрипты необходимо вынести
в отдельные файлы
О Основной текстовый контент
сайта желательно располаrать
в верхней трети страниц
(в идеале, непосредственно
после Tera <body> должна
располаrаться фраза длиной
150 200 символов, релевантная
поисковым запросам)
О Сайт должен корректно отра-
батывать типовые ошибки
(например, при обращении
к несуществующей странице
выдавать код 404, а не ЗО 1/З02)
о Желательно внедрить на сайте
навиrацию «хлебные крошки».
создать «облако TeroB» и карту
сайта
О Текстовоенаполнениесайта
не должно изменяться в зави-
симости от настроек браузера
(например, в зависимости от Ha
строек cookies, "отключенности»
rрафических файлов, запретов
на запуск скриптов и др.)
О На каждой странице сайта
должна быть ссылка на
rлавную страницу вида
www.соmрапу.ru. а не
www.соmрапу.ru/iпdех.html
О Все внутренние ссылки на
сайте должны быть осмыслен
ными, а не типа: "Подробнее»,
"Узнать больше)), <<Далее))
О Должен быть корректно на-
строен файл robots.txt, управ
ляющий индексацией сайта
поисковыми роботами
О Желательно, чтобы на все CTpa
ницы сайта вели прямые ссыл
ки (без использования JavaScript
или VBScript и вида "WWW...)))
Bcero пунктов для проверки ОА
О npoBepeHo
99. «Изюминки» и «фишки»
«Иэюминки» И «фишки» это любые особенности, дела
ющие сайт нестандартным, инновационным, интересным и
запоминающимся.
Зачастую это те приятные нюансы, которые и остаются в па
мяти пользователей даже в том случае, если они уходят
с сайта
Проrрамма макси
мум состоит в том,
чтобы «иэюмин
ки» встречали
Клиента во всех
точках контакта
сним
Сайт как «изюминка»
«Изюминки» MorYT быть реализованы
в виде:
О Необычных дизайнерских элементов
(фотоrрафий, коллажей, пиктоrрамм)
О Нестандартных функциональностей,
несущих полезную или развлекательную
функцию
О Особоrо способа структурирования
и/или подачи материала
Иноrда весь сайт проектируется как «изюминка». Для Hero дела
ется сверхориrинальный дизайн, множество нестандартных функ
циональнастей и т. д. Как правило, это очень развлекает пользова
телей, но может приводить и к обратному эффекту. Не захотев раз
бираться внестандартном функционале, они MOryT навсеrда уйти
с сайта. Примерам такой «отпуrивающей новизны», MoryT служить
сайты www.day dream.com и www.soulbath.com, имитирующие фор
матирование диска пользователя, показывающие бесконечные про
цедуры заrрузки несуществующих фай
лов, предлаrающие cbIrpaTb в «крестики
нолики» (без возможности сделать хотя
бы один ход) и т. д.
«Иэюминки» эапо
минаются, но ча
сто и отпуrивают
консервативных
польэователей
Есть и примеры совсем прямолинейной
демонстрации «изюминок». Скажем, на
сайте Студии Артемия Лебедева, в самом
99/1 00% «Изюминки» и «фишки»
291
низу страницы размещена фотоrрафия реальной изюминки, снаб
женная соответствующим комментарием.
Наши изобретения
Довольно MHOro «изюминою) используется на сайте www.individ.ru.
Например:
о Ниспадающий лейер с общей
навиrацией, демонстрирующей
всю структуру сайта
О «Перекпючающиеся закпад
ки» для обычных страниц,
позволяющие удобно и лоrично
скомпоновать значительные
информационные объемы
О Большие баннеры на rлавной
странице с "ручным листанием
без перезаrрузки», предостав
ляющие пользователям воз
можность быстро просмотреть
ключевую информацию
О Удобная форма отправки бы
строй заявки в Individ, paCKpы
вающаяся в родительском окне
с затемнением экрана
о Блок с раскрывающимися
без перезаrрузки анонсами
и новостями на rлавной cтpa
нице
О Лейер «С чеrо начать», дeMOH
стрирующий основные шаrи для
начала работы с Iпdivid
О Блок с перекпючающимися
списками лоroтипов Клиентов,
партнеров и вендоров компании
(в низу rлавной страницы)
О Множество креативных
идей таких, как: размещение
на карте Ярославля не только
местонахождения офиса компа
нии, но и указателя на памятник
Ярославу Мудрому, знакомому
всем по 1 ООО рублевой купюре
Как придумать «изюминку»
Не существует какоrо либо rOToBoro рецепта, позволяющеrо rapaH
тированно придумать и реализовать действительно яркую «изю
минку». Она практически всеrда результат чистоrо творчества.
Изучайте опыт из друrих отраслей. Ha
пример, MHOro «изюминок» может под
сказать качественная реклама или ин
тересные способы работы с Клиентами
(скажем, в индустрии туризма).
Общайтесь с креативными специалиста
ми, у которых в запасе всеrда есть Heop
динарные идеи.
Попезный матери
ал по творческому
мышлению вы
найдете на сайтах
3дварда де Боно
edwarddebono.com,
еdwdеЬопо.соm
292
Корпоративный веб сайт на 100%
Центр идей
у нас в компании уже MHoro лет функционирует злектронный Центр
идей, в котором постоянно накапливаются интересные находки и
мысли по улучшению сайтов. Это дает возможность MrHoBeHHo и по
любой теме предложить десятки инноваций и rOToBblX решений.
Вы можете создать у себя Каталоr «изюминою> и «фишек», В котором
они постепенно будут собираться и ждать внедрения. Попробуйте.
И расскажите нам о результатах.
Bcero пунктов для проверки Oh
О Проверено
Из рецензий наших зкспертов
Ftt ... F8Y(I'Ie,J ТcdJ ...
М:t,"IIii .и.м...;;"'N
dll31PII
IIIRW8lIJ. I IIi8IIJIWIШ. I """"""",", I faii1 ,
...... -
2f.11.211O!
11 DТfIIP8OlIIlИ1Е ,. olтllp", lOOВ fO,Iill
AA81tt8liMllAn8a Р(I _'\,
Иаам 11 kJ!oY&ll 1I08."'!
:;::::I"':::::7 (айт РАО «rазпром» (www.gazprom.ru)
P..,.Io......01'..iL
CI1IillIW6v...-rD8IiОТ,
alIIN8crиwм8 пааеат"
.aUi rilZll_ni IIМlОЧ О'.
ьonама811......8 '1
-в a8CnD"'..n81t1d1 11
..a.aB8II'IIr8:t8
. ..............
. ......
.
. ........
. ..............
.....".
..........,..,.,
'"""",
. """"""""
. .........
. ............
. .......
. ........
.........
.......................
. ....
..........
. ......
. ".....................-
. ...........
Крупнейшая компания России не может себе позволить Hacы
щать свой сайт технолоrическими изюминками и маркетинrовы
ми фишками, но в необходимом и достаточном количестве они
присутствуют на этом удобном в пользовании сайте. Я заметил,
что фишки, в основном, используются в подаче информации для
инвесторов, а не для потребителей продукции концерна. Очень
полезная вещь видеозапись конференций, ВС1реч с партнерами
и инвесторами, расшифровки важных neperoBopoB и выступле
ний. Трансляция котировок акций rазпрома и основных индексов
фондовоro рынка в текстово rрафическом виде сделаны понят
но и удобно, леrко и ненаrруженно. Investor relations на высоте!
ЕС1Ь отсылка к электронной торroвой площадке, расположенной,
правда, на сайте дочернеrо Межреrионraза. Еще касаемо фишек:
ЗD модели добычи rаза на Ямале на сайте я не нашел, как и бло
rOB с рацпредложениями от буровиков. "rазпром» компания
серьезная, такое баловство им ни к чему.
Александр Бурмистров, rенеральный директор Рекламной rpYnnbl
.AreHTCТBo Массовых Коммуникаций.
100. «Душа» сайта
Коzда материальный мир
Нещадно zубит мир духовный
Все в «норах» прячутся квартир,
Боясь столкнуться с чувством словно!
Наш век технических высот
И достижений биоzенных,
А человек так одинок,
Хотя душа первостепенной
Должна быть. Но, увы, не так:
Все в акциях и накопленьях.
Позвольте, но ведь это факт
Основа жизни сбереженья!
Как он безрадостен и чахл,
И утопичное мышленье
Повлечь способно только крах
Для каждою! Но вдохновение,
Как свет в тоннеле, дарит Путь
Дороzу к чувствам и заботе!
И трепетность коzда нибудь
Проявит человек в работе.
и вовсе «неживой» веб сайт
BMUZ «душу» обретет и (<личносты),
Коюа в ezo шаблонной Iife
Исчезнет штамп и прозаичность.
Он уникален и любим,
Тот сайт, что создан «всей душою»!
Пусть вложено немало сил...
Но все окупится с лихвою!
Все бренно в мире. Каждый шаz
Неповторим, как настроенье.
<<Душо» у сайта вечный знак.
Знак качества! И восхищенья!
Общий счетчик
ваших баллов
1 Поколения веб сайтов
2 Концепция присутствия
вИнтернете
3 Цели владельцев
4 Коэффициент конверсии
5 Типоваяпринадлежность
6 Конкурентный анализ
7 Бенчмаркинr
8 Отраслевая специфика
9 Удобство использования
10 Веб статистика
11 Уникальное ToproBoe
предложение и позицио
нирование
12 Факторы доверия
13 Бренд менеджмент
14 Точки контакта
15 Опыт пользователей
16 Стандарты и специфи
кации
17 Законодательные требо
вания
18 Возврат инвеспщий
19 Совокупная стоимость
владения
51 Карта веб сайта
52 Поиск по веб сайту
53 Ссылки и rипертекст
54 Информационное
наполнение
55 Иноязычные версии
56 Раздел "О компании»
57 Раздел "Корпоративный
блоr»
58 Раздел "Вопросы
и ответы»
59 Раздел «Пресс центр»
60 Раздел "Вакансии»
61 Раздел "Каталоr товаров»
62 Раздел "Каталоr уСЛуr»
63 Раздел "Контактная
информация»
64 Flа5h версия веб сайта
65 Версии сайта дЛЯ MO
бильных устройств
66 Версия для печати
67 Промосайты
68 Аудио
69 Видео
Общий счетчик ваших баллов
295
20 Целевые аудитории
21 Цели и задачи посети
телей
22 Сценарии поведения
пользователей
23 Права доступа
24 Пользовательские роли
25 Пользователи с оrрани
ченными возможностями
26 Художественное оформ
ление веб сайта
27 Веб 2.0 интерфейс
28 Силы, влияющие на
дизайн
29 Первая страница
30 Индексные страницы
31 Контент страницы
32 Иллюстрации
33 Фоrorрафии
34 Шрифты
35 Дизайн текста
36 Анимация
37 Сервисы для посетителей
38 Электронная коммерция
39 Экстра нет для Клиентов
40 Экстра нет для COTpyД
ников
41 Экстранет для дилеров
42 Экстра нет для инвесторов
70 Файлы для заrрузки
71 Доменное имя
72 Система управления
контентом
73 Реrламент публикаций
74 Документация
75 Базы данных
76 Языки и технолоrии про
rраммирования
77 Инструменты разработки
и поддержки
78 Устройства доступа
79 Браузеры
80 Аппаратная платформа
81 Проrраммно аппаратная
архитектура и масштаби
рование
82 Производительность
83 Хостинr
84 Масштабирование дaH
ных и интерфейса
85 Объемы информации
86 Безопасность
87 Тестовая версия
88 Резервные копии
89 Нештатная работа
90 Ве6--интеrрация
91 Внешние сервисы
92 SМS сервисы
296
Корпоративный веб сайт на 100%
43 Персональный кабинет
44 Обратная связь с посети
телями
45 Электронная почта
и веб сайт
46 RSS каналы
47 Платный доступ к инфор
мации и сервисам
48 Структура сайта
49 Навиrация
50 Подсайты
93 Реклама на сайте
94 Промоблоки
95 Спецпредложения
96 Продвижение
97 Взаимосвязь с продвиже.-
нием вне Интернета
98 Поисковая оптимизация
99 "Изюминки» и «фишки»
100 <<Душа» сайта
Что еще почитать
Ниже мы приводим краткий перечень книr, знакомство с которыми,
с нашей точки зрения, может быть полезно для директора по MapKe
тинry. Каждая упомянутая книrа снабжена небольшим комментарием
и ССЫЛКОй на сайт ее автора (или сайт
самой книrи).
Мы не ставили своей целью составить
исчерпывающий перечень книrпотема
тике, связанной с веб разработками. Это
сделать просто невозможно, так как HO
вые книrи выходят почти каждый день.
Перед вами лишь небопьwая выборка.
Рекомендуем также реrулярно изучать материалы на профессио
нальных веб ресурсах, таких как www.smashingmagazine.com или
www.welie.com.
Ищите peцeH
эии на новинки
книжноrо pЫH
ка на сайте www.
wеЬdеvеlорmепt.ru
Прайс Д., Прайс л. Тексты для Web:
доступность и привлекатеnьность I
I Пер. с aHrn. М., 2003.
. www.webwritiпgthatworks.coт
ТЕКСТ .аля WEB Книrа будет полезна не только веб разработчи
кам, но и всем тем, кто профессионально зани
мается подroтовкой коммерческих текстовых
материалов.
Реализовать на практике все рекомендации, co
бранные в ней, наверное, просто невозможно.
Их сотни, если не тысячи. Причем большинство
крайне разумны и полностью соответствуют co
временным требованиям к бизнес текстам. Очень рекомендуем найти в
Интернете рdf версию книrи А P/aiп Eпglish Haпdbook: How to create с/еа, SEC
disc/osure docuтeпts.
Книrа принадлежит к общему тренду разработок, пропитанных духом ми
нимализма, клиентоориентированности, рациональности и культа про
стоты.
298
Корпоративный веб сайт на 100%
Отзыв на эту работу появился во MHoroM бла
rодаря тому, что в ней приведено множество
примеров чеклистов (инструкций, провероч
ных списков). Рекомендуем ее всем, кто желает
ознакомиться именно с таким способом конт-
роля качества процессов и продуктов.
На наш взrляд, важно не упустить еще два CMЫC
ловых нюанса. Во--первых, чеклисты позволяют
отчуждать знания от персонала и <<технолоrи
зировать» их. BO BTOpЫX, следование чеклисту
дает возможность даже менее квалифицированному сотруднику решать
типовые задачи и избеrать шаблонных ошибок. Для компании оба фактора
являются жизненно важными.
' U(I (
IM III
I I lrl ЫМI
I M UUAМIII IfIIW
..I'IO,"
РАССЕВ В. АРЧI'АlhВ
..........".
-"..,........ ..............
>W
99 лучших
чеклистов
ДЛЯ вашей
рекл. .1
G
..............
........... м ......
........ .. 1'Ip.'IO!'h8CY
УПРАВЛЕНИЕ
Ф 'MO
I . rw
Арчибальд Р. Управление выеокотехноло
rичными проrраммами и проектами I Пер.
е анrл. 3 e изд., перераб. и доп. М., 2004.
Это фундаментальная во всех смыслах книrа,
раскрывающая, вероятно, все основные вопро-
сы по управлению проектами. Прочитать ее от
корки ДО корки крайне сложно (у нас не получи
лось!). Лучше использовать как справочник для
восполнения недостатка знаний по конкретным
вопросам.
Применительно к сфере веб разработок можно
рекомендовать не менее наукообразную книrу
А. Ковалева, И. Курдюмова "Управление про
ектом по созданию интернет сайта» (2001).
99 лучших чеклистов для вашей рекламы 1
Пер. е нем. М., 2000.
МайетерД. Управление фирмой,
оказываlOщей профеееиональные уелуrи I
Пер. е анrл. 2 e изд. М., 2005.
www.davidтaister.coт
Данная книrа не относится напрямую к теме co
здания корпоративных веб сайтов, но позво
ляет понять мноrие аспекты взаимодействия
с веб разработчиками.
Эта и друrие книrи Дэвида Майстера (<<Делай
то, что проповедуешь», «<Истинный профессио
нализм». «<Первый среди равных», «Советник,
Что еще почитать
299
которому доверяют», е<Стратеrия И толстый курильщик»), пожалуй, лучшие
работы по управлению фирмами профессиональных услуr. Знакомство с
ними один из наиболее надежных способов инвестирования в собствен
ный интеллектуальный капитал. MHoro советов, рекомендаций, примеров.
Изысканный юмор.
Очень хороший стиль изложения материала.
Р. S. ДЛЯ более полноrо ознакомления с темой рекомендуем отыскать кни
ry Марка Скотта "Фирма профессиональных услуr. Руководство для MeHeд
жера по максимизации прибыли и стоимости» (М., 2004) и работу Михаила
Иванова и Михаила Фербера "Руководство по маркетинrу консалтинrовых
уСЛуr» (2ООЗ); www.сопsultmаrkеtiпg.ru.
Нильсен Я. Веб дизайн: книra Якоба Нипь-
сена 1 Пер. с aHrп. СПб., 2001.
www.useit.coт
Якоба Нильсена мноrие критикуют за чрезмер
но радикальный взrляд на удобство использо
вания (анrл. usability) веб систем. Однако он,
несомненно, является ведущим экспертом в
этом вопросе. Книrу можно рассматривать как
пособие по основным аспектам клиентоориен
тированности применительно к созданию веб-
сайтов.
Также имеет смысл проработать и книrу Я. Нильсена (в соавторстве с Мари
Тахир) <<Дизайн Web-страниц. Анализ удобства и простоты использования
50 узлов» (2002).
р. S. Параллельно желательно прочитать и работу Келли rOTO и Эмили KOT
лер "Веб-редизайн» (200З). ДО сих пор можно рекомендовать отдельные
rлавы из книrи "Веб дизайн» Дмитрия Кирсанова (www.kirsaпov.coт).
зайн
2.
......_...w
,,",
"'"
=-
C:::II
'-=
веб эайн
I
I
Кру;! С. Веб дизайн: книrа Стива Kpyra
ипи «Не заставпяйте меня думать») 1
Пер. с aHrп. СПб., 2002.
Книrа одной большой идеи "Не застав
ляйте меня думать!», ставшей слоrаном MHO
rих веб разработчиков (и флаrманом бренд
менеджеров).
Читается очень леrко. Очень хороша в качестве
вводноrо курса в тему проектирования интер
фейса простейших веб сайтов. К сожалению,
мноrие рекомендации на сеrодня уже устарели.
J
300
Корпоративный веб сайт на 100%
Для уравновешивания восприятия материала отыщите "Свежие стили web
дизайна: как сделать из вашеrо сайта "конфетку"» Курта Клонинrера (2002).
.
i
!
i
..
!
.
:
WЕВ-ДИЗДЙН
ПО ДАРТАМ
...
...
---
Как создать
посещаемый сайт
и избежать
типичных оwибок
!
Et
lc.
.
;
f
1
.
.
.
i
250 СЕКРПОВ
HTML " WEB
ДИЗАЙНА
'"
..,
-
...
..
...
...
..
...
.
.
...
...
--
I
.
З7"'"," Ij. I
; , '(
>' '
...
..
..
it
..
...
..
..
..
:' .
..
...
..
..
..
3ельдман д. WеЬ дизайн по стандартам I
Пер. с анrл. М., 2005.
www.ze/dman.com
Отличная работа одноrо из наиболее именитых
деятелей в сфере веб разработок. MHoro xopo
ших примеров и aprYMeHToB в пользу Toro, что
сайт должен разрабатываться в соответствии с
общепринятыми стандартами проектирования.
!!'
t:.
Линдерман М., Фрайд д. Как со3дать
посещаемый сайт и избежать типичных
ошибок I Пер. с анrл. М., 2007.
www.з7signа/s.сот
Отличная "инструментальная» книrа, чем то по
хожа на эту нашу работу. Состоит из десятков
примеров удачно и не удачно реализованных
элементов веб сайтов. Как и все прочие продук-
ты от команды З7sigпаls, достойна caMoro при
стальноrо изучения (именно изучения! Читать
ее сложно).
Хорошее дополнение к этой работе книrа
Джефа Джонсона "WеЬ дизайн: типичные ляпы
и как их избежать» (2005).
Хольцшлаz М. 250 секретов HTML
и WеЬ дизайна I Пер. с анrл. М., 200б.
www.molli.com
Все основные аспекты веб разработки собра
ны в 250 компактных темах с примерами и pe
комендациями. Все очень практично и понятно.
Единственный минус часть материала относит
ся к разряду быстро устаревающеrо.
В этой же серии вышла неплохая книrа Йен
са Якобсена "Концепция разработки Web-
Что еще почитать
301
сайтов: как успешно разработать wеЬ сайт с применением мультимедиа-
технолоrий» (200б).
.."".".,,,,,,, ,,1
Блоr
маркетинr
но.............. ."..
-м.- 8lIII:8
--_.
................МlWl.UItJ8 .e..a .
ш1
(ИОНА ЛОВ
.
!I;
..........
Н."'--. л н-
Оmимиэация
и продвижеиие cailтo.
в ПОИСКОВЫХ системах
r 1...
Райт Дж. 6лоr маркетинr. НОВЫЙ револlO
ЦИОННЫЙ путь увеличения продаж. усиле
ния потенциала бренда и достижения
выдаlOЩИХСЯ резулыатов в бизнесе 1
Пер. с анrл. М., 2008.
www.bIogmarketingbook.com
Хорошая книrа о современном блоrrинrе, вклю
чающая не только довольно интересные co
веты и при меры, но и весьма широкий обзор
<<техническоrо инструментария» для работы с
блоrом PubSub (www.pubsub.com). Feedster
(www.feedster.com), BlogPulse (www.bIogpulse.
сот) и др.
Сакс Т., Мак Клейн r. Дизайн
и архитектура cOBpeMeHHoro WеЬ сайта.
Опыт профессионалов I
Пер. с анrл. М., 2002.
www.sасhsiпsights.соm
Хорошая, леrкая книrа, написанная специалис
тами практиками. MHoro иллюстраций и наrляд
ных уроков. Все рекомендации изложены очень
кратко и емко.
Ашманов И., Иванов А. ОПТИМИ3ация
и продвижение сайта в поисковых
системах (+ CD). СПб., 2008.
www.ashmanov.com
Это одна из лучших книr по практике поисковой
оптимизации, написанная топ менеджерами
компании "Ашманов и Партнеры». Даже по Ta
кой "шаманской» и противоречивой теме, как
SEO, авторы смоrли создать хорошо CТPYKТY
рированное, удобное и очень понятное руко-
водство.
302
Корпоративный веб-сайт на 100%
Книrу можно уверенно рекомендовать всем, кто хочет разобраться в pa
боте поисковых систем и научиться продвиrать собственные сайты. Допол
нительно будет полезно отыскать в сети книrу Иrоря Ашманова "Правила
Ашманова»
.........................................
.......--.................. ....
АктонПonов-м
6norи. Новая
сфера влияния
IIJ" "'''''''''"""",
....... ................. в....я...
...... д.... ...................
Попов А. Бпоrи. Новая сфера впияния. М.,
2008.
www.bfogbook.ru
Книrу Антона Попова пару месяцев назад мы
получили в подарок от Иrоря Манна, и подаро
оказался очень достойным.
Книrа является отличной "азбукой» для начина
ющих блоrrеров. Это совершенно не означает,
что их более опытные коллеrи не найдут в ней
что то полезное. MHoro хороших практически)(
советов и рекомендаций. Леrкий, простой для
восприятия язык.
Не менее боrатым источником информации
о блоrrинrе является и сайт издания www.bIogbook.ru. На нем реализо
ваны, пожалуй, все современные "фишки». Поэтому, если вы коrда нибудь
решите открыть <<действительно крутой блоr» просто внимательно про
анализируйте интерфейс www.bIogbook.ru. Удачноrо бенчмаркинrа!
.......-..... .................
1iI'<II ...........
................ Маркетинr
....... .................. ........
....................... са.о. типы
..... т..... б-or8 ..............
............ "2_08$ "'2.0
Веб..сайт книrи
webdevelopment.ru
"." "'"1"" ,.".1'.' ,,1...,.. I
.. ...... С". " ..... . .-иоо...
i. .} 1 .ф....r;;;;:' t ..
чрес........,,...,,,....aor.o..,........""
rл UI о кн..... МненМА Лре.ц:taКa:J Елоr об -торах
Корпоративный веб-СilЙТ НiI 100%
' .... a'
1 .::-
!.
'. .,
-:-Z-
"МIII о;twIIН ыnon ШIInI "Чмт-nt.б/1О1"I
.
. J I1..,.... c ...
..,.....
1"\
..
=. ...
J fW . , .....
--<$
,+7(495)749- ........................
.........,......,.........,...... <...<""........,-к->"... ......"'uopou .....,..<4Ih'.
nw. ",,,,,,,,,,,,,,,,,,,,,,,,,,,",,,,,.....,,.. ..........................,......,,",""",,,",С..-"С,,,,,,
Чем полезен сайт www.webdevelopment.ru?
. Авторы книrи реrупярно публи
куют на сайте новые заметки по
разработке, поддержке и развитию
веб систем, а также размещают аудио
и видеоматериалы по этой тематике.
Авторам наибо
пее содержатель
ных дополнений
и конструктивной
критики мы Ha
правим второе
издание книrи
бесплатно!
. На проекте функционирует система
обратной связи, позволяющая зада
вать вопросы непосредственно aBТO
рам книrи, а также обсудить наиболее
актуальные проблемы из сферы веб
разработок.
. Через сайт можно узнать о новых книrах и друrих проектах,
реализуемых Романом Овчинниковым и CepreeM Суховым.
Еще не возразили?
Уже отвечаем
Каждая книrа вызывает поток вопросов к ее авторам. И наша работа,
к счастью, не исключение.
Предлаrаем подборку самых типичных возражений, сомнений и кри
тических замечаний, полученных нами еще ДО выхода книrи в печать,
в блоrе www.webdevelopment.ru. на семинарах, а также при общении
с Клиентами.
Спасибо всем, кто не остался равнодушным!
у вас в книrе ничеro
не написано про
специфику pac
становки TeroB
в RSS paccbInKax
и совсем нет MaTe
риалов про Perl
Почему вы так мало
удепили внимания
оформлению пер
вой страницы и co
всем не расскаэали
о том, как делать
псевдотрехмерные
иконки
Вы не укаэали еще
34 важных для про
верки параметра!
И зто ТOnbKo В теме
«Доменные имена»
Это типичный вопрос проrраммистов, KOТO
рые даже на семинар «Веб сайт как инстру
мент маркетинrа и продаж» приходят, чтобы
спросить про шлюзы, протоколы и опера
торы. Видимо, эта книrа не для них. Можем
рекомендовать ознакомиться со специали
зированной литературой
Так проблему часто формулируют дизайнеры,
привыкшие мыслить эстетическими KaTero
риями. Мы тоже считаем, что веб сайт дол
жен быть красивым. Но это только во вторую
очередь. А в первую он должен быть эф
фективным бизнес инструментом. Об этом мы
и рассказываем в нашей книrе
Количество пара метров, выделяемых для
анализа, зависит от rлубины рассмотрения
темы. К сожалению, в книrе мы оrраничены
объемом и рамками жанра. Поэтому боль
шинство ключевых тем рассмотрены по
верхностно (это некий минимум!). А в своей
практике мы используем проверочные спи
ски (чеклисты), включающие сотни самых
детальных требований
Еще не возразили? Уже отвечаем
305
Все, что вЫ написа..
пи, уже устарепо!
Давно вышли HO
вые версии брауз
ров и активно про
двиrается концеп
ция Веб 3.0
(4.0,5.0...)
Все в книrе
KaK TO очень
скучно и сложно
я что то не понял...
а вы сайты то
депаете?
у вас все темы
какие то несораз
мерные, нарушены
мноrие принципы
классификации
Все, о чем вы пише
те, профессионалы
и так знают...
Интернет одна из самых инновационных и
быстроразвивающихся сфер. Одно время мы
даже хотели проводить семинары «Иннова
ции за неделю», чтобы показывать, как MHOro
Bcero меняется буквально за считанные дни.
Поэтому, вы, вероятно, правы.
Новые материалы можно найти на сайте кни
rи www.webdevelopment.ru. узнать на наших
семинарах и, конечно, прочитать в следую
щих изданиях этой работы
К сожалению, да. В книrе совсем нет "воды»
И очень мало развлекательноro контента. Но
именно в этом и состоит специфика данной
работы мы roтовили системное, структури
рованное компактное руководство (почти эн
циклопедию) по корпоративным веб-сайтам
Почему то в любой аудитории обязатель
но обнаруживаются 2 З субъекта, которые
обязательно задают вопросы, действующие
на ведущих, как ушат холодной воды. Тем не
менее, ответим: <<Да, мы умеем на практике
делать все, о чем пишем в этой KHuze»
Здесь вы абсолютно правы. Структура книrи
не соответствует строrим научным принци
пам, предъявляемым к структурированию Ma
териала. Но нашей задачей и не было COBep
шение очередноro "научноro прорыва» или
предложение миру «идеальноro классифика
тора». Мы хотели дать полезный для практики
инструмент, структурированный преимуще
ственно с точки зрения маркетинrа
Вы уверены? Тоrда мы искренне рады за Ha
ших коллеr. Но подчеркнем это еще раз: мы
пишем не для веб-разработчиков. а для их
и наших Клиентов (владельцев сайтов)
Ждем новых вопросов, замечаний и предложений
Мнения читателей о книrе
307
лет посвятила коллекционированию rениальных мировых веб
проектов
и "изюминок», работе над сложными и яркими проектами. Удачи и в чтении,
и в работе над корпоративным сайтом!
Ирина Синицына, директор по развитию "Парк.ру»
Если постоянно общаешься с заказчиками сайтов, то полезность такой кни
rи трудно недооценить. rлавное ее достоинство в исчерпывающем ответе
на вопрос "А почему сайт
это сложно?», который часто слышишь из уст
заказчиков. Энциклопедическое изложение материала делает книrу по
лезной читателям с разным уровнем знаний о предмете. Короче rоворя, это
одна из книr, которые позволяют сэкономить время, сократить издержки
и повысить качество. В данном случае
при разработке корпоративноrо
сайта.
Илья BUHozpaaos, руководитель направления
Metr;c компании "rарант
Парк
Интернет», 2003
2006 zz.
Книrа "Корпоративный веб-сайт на 1 00%»
это еще один качественный
продукт от компании Iпdivid, но теперь уже на поприще литературы, в KOTO
ром стройно И лоrично изложены основные принципы создания веб
сайтов.
Содержимое книrи воспринимается леrко, так как книrа написана <<живым»
русским языком в отличие от построчных переводов с анrлийскоrо.
В свое время нашей компании было предоставлено "Руководство заказчика
веб
системы», которое мы использовали и в момент выбора разработчика,
и на стадии разработки нашеrо интернет
представительства www.hctr.ru.
Надеюсь, и новая книrа займет достойное место на столе людей, столкнув
шихся с задачей создания или модификации сайта.
Роман Феоктистов, руководитель отдела 'Т
000 "Кёндэ Ком Транс Рус», официальный
дистрибьютор Hyunda; Motor Сотрапу
в моей краткой рецензии речь пойдет именно про банковский веб-сайт
на 100%.
Банкам без сайта быть нельзя, а эта книrа дает ответ, почему банкам нельзя
быть именно без хорошеro, качественноro и правильноrо сайта.
Зачем изобретать велосипед, коrда можно сесть сразу на машину,
просто
поставьте эту книrу на колеса вашеro б