Основы информационного дизайна

Форматирование Web-контента

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

Полужирное/жирное выделение - лучший стилевой инструмент для того, чтобы акцентировать внимание читателя на особо важных моментах в тексте для сети Интернет, но количество подобных выделений не должно превышать 10% от суммарного объема символов.

текста должны быть поля. Ширина полей обязана быть не меньше 2-3 символов текста, иначе текст не будет читаться.

Ширина колонки не должна превышать 60-70 символов. Иначе это затруднит восприятие текста.

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

Стиль веб-текста и его оформление

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

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

Название (заголовок по сути): он должен быть не только простым и привлекательным, но и максимально соответствующим содержанию страницы, на которой размещен веб-текст.

Лекция 5 .Вёрстка веб-страниц

Создание структуры html-кода, размещающего элементы веб-страницы (изображения, текст и т. д.) в окне браузера, согласно разработанному макету, таким образом, чтобы элементы дизайна выглядели аналогично макету.

Чтобы реализовать задачу надо понимать, как вообще происходит верстка веб-страниц и соизмерять свои идеи с их исполнением.

Типы макетов

Все сайты, по макету вёрстки, можно разделить на три принципиальные группы:

фиксированные (Rigid fixed),

расширяемые «резиновые» (Expandable elastic) макеты.

адаптивные резиновые (Adaptable fluid),

Фиксированный макет

В данном случае устанавливаем общую ширину макета жестко заданной и равной определенной величине. Так, для разрешения 1024х768 пикселей размер таблицы следует брать не более 1000 пикселей. Такая ширина получается за счет вычитания из значения 1024 ширины вертикальной полосы прокрутки и границ окна браузера. Для всех пользователей, сайт, построенный на таком макете, будет отображаться корректно, но при больших разрешениях оказывается слишком много пустого места. Поскольку наиболее популярным среди пользователей Интернета является разрешение 1024x768, разработчики сайтов ориентируются именно на него и используют общую ширину блоков 900-1000 пикселей. Макет обычно помещают по центру окна браузера.

Пример сайта фиксированного размера:

Преимущества

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

Браузеры, как правило, лояльнее относятся к таким макетам, поэтому на вёрстку и отладку уходит меньше времени.

Недостатки

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

«Резиновый» макет

Этот вид макета основывается на том, что в качестве одной из единиц измерения выступают проценты. Общая рабочая ширина окна браузера -- 100%, и колонки макета в сумме не должны ее превышать, поэтому для удобства, как правило, везде применяют процентную запись. При изменении размеров окна происходит переформатирование данных страницы, чтобы они вписались в новую ширину. Блоки меняют свою ширину в зависимости от размера окна браузера. Она может принимать максимальное и минимальное значение (свойство max-width). Но нельзя по мере уменьшения экрана из 50% сделать 100%.

Пример сайта «резинового» размера:



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

Хотя веб-страница и подстраивается под ширину окна браузера, при достижении некоторой величины читать текст становится неудобно.

Верстать «резиновый» макет сложнее, чем аналогичный, но фиксированной ширины.

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

Адаптивный

Адаптивный тип макета -- дизайн, который подстраивается (адаптируется) под размер экрана, в том числе может происходить перестройка блоков с одного места на другое, или их замена блоками отображаемыми только при определённом разрешении. Адаптивный дизайн подстраивается под ширину рывком, после того, как зафиксирована ширину окна. Воплощается с помощью @Media или благодаря определённым скриптам. Разработан под конкретные известные устройства (320, 768, 1024, т.д.). Для этого заготавливается несколько стилевых правил или файлов под разный диапазон разрешений, выбор правил происходит через скрипты или CSS3, которые и определяют нужную для этого информацию.

Преимущества

· Этот тип макета наиболее удобен для пользователя, поскольку не зависит от разрешения и ширины окна браузера, приспосабливаясь под них.

· Макет комфортно можно смотреть на любом устройстве.

Недостатки

· Это самый сложный тип из всех макетов, ведь, по сути, вместо одного требуется сделать несколько макетов со своей графикой и CSS, а также прописать механизм определения разрешения монитора или ширины окна браузера.

· За счёт универсальности макет сложно проверять на разные условия, которые возможны у пользователей.

Виды верстки

Фреймовая верстка

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

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

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

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

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

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

Достоинства

- сама по себе верстка простая

- легко обеспечить одинаковый вид во всех браузерах

- «резиновая» табличная верстка, при изменении разрешения экрана, таблица формируется автоматически, растягивая и сжимая ячейки.

Недостатки

- много лишнего кода, большой вес страниц

- не каждый дизайн возможно создать

- медленная загрузка страниц

Блочная (контейнерная вёрстка)

На данный момент самая востребованная верстка, которая создаётся с помощью блоков (контейнеров), а именно тега <div>.



Преимущества и недостатки блочной верстки

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

· Блоки можно накладывать друг на друга, что облегчает расположение элементов на веб-странице.

· Более быстрая загрузка страниц с блочной версткой по сравнению со страницами табличной верстки.

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

· Данная вёрстка обеспечивает семантичость

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

Резюме:

-- Фреймовая верстка -- не рекомендуемый к использованию способ.

-- Табличная верстка -- громоздкая и неудобная, но простая в реализации.

-- Блочная верстка -- простая по структуре кода, но нуждается в определенных правилах исполнения, требует определенных навыков и является самым современным способом верстки веб-страниц.

Новые виды вёрстки:

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

Гибкая верстка или flex верстка. Вначале применяется блочная верстка, а потом нужные блоки превращают во флекс-контейнеры (флексбоксы). В стилях элемента указывают display: flex; Элементу можно указать направление главной оси и выравнивание. Считается, за этим настоящее и будущее верстки.

Три основных пункта, которым должна отвечать действительно качественная верстка сайта:

кроссбраузерность;

семантичность;

валидность.

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

Это способность сайта идентично (одинаково) и правильно отображаться во всех браузерах. Как правило, кроссбраузерным считается сайт, одинаково отображающийся в наиболее популярных обозревателях. В настоящее время это Google Chrome, Mozilla, FireFox, Opera, Internet Explorer. Первое, с чего обычно начинают -- подключают к странице специальный CSS файл -- сброс стилей.

Семантичность - это правильное использование HTML-тегов в соответствии с их предназначением (семантикой). Полное соответствие назначения элемента страницы и тега, с помощью которого этот элемент свёрстан. Например:

- заголовки оформляют с помощью тэгов от <h1> до <h6>

- абзац <p>

- список <ul> - ненумерованный, <ol> - нумерованный

- <strong> - полужирным, <em> - курсивом

- в таблицах размещаем только табличные данные

- идентефикаторы, классы и.т.п. должны иметь понятные имена например ссылка = link, шапка = header, список = list Семантичной является блочная вёрстка.

Валидность HTML-верстки -- это её соответствие стандартам организации The World Wide Web Consortium (W3C). Отсутствие ошибок в вёрстке документа -- один из основных показателей качества вёрстки. Автоматическая проверка вёрстки на ошибки может быть проведена как с помощью онлайн сервиса W3C - https://validator.w3.org/, так и различными программами «валидаторами». Разные версии спецификации HTML предполагают различный синтаксис, поэтому тест верстки на валидность должен обязательно учитывать её Document Type.

Программы для верстки сайтов

1.Adobe Photoshop - для создания макета

2. Вёрстка

Блокнот. Стандартное приложение. Может использоваться для написания html-кода.

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

SublimeText. Очень похож на Notepad++. Отличается в основном только интерфейсом и различными плагинами, которые можно подключить.

Front Page. Визуальный редактор от Microsoft. Тоже позволяет работать с изображениями, видеороликами и JavaScript. Выбор зависит от того, нужна ли визуальная составляющая.

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

Лекция 6. Информациомнные техноломгии

ИТ, также -- информационно-коммуникационные технологии) -- процессы, методы поиска, сбора, хранения, обработки, предоставления, распространения информации и способы осуществления таких процессов и методов.

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

Основные черты современных ИТ

· Структурированность стандартов цифрового обмена данными алгоритмов;

· Широкое использование компьютерного сохранения и предоставление информации в необходимом виде;

· Передача информации посредством цифровых технологий на практически безграничные расстояния.

Технологии

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

Сети

Терминалы

Услуги

Сети

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

Существуют следующие виды сетей передачи данных:

· Телефонные сети -- абонентские сети связи, для доступа к которым используются телефонные аппараты, АТС и оборудование передачи данных.

· Компьютерные сети -- сети, оконечными устройствами которых являются компьютеры.

Телефонные

Основной до 2003--2004 г, в настоящее время устаревший метод для подключения к Интернету -- использовать модем, подключенный

к телефонной сети. Хотя он имеет все необходимые функции, широкополосный доступ более предпочтителен для многих пользователей Интернета. Почти во всех странах Европейского Союза степень доступности для домохозяйств телефонной линии очень высока, за исключением Австрии, Финляндии и Португалии. Тем не менее, в Испании доступ к основным телефонным сетям (узкополосным) практически исчез. В 2003 году половина всех интернет-соединений была телефонной.

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

По типу среды передачи КС бывают:

1. Проводная (телефонный провод, коаксиальный кабель, витая пара, волоконно-оптический кабель)

2. Беспроводная - компьютерная сеть, основанная на беспроводном (без использования кабельной проводки) принципе:

· Беспроводные персональные сети (WPAN -- Wireless Personal Area Networks). Примеры технологий -- Bluetooth.

· Беспроводные локальные сети (WLAN -- Wireless Local Area Networks). Примеры технологий -- Wi-Fi.

· Беспроводные сети масштаба города (WMAN -- Wireless Metropolitan Area Networks). Примеры технологий -- WiMAX.

· Беспроводные глобальные сети (WWAN -- Wireless Wide Area

Network). Примеры технологий --CSD, GPRS, EDGE, EV-DO, HSPA GSM, 3G

По скорости передачи

1. низкоскоростные (до 10 Мбит/с),

2. среднескоростные (до 100 Мбит/с),

3. высокоскоростные (свыше 100 Мбит/с)

Отличия проводных и беспроводных технологий передачи данных

	Характеристика			Проводные				Беспроводные
	Среда передачи			Кабель	(медный,			Окружающее
				оптический)				пространство
	Мобильность			Не обеспечивается			Может	быть
	абонентов						обеспечена

Терминалы

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

Персональный компьютер

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

Сотовый телефон

Мобильный телефон, предназначенный для работы в сетях связи

Телевизор

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

Услуги

Электронная почта

Технология и предоставляемые ею услуги по пересылке и получению электронных сообщений (называемых «письма» или «электронные письма») по распределённой (в том числе глобальной) компьютерной сети. Электронная почта по составу элементов и принципу работы практически повторяет систему обычной (бумажной) почты, заимствуя как термины (почта, письмо, конверт, вложение, ящик, доставка и другие), так и характерные особенности -- простоту использования, задержки передачи сообщений, достаточную надёжность и в то же время отсутствие гарантии доставки. Достоинствами электронной почты являются: легко воспринимаемые и запоминаемые человеком адреса вида имя_пользователя@имя_домена(например, somebody@example.com); возможность передачи как простого текста, так и форматированного, а также произвольных файлов; независимость серверов (в общем случае они обращаются друг к другу непосредственно); достаточно высокая надёжность доставки сообщения; простота использования человеком и программами. Недостатки электронной почты: наличие такого явления, как спам (массовые рекламные и вирусные рассылки); теоретическая невозможность гарантированной доставки конкретного письма; возможные задержки доставки сообщения (до нескольких суток); ограничения на размер одного сообщения и на общий размер сообщений в почтовом ящике (персональные для пользователей).

Поисковая система

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

Программной частью поисковой системы является поисковая

машина(поисковый движок) -- комплекс программ, обеспечивающий функциональность поисковой системы и обычно являющийся коммерческой тайной компании-разработчика поисковой системы. Большинство поисковых систем ищут информацию на сайтах Всемирной паутины, но существуют также системы, способные искать файлы на FTP-серверах, товары в интернет-магазинах, а также информацию в группах новостей Usenet. Улучшение поиска -- это одна из приоритетных задач современного интернета (см. про основные проблемы в работе поисковых систем в статье Глубокая паутина). По данным компании Net Applications, использование поисковых систем распределялось следующим образом:

Google -- 83,87 %;

Yahoo! -- 6,20 %;

Baidu -- 4,22 %;

Bing -- 3,69 %;

Yandex -- 1,7 %;

Ask -- 0,57 %;

AOL -- 0,36 %.

Архивирование веб-сайтов

Архивирование веб-сайтов -- процесс сохранения текущей версии сайта в архиве. Как правило, для архивирования используется специальное программное обеспечение -- веб-сканер.

Крупнейшей компанией в мире в области архивирования интернета является «Internet Archive». С 2001 года работает Международный семинар архивирования интернета (The International Web Archiving Workshop), который позволяет обмениваться опытом. С 2003 года открыт Международный консорциум сохранения интернета (International Internet Preservation Consortium), которые занимаются разработкой стандартов и курируют разработку инструментов с открытым исходным кодом.

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

Собираемая информация

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

Методы сбора

Существует несколько способов архивирования интернета, ниже описана часть из них.

Удалённый сбор

Метод веб-архивирования отдельных сайтов, автоматизирующий сбор веб-страниц.

Примеры веб-сканеров для персональных компьютеров:

· Heretrix

· HTTrack

· Wget

Онлайн сервисы веб-сканеров:

· Wayback Machine

· WebCite

Метод веб-паука

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

Архивирование баз данных

Метод веб-архивирования, который основан на архивированию основного

содержания сайта из базы данных.

Таким образом работают системы DeepArc и Xinq, разработанные

Национальной библиотекой Франции и Национальной библиотекой

Австралиисоответственно. Первая программа позволяет используя

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

Архивирование транзакциями

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

Такое ПО, как правило, просто перехватывает все HTTP-запросы и ответы, фильтруя дубликаты ответов.

Компании, архивирующие интернет

Архив Интернета

В 1996 году была основана некоммерческая организация «Архив Интернета» (англ. Internet Archive). Архив собирает копии веб-страниц, графические материалы, видео-, аудиозаписи и программное обеспечение. Архив обеспечивает долгосрочное архивирование собранного материала и бесплатный доступ к своим базам данных. Размер Архива -- 9 петабайта на декабрь 2012 года, еженедельно добавляется около 20 терабайт. На начало 2009 года он содержал 85 миллиардов веб-страниц, в мае 2014 года - 400 миллиардов. Сервер Архива расположен в Сан-Франциско,зеркала -- в Новой

Александрийской библиотеке и Амстердаме. С 2007 г. Архив имеет юридический статус библиотеки. Основной веб-сервис архива -- The Wayback Machine. Содержание веб-страниц фиксируется с временнымм промежутком. Таким образом, можно посмотреть, как выглядела та или иная страница раньше, даже если она больше не существует.

WebCite

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

В отличие от Архива Интернета, WebCite архивирует страницы только по прямому запросу пользователя. WebCite архивирует весь контент на странице -- HTML, PDF, таблицы стилей, JavaScript и изображения.

Peeep.us

Сервис Peeep.us позволял сохранить копию

Страницы по запросу пользования. Реализован на Google App Engine.

Archive.is

Сервис archive.is (ранее archive.today) позволяет сохранять основной HTML-текст веб-страницы, все изображения, стили, фреймы и используемые шрифты, в том числе страницы с Веб 2.0-сайтов, например

с Твиттер. С помощью archive.is также можно обходить блокировки сайтов, вставив ссылку на заблокированную страницу в окно «Архивировать страницу, которая сейчас онлайн» или в окно «Искать сохранённые страницы».

Поисковые системы

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

Офлайн-браузеры

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

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

Выделение целевой аудитории из аудитории сайта позволяет точнее направить информационное или рекламное воздействие и, как следствие, ведет

к развитию бизнеса (увеличению продаж товаров или услуг). Различают три основные группы целевой аудитории сайта:

1. посетители, заинтересованные в получении информации;

2. посетители, заинтересованные в выборе товара или услуги;

3. посетители, заинтересованные в приобретении товара или услуги.

Любой сайт, кроме собственно целевой аудитории, имеет также побочную аудиторию и случайную.

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

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

Определение целевой аудитории

Определение целевой аудитории заключается в составлении примерного портрета целевого посетителя сайта (так называемого портрета клиента).

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

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

Способы сбора информации об аудитории сайта:

· логический анализатор сервера и данные счетчика посещений (позволяют изучить все действия пользователей на сайте и конкретизировать распределение аудитории сайта по регионам, по времени и др.);

· опросы аудитории сайта (анкетирование уникальных посетителей с использованием опросной формы или регистрации на сайте);

· опросы аудитории на сайтах опросов, совмещение панельных данных и данных счетчика посещений (анкетирование происходит не на исследуемом сайта, а на сайте панели);

· системы аудита и традиционные опросы исследовательских компаний (агентств).

Важным источником статистической информации о целевой аудитории сайта является статистика запросов поисковых систем. Оценить величину целевой аудитории можно по числу поисковых запросов. Подобные сервисы имеют, например, поисковые системы Яндекс (Яндекс статистика поиска), Рамблер (Adstat Rambler ) и Google (Google Статистика поиска ).

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

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

Привлечение целевых посетителей

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



Лекция 7. Домемнное иммя

Символьное имя, служащее для идентификации в сети Интернет. Общее пространство имён Интернета функционирует благодаря DNS

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

FQDN (сокр. от англ. Fully Qualified Domain Name -- «полностью определённое имя домена», иногда сокращается до «полное доменное имя» или «полное имя домена») -- имя домена, которое включает в себя имена всех родительских доменов иерархии DNS.

Например, cdmail.ru - это доменное имя. Такие имена есть у большинства сайтов в сети. Они нужны, чтобы пользователям проще было запомнить адреса сайтов, потому что компьютеры сети ориентируются вовсе не на эти буквы, чтобы найти сайт в сети.

У каждого сайта есть еще и так называемый IP-адрес. Каждому доменному имени соответствует свой IP. Например, у сайта МГУ (Московский государственный университет имени М.В.Ломоносова) IP-адрес 93.180.0.18. Можно набрать в адресной строке именно его, и в браузере все равно откроется тот же сайт, какой открылся бы, если набрать - http://www.msu.ru. Однако удобнее запоминать не несколько цифр, а осмысленное название. Таким образом, когда вы получаете имя для своего домена, происходит привязка к реальному сетевому адресу (IP).

Структура полного доменного имени

Полное доменное имя состоит из непосредственного имени домена и далее имён всех доменов, в которые он входит, разделённых точками. Например, полное имя «ua.wikipedia.org» обозначает домен третьего уровня «ua», который входит в домен второго уровня «wikipedia», который входит в домен верхнего уровня «org», который входит в безымянный корневой домен «.» (точка). В обыденной речи под доменным именем нередко понимают именно полное доменное имя.

Домен верхнего (первого) уровня (англ. top-level domain -- TLD) -- в иерархии системы доменных имён (DNS) самый высокий уровень после корневого домена (англ. root domain). Является начальной точкой отсчёта (справа налево), с которой начинается доменное имя в Интернете.

http:// (www или домен(ы) n-го уровня) . домен 2-го уровня . домен верхнего (первого) уровня . /

например, http://www.wikipedia.org/

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

Доменное имя второго уровня (англ. second-level domain (SLD)) -- часть доменного имени, отделенная точкой от следующего сразу за ней домена первого уровня.

ua -- доменное имя 1 уровня;

jino.ru -- доменное имя 2 уровня (домен второго уровня в зоне ua); hosting.jino.ua -- доменное имя 3 уровня (домен третьего уровня в зоне

jino.ua).

В электронном почтовом адресе e-mail@jino.ua доменное имя -- jino.ua.

Национамльный домемн вемрхнего умровня(англ. country code Top-Level Domain (ccTLD)) -- домен верхнего уровня, выделенный для конкретной страны, к примеру - .ua/ .укр для Украины, .ru/.рф для России, .de для Германии, .by/.бел для Белоруссии.

Некоторые национальные домены верхнего уровня имеют ограничение на приобретение домена или на создание сайта в такой зоне. Это например США(.us), Европейский союз (.eu), Эстония (.ee), Украина (.ua), Азербайджан (.az), Ирландия (.ie). В этих зонах зарегистрировать домен могут только граждане страны или местные предприятия-обладатели товарного знака, созвучного домену.

История появления доменов верхнего уровня для разных стран (список неполный) выглядит следующим образом:

1985 год:

· 24 июля: домен .us, США.

· 24 июля: домен .uk, Великобритания.

· 24 октября: домен .il, Израиль.

1987 год:

· 23 сентября: домен .ar, Аргентина.

1989 год:

· 18 апреля: домен .br, Бразилия.

1990 год:

· 19 сентября: домен .su, Советский Союз (Soviet Union).

· 28 ноября: домен .cn, Китай.

1991 год:

· 1 февраля: домен .ec, Эквадор.

· 26 февраля: домен .bo, Боливия.

· 3 сентября: домен .ag, Антигуа и Барбуда.

· 9 сентября: домен .py, Парагвай.

· 25 ноября: домен .pe, Перу.

· 24 декабря: домен .co, Колумбия.

1992 год:

· 21 апреля: домен .al, Албания.

· 1 декабря: домен .ua, Украина.

· 1 декабря: домен .ge, Грузия.

1993 год:

· 1 июля: домен .lv, Латвия.

· 15 августа: домен .az, Азербайджан.

· 9 сентября: домен .an, Нидерландские Антильские Острова.

1994 год:

· 7 апреля: домен .ru, Российская Федерация.

· 10 мая: домен .by, Белоруссия.

· 26 августа: домен .am, Армения.

· 19 сентября: домен .kz, Казахстан.

1995 год:

· 27 января: домен .cl, Чили.

· 26 февраля: домен .aq, Антарктида.

· 24 апреля: домен .uz, Узбекистан.

1997 год:

· 23 сентября: домен .sh, Остров Святой Елены.

· 16 октября: домен .af, Афганистан.

2008 год:

· 17 июля: домен .me, Черногория.

2010 год:

· 12 мая: IDN-домен .рф, Российская Федерация.

2012 год:

· 3 марта: IDN-домен .?аз, Казахстан.

2013 год:

· 28 февраля: IDN-домен .укр, Украина.

2014 год:

· 11 ноября: IDN-домен .бел, Беларусь.

gTLD (англ. generic Top-Level Domain -- Общий домен верхнего уровня) -- домен верхнего уровня, созданный для сегментации адресов электронных ресурсов определённого класса организаций либо сообществ.

Неспонсируемые (основные) домены верхнего уровня

· .com (commercial) -- для коммерческих организаций

· .net (networks) -- для сетевых структур

· .org (organizations)-- некоммерческие организации.

· .biz (business organizations)-- только коммерческие организации (с ограничениями).

· .info (information) -- домен открытый для всех

· .name (personal) -- для персональных сайтов (с ограничениями).

· .pro (professionals) -- для специалистов определённых профессий (с ограничениями).

Спонсируемые домены верхнего уровня

· .asia -- домен для резидентов азиатско-тихоокеанского региона

· .int -- общий домен верхнего уровня для международных организаций

· .aero -- организации и физические лица, так или иначе связанные с аэроиндустрией

· .cat -- предназначен для представителей каталонского лингвистического и культурного сообщества.

· .coop -- для кооперативных организаций

· .eco -- для интернет-ресурсов, связанных с экологией

· .jobs -- домен для веб-сайтов с информацией о востребованных профессиях и вакансиях.

· .mobi -- для сайтов и сервисов, ориентированных на работу с мобильными телефонами и беспроводными устройствами.

· .moe -- для развития продуктов связанных с моэ

· .museum -- для музеев

· .post -- для почтовых организаций

· .tel -- для хранения и управления персональными и корпоративными контактами

· .travel -- для туристической индустрии

Домены ограниченного пользования

· .edu (educational) -- для образовательных проектов и высших учебных заведений (прежде всего в США). Зарегистрировать домен можно только если учебное заведение является послешкольным и аккредитованное при Департаменте США. Однако есть . EDU домены в других странах

· .gov (US Government) -- зарезервирован для правительства, например - Министерства.

· .int (international organizations) -- для международных организаций

.tpc.int.

· .mil (US Dept of Defense) -- для военных организаций и учреждений.

Домены для инфраструктуры Интернета

· .arpa -- для инфраструктуры Интернета и, ранее, адресов в закрытой (военной) части сети Интернет.

· .root -- домен прописан в корневых серверах DNS, контролируемых компанией VeriSign, но его назначение никогда не комментировалось. По всей видимости, он используется только для внутренних целей.

Зарезервированные домены

Согласно документу RFC 2606 четыре домена верхнего уровня зарезервированы для различных целей, для того, чтобы они не использовались как реальные имена доменов в глобальной DNS:

· .example -- зарезервировано для примеров.

· .invalid -- зарезервировано для примеров нерабочих адресов.

· .localhost -- зарезервировано для того, чтобы избежать конфликтов

с традиционным использованием localhost.

· .test -- зарезервировано для использования в тестах.

Домемнная зона-- совокупность доменных имён определённого уровня, входящих в конкретный домен. Например, зона wikipedia.org включает все доменные имена третьего уровня в этом домене. Термин «доменная зона» в основном применяется в технической сфере, при настройке DNS-серверов (поддержание зоны, делегирование зоны, трансфер зоны).

Технический аспект

Для преобразования доменного имени в IP-адрес и наоборот служит система DNS.

Эта система состоит из иерархической структуры DNS-серверов, каждый из которых является держателем одной или нескольких доменных зон и отвечает на запросы, касающиеся этих зон, а также DNS-резомлверов, которые отвечают на запросы, касающиеся любых зон. Функции держателя зоны и резолвера часто совмещаются в одной программе; например, таковой является популярный DNS-сервер BIND (Berkeley Internet Name Domain).

Для обеспечения уникальности и защиты прав владельцев доменные имена 1-го и 2-го (в отдельных случаях и 3-го) уровней можно использовать только после их регистрации, которая производится уполномоченными на то регистраторами. Сведения о владельце (администраторе) того или иного регистрируемого домена общедоступны. Их можно узнать, воспользовавшись службой whois.

WHOIS - сетевой протокол прикладного уровня, базирующийся на протоколе ТСР, предназначенный для получения публичной информации (регистрационных данных) о владельцах доменных имён, IP-адресов и автономных систем.

Брошенные домены

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

Доменный бизнес

С развитием интернета особую ценность приобрели «красивые» адреса сайтов, иначе говоря, домены. Общее число зарегистрированных доменов превышает 250 миллионов, и подобрать свободное, красивое и короткое доменное имя стало очень трудно. Образовался рынок перепродажи доменных имён. Сюда входят компании, которые регистрируют домены, покупают и продают домены на вторичном рынке, занимаются размещением рекламы на зарегистрированных доменах, хостинговые сервисы, юридические и правовые организации и т. п. Около 30% доменов не содержат никакой информации и существуют только для продажи рекламных ссылок.

Предполагается, что тысячи компаний хотели бы иметь свой официальный сайт на домене business.com. Вот почему этот домен был продан за 360 миллионов долларов США. На сегодняшний день коммерческую ценность имеют любые домены в gTLD и в некоторых ccTLD зонах (.ru в том числе), созвучные с распространенными английскими существительными в единственном числе, и домены, состоящие не более, чем из трех букв или цифр.

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

С 12 января 2012 года международная организация ICANN открывает прием заявок в рамках программы New gTLD по созданию именных доменов первого уровня вида .BRAND, .КОМПАНИЯ, .ГОРОД.

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

Возраст домена

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

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

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

Неподходящие (плохие) доменные имена

Например, get-mortgage-loans-low-interest.com. Такой домен, мягко говоря, неподходящий, запомнить его не реально, да и похож он больше на спам, чем на адрес сайта.

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

Хомстинг(англ. hosting) -- услуга по размещения информации на сервере, предоставлению ресурсовпостоянно находящемся в для сети (обычно Интернет).

Хостинг как услугу сравнивают, описывают и оценивают по количественным ограничениям:

· размер дискового пространства под файлы пользователя

· количество месячного трафика

· количество сайтов, которые можно разместить в рамках одной учетной записи

· количество FTP пользователей

· количество E-Mail ящиков и объём дискового пространства, предназначенного для почты

· количество баз данных и размер дискового пространства под базы данных

· количество одновременных процессов на пользователя

· количество ОЗУ, и максимальное время исполнения, выделяемое каждому процессу пользователя

качественным ограничениям:

· свободные ресурсы CPU, оперативной памяти, которые влияют на быстродействие сервера

· пропускная способность каналов, которая влияет на загрузку информации.

· удаленность оборудования хостера от целевой аудитории сайта, которая влияет на загрузку информации.

Современная хостинг-индустрия предлагает массу вариантов для размещения интернет проектов. Поэтому каждый владелец сайта может найти для себя наиболее оптимальный вариант. Хостинг сайтов может быть различным, наиболее популярные виды -- это виртуальный хостинг, виртуальный выделенный сервер (VPS/VDS), аренда сервера (Dedicated). Каждый сервис отличается по своим техническим особенностям и стоимости, но в общем используется общий подход -- это построение клиентских площадок на базе веб-серверов.

ОСНОВНЫЕ ВИДЫ ХОСТИНГА: ВИРТУАЛЬНЫЙ (SHARED) ХОСТИНГ.

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

Плюсы:

§ самый дешевый вид хостинга;

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

Минусы:

§ ненадежность. Если на сервере расположены сайты с большим показателем посещаемости, которые могут «положить» сервер, то стабильная работа вашего сайта может быть под угрозой. Также если соседние с вашим сайты будут взломаны - под угрозой будет и информация;

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

ВИРТУАЛЬНЫЙ ВЫДЕЛЕННЫЙ (VPS/VDS) СЕРВЕР.

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

Плюсы:

§ сравнительно недорогой вид хостинга;

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

Минусы:

§ необходимы знания и навыки в администрировании сервера;

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

ВЫДЕЛЕННЫЙ (DEDICATED) СЕРВЕР.

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

Плюсы:

§ полный контроль над физическим сервером;

§ высокий уровень безопасности.

Минусы:

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

§ для настройки и управления сервером требуется квалифицированный системный администратор.

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

Минусы бесплатного хостинга

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

Отсутствие прав собственника и наличие реклама. Фактически вы не являетесь собственником своего web-ресурса и в худшем случае хостер может заблокировать или удалить его по собственному желанию.

3. Маленькое дисковое пространство. Для начала работы вам может хватить того объема ресурсов, который предоставляет бесплатный хостинг. Однако, если вам потребуется больше места для ваших файлов, вам придется искать хостинг с большим объемом ресурсов.

4. Практически не поддерживается php и mysql

Поискомвая оптимизамция(англ. search engine optimization, SEO) -- комплекс мер по внутренней и внешней оптимизации, для поднятия позиций сайта в результатах выдачи поисковых систем по определенным запросам пользователей.

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

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

Поисковые системы учитывают множество параметров сайта при вычислении его релевантности (степени соответствия введённому запросу):

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

· индекс цитирования сайта («ТИЦ»), зависящий от количества и авторитетности веб-ресурсов, ссылающихся на данный сайт; многими поисковиками не учитываются взаимные ссылки (друг на друга). Зачастую также важно, чтобы ссылки были с сайтов той же тематики, что и оптимизируемый сайт -- тематический индекс цитирования (тИЦ).

Индекс цитирования (ИЦ) -- показатель поисковой системы, вычисляемый на основе числа ссылок на данный ресурс с других ресурсов сети Интернет. Первой крупной поисковой системой, начавшей активно использовать индекс цитирования, стала Google (алгоритм PageRank).

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

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

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

К внутренней оптимизации (касающейся исключительно внутренней системы сайта) -- относится работа, направленная на общее повышение качества сайта, пользы, которую он приносит посетителю. Сюда можно отнести работу над структурой проекта, над облегчением восприятия контента и непосредственно над качеством этого контента. Значение общего количества таких факторов в большинстве источников колеблется в районе 200. Функциональный подход к поисковой оптимизации, направленный на подгонку определенных факторов к их целевым значениям, отошел в прошлое в связи с усложнением алгоритмов поисковых систем -- стоимость «балансирования» десятков факторов многократно превышает стоимость создания изначально качественного ресурса.

Внутренняя оптимизация включает в себя работу с заголовками страницы, которые содержатся в коде с тегами <h1>, <h2>, <h3>, надписью, которая высвечивается на вкладке браузера -- Title, и созданием уникального текста на этих же страницах. Также важно уделить внимание мета-тегу description, поскольку именно его видит пользователь под url сайта в поисковой выдаче.

Внешние факторы делятся на статические и динамические:

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

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