Текст книги "Веб-Самоделкин. Как самому создать сайт быстро и профессионально"

Информационное наполнение (контент) сайта

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

При планировании информационного наполнения сайта важно определить тип и формат представления данных. Будет ли контент представлять собой только текст, либо в него будут добавлены графические объекты, звуковые файлы, Flash-элементы и т.п.? Какие страницы будут включены в состав веб-ресурса – только статические HTML-страницы или динамические, генерируемые на основании сформированных пользователем запросов? Отметим, что характерной особенностью динамичных страниц является то, что они предоставляют посетителю именно те сведения, которые его интересуют, причем именно в той форме, которая для данного посетителя является наиболее удобной для восприятия.

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

• по типу аудитории, которой адресовано содержимое сайта;

• по времени поступления информации (как правило, наиболее свежая и актуальная и информация следует первой);

• по важности представляемых сведений;

• по структуре, которая действует на данном предприятии (этот критерий используется при проектировании и создании корпоративных сайтов);

• по типу представляемых сведений;

• по релевантности.

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

Еще один немаловажный момент – это объем представленной на сайте информации. Этот параметр может выражаться в стандартных страницах (например, 30 страниц формата А4), однако данный показатель нельзя признать объективным: ведь многое зависит, в частности, от ширины строк, от размера шрифта, и т. п. А вот наиболее точным критерием для оценки количества текстового контента является его измерение в количестве печатных знаков (обычно – в тысячах печатных знаков). Данный показатель можно использовать в двух вариантах: с учетом пробелов или без учета пробелов.

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

СОВЕТ

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

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

СОВЕТ

В настоящее время существует немало виртуальных магазинов и бирж интернет-контента, где можно дешево купить подходящий текст. Наиболее популярными такими биржами в настоящее время являются ресурсы www.textsale.ru и www.advego.ru. Расчеты за купленные материалы осуществляются через систему WebMoney (www.webmoney.ru), при этом биржа берет определенный процент за каждую купленную/проданную статью.

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

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

• давать посетителю максимально полное представление о том, из чего состоит веб-ресурс;

• что еще интересного и полезного можно найти на данном сайте.

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

• Меню. Этот инструмент представляет собой перечень основных страниц веб-ресурса, и находится чаще всего на всех страницах сайта (реже – только на главной его странице).

• Раскрывающийся список. Главное достоинство данного инструмента состоит в его компактности. Однако раскрывающийся список по наглядности во многом уступает меню.

• Карта сайта. Отдельная страница, на которой представлена развернутая структура всего сайта. Более подробно о том, что представляет собой карта сайта, мы говорили ранее, в разделе «Что представляет собой современный веб-сайт?».

• Back and Forward. Данный инструмент целесообразно использовать в случаях, когда предполагается последовательное изучение посетителями представленной на сайте информации. Обычно это выглядит примерно так: на странице идет текст, а под ним – кнопки или ссылки Вперед и Назад (они могут называться по разному: Next и Back, Далее и Возврат, и т.п., но суть от этого не меняется). После того как посетитель изучит информацию, содержащуюся на данной странице, он нажимает кнопку Далее и переходит на следующую страницу, где представлена очередная порция материала. Для возврата на одну из предыдущих страниц предназначена кнопка Возврат.

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

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

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

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

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

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

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

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

Понятие статической и динамической веб-страницы

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

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

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

ПРИМЕЧАНИЕ

Адрес страницы, написанной на языке HTML, будет заканчиваться символами html, следующими после точки.

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

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

Как выбрать хостинг

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

Большинство веб-разработчиков полагает, что хороший хостинг должен иметь следующие качества:

• быстрота;

• надежность;

• широкий ассортимент технических возможностей;

• невысокая стоимость;

• наличие эффективной и доступной службы технической поддержки;

• предоставление достаточного количества места для размещения сайта.

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

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

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

ПРИМЕЧАНИЕ

Как показывает практика, высокой надежностью отличаются сервера, выпускаемые компанией IBM. Что касается операционной системы, то очень хорошо в данном отношении зарекомендовала себя система Linux.

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

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

• управление настройками веб-ресурса;

• создание почтовых ящиков и работа с электронной почтой;

• настройка и использование почтовых автоответчиков;

• просмотр и анализ статистики посещаемости веб-ресурса;

• использование FTP-менеджера для приема и отправки данных.

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

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

ПРИМЕЧАНИЕ

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

Как мы уже отмечали ранее, хостинг бывает бесплатным и платным. Кратко рассмотрим преимущества и недостатки каждого из них.

Главное достоинство бесплатного хостинга как раз и заключается в том, что он «халявный» и не требует от клиента никаких денежных трат. Все предельно просто: клиент выбирает и регистрирует доменное имя, выгружает файлы сайта на сервер (или формирует сайт прямо на сервере с помощью специального инструментария, предназначенного для начинающих) – и, в принципе, сайт готов и доступен для посетителей. Самые известные бесплатные хостинг-провайдеры русскоязычного Интернета – www.narod.ru, www.boom.ru, www.hut.ru, и др.

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

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

Помни об этом

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

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

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

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

И еще один немаловажный момент – это низкий «социальный статус» бесплатного хостинга. Общественное мнение глубоко убеждено, что он годится только для самообучения и первых опытов в области веб-разработки (что, отметим, справедливо). Максимум, для чего еще годится бесплатная хостинг-площадка – это размещение на ней личного сайта, предназначенного для узкого круга лиц (друзей, родственников, коллег по работе, одноклассников и однокурсников, и т.п.). Ну а если вы намерены с помощью сайта заниматься бизнесом или какими-то коммерческими проектами – бесплатный хостинг здесь однозначно не подходит. Более того – ведение бизнеса с помощью бесплатного сайта считается дурным тоном, и конкуренты вместе с потенциальными клиентами вас попросту засмеют.

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

Рис. 1.2. Реклама на бесплатном хостинге www.narod.ru

Эта реклама размещается в принудительном порядке на всех сайтах, созданных клиентами бесплатного хостинга. А поскольку таких сайтов у любого бесплатного хостинг-провайдера огромное количество, то такая реклама оказывается весьма эффективной, а потому – может стоить немалых денег. Что касается места на сайтах, где будет находиться рекламный баннер либо иной рекламный элемент, то каждый хостинг-провайдер определяет его самостоятельно. Например, на www.narod.ru этот баннер находится в правом верхнем углу сайта (см. рис. 1.2).

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

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

И еще одно важное преимущество платного хостинга состоит в том, что при смене хостинг-провайдера вам не нужно менять доменное имя сайта. Например, если вы имеете на бесплатном хостинге www.narod.ru сайт http://vasya.narod.ru, и решили перейти на бесплатный хостинг www.boom.ru, то доменное имя (адрес) вашего сайта соответствующим образом изменится и примет вид http://vasya.boom.ru. Следовательно, вам придется заново заниматься раскруткой и оптимизацией сайта, информировать постоянных посетителей о смене адреса, и т. д. А вот на платном хостинге такой проблемы нет: если у вас есть сайт www.vasya.ru, то даже после смены хостинг-провайдера его адрес не изменится. Иначе говоря, при использовании платного хостинга не имеет никакого значения, где физически находятся исходные файлы сайта: его доменное имя (адрес) от этого не зависит.

Более подробно о том, что представляет собой доменное имя веб-ресурса, речь пойдет в следующем разделе.