Інформатика – Поглиблений рівень

Безкоштовно

Ніхто не записаний

Урок 110. Правила ергономічного розміщення відомостей на веб-сторінці.

Тема уроку: “Правила ергономічного розміщення відомостей на веб-сторінці. Пошукова оптимізація та стратегії просування веб-сайтів”

Пригадаємо…

  • Що таке хостинг?
  • Які переваги та недоліки віртуального виділеного серверу?
  • Як завантажити сайт на хостинг?

Прочитайте!

У процесі створення веб-сайту важливо спланувати його структуру так, щоб користувачам Інтернету було максимально зручно працювати з вашим сайтом.

Ергономіка — це наука, яка вивчає особливості виробничої діяльності людини з метою забезпечення ефективності, безпеки

та зручності цієї діяльності.
Ергономічний сайт — це сайт, що забезпечує необхідні зручності відвідувачеві, зменшує фізичну та психологічну втому, зберігає здоров’я та працездатність. Складовою частиною ергономіки сайту є ступінь зручності та простоти веб-сайтів у використанні для користувача без потреби проходження спеціального навчання. Будь-яка людина повинна мати можливість інтуїтивно пов’язувати дії, які потрібно виконати на веб-сторінці, з об’єктами, що вона бачить.
Під час розробки структури веб-сторінок потрібно:
    • подавати відомості у зрозумілій і стислій формі;
    • пропонувати кілька посилань для переходу на одну й ту саму сторінку, щоб забезпечити кожному користувачу можливість вибрати найбільш зручне або очевидне;
    • усувати будь-яку двозначність щодо наслідків дій після вибору елементів керування на веб-сторінці.
    Ергономіка сайту стосується розміщення відомостей на веб-сторінках, системи навігації, оформлення сторінок, швидкості їх завантаження Наведемо опис критеріїв, за якими оцінюється ергономічність веб-сторінок.
Поняття про просування сайтів

    Метою створення сайтів є залучення якомога більшого числа відвідувачів для ознайомлення з матеріалами сайту. Тому важливим етапом роботи із сайтом є його просування.
Просування сайту — це комплекс заходів, спрямований на збільшення відвідуваності сайту цільовою аудиторією. Цільовою аудиторією вважаються користувачі, для яких створено цей сайт: для інтернет-магазинів — користувачі, що шукають відповідний товар, для соціальних мереж — ті, хто має потребу в спілкуванні та обміні думками з певних питань, для сайту закладу освіти — ті, хто цікавиться новинами та умовами навчання у закладі тощо. 

    Існують різні та постійно з’являються нові стратегії просування сайтів. Наведемо приклади стратегій, які використовують для просування сайтів:
• Реєстрація в пошукових каталогах — полягає в розміщенні відомостей про сайт у базах даних популярних тематичних каталогів.
• Пошукова оптимізація, або SEO — процес коригування HTML-коду, контенту, структури сайту для забезпечення відповідності вимогам пошукових систем з метою отримання високих позицій веб-ресурсу в результатах пошуку за певними запитами користувачів.
• Просування засобами соціальних мереж, SMO  та SMM  — просування сайту з використанням можливостей соціальних мереж. SMO передбачає створення на сайті засобів для зручного додавання відомостей з нього в соціальні мережі, коментування матеріалів сайту з використанням облікового запису соціальних мереж тощо. SMM — це реклама сайту в соціальних мережах і медіа 
    • Контекстна (банерна) реклама — передбачає розміщення рекламних оголошень про сайт на сторінках пошукових систем у результатах пошуку за певними ключовими словами. Рекламна кампанія є платною та проводиться з використанням спеціальних сервісів пошукових систем, наприклад Google Adwords.
• Просування сайту офлайн — може проводитись у вигляді зовнішньої реклами, листівок, реклами у газетах, на радіо та телебаченні тощо.
Ці та інші засоби сприяють збільшенню відвідуваності сайту. Але основним фактором популярності ресурсу є унікальний, цікавий і корисний для відвідувачів контент сайту.
Пошукова оптимізація

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

    • частота появи ключових слів на веб-сторінках. Оптимальною вважається щільність ключових слів 5-7 % від текстового вмісту веб-сторінки або 3-4 рази на сторінку;
    • індекс цитування сайту, тобто показник, який визначається на основі кількості веб-ресурсів, які мають гіперпосилання на цей сайт При цьому сайти з посиланнями повинні бути такої самої або схожої тематики та ін.
    Оптимізація сайту може бути зовнішньою та внутрішньою. Зовнішня оптимізація полягає в збільшенні кількості зовнішніх посилань на сайт. Внутрішня оптимізація передбачає удосконалення HTML-коду веб-сторінок вашого сайту з точки зору розміщення та форматування ключових слів.
   Ключові слова характеризують сайт, за ними ваш сайт може бути знайдено під час пошуку в пошукових системах. Наприклад, для сайту навчального закладу ключовими словами можуть бути повна назва закладу, його тип — заклад освіти, школа, ліцей, гімназія тощо, слова освіта, навчання та ін.
    Вибрані ключові слова потрібно розмістити в HTML-тегах сторінки, які опрацьовують пошукові роботи:
    • <title> — назва, що відображається на вкладці браузера;
    • <meta name=”keywords” content=”ключові слова”> — список ключових слів;
    • <meta name=”description” content=”опис”> — опис сайту.
Виконання практичного завдання
Завдання 1 Створіть таблицю за зразком та заповніть її (таблицю можна накреслити в зошит, або створити у Google документі та скинути вчителю посилання на неї):
Критерій Опис (що відноситься до даного критерію)
Розташування відомостей на сторінці
Зручність навігації
Оформлення
Швидкість завантаження
Завдання 2. Дайте відповідь на запитання:
  • Якими способами можна підкреслити структуру веб-сторінки?
  • Які стратегії просування сайтів ви знаєте? Охарактеризуйте їх.
  • Опишіть розглянути атрибути тегу <track>.
  • Що таке “пошукова оптимізація”?
  • Які параметри потрібно враховувати, щоб пошукова система наводила в числі перших у списку знайдених ресурсів ваш сайт?
Завдання 1-2 оформіть у вигляді звіту. Прослідкуйте, щоб шрифт на усіх сторінка був однаковим: розмір 12-14, міжрядковий інтервал 1-1,5.
Завдання 3 «Битва за увагу» (Візуальна вага)

Це завдання на розуміння візуальної ієрархії.

Завдання: Вам дано три елементи для головного екрана сайту благодійного фонду:

  1. Фотографія врятованої тварини.

  2. Заголовок: «Врятуй життя сьогодні».

  3. Кнопка: «Пожертвувати 50 грн».

Що треба зробити: Створіть три різні ескізи (схематично):

  • Варіант А: Головний акцент на емоції (домінує фото).

  • Варіант Б: Головний акцент на дії (домінує кнопка).

  • Варіант В: Головний акцент на сенсі (домінує текст).

0.00 на основі 0 рейтингів

5 зірок
0%
4 зірок
0%
3 зірок
0%
2 зірок
0%
1 зірок
0%