1 of 25

ПІДГОТОВКА ТА РОЗМІЩЕННЯ МАТЕРІАЛІВ У МЕРЕЖІ ІНТЕРНЕТ��РОЗМІЩЕННЯ, ПРОСУВАННЯ ТА ПІДТРИМКА САЙТУ

10

2 of 25

Навчальна: навчити учнів у процесі уроку виробничого навчання можливості розміщення, просування та підтримка сайту.

Розвиваюча: розвити навички розміщення та просування сайту та використовувати набуті знання на практиці.

Виховна: виховати інформаційно - освічену особу, культуру роботи з можливості просування сайту, повагу до обраної професії «Оператор з обробки інформації та програмного забезпечення».

10

3 of 25

ВСТУПНИЙ ІНСТРУКТАЖ ІНСТРУКТАЖ� З ОП ТА БЖД

Грамотна експлуатація і дисциплінована поведінка дають повну гарантію безпеки при роботі на комп'ютері.
Комп'ютер живиться від електричної мережі напругою 220В. Напруга, більша 36В, небезпечна для людини.
Джерелом небезпеки можуть бути розетки з розбитими корпусами, проводи з пошкодженою ізоляцією, прокладені по підлозі кабелі.

ІНСТРУКЦІЯ З БЕЗПЕКИ ЖИТТЄДІЯЛЬНОСТІ

Суворо забороняється: торкатися задніх стінок комп'ютера і кабелів; торкатися до проводів живлення і заземлення;
торкатися екрана монітора і його задньої стінки; класти книги, зошити на клавіатуру, „мишу" або монітор; працювати з мокрими руками або в мокрому одязі. Перед роботою переконайся у відсутності видимих пошкоджень.
ПІД ЧАС РОБОТИ: не допускай різких і грубих ударів по клавішах; у жодному разі не намагайся самостійно ремонтувати ПК; якщо зникла напруга негайно вимкни комп'ютер. Після закінчення роботи: коректно заверши роботу з активними програмами; приберите своє робоче місце.

10

4 of 25

ПРОСУВАННЯ САЙТУ

ПРОСУВАННЯ САЙТУ — КОМПЛЕКС ДІЙ ДЛЯ ЗАБЕЗПЕЧЕННЯ ВИСОКИХ ПОЗИЦІЙ РЕСУРСУ В ПОШУКОВИХ СИСТЕМАХ З МЕТОЮ ПІДВИЩЕННЯ ВІДВІДУВАНОСТІ САЙТУ ЦІЛЬОВОЮ АУДИТОРІЄЮ. ЦІЛЬОВА АУДИТОРІЯ — ЦЕ ЗАЦІКАВЛЕНА ГРУПА ЛЮДЕЙ У ПРИДБАННІ ПРОДУКЦІЇ, ТОВАРІВ АБО ПОСЛУГ, ПРЕДСТАВЛЕНИХ НА САЙТІ ЯКИЙ ПРОСУВАЄТЬСЯ.
ОДНИМ З НАЙДІЄВІШИХ МЕТОДІВ РОЗКРУТКИ САЙТУ В ПОШУКОВИХ СИСТЕМАХ Є ОПТИМІЗАЦІЯ. ПОШУКОВА ОПТИМІЗАЦІЯ — ЦЕ КОМПЛЕКСНА РОБОТА НАД ЗОВНІШНІМИ І ВНУТРІШНІМИ ФАКТОРАМИ САЙТУ, З УРАХУВАННЯМ ВИМОГ АЛГОРИТМІВ ПОШУКОВИХ СИСТЕМ, ДЛЯ ВИВЕДЕННЯ САЙТУ НА БІЛЬШ ВИСОКІ ПОЗИЦІЇ В ПОШУКОВІЙ ВИДАЧІ. ТАКИМ ЧИНОМ ЗБІЛЬШУЄТЬСЯ ЦІЛЬОВУ ВІДВІДУВАНІСТЬ РЕСУРСУ І ЙОГО КОНВЕРСІЯ.
Є БАГАТО ЧИННИКІВ ЯКІ ВПЛИВАЮТЬ НА РАНЖУВАННЯ САЙТУ У ВИДАЧІ ПОШУКОВИХ СИСТЕМ, ЇХ МОЖНА РОЗДІЛИТИ НА ЗОВНІШНІ І ВНУТРІШНІ ЧИННИКИ.

10

5 of 25

Поняття просування веб-сайтів

Метою створення сайтів є залучення якомога більшого числа відвідувачів для ознайомлення з матеріалами сайту. Тому важливим етапом роботи із сайтом є його просування.

Просування сайту — це комплекс заходів, спрямований на збільшення відвідуваності сайту цільовою аудиторією.

10

6 of 25

Поняття просування веб-сайтів

Цільовою аудиторією вважаються користувачі, для яких створено цей сайт:

для інтернет-магазинів

для соціальних мереж

для сайту закладу освіти

ті користувачі, що шукають відповідний товар

ті, хто має потребу в спілкуванні та обміні думками з певних питань

ті, хто цікавиться новинами та умовами навчання у закладі тощо.

10

7 of 25

Поняття просування веб-сайтів

Існують різні та постійно з'являються нові стратегії просування сайтів. Наведемо приклади стратегій, які використовують для просування сайтів:

Реєстрація в пошукових каталогах — полягає в розміщенні відомостей про сайт у базах даних популярних тематичних каталогів, наприклад Мета (meta.uа), Uaport (uaport.net) тощо.

10

8 of 25

Поняття просування веб-сайтів

Просування засобами соціальних мереж, SMO (англ. Social Media Optimization — оптимізація соціальних медіа) та SMM (англ. Social Media Marketing — маркетинг соціальних мереж) — просування сайту з використанням можливостей соціальних мереж.

10

9 of 25

Поняття просування веб-сайтів

SMO передбачає створення на сайті засобів для зручного додавання відомостей з нього в соціальні мережі, коментування матеріалів сайту з використанням облікового запису соціальних мереж тощо.

SMM — це реклама сайту в соціальних мережах і медіа.

10

10 of 25

Поняття просування веб-сайтів

Просування сайту офлайн — може проводитись у вигляді зовнішньої реклами:

листівок

реклами у газетах

реклами на радіо

реклами на телебаченні тощо.

10

11 of 25

СПОСОБИ ПОПУЛЯРИЗАЦІЇ САЙТУ

ВКЛЮЧЕННЯ САЙТУ В БАНЕРНУ МЕРЕЖУ
ОБМІН ГІПЕРПОСИЛАННЯМИ

РЕЄСТРАЦІЯ САЙТУ В КАТАЛОГАХ ТА РЕЙТИНГАХ

РЕЄСТРАЦІЯ В ПОШУКОВИХ СИСТЕМАХ

СТВОРЕННЯ ПОШТОВОЇ РОЗСИЛКИ

ПЛАТНА РЕКЛАМА

10

12 of 25

Пошукова оптимізація

Оптимізація сайту може бут:

зовнішньою

внутрішньою

Зовнішня оптимізація полягає в збільшенні кількості зовнішніх посилань на сайт.

Внутрішня оптимізація передбачає удосконалення HTML-коду веб-сторінок вашого сайту з точки зору розміщення та форматування ключових слів.

10

13 of 25

Пошукова оптимізація

Вибрані ключові слова потрібно розмістити в HTML-тегах сторінки, які опрацьовують пошукові роботи:

<title> — назва, що відображається на вкладці браузера;

10

14 of 25

Пошукова оптимізація

HTML-код цієї сторінки містить, серед іншого, такі теги:

<title>Всеукраїнський Конкурс Проектів по Інформатиці Весела Наука</title>

10

15 of 25

Пошукова оптимізація

Під час внутрішньої оптимізації сайту доцільно у HTML-коді сторінок виділити ключові слова тегами, які свідчать про важливість цих слів:

задає напівжирне накреслення, вказує на важливість виділеного тексту;

<і>

задає курсивне накреслення;

<big>

збільшує поточний розмір символів тексту.

10

16 of 25

Пошукова оптимізація

Достатньо, щоб на веб-сторінці було виділено таким чином 1-2 ключових слова.

Також на веб-сторінках повинні бути заголовки.

Заголовок, створений тегом <h1>, має бути лише один і містити ключову фразу.

Підзаголовки на сторінці варто створювати тегами <h2>.

10

17 of 25

Пошукова оптимізація

Зауважимо, що під час створення сайту засобами сервісу Google Сайти не має можливості врахувати деякі із цих рекомендацій, оскільки розробник сайту не працює безпосередньо з HTML-кодом сторінок сайту.

10

18 of 25

КАРТКА ЗАВДАННЯ 1

Що називають просуванням сайту?

Які стратегії просування веб-сайтів ви знаєте? Схарактеризуйте їх.

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

Які є види пошукової оптимізації сайту? У чому вони полягають?

Які дії виконують у процесі внутрішньої пошукової оптимізації сайту?

10

19 of 25

КАРТКА ЗАВДАННЯ 2

Підхід, покликаний зробити сайти простими у використанні для користувача, який не потребує додаткового навчання, тобто має бути орієнтованим на нього інтерфейс називають …

А) Інфографіка Б) Юзабіліті

В) Верстка Г) Мультимедіа

2. Комплекс заходів щодо підтримки чіткого функціонування сайта, його працездатності, швидкої роботи, зручності для користувача, регулярного розміщення матеріалів на його сторінках – це …

А) Вебсистема керування вмістом сайта Б) Верстання сайта

В) Комп’ютерне моделювання Г) Адміністрування сайта

10

20 of 25

3. Схема розташування на сторінках основних блоків: заголовка, блоків навігації, інформаційних і рекламних блоків, підвалу тощо – це …

А) Контент Б) Стилістика

В) Макет Г) Атрибут

4. Укажіть теги мови HTML…

А) <HTML> Б) <ALT>

В) <BGCOLOR> Г) <BODY>

Д) <TABLE> Е) <IMG>

5. Атрибутами називають …

А) Документи, призначені для перегляду на екрані комп'ютера за допомогою браузера

Б) Додаткові компоненти тега, що містять вказівки про те, як браузер повинен сприйняти і обробити тег

В) Елементи, що позначають фрагмент невиконуваного коду

Г) Спеціалізовані редактори HTML

10

21 of 25

6. Укажіть атрибути тегів мови HTML.

А) <HTML> Б) <ALT>

В) <BGCOLOR> Г) <BODY>

Д) <TABLE> Е) <IMG>

7. Ергономіка – це …

А) Галузь веброзробки і різновид дизайну, до завдання якого входить проектування призначених для користувача вебінтерфейсів для сайтів або вебзастосунків.

Б) Наука, яка вивчає особливості діяльності людини з метою забезпечення її ефективності, безпеки та комфорту.

В) Процес проектування, написання, тестування, підтримки комп'ютерних програм.

Г) Технології, призначені за допомогою комп’ютера інтегрувати, опрацьовувати й одночасно відтворювати різноманітні типи сигналів, різні середовища, засоби та способи обміну даних різних типів.

10

22 of 25

8. Хостинг – це …

А) Послуга, яку надають компанії для розміщення на своїх серверах вебресурсів.

Б) Послуга доступу до файлів віддалених комп'ютерів.

В) Пошук інформації в базі даних в оперативному режимі.

Г) Сеанси зв’язку з іншими комп’ютерами, під’єднаними до Internet.

9. Підхід, покликаний зробити сайти простими у використанні для користувача, який не потребує додаткового навчання, тобто має бути орієнтованим на нього інтерфейс називають …

А) Інфографіка Б) Юзабіліті

В) Верстка Г) Мультимедіа

10

23 of 25

ТЕХНОЛОГІЧНА КАРТКА 1

ПРИКЛАД ГРАФІЧНОГО БАНЕРУ

<A HREF="/ПОСИЛАННЯ НА САЙТ РЕКЛАМОДАВЦЯ" TITLE="ЗАГОЛОВОК" TARGET="_BLANK" REL="NOFOLLOW"><IMG SRC="/ШЛЯХ ДО ЗОБРАЖЕННЯ" ALT="АЛЬТЕРНАТИВНИЙ ТЕКСТ" TITLE="ЗАГОЛОВОК"/></A>

<A HREF="HTTP://WWW.MON.GOV.UA/" TITLE="МІНІСТЕРСТВО OСВІТИ І НАУКИ, МОЛОДІ ТА СПОРТУ УКРАЇНИ" CLASS="PARTNER"><IMG SRC="HTTP://STATIC.SHODENNIK.UA/IMAGES/BANNERS/SHODENNIK/MON.JPG"></A>

10

24 of 25

ТЕХНОЛОГІЧНА КАРТКА 2

РЕЄСТРАЦІЯ В ПОШУКОВИХ СИСТЕМАХ

GOOGLE:	HTTP://WWW.GOOGLE.COM/ADDURL/?CONTINUE=/ADDURL
ЯНДЕКС:	HTTP://WEBMASTER.YANDEX.RU/
YAHOO:	HTTPS://SITEEXPLORER.SEARCH.YAHOO.COM/SUBMIT
АПОРТ:	HTTP://CATALOG.APORT.RU/RUS/ADD/ADDURL.ASPX
META.UA	HTTP://WEB.META.UA/?ACTION=ADD

10

25 of 25

ТЕХНОЛОГІЧНА КАРТКА 3

БАНЕР – ЦЕ ПРЯМОКУТНЕ ЗОБРАЖЕННЯ, ЩО ПРИЗНАЧЕНЕ ДЛЯ РЕКЛАМИ ПЕВНОГО САЙТУ ТА МІСТИТЬ ГІПЕРПОСИЛАННЯ НА НЬОГО

РОЗМІРИ: 468Х60(СМУЖКА), 120Х60, 100Х100(ОГОЛОШЕННЯ), 88Х31(КНОПКА)
НЕ ПОВИНЕН ПЕРЕВИЩУВАТИ 15 КБАЙТ
ВИКОРИСТОВУЙТЕ НЕ БІЛЬШЕ 3-4 БАНЕРІВ НА СТОРІНЦІ
БАНЕРНІ МЕРЕЖІ: UABANNER.COM, WWW.HITUA.NET, WWW.TIP468.NET

10