|
|
Київський професійно-педагогічний
коледж
|
|||
|
ІНФОРМАТИКА ТА КОМП’ЮТЕРНА
ТЕХНІКА Електронний
навчально-методичний посібник |
||||
|
|
||||
|
План лекції 1. Види сайтів та цільова аудиторія 2.Інформаційна
структура сайта 4. Мова гіпертекстової розмітки Зміст лекції 1.
Види сайтів та цільова аудиторія Кількість
користувачів мережі Інтернет постійно збільшується. Упродовж останніх років
незмінними залишаються дві тенденції: необхідність швидкого завантаження
сайтів та орієнтація на мобільні сайти. Ознайомимося з
класифікацією сайтів (Рис. 15. 1).
Рис. 15. 1 Види
сайтів Кожен сайт
орієнтований на певну цільову аудиторію. Цільова
аудиторія сайта, цільові відвідувачі — група
інтернет-користувачів, на яку сфокусовано зміст сайта;
коло відвідувачів, зацікавлених в інформації, товарах або послугах, що
презентують на сайті. Цільові відвідувачі
точно знають, в отриманні якої інформації вони зацікавлені і який саме товар
або послугу бажають придбати. Виділення цільової
аудиторії з усіх відвідувачів сайта дозволяє
точніше направити інформаційний або рекламний вплив і в результаті веде до
розвитку бізнесу (збільшення продажів товарів або послуг). Будь-який сайт, крім
власне цільової аудиторії, має також побічну і випадкову аудиторію.
Побічною аудиторією
є користувачі, які приходять з пошуку по запитах, суміжних із семантичним
ядром сайта. Те саме можна сказати і про людей, які
начебто «автоматично» клацають на рекламу, ще не знаючи, потрібна їм послуга
чи ні. Вони можуть стати клієнтами, проте це відбувається нечасто. Отже,
побічна аудиторія теж є цільовою. Визначення цільової
аудиторії полягає в складанні приблизного портрета цільового відвідувача сайта (так званого портрета клієнта). 2.
Інформаційна структура сайта Для користувача простота навігації сайтом —
важливий чинник, що позитивно впливає на поведінкові фактори і, як наслідок,
на видимість, позиції і трафік. Інформаційна
структура сайта — спосіб організації інформаційних
даних на веб-сайті, а також структура взаємодії різних блоків інформації один
з одним. В ідеалі така структура повинна бути
максимально зручною, щоб користувач міг швидко знайти потрібну йому
інформацію. Інакше кажучи, структура сайта — це
логічна схема побудови сторінок сайта з розподілом
за папками і категоріями.. Сайти поділяються на сайти з лінійною
та ієрархічною структурою. Також є сайти з довільною структурою,
на яких навігація здійснюється в довільному порядку. Сайтом з довільною
структурою є, наприклад, Вікіпедія. Структура сайта є дуже важливим фактором ранжування, покращуючи
характеристики всього сайта. Основною складовою будь-якого сайта є документ — це сторінка сайта,
що має унікальну адресу в Інтернеті. Документи можуть бути як простими інформаційними
сторінками, так і картками товару або, наприклад, лістингами товарів в
інтернет-магазині. Сьогодні все більшу
популярність набувають так звані посадкові, або лендінг
(від англ. landing page), сторінки. Посадкова сторінка розробляється з
урахуванням психології відвідувачів, вона має чіпляти й не відпускати їх до
самого моменту покупки (або реєстрації). Це може бути передплатна сторінка,
завдання якої зводиться до отримання електронної адреси користувача, який
зайшов на сторінку. Так збирається база. Структура необхідна
для індексації сайта пошуковими системами. У
пошукових систем є низка своїх вимог до структури. Чим більш правильно й логічно вона спроектована, тим простіше пошуковій системі
проіндексувати сторінки і надати їх користувачеві.
Рис. 15. 2 Етапи
створення сайтів Хостинг — це віддалений
комп’ютер-cервер (чи декілька таких комп’ютерів),
на якому розташовано файли сайту. Для ефективної
роботи сайту потрібно забезпечити цілодобовий і безперебійний доступ до
нього. Самотужки це зробити дуже складно: крім цілодобового підключення
потрібно використати відповідне програмне забезпечення, яке вимагає
налаштування й постійного нагляду. Питання з розташуванням сайту вирішують
хостинг-провайдери, які здають в оренду певний дисковий простір на своїх
серверах. Інколи таке розташування можна здійснити безкоштовно в обмін за
розташування реклами. Для соціально значимих сайтів (наприклад, освітніх)
хостинг-провайдер може погодитися на розташування сайту без такої реклами. Просування (розкрутка) сайту — сукупність
заходів, спрямованих на підвищення відвідуваності й цитованості
веб-сайту за допомогою: контекстної реклами, тобто розміщення
рекламної інформації, при якому рекламна інформація відповідає змісту
сторінки, на якій він розташований. Рекламним матеріалом для контекстної
реклами може бути і звичайне текстове оголошення, і банер — графічне
зображення рекламного характеру. Найпопулярнішим різновидом контекстної реклами
є пошукова реклама, розташована у пошукових системах на сторінках видачі
результатів пошуку; медійної реклами (з використанням
різних медійних засобів). Як згадано, банери
можна використовувати і в контекстній рекламі. Але цілі контекстної реклами з
використанням текстового оголошення й медійної реклами різні: § текстові оголошення контекстної реклами
використовують для залучення конкретного відвідувача-клієнта на сайт; § медійну рекламу використовують для розкрутки
бренду, формування певної думки, впливу на бажання тощо. оптимізації
контенту: § доборі ключових
слів; § насиченні змісту
сайту заданими пошуковими запитами і легким для сприйняття текстом без
спотворення змісту; § форматуванні
сторінок відповідно до стандартів WWW. Одну й ту саму сторінку можна оформити
різними способами, при цьому вона може виглядати однаково при використанні
певних браузерів. Але неграмотне використання засобів розмітки сторінки
зазвичай веде до неправильних результатів. Правильна розмітка сторінки
дозволяє пошуковій системі виділити зі сторінки найважливіші моменти, що
надалі позитивно відіб'ється на рейтингу даної сторінки у видачі пошукових
систем; § додаванні
перехресних посилань на сторінки сайту, які допоможуть пошуковим системам
знайти і проіндексувати всі сторінки веб-сайту.
Перехресні посилання є одним із чинників виділення ключових слів; § посилальному
ранжируванні — додавання зовнішніх посилань на сайт для підвищення індексів цитованості. Наприклад, за допомогою PageRank
(алгоритм розрахунку авторитетності сторінки, що використовує пошукова
система Google) і ТІЦ (Тематичний Індекс Цитування
— засіб визначення авторитетності ресурсів, покликаний забезпечити релевантність розташування ресурсів у рубриках каталогу
пошукової системи Яндекс). Кількість посилань на веб-сайт також впливає на
його позицію у видачі пошукових систем. Людина, якій
потрібен сайт, має або оволодіти досить потужним інструментарієм, або
звернутися до професіоналів. Ще один вихід — це
знайти такі інструменти, які б допомогли непрофесіоналам створювати та
супроводжувати свої сайти, інтернет-магазини, блоги тощо. Конструювання
веб-сайтів за ступенем автоматизації поділяють на два основні методи:
візуальний і програмований.
Рис. 15. 3 Способи
створення сайтів Система керування вмістом (англ. Content Management System, або CMS) — програмне забезпечення для організації
спільного процесу створення, редагування й керування контентом веб-сайтів. Адміністрування сайта — це комплекс
заходів щодо підтримки чіткого функціонування сайта,
його працездатності, швидкої роботи, зручності для користувача, регулярного
розміщення матеріалів на його сторінках.
Рис. 15. 4 Види адміністрування сайтів 4. Мова гіпертекстової
розмітки Для розуміння процесу створення сайта необхідне опанування мови розмітки гіпертексту. HTML (англ. HyperText Markup Language) — стандартна
мова розмітки документів у Всесвітній павутині, яка обробляється спеціальними
програмами (браузерами) і відображається у вигляді документа у зручній для
людини формі. Гіпертекст — електронний
документ, який містить зв’язки з іншими електронними документами. Такі
зв’язки називаються гіперпосиланнями. HTML створювалася як мова для обміну
науковою й технічною документацією, як один із компонентів технології
розробки розподіленої гіпертекстової системи World Wide Web (яку ми звикли
називати Всесвітньою павутиною). Ідея така: користувач має можливість
переглядати документи (сторінки тексту) у найзручнішому для себе порядку, а
не послідовно, як це узвичаєно під час читання книжок. Це досягається
створенням спеціального механізму зв’язування різних сторінок тексту за
допомогою гіпертекстових посилань. Будь-який документ мовою HTML є набором
елементів, водночас початок і кінець кожного елемента позначається
спеціальними позначками — тегами. Теги — команди мови
HTML. HTML-теги — це ключові слова
або символи, які записуються в кутових дужках. Теги бувають двох видів: парні й непарні (їх
ще називають поодинокими). Парні теги складаються з відкриваючого і
закриваючого тегів. Теги нечутливі до регістра (тобто регістро-
незалежні), тому можуть бути написані як
великими, так і малими літерами. Теги визначають, де починається й де
закінчується HTML-елемент. Текстові документи, що містять розмітку
мовою HTML (такі документи зазвичай мають розширення .html
або .htm), опрацьовуються спеціальними
застосунками, які відображають документ у його відформатованому вигляді. Такі
застосунки називаються браузерами. Пригадаємо, що браузером
(веб-переглядачем) називають програмне забезпечення для комп’ютера або іншого
електронного пристрою, під’єднаного до Інтернету, який дає змогу
користувачеві взаємодіяти з текстом, малюнками або іншою інформацією на
гіпертекстовій веб-сторінці. За
допомогою тегів браузер розпізнає структуру документа. Отримавши цю інформацію, браузер використовує
вбудовані в нього за замовчуванням правила про те, як відображати контент
сторінки. Без використання HTML-тегів браузер виведе невідформатований текст,
без відступів, заголовків, абзаців тощо. Контент (англ.
content — вміст) — це інформаційне наповнення сайта. Розглянемо детальніше структуру HTML-сторінки. Додаткові матеріали Рекомендовано ознайомитись з додатковою інформацією до
лекційного матеріалу по даній темі Перегляньте презентацію до теоретичного матеріалу: Ознайомтесь з додатковим теоретичним матеріалом: Типи веб-сайтів і їх види
діяльності Контрольні запитання 1.
Скільки груп сайтів ви можете класифікувати? 2.
Що таке адміністрування сайта? 3.
На які види поділяється робота з адміністрування сайта? 4.
Що таке контент; HTML; гіпертекст? 5.
Як називають команди мови розмітки? 6.
Назвіть класифікацію тегів HTML. 7.
Які невід’ємні компоненти структури сторінки? Виконання завдань Відкрийте браузер (наприклад Google Chrome) та увійдіть у
свій обліковий запис Google за посиланням https://myaccount.google.com.
Перейдіть до додатку Google Клас за
посиланням https://classroom.google.com
та приєднайтесь до курсу з дисципліни Інформатика та комп’ютерна техніка
ввівши код курса jv89r5. На вкладці Завдання виконайте всі
завдання до теми 15. |
||||
|
Наступна тема |
||||
