Урок "Пошукова оптимізація та просування вебсайтів"

Бібліотека Інформатика 10 клас Розробки уроків
Про матеріал
Розробка уроку з інформатики у 10 (11) класі "Пошукова оптимізація та просування вебсайтів". У розробці подано конспект уроку, презентацію до уроку. Інтерактивний он-лайн тест «Створення та адміністрування сайту» можна використати на етапі актуалізації опорних знань (посилання на тест наведено у конспекті уроку).
Зміст архіву
Перегляд файлу

Дата проведення__________________

Клас 10

Тема: Пошукова оптимізація та просування вебсайтів

 

Мета уроку:

  •    сформувати розуміння процесів пошукової оптимізації та просування вебсайтів;
  •    розвивати інтелектуальні і пізнавальні здібності ліцеїстів, встановити зв'язки між засвоєними та новими знаннями.;
  •    виховати творчий та естетичний підхід до роботи, бажання експериментувати, професійно орієнтувати і підготувати до подальшого самонавчання майбутньої трудової діяльності.

 

Тип уроку: засвоєння нових знань, умінь, навичок.

Перелік засобів навчання: IBM PC, підручник «Інформатика», мультимедійний проектор, сенсорна дошка, презентація PowerPoint.

Програмне забезпечення: Microsoft Office PowerPoint, браузер.

 

 

План уроку:

І. Організаційний етап 1 хв

II. Актуалізація опорних знань 5 хв

IІІ. Мотивація навчальної діяльності 7 хв

ІV. Засвоєння нових знань 20 хв

V. Застосування знань, формування вмінь та навичок 10 хв

VI. Підбиття підсумків уроку, завдання на самостійну підготовку 2 хв

  • Метод – репродуктивний, проблемний.
  • Форма організації навчальної діяльності – індивідуальна.

 

Тест  «Створення та адміністрування сайту»

https://naurok.com.ua/test/rozrobka-prostogo-vebsaytu-341123.html

 

Див. Додаток 1

 

IІІ. МОТИВАЦІЯ НАВЧАЛЬНОЇ ДІЯЛЬНОСТІ

 

Будь-який власник веб-ресурсу намагається зібрати якомога більшу кількість відвідувачів.

З метою залучення максимальної кількості користувачів інтернету, будь-який створений і наповнений корисною інформацією сайт повинен стати популярним, тільки тоді він буде виправдовувати своє призначення.

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

Як це зробити? От сьогодні ми й розглянемо тему:

 

 ІV. ЗАСВОЄННЯ НОВИХ ЗНАНЬ

  • Метод – пояснювально-ілюстративний
  • Форма організації навчальної діяльності – фронтальна

 

ПЛАН ВИВЧЕННЯ ТЕМИ (слайди №3-27):

 

  1. Поняття пошукової оптимізації.
  2. Просування сайту.

 

V. ЗАСТОСУВАННЯ ЗНАНЬ, ФОРМУВАННЯ ВМІНЬ ТА НАВИЧОК

  • Метод – репродуктивний, проблемний.
  • Форма організації навчальної діяльності – індивідуальна.
  • Види завдань – репродуктивні завдання, які  мають технологічний характер і орієнтовані на здобуття практичних навичок роботи з новим програмним продуктом.

Практична вправа (слайд  №28)

 

VI. ПІДБИТТЯ ПІДСУМКІВ УРОКУ, ЗАВДАННЯ НА САМОСТІЙНУ ПІДГОТОВКУ

(слайд  №29)


Додаток 1

Тест  «Створення та адміністрування сайту»

https://naurok.com.ua/test/rozrobka-prostogo-vebsaytu-341123.html

 

Мова опису структури сторінок вебдокументів, яка дозволяє звичайний текст форматувати в абзаци, заголовки, списки та інші структури, створювати посилання на інші сторінки – це …

  1. HTML
  2. HTTP
  3. WEB
  4. URL

 

Веб-інтерфейс — це…

  1. Сукупність вебсторінок, доступних у мережі Інтернет, які об'єднані як за змістом, так і за навігацією під єдиним доменним ім'ям
  2. Комфорт під час використання, який полягає у зменшенні фізичної та психологічної втоми
  3. Сукупність засобів, за допомогою яких користувач взаємодіє з вебсайтом або будь-яким іншим додатком через браузер
  4. Використання протоколу IP і маршрутизації пакетів даних

 

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

  1. Галузь веброзробки і різновид дизайну, до завдання якого входить проектування призначених для користувача вебінтерфейсів для сайтів або вебзастосунків
  2. Наука, яка вивчає особливості діяльності людини з метою забезпечення її ефективності, безпеки та комфорту
  3. Процес проектування, написання, тестування, підтримки комп'ютерних програм
  4. Технології, призначені за допомогою комп’ютера інтегрувати, опрацьовувати й одночасно відтворювати різноманітні типи сигналів, різні середовища, засоби та способи обміну даних різних типів.

 

Хостинг – це …

  1. Послуга, яку надають компанії для розміщення на своїх серверах веб-ресурсів
  2. Послуга доступу до файлів віддалених комп'ютерів
  3. Пошук інформації в базі даних в оперативному режимі
  4. Сеанси зв’язку з іншими комп’ютерами, під’єднаними до Internet

 

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

  1. Інфографіка
  2. Юзабіліті
  3. Верстка
  4. Мультимедіа

 

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

  1. Вебсистема керування вмістом сайта
  2. Верстання сайта
  3. Комп’ютерне моделювання
  4. Адміністрування сайта

 

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

  1. Контент
  2. Стилістика
  3. Макет
  4. Атрибут

 

Укажіть теги мови HTML:

  1. <HTML>
  2. <ALT>
  3. <BGCOLOR>
  4. <BODY>
  5. <TABLE>
  6. <IMG>

 

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

  1. Документи, призначені для перегляду на екрані комп'ютера за допомогою браузера
  2. Додаткові компоненти тега, що містять вказівки про те, як браузер повинен сприйняти і обробити тег
  3. Елементи, що позначають фрагмент невиконуваного коду
  4. Спеціалізовані редактори HTML

 

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

  1. <HTML>
  2. <ALT>
  3. <BGCOLOR>
  4. <BODY>
  5. <TABLE>
  6. <IMG>

 

1

 

Перегляд файлу
користувачівзнаходять нові сайти через пошукові системи онлайн-покупок здійснюються на сайтах, які знайдено через пошукові системи 55%90%Відомо, що
ПОШУКОВА ОПТИМІЗАЦІЯ ТА ПРОСУВАННЯ ВЕБСАЙТІВ
Ви дізнаєтесь: Що розуміють підпошуковою оптимізацією сайта?>>>>>>>>>>>>>>>>>>У чому полягає процес просування сайта?
SEO (англ. Search Engine Optimization)— це роботи з аналізу і зміни внутрішньої структури меню сайта, робота з текстами, перевірка й налаштування всіх технічних параметрів для оптимальної роботи пошукового робота. Пошукова оптимізація— підвищення рейтингу сайта в пошукових системах (Google, Bing, Yahoo) та залучення трафіку. Мета SEO
Класи пошукової оптимізації сайтів. Сіра. Не заборонені, але потенційно некоректні прийоми. Якщо чорну або сіру оптимізацію буде виявлено пошуковою системою, до сайта будуть застосовані штрафні санкції чи навіть бан. Чорна. Набір прийомів, які характеризуються явною некоректністю. Багато з них заборонені, деякі створені для введення пошукової системи в оману. Біла. Легальні професійні методи, що допов-нюють один одного й дають стабільний результат. Спрямована на те, щоб і відвідувачі, і пошукові машини ставили сайту високу оцінку.
SEO-Manager. Фахівця, який проводить роботу з оптимізації веб-сайтів, називають оптимізатором (SEO-Manager).
англ. webcrawler, bot, webrobots, webspider — бот, павук— це спеціальна програма, що є складовою частиною пошукової системи та призначена для перебирання сторінок Інтернету з метою занесення інформації про них у базу данихпошукової системи. Пошуковий робот
Роботи Google Google Mobile Ad. Sense і Google Ad. Sense — індексує сайти рекламної мережі Google Робот Googlebot — основний робот. Googlebot. News — сканує та індексує новини. Google. Mobile — індексує сайти для мобільних пристроїв. Googlebot. Images — шукає й індексує зображення. Googlebot. Video —індексує відео. Google. Ads. Bot — перевіряє якість цільової сторінки
1. Перед пошуком. Програмні роботи, «павуки» сканують Всесвітню павутину, індексують мільйони сторінок.
2. Під час пошуку. Під час введення запиту працює функція Google «Живий пошук», яка показує підказки і дозволяє здійснити пошук якнайшвидше.3. Рейтинг. Щоб обрати з мільйонів результатів найрелевантніші, при опрацюванні запиту використовується понад 200 критеріїв (актуальність, якість матеріалу вебсайту, кількість вебсторінок, значимість посилань, слова на сторінці, синоніми ключових слів, тип пошукового результату, персоналізація і т.п.). На сторінку пошуку миттєво поміщуються найрелевантніші матеріали. Щоденно Google опрацьовує мільярди пошукових запитів.16% щоденних запитів є новими.4. Результат
Для процесу пошуку інформації дуже важливо правильно підібрати ключові слова. Оптимальною вважається щільність ключових слів 5–7 % від текстового вмісту веб-сторінки або 3–4 рази на сторінку.
Вибрані ключові слова потрібно розмістити в HTML-тегах сторінки, які опрацьовують пошукові роботи: • <title> — назва, що відображається на вкладці браузера;• <meta name= — список ключових слів;•  — опис сайту." title="Вибрані ключові слова потрібно розмістити в HTML-тегах сторінки, які опрацьовують пошукові роботи: •  — назва, що відображається на вкладці браузера;• <meta name="keywords" content="ключові слова"> — список ключових слів;• <meta name="description" content="опис"> — опис сайту."> </div> <div data-index="15" class="slide slide15 hide" slidenumber="15"> <img class="slide_image" src="/uploads/files/402351/178355/191100_images/15.jpg" alt="Також на веб-сторінках повинні бути заголовки:    Заголовок, створений тегом <h1>, має бути лише один і містити ключову фразу. Підзаголовки на сторінці варто створювати тегами <h2>." title="Також на веб-сторінках повинні бути заголовки:    Заголовок, створений тегом <h1>, має бути лише один і містити ключову фразу. Підзаголовки на сторінці варто створювати тегами <h2>."> </div> <div data-index="16" class="slide slide16 hide" slidenumber="16"> <img class="slide_image" src="/uploads/files/402351/178355/191100_images/16.jpg" alt="Під час внутрішньої оптимізації сайту доцільно у HTML-коді сторінок виділити ключові слова тегами, які свідчать про важливість цих слів:   • <strong> — задає напівжирне накреслення, вказує на важливість виділеного тексту;• <i> — задає курсивне накреслення;• <big> — збільшує поточний розмір символів тексту." title="Під час внутрішньої оптимізації сайту доцільно у HTML-коді сторінок виділити ключові слова тегами, які свідчать про важливість цих слів:   • <strong> — задає напівжирне накреслення, вказує на важливість виділеного тексту;• <i> — задає курсивне накреслення;• <big> — збільшує поточний розмір символів тексту."> </div> <div data-index="17" class="slide slide17 hide" slidenumber="17"> <img class="slide_image" src="/uploads/files/402351/178355/191100_images/17.jpg" alt="Зображення, вставлені на веб-сторінку, повинні матитекст заміщення, який містить ключові слова. Для цього використовується атрибут alt:    <img src="ім’я або URL-адреса файла із зображенням" alt="текст заміщення">" title="Зображення, вставлені на веб-сторінку, повинні матитекст заміщення, який містить ключові слова. Для цього використовується атрибут alt:    <img src="ім’я або URL-адреса файла із зображенням" alt="текст заміщення">"> </div> <div data-index="18" class="slide slide18 hide" slidenumber="18"> <img class="slide_image" src="/uploads/files/402351/178355/191100_images/18.jpg" alt="У тексті веб-сторінок доцільно створювати гіперпосилання для переходу на інші сторінки цього самого сайту:   " title="У тексті веб-сторінок доцільно створювати гіперпосилання для переходу на інші сторінки цього самого сайту:   "> </div> <div data-index="19" class="slide slide19 hide" slidenumber="19"> <img class="slide_image" src="/uploads/files/402351/178355/191100_images/19.jpg" alt="Отже, для оптимізації сайта потрібно:01020304визначити найвідповідніші сайту ключові словааналізувати сайт на предмет внутрішньої оптимізації сторінок: чи правильні заголовки, якісні тексти, зрозуміла користувачеві навігаціяза необхідності проводити комплекс робіт, спрямованих на поліпшення структури сайта, зміну текстів та оптимізацію сторінок під пошукові запитирегулярно складати звіти про видимість сайта в популярних пошукових машинах" title="Отже, для оптимізації сайта потрібно:01020304визначити найвідповідніші сайту ключові словааналізувати сайт на предмет внутрішньої оптимізації сторінок: чи правильні заголовки, якісні тексти, зрозуміла користувачеві навігаціяза необхідності проводити комплекс робіт, спрямованих на поліпшення структури сайта, зміну текстів та оптимізацію сторінок під пошукові запитирегулярно складати звіти про видимість сайта в популярних пошукових машинах"> </div> <div data-index="20" class="slide slide20 hide" slidenumber="20"> <img class="slide_image" src="/uploads/files/402351/178355/191100_images/20.jpg" alt="— це комплекс заходів, спрямований на збільшення відвідуваності сайту цільовою аудиторією. Просування сайту— збільшення співвідношення відвідувачів сайта, які вчинили очікувану дію, до всіх відвідувачів (подається у відсотках). Мета" title="— це комплекс заходів, спрямований на збільшення відвідуваності сайту цільовою аудиторією. Просування сайту— збільшення співвідношення відвідувачів сайта, які вчинили очікувану дію, до всіх відвідувачів (подається у відсотках). Мета"> </div> <div data-index="21" class="slide slide21 hide" slidenumber="21"> <img class="slide_image" src="/uploads/files/402351/178355/191100_images/21.jpg" alt="Цільова аудиторія— це користувачі, для яких створено цей сайт.для інтернет-магазинівдля соціальних мереждля сайту закладу освіти для державних установ" title="Цільова аудиторія— це користувачі, для яких створено цей сайт.для інтернет-магазинівдля соціальних мереждля сайту закладу освіти для державних установ"> </div> <div data-index="22" class="slide slide22 hide" slidenumber="22"> <img class="slide_image" src="/uploads/files/402351/178355/191100_images/22.jpg" alt="Отже, стратегіями просування сайтів є: Реєстрація в пошукових каталогах. Просування сайту офлайн. Просування засобами соціальних мереж, SMOПошукова оптимізація, SEOКонтекстна (банерна) реклама" title="Отже, стратегіями просування сайтів є: Реєстрація в пошукових каталогах. Просування сайту офлайн. Просування засобами соціальних мереж, SMOПошукова оптимізація, SEOКонтекстна (банерна) реклама"> </div> <div data-index="23" class="slide slide23 hide" slidenumber="23"> <img class="slide_image" src="/uploads/files/402351/178355/191100_images/23.jpg" alt="— полягає в розміщенні відомостей про сайт у базах даних популярних тематичних каталогів, наприклад Мета (meta.ua), Uaport (uaport.net) тощо. Реєстрація в пошукових каталогах " title="— полягає в розміщенні відомостей про сайт у базах даних популярних тематичних каталогів, наприклад Мета (meta.ua), Uaport (uaport.net) тощо. Реєстрація в пошукових каталогах "> </div> <div data-index="24" class="slide slide24 hide" slidenumber="24"> <img class="slide_image" src="/uploads/files/402351/178355/191100_images/24.jpg" alt="— процес коригування HTML-коду, контенту, структури сайту для забезпечення відповідності вимогам пошукових систем з метою отримання високих позицій веб-ресурсу в результатах пошуку за певними запитами користувачів. Пошукова оптимізація, або SEO" title="— процес коригування HTML-коду, контенту, структури сайту для забезпечення відповідності вимогам пошукових систем з метою отримання високих позицій веб-ресурсу в результатах пошуку за певними запитами користувачів. Пошукова оптимізація, або SEO"> </div> <div data-index="25" class="slide slide25 hide" slidenumber="25"> <img class="slide_image" src="/uploads/files/402351/178355/191100_images/25.jpg" alt="— просування сайту з використанням можливостей соціальних мереж.   Просування засобамисоціальних мереж. SMО, англ. Social Media Optimization — оптимізація соціальних медіа. SMM, англ. Social Media Marketing — маркетинг соціальних мереж. SMM — це реклама сайту в соціальних мережах і медіа. SMO передбачає створення на сайті засобів для зручного дода-вання відомостей з нього в соціальні мережі, коментування матеріалів сайту з використанням облікового запису соціальних мереж тощо. " title="— просування сайту з використанням можливостей соціальних мереж.   Просування засобамисоціальних мереж. SMО, англ. Social Media Optimization — оптимізація соціальних медіа. SMM, англ. Social Media Marketing — маркетинг соціальних мереж. SMM — це реклама сайту в соціальних мережах і медіа. SMO передбачає створення на сайті засобів для зручного дода-вання відомостей з нього в соціальні мережі, коментування матеріалів сайту з використанням облікового запису соціальних мереж тощо. "> </div> <div data-index="26" class="slide slide26 hide" slidenumber="26"> <img class="slide_image" src="/uploads/files/402351/178355/191100_images/26.jpg" alt="Контекстна (банерна) реклама — передбачає розміщення рекламних оголошень про сайт на сторінках пошукових систем у результатах пошуку за певними ключовими словами. Рекламна кампанія є платною та проводиться з використанням спеціальних сервісів пошукових систем, наприклад Google Adwords." title="Контекстна (банерна) реклама — передбачає розміщення рекламних оголошень про сайт на сторінках пошукових систем у результатах пошуку за певними ключовими словами. Рекламна кампанія є платною та проводиться з використанням спеціальних сервісів пошукових систем, наприклад Google Adwords."> </div> <div data-index="27" class="slide slide27 hide" slidenumber="27"> <img class="slide_image" src="/uploads/files/402351/178355/191100_images/27.jpg" alt="Просування сайту офлайн — може проводитись у вигляді зовнішньої реклами, листівок, реклами у газетах, на радіо та телебаченні тощо." title="Просування сайту офлайн — може проводитись у вигляді зовнішньої реклами, листівок, реклами у газетах, на радіо та телебаченні тощо."> </div> <div data-index="28" class="slide slide28 hide" slidenumber="28"> <img class="slide_image" src="/uploads/files/402351/178355/191100_images/28.jpg" alt="Практичне завдання1. Перегляньте сайт Зелена хвиля (ecoclubua.com). 2. Запишіть, які елементи сайту відповідають вимогам ергономіки, а які — ні. 3. Запишіть, у чому могла б полягати оптимізація сайту." title="Практичне завдання1. Перегляньте сайт Зелена хвиля (ecoclubua.com). 2. Запишіть, які елементи сайту відповідають вимогам ергономіки, а які — ні. 3. Запишіть, у чому могла б полягати оптимізація сайту."> </div> <div data-index="29" class="slide slide29 hide" slidenumber="29"> <img class="slide_image" src="/uploads/files/402351/178355/191100_images/29.jpg" alt="Завдання на самостійну підготовку1. Ознайомтеся з рекомендаціями щодо просування (https://igroup.com.ua/seo-articles/prosuvannya-sajtu)  та  оптимізації  сайтів  (https://igroup.com.ua/seo-articles/optymizatsiya-sajtu).  2. Складіть карту знань з поясненням понять «просування веб-сайту» та «пошукова оптимізація». " title="Завдання на самостійну підготовку1. Ознайомтеся з рекомендаціями щодо просування (https://igroup.com.ua/seo-articles/prosuvannya-sajtu)  та  оптимізації  сайтів  (https://igroup.com.ua/seo-articles/optymizatsiya-sajtu).  2. Складіть карту знань з поясненням понять «просування веб-сайту» та «пошукова оптимізація». "> </div> </div> <div class="navigator"> <a class="prev disabled" href="javascript:void(0)" onClick="slider.prev()"><i class="fa fa-angle-left" aria-hidden="true"></i> Попередній слайд</a> <span class="numbers"> <span class="current">1</span> / <span class="total">29</span> </span> <a class="next" href="javascript:void(0)" onClick="slider.next()">Наступний слайд <i class="fa fa-angle-right" aria-hidden="true"></i></a> </div> </div> </div> <div class="content-block"> <div class="block-head">Зміст слайдів</div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/1.jpg" data-lightbox="slides" data-title="Слайд №1"><img src="/uploads/files/402351/178355/191100_images/thumb_1.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 1</div> <p>користувачівзнаходять нові сайти через пошукові системи онлайн-покупок здійснюються на сайтах, які знайдено через пошукові системи 55%90%Відомо, що</p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/2.jpg" data-lightbox="slides" data-title="Слайд №2"><img src="/uploads/files/402351/178355/191100_images/thumb_2.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 2</div> <p>ПОШУКОВА ОПТИМІЗАЦІЯ ТА ПРОСУВАННЯ ВЕБСАЙТІВ </p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/3.jpg" data-lightbox="slides" data-title="Слайд №3"><img src="/uploads/files/402351/178355/191100_images/thumb_3.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 3</div> <p>Ви дізнаєтесь: Що розуміють підпошуковою оптимізацією сайта?>>>>>>>>>>>>>>>>>>У чому полягає процес просування сайта?</p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/4.jpg" data-lightbox="slides" data-title="Слайд №4"><img src="/uploads/files/402351/178355/191100_images/thumb_4.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 4</div> <p>SEO (англ. Search Engine Optimization)— це роботи з аналізу і зміни внутрішньої структури меню сайта, робота з текстами, перевірка й налаштування всіх технічних параметрів для оптимальної роботи пошукового робота. Пошукова оптимізація— підвищення рейтингу сайта в пошукових системах (Google, Bing, Yahoo) та залучення трафіку. Мета SEO </p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/5.jpg" data-lightbox="slides" data-title="Слайд №5"><img src="/uploads/files/402351/178355/191100_images/thumb_5.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 5</div> <p></p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/6.jpg" data-lightbox="slides" data-title="Слайд №6"><img src="/uploads/files/402351/178355/191100_images/thumb_6.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 6</div> <p></p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/7.jpg" data-lightbox="slides" data-title="Слайд №7"><img src="/uploads/files/402351/178355/191100_images/thumb_7.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 7</div> <p>Класи пошукової оптимізації сайтів. Сіра. Не заборонені, але потенційно некоректні прийоми. Якщо чорну або сіру оптимізацію буде виявлено пошуковою системою, до сайта будуть застосовані штрафні санкції чи навіть бан. Чорна. Набір прийомів, які характеризуються явною некоректністю. Багато з них заборонені, деякі створені для введення пошукової системи в оману. Біла. Легальні професійні методи, що допов-нюють один одного й дають стабільний результат. Спрямована на те, щоб і відвідувачі, і пошукові машини ставили сайту високу оцінку.</p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/8.jpg" data-lightbox="slides" data-title="Слайд №8"><img src="/uploads/files/402351/178355/191100_images/thumb_8.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 8</div> <p>SEO-Manager. Фахівця, який проводить роботу з оптимізації веб-сайтів, називають оптимізатором (SEO-Manager). </p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/9.jpg" data-lightbox="slides" data-title="Слайд №9"><img src="/uploads/files/402351/178355/191100_images/thumb_9.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 9</div> <p>англ. webcrawler, bot, webrobots, webspider — бот, павук— це спеціальна програма, що є складовою частиною пошукової системи та призначена для перебирання сторінок Інтернету з метою занесення інформації про них у базу данихпошукової системи. Пошуковий робот</p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/10.jpg" data-lightbox="slides" data-title="Слайд №10"><img src="/uploads/files/402351/178355/191100_images/thumb_10.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 10</div> <p>Роботи Google Google Mobile Ad. Sense і Google Ad. Sense — індексує сайти рекламної мережі Google Робот Googlebot — основний робот. Googlebot. News — сканує та індексує новини. Google. Mobile — індексує сайти для мобільних пристроїв. Googlebot. Images — шукає й індексує зображення. Googlebot. Video —індексує відео. Google. Ads. Bot — перевіряє якість цільової сторінки</p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/11.jpg" data-lightbox="slides" data-title="Слайд №11"><img src="/uploads/files/402351/178355/191100_images/thumb_11.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 11</div> <p>1. Перед пошуком. Програмні роботи, «павуки» сканують Всесвітню павутину, індексують мільйони сторінок.</p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/12.jpg" data-lightbox="slides" data-title="Слайд №12"><img src="/uploads/files/402351/178355/191100_images/thumb_12.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 12</div> <p>2. Під час пошуку. Під час введення запиту працює функція Google «Живий пошук», яка показує підказки і дозволяє здійснити пошук якнайшвидше.3. Рейтинг. Щоб обрати з мільйонів результатів найрелевантніші, при опрацюванні запиту використовується понад 200 критеріїв (актуальність, якість матеріалу вебсайту, кількість вебсторінок, значимість посилань, слова на сторінці, синоніми ключових слів, тип пошукового результату, персоналізація і т.п.). На сторінку пошуку миттєво поміщуються найрелевантніші матеріали. Щоденно Google опрацьовує мільярди пошукових запитів.16% щоденних запитів є новими.4. Результат</p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/13.jpg" data-lightbox="slides" data-title="Слайд №13"><img src="/uploads/files/402351/178355/191100_images/thumb_13.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 13</div> <p>Для процесу пошуку інформації дуже важливо правильно підібрати ключові слова. Оптимальною вважається щільність ключових слів 5–7 % від текстового вмісту веб-сторінки або 3–4 рази на сторінку.</p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/14.jpg" data-lightbox="slides" data-title="Слайд №14"><img src="/uploads/files/402351/178355/191100_images/thumb_14.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 14</div> <p>Вибрані ключові слова потрібно розмістити в HTML-тегах сторінки, які опрацьовують пошукові роботи: • <title> — назва, що відображається на вкладці браузера;• <meta name="keywords" content="ключові слова"> — список ключових слів;• <meta name="description" content="опис"> — опис сайту.</p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/15.jpg" data-lightbox="slides" data-title="Слайд №15"><img src="/uploads/files/402351/178355/191100_images/thumb_15.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 15</div> <p>Також на веб-сторінках повинні бути заголовки:    Заголовок, створений тегом <h1>, має бути лише один і містити ключову фразу. Підзаголовки на сторінці варто створювати тегами <h2>.</p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/16.jpg" data-lightbox="slides" data-title="Слайд №16"><img src="/uploads/files/402351/178355/191100_images/thumb_16.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 16</div> <p>Під час внутрішньої оптимізації сайту доцільно у HTML-коді сторінок виділити ключові слова тегами, які свідчать про важливість цих слів:   • <strong> — задає напівжирне накреслення, вказує на важливість виділеного тексту;• <i> — задає курсивне накреслення;• <big> — збільшує поточний розмір символів тексту.</p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/17.jpg" data-lightbox="slides" data-title="Слайд №17"><img src="/uploads/files/402351/178355/191100_images/thumb_17.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 17</div> <p>Зображення, вставлені на веб-сторінку, повинні матитекст заміщення, який містить ключові слова. Для цього використовується атрибут alt:    <img src="ім’я або URL-адреса файла із зображенням" alt="текст заміщення"></p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/18.jpg" data-lightbox="slides" data-title="Слайд №18"><img src="/uploads/files/402351/178355/191100_images/thumb_18.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 18</div> <p>У тексті веб-сторінок доцільно створювати гіперпосилання для переходу на інші сторінки цього самого сайту:   </p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/19.jpg" data-lightbox="slides" data-title="Слайд №19"><img src="/uploads/files/402351/178355/191100_images/thumb_19.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 19</div> <p>Отже, для оптимізації сайта потрібно:01020304визначити найвідповідніші сайту ключові словааналізувати сайт на предмет внутрішньої оптимізації сторінок: чи правильні заголовки, якісні тексти, зрозуміла користувачеві навігаціяза необхідності проводити комплекс робіт, спрямованих на поліпшення структури сайта, зміну текстів та оптимізацію сторінок під пошукові запитирегулярно складати звіти про видимість сайта в популярних пошукових машинах</p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/20.jpg" data-lightbox="slides" data-title="Слайд №20"><img src="/uploads/files/402351/178355/191100_images/thumb_20.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 20</div> <p>— це комплекс заходів, спрямований на збільшення відвідуваності сайту цільовою аудиторією. Просування сайту— збільшення співвідношення відвідувачів сайта, які вчинили очікувану дію, до всіх відвідувачів (подається у відсотках). Мета</p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/21.jpg" data-lightbox="slides" data-title="Слайд №21"><img src="/uploads/files/402351/178355/191100_images/thumb_21.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 21</div> <p>Цільова аудиторія— це користувачі, для яких створено цей сайт.для інтернет-магазинівдля соціальних мереждля сайту закладу освіти для державних установ</p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/22.jpg" data-lightbox="slides" data-title="Слайд №22"><img src="/uploads/files/402351/178355/191100_images/thumb_22.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 22</div> <p>Отже, стратегіями просування сайтів є: Реєстрація в пошукових каталогах. Просування сайту офлайн. Просування засобами соціальних мереж, SMOПошукова оптимізація, SEOКонтекстна (банерна) реклама</p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/23.jpg" data-lightbox="slides" data-title="Слайд №23"><img src="/uploads/files/402351/178355/191100_images/thumb_23.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 23</div> <p>— полягає в розміщенні відомостей про сайт у базах даних популярних тематичних каталогів, наприклад Мета (meta.ua), Uaport (uaport.net) тощо. Реєстрація в пошукових каталогах </p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/24.jpg" data-lightbox="slides" data-title="Слайд №24"><img src="/uploads/files/402351/178355/191100_images/thumb_24.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 24</div> <p>— процес коригування HTML-коду, контенту, структури сайту для забезпечення відповідності вимогам пошукових систем з метою отримання високих позицій веб-ресурсу в результатах пошуку за певними запитами користувачів. Пошукова оптимізація, або SEO</p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/25.jpg" data-lightbox="slides" data-title="Слайд №25"><img src="/uploads/files/402351/178355/191100_images/thumb_25.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 25</div> <p>— просування сайту з використанням можливостей соціальних мереж.   Просування засобамисоціальних мереж. SMО, англ. Social Media Optimization — оптимізація соціальних медіа. SMM, англ. Social Media Marketing — маркетинг соціальних мереж. SMM — це реклама сайту в соціальних мережах і медіа. SMO передбачає створення на сайті засобів для зручного дода-вання відомостей з нього в соціальні мережі, коментування матеріалів сайту з використанням облікового запису соціальних мереж тощо. </p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/26.jpg" data-lightbox="slides" data-title="Слайд №26"><img src="/uploads/files/402351/178355/191100_images/thumb_26.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 26</div> <p>Контекстна (банерна) реклама — передбачає розміщення рекламних оголошень про сайт на сторінках пошукових систем у результатах пошуку за певними ключовими словами. Рекламна кампанія є платною та проводиться з використанням спеціальних сервісів пошукових систем, наприклад Google Adwords.</p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/27.jpg" data-lightbox="slides" data-title="Слайд №27"><img src="/uploads/files/402351/178355/191100_images/thumb_27.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 27</div> <p>Просування сайту офлайн — може проводитись у вигляді зовнішньої реклами, листівок, реклами у газетах, на радіо та телебаченні тощо.</p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/28.jpg" data-lightbox="slides" data-title="Слайд №28"><img src="/uploads/files/402351/178355/191100_images/thumb_28.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 28</div> <p>Практичне завдання1. Перегляньте сайт Зелена хвиля (ecoclubua.com). 2. Запишіть, які елементи сайту відповідають вимогам ергономіки, а які — ні. 3. Запишіть, у чому могла б полягати оптимізація сайту.</p> </div> </div> </div> <div class="slide-transcript"> <div class="row"> <div class="col-md-5"> <a href="/uploads/files/402351/178355/191100_images/29.jpg" data-lightbox="slides" data-title="Слайд №29"><img src="/uploads/files/402351/178355/191100_images/thumb_29.jpg" width="100%" /></a> </div> <div class="col-md-7"> <div class="num">Номер слайду 29</div> <p>Завдання на самостійну підготовку1. Ознайомтеся з рекомендаціями щодо просування (https://igroup.com.ua/seo-articles/prosuvannya-sajtu)  та  оптимізації  сайтів  (https://igroup.com.ua/seo-articles/optymizatsiya-sajtu).  2. Складіть карту знань з поясненням понять «просування веб-сайту» та «пошукова оптимізація». </p> </div> </div> </div> </div> </div> </div> <div class="document-content-block"> </div> </div> <div class="col-md-3 col-sm-4 col-xs-12"> <div class="file-info zip"> <div class="filetype">zip</div> <div class="hidden-xs visible-sm visible-md visible-lg"> <a class="btn btn-orange btn-block" href="#" data-toggle="modal" data-target="#registration"><i class="fa fa-download" aria-hidden="true"></i> Завантажити</a> <div class="bookmark-file"><a href="#" class="" data-toggle="modal" data-target="#registration"><span>Зберегти на потім</span> <i class="fa fa-bookmark" aria-hidden="true"></i></a></div> </div> <div class="author"> <div class="control-label">Додав(-ла) </div> <img src="/uploads/avatars/402351.jpg" class="profile-avatar-mini" /> <a href="/profile/402351">Коришко Оксана Леонідівна</a> <div class="clearfix"></div> </div> <div class="taxonomy"> <div class="control-label">Пов’язані теми</div> <a href="/biblioteka/informatika">Інформатика</a>, <a href="/biblioteka/informatika/klas-10">10 клас</a>, <a href="/biblioteka/typ-7">Розробки уроків</a> </div> <div class="meta"> <div class="control-label">Додано</div> <span><i class="fa fa-calendar" aria-hidden="true"></i> 29 квітня 2020</span> </div> <div class="meta"> <div class="control-label">Переглядів</div> <span><i class="fa fa-eye" aria-hidden="true"></i> 12453</span> </div> <div class="taxonomy"> <div class="control-label">Оцінка розробки</div> <div class="rating-view rating-left"> <div class="rating-mark"> Відгуки відсутні </div> </div> </div> </div> <a class="show-time-item margbottom" href="/site/go/343"><img src="https://naurok.com.ua/" width="100%" alt="" target="_blank"></a> <div class="promo-cert promo-cert-top"> <div class="promo-cert-preview"> <img src="/img/mart-cert-lg.png" /> </div> <div class="promo-cert-name">Безкоштовний сертифікат<br />про публікацію авторської розробки</div> <div style="font-size:12px;">Щоб отримати, додайте розробку</div> <br /> <a class="btn btn-primary btn-block" href="/biblioteka/upload"><i class="fa fa-plus" aria-hidden="true"></i> Додати розробку</a> </div> <div class="items related"> <div class="related-head">Рекомендовані матеріали</div> <div class="file-item pptx"> <div class="filetype">pptx</div> <div class="meta pull-right"> <span><i class="fa fa-eye" aria-hidden="true"></i> 679</span> <span><i class="fa fa-comment-o" aria-hidden="true"></i> 0</span> </div> <div class="headline"> <a href="/prezentaciya-poyasnennya-ponyattya-pro-bazi-danih-178809.html">Презентація-пояснення "Поняття про бази даних"</a> </div> </div> <div class="file-item pptx"> <div class="filetype">pptx</div> <div class="meta pull-right"> <span><i class="fa fa-eye" aria-hidden="true"></i> 9263</span> <span><i class="fa fa-comment-o" aria-hidden="true"></i> 0</span> </div> <div class="headline"> <a href="/prezentaciya-poyasnennya-etapi-stvorennya-bazi-danih-178811.html">Презентація-пояснення "Етапи створення бази даних"</a> </div> </div> <div class="file-item pptx"> <div class="filetype">pptx</div> <div class="meta pull-right"> <span><i class="fa fa-eye" aria-hidden="true"></i> 775</span> <span><i class="fa fa-comment-o" aria-hidden="true"></i> 0</span> </div> <div class="headline"> <a href="/prezentaciya-poyasnennya-ponyattya-pro-sistemi-upravlinnya-bazami-danih-178814.html">Презентація-пояснення "Поняття про системи управління базами даних"</a> </div> </div> <div class="file-item pptx"> <div class="filetype">pptx</div> <div class="meta pull-right"> <span><i class="fa fa-eye" aria-hidden="true"></i> 836</span> <span><i class="fa fa-comment-o" aria-hidden="true"></i> 0</span> </div> <div class="headline"> <a href="/prezentaciya-poyasnennya-sistema-upravlinnya-bazami-danih-microsoft-office-access-2010-178821.html">Презентація-пояснення "Система управління базами даних Microsoft Office Access 2010"</a> </div> </div> </div> <div class="items related"> <div class="related-head">Схожі матеріали</div> <div class="file-item zip"> <div class="filetype">zip</div> <div class="meta pull-right"> <span><i class="fa fa-eye" aria-hidden="true"></i> 4358</span> <span><i class="fa fa-comment-o" aria-hidden="true"></i> 5</span> </div> <div class="headline"> <a href="/nastroyuvannya-parametriv-storinok-stvorennya-kolontituliv-druk-dokumenta-praktichna-robota-4-avtomatichne-stvorennya-zmistu-dokumenta-nastroyuvannya-parametriv-storinok-stvorennya-kolontituliv-537.html">Практична робота з інформатики для 10 класу на тему: «Автоматичне створення змісту документа. Настроювання параметрів сторінок. Створення колонтитулів»</a> </div> </div> <div class="file-item docx"> <div class="filetype">docx</div> <div class="meta pull-right"> <span><i class="fa fa-eye" aria-hidden="true"></i> 3908</span> <span><i class="fa fa-comment-o" aria-hidden="true"></i> 5</span> </div> <div class="headline"> <a href="/metodichna-rozrobka-pozaklasnogo-zahodu-z-informatiki-bezpechniy-internet-705.html"> Методична розробка позакласного заходу з інформатики “Безпечний Інтернет” </a> </div> </div> <div class="file-item ppt"> <div class="filetype">ppt</div> <div class="meta pull-right"> <span><i class="fa fa-eye" aria-hidden="true"></i> 5018</span> <span><i class="fa fa-comment-o" aria-hidden="true"></i> 5</span> </div> <div class="headline"> <a href="/metodika-vikonannya-laboratornih-robit-z-informatiki-dlya-uchniv-pershogo-kursu-ptnz-riven-standartu-1014.html">Методика виконання лабораторних робіт з інформатики для учнів першого курсу ПТНЗ (рівень стандарту)</a> </div> </div> <div class="file-item zip"> <div class="filetype">zip</div> <div class="meta pull-right"> <span><i class="fa fa-eye" aria-hidden="true"></i> 5939</span> <span><i class="fa fa-comment-o" aria-hidden="true"></i> 5</span> </div> <div class="headline"> <a href="/urok-stvorennya-avtomatizovanogo-saytu-v-google-ta-prezentaciya-do-uroku-stvorennya-avtomatizovanogo-saytu-v-google-2658.html">Урок «Створення автоматизованого сайту в Google» та Презентація до уроку «Створення автоматизованого сайту в Google»</a> </div> </div> <div class="file-item pdf"> <div class="filetype">pdf</div> <div class="meta pull-right"> <span><i class="fa fa-eye" aria-hidden="true"></i> 9286</span> <span><i class="fa fa-comment-o" aria-hidden="true"></i> 5</span> </div> <div class="headline"> <a href="/elektronniy-laboratorniy-praktikum-na-temu-videomontazh-4422.html">Електронний лабораторний практикум на тему «Відеомонтаж»</a> </div> </div> </div> <div class="file-share hidden-xs"> <div class="share-head">Поділитись матеріалом</div> <a href="javascript:void(0)" onclick="Share.facebook('https://naurok.com.ua/urok-poshukova-optimizaciya-ta-prosuvannya-vebsaytiv-178355.html', 'Урок "Пошукова оптимізація та просування вебсайтів"'); Share.log('doc',178355,'facebook');" class="sth-btn btn-block sth-upper sth-btn-facebook"><span class="network-name">facebook</span> <span class="share-count hide">0</span></a> <a href="javascript:void(0)" onclick="Share.viber('https://naurok.com.ua/urok-poshukova-optimizaciya-ta-prosuvannya-vebsaytiv-178355.html', 'Урок "Пошукова оптимізація та просування вебсайтів"'); Share.log('doc',178355,'viber');" class="sth-btn btn-block sth-upper sth-btn-viber"><span class="network-name">viber</span> <span class="share-count hide">0</span></a> <a href="javascript:void(0)" onclick="Share.telegram('https://naurok.com.ua/urok-poshukova-optimizaciya-ta-prosuvannya-vebsaytiv-178355.html', 'Урок "Пошукова оптимізація та просування вебсайтів"'); Share.log('doc',178355,'telegram');" class="sth-btn btn-block sth-upper sth-btn-telegram"><span class="network-name">telegram</span> <span class="share-count hide">0</span></a> <a href="javascript:void(0)" onclick="Share.twitter('https://naurok.com.ua/urok-poshukova-optimizaciya-ta-prosuvannya-vebsaytiv-178355.html', 'Урок "Пошукова оптимізація та просування вебсайтів"'); Share.log('doc',178355,'twitter');" class="sth-btn btn-block sth-upper sth-btn-twitter"><span class="network-name">Twitter</span> <span class="share-count hide">0</span></a> <a href="javascript:void(0)" onclick="Share.google('https://naurok.com.ua/urok-poshukova-optimizaciya-ta-prosuvannya-vebsaytiv-178355.html'); Share.log('doc',178355,'google');" class="sth-btn btn-block sth-upper sth-btn-google-plus"><span class="network-name">Google+</span> <span class="share-count hide">0</span></a> </div> </div> </div> </div> </div> </div> <div class="fixed-bottom-overlay visible-upto-l socialbar clearfix" style="visibility: visible;"> <div class="new-variation-3 new-variation-3-library"> <div class="library-panel"> <div class="row"> <div class="col-xs-6"> <a class="btn btn-orange btn-block btn-download-panel" href="/registration?file_id=178355"><i class="fa fa-download" aria-hidden="true"></i> Завантажити</a> </div> <div class="col-xs-6"> <div class="bookmark-file"><a href="/registration?file_id=178355" class="" onClick="libsBookmark.save(178355);"><span>Зберегти на потім</span> <i class="fa fa-bookmark" aria-hidden="true"></i></a></div> </div> </div> </div> </div> </div> <style> .library .document-content-block { -webkit-touch-callout: initial !important; -webkit-user-select: initial !important; -khtml-user-select: initial !important; -moz-user-select: initial !important; -ms-user-select: initial !important; user-select: initial !important; } </style> </div><!-- /.container --> <style> .field-recaptcha{ display: none; } .grecaptcha-badge { visibility: hidden; } </style> <footer class="site-footer"> <div class="site-footer__document-check"> <div class="container-fluid"> <form id="w5" action="/proof" method="POST"> <input type="hidden" name="_csrf" value="6zyZP2zsKsxMwUM1V_Ud1hQnATo2LXTE_sdBjAuZRkOpC_J3I7N1_Q2tdWojnXesUV41ZV56Wf2JgSDkSfF0Bg=="> <div class="row"> <div class="col-xs-12 text-center"> <span class="site-footer__title"> Перевірка виданих документів </span> </div> <div class="col-xs-12 text-center"> <small class="site-footer__title site-footer__title--small"> Вкажіть номер документа (використовуйте кириличну розкладку) </small> </div> <div class="col-xs-12"> <div class="site-footer__form"> <div class="site-footer__input-wrapper"> <input type="text" name="number" value="" placeholder="ВXXX-XXXX" > </div> <div class="site-footer__button-wrapper"> <button type="submit">ПЕРЕВІРИТИ</button> </div> </div> </div> </div> </form> </div> </div> <div class="site-footer__main"> <div class="container-fluid"> <div class="row site-footer__main-row"> <div class="col-xs-6 col-md-3"> <ul class="site-footer__list"> <li> <span class="site-footer__title"> Підвищення кваліфікації </span> </li> <li><a class="site-footer__item" href="/upgrade">Підвищення кваліфікації</a></li> <li><a class="site-footer__item" href="/webinar">Вебінари</a></li> <li><a class="site-footer__item" href="/conference">Конференції</a></li> <li><a class="site-footer__item" href="/courses">Курси</a></li> </ul> </div> <div class="col-xs-6 col-md-3"> <ul class="site-footer__list"> <li> <span class="site-footer__title"> Розділи </span> </li> <li><a class="site-footer__item" href="/journal">Журнал</a></li> <li><a class="site-footer__item" href="/biblioteka">Бібліотека розробок</a></li> <li><a class="site-footer__item" href="/test">Тести</a></li> <li><a class="site-footer__item" href="/labs">Лабораторні роботи</a></li> <li><a class="site-footer__item" href="/project">Проєкти</a></li> <li><a class="site-footer__item" href="/konkurs">Конкурси</a></li> <li><a class="site-footer__item" href="/olimpiada">Олімпіади</a></li> <li><a class="site-footer__item" href="/assistant">Штучний інтелект для вчителів</a></li> <li><a class="site-footer__item" href="https://naurok.ua/course/english">Курси англійської мови</a> </ul> </div> <div class="col-xs-6 col-md-3 site-footer__social"> <ul class="site-footer__list"> <li> <span class="site-footer__title"> Про нас </span> </li> <li><a class="site-footer__item" href="/page/about">Про «На Урок»</a></li> <li><a class="site-footer__item" href="/school/request">Співпраця закладів освіти</a></li> </ul> <a href="/page/contact-us" class="button button--primary"> Зворотний зв'язок </a> <div class="site-footer__social-group"> <a target="_blank" href="https://www.youtube.com/channel/UCMCYaKTwZ1Olw1fuzLvgA_Q" class="site-footer__social-item site-footer__social-item--youtube"> <img src="/img/footer/youtube-ico.svg" alt=""> </a> <a target="_blank" href="https://www.facebook.com/naurok.com.ua/" class="site-footer__social-item site-footer__social-item--facebook"> <img src="/img/footer/facebook-ico.svg" alt=""> </a> <a target="_blank" href="https://t.me/naurok" class="site-footer__social-item site-footer__social-item--telegram"> <img src="/img/footer/telegram-ico.svg" alt=""> </a> </div> </div> <div class="col-xs-6 col-md-3"> <ul class="site-footer__list"> <li> <span class="site-footer__title"> Інше </span> </li> <li><a class="site-footer__item" href="https://naurok.ua">Вхід для учнів (naurok.ua)</a></li> <li><a class="site-footer__item" href="/calendar">Матеріали до свят</a></li> <li><a class="site-footer__item" href="/five">Конкурс «Фантастична п’ятірка»</a></li> </ul> </div> </div> <div class="row site-footer__copyright"> <div class="site-footer__copyright-info"> <div class="row"> <div class="col-xs-12 col-lg-6"> <small class="site-footer__title site-footer__title--small"> © 2017-2024, ТОВ «На Урок» </small> </div> <div class="col-xs-12 col-lg-6 text-xl-right"> <a href="/page/terms-of-use" class="site-footer__title--small">Угода користувача</a> | <a href="/page/terms" class="site-footer__title--small">Умови користування</a> | <a href="/page/privacy-policy" class="site-footer__title--small">Політика конфіденційності</a> </div> </div> </div> </div> </div> </div> </footer> <div class="modal fade" id="registration" tabindex="-1" role="dialog" aria-labelledby="registration"> <div class="modal-dialog modal-registration" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="account-page account-registration" style="margin-top:10px"> <div class="row"> <div class="col-md-12 col-sm-12"> <div class="h1-block text-center" style=" margin: 0 0 10px; font-weight: 700; font-size: 30px; line-height: 1; color: #bdbdbd;">Реєстрація на сайті «На Урок»</div> <div class="sth-form sth-form-white"> <div class="auth-clients"> <a class="facebook auth-link-facebook" href="/account/auth?authclient=facebook" title="Facebook"> <i class="fa fa-facebook-square" aria-hidden="true"></i> Зареєструватись за допомогою Facebook </a> </div> <div class="auth-clients"> <a class="google auth-link-google" href="/account/auth?authclient=google" title="Facebook"> <i class="fa fa-google-plus-square" aria-hidden="true"></i> Зареєструватись за допомогою Google </a> </div> <div class="auth-or">або</div> <form id="w6" action="/registration" method="post"> <input type="hidden" name="_csrf" value="6zyZP2zsKsxMwUM1V_Ud1hQnATo2LXTE_sdBjAuZRkOpC_J3I7N1_Q2tdWojnXesUV41ZV56Wf2JgSDkSfF0Bg=="> <div class="form-group field-lastname required"> <label class="control-label" for="lastname">Прізвище</label> <input type="text" id="lastname" class="form-control input-lg" name="lastName" maxlength="255" placeholder="Вкажіть прізвище" aria-required="true"> <p class="help-block help-block-error"></p> </div> <div class="form-group field-firstname required"> <label class="control-label" for="firstname">Ім'я</label> <input type="text" id="firstname" class="form-control input-lg" name="firstName" maxlength="255" placeholder="Вкажіть ім'я" aria-required="true"> <p class="help-block help-block-error"></p> </div> <div class="form-group field-email required"> <label class="control-label" for="email">Email</label> <input type="text" id="email" class="form-control input-lg" name="email" placeholder="Вкажіть ваш email" aria-required="true"> <p class="help-block help-block-error"></p> </div> <div class="form-group field-password required"> <label class="control-label" for="password">Пароль</label> <input type="password" id="password" class="form-control input-lg" name="password" placeholder="Придумайте пароль" aria-required="true"> <p class="help-block help-block-error"></p> </div> <div class="form-group field-recaptcha"> <label class="control-label" for="recaptcha"></label> <input type="hidden" id="recaptcha" class="form-control" name="reCaptcha"> <p class="help-block help-block-error"></p> </div> <p style="margin-top:20px; text-align:center;">Реєструючись, ви погоджуєтеся з <a target="_blank" href="/page/terms-of-use">угодою користувача</a> та <a target="_blank" href="/page/privacy-policy">політикою конфіденційності</a>.</p> <button type="submit" class="sth-btn-shaped sth-btn-shaped-lime btn-block"> Зареєструватись</button> </form> <div class="text-center" style="margin-top:20px;"> Вже зареєстровані? <a class="sth-underline-reverse" href="/login">Спробуйте увійти</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="FacebookAlert" tabindex="-1" role="dialog" aria-labelledby="FacebookAlert"> <div class="modal-dialog" role="document"> <div class="modal-content modal-facebook"> <div class="modal-body"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <div class="modal-message-title">Давай дружити!</div> <div class="modal-message">Оновлення «На Урок» — в кожну стрічку Facebook</div> <div class="modal-facebook-widget"> <div class="fb-page" data-href="https://www.facebook.com/naurok.com.ua" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/naurok.com.ua" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/naurok.com.ua">«На Урок». Освітній інтернет-проект</a></blockquote></div> </div> <div class="modal-close-link"> <a href="javascript:void(0)" data-dismiss="modal"> Дякую, Я вже давно з вами</a> </div> </div> </div> </div> </div> <div class="modal fade" id="SubscribeAlert" tabindex="-1" role="dialog" aria-labelledby="SubscribeAlert"> <div class="modal-dialog" role="document"> <div class="modal-content modal-email"> <div class="modal-body"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <i class="fa fa-paper-plane" aria-hidden="true"></i> <div class="modal-message-title">Розсилка «На Урок»</div> <div class="modal-message">Ми надсилатимемо наші цікаві та дуже корисні статті щоп’ятниці</div> <div class="form-inline"> <div class="form-group"> <label class="sr-only" for="emailForm">Ваш e-mail</label> <input type="email" class="form-control email-subscribe" id="emailForm" placeholder="Ваш e-mail"> </div> <button type="submit" class="btn btn-primary btn-subscribe">Підписатись</button> <div class="alert alert-success success-form hide">Дякуємо! Ми будемо тримати Вас в курсі!</div> </div> </div> </div> </div> </div> <script src="https://www.gstatic.com/firebasejs/5.11.0/firebase.js"></script> <script> // Initialize Firebase var config = { apiKey: "AIzaSyDqZNEmjh0EBu1hQqQR22QswP2ZFoOAnTE", authDomain: "naurok-com-ua.firebaseapp.com", databaseURL: "https://naurok-com-ua.firebaseio.com", projectId: "naurok-com-ua", storageBucket: "naurok-com-ua.appspot.com", messagingSenderId: "756484883010" }; firebase.initializeApp(config); </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "«На Урок»", "url": "https://naurok.com.ua", "logo": "https://naurok.com.ua/img/logo_new3.png", "sameAs": [ "https://www.facebook.com/naurok.com.ua", "https://www.facebook.com/groups/naurok.com.ua/", "https://plus.google.com/116882310924056429434", "https://www.youtube.com/channel/UCMCYaKTwZ1Olw1fuzLvgA_Q" ] } </script> <script src="//www.google.com/recaptcha/api.js?render=6Lfj5vQUAAAAAOjsdAMk32BeA8J-E7c86_GWFvco"></script> <script src="/js/app_core.js?4.1"></script> <script src="/assets/cb30fc59caa0617bdb70be372b05a914/jquery.js"></script> <script src="/assets/af03f6b16f606305d9cf827034cc8968/yii.js"></script> <script src="/js/app_set.js?9"></script> <script src="/js/script.full.js?v1.2.5"></script> <script src="/assets/f0db75bd7fb3b61fd5c2b967f1a77e3e/js/bootstrap.js"></script> <script src="/assets/af03f6b16f606305d9cf827034cc8968/yii.activeForm.js"></script> <script>jQuery(function ($) { jQuery('.webinar-link').click(function(){ window.location.href=$(this).attr('data-url'); }); jQuery('#w5').yiiActiveForm([], []); "use strict"; grecaptcha.ready(function() { grecaptcha.execute("6Lfj5vQUAAAAAOjsdAMk32BeA8J-E7c86_GWFvco", {action: "reg"}).then(function(token) { jQuery("#" + "recaptcha").val(token); const jsCallback = ""; if (jsCallback) { eval("(" + jsCallback + ")(token)"); } }); }); jQuery('#w6').yiiActiveForm([], []); $('.btn-subscribe').click(function(){ if($('.email-subscribe').val() != ''){ Cookies.set('modal_subscribe', 'subscribed'); $.post('/api/subscriber',{email:$('.email-subscribe').val(),_csrf:'6zyZP2zsKsxMwUM1V_Ud1hQnATo2LXTE_sdBjAuZRkOpC_J3I7N1_Q2tdWojnXesUV41ZV56Wf2JgSDkSfF0Bg=='},function(data){ console.log(data); $('.modal-email .alert').text('Дякуємо! Ми будемо тримати Вас в курсі!').removeClass('hide alert-warning').addClass('alert-success'); }).fail(function(data) { $('.modal-email .alert').text(data.responseJSON[0].message).removeClass('hide alert-success').addClass('alert-warning'); }); } }) });</script> </body> </html>