Размещено на http://www.allbest.ru/

ЗМІСТ

ВСТУП

РОЗДІЛ 1. ТЕОРЕТИЧНІ ОСНОВИ ДОСЛІДЖЕННЯ ВЕБ-РОЗРОБКИ

1.1 Поняття та основні етапи веб-розробки

1.2 Основні вимоги, що ставляться до веб-ресурсів

РОЗДІЛ 2. ДОСЛІДЖЕННЯ НЕОБХІДНОГО ІНСТРУМЕНТАРІЮ ДЛЯ ВЕБ-РОЗРОБНИКА

2.1 Google Search Console

2.2 Google Analytics

2.3 Google AdWords

2.4 Google Trends

2.5 Google Lighthouse

2.6 PageSpeed Insights

2.7 Google Alerts

ВИСНОВКИ

СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ



ВСТУП

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

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

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

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

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

Інтернет-технології на сьогоднішній день, також як і промислові та фінансові технології, визначають засоби і форму, в яких реалізується спільна діяльність людей заради досягнення певних цілей. Тобто Інтернет-технології це все, що пов'язано з Глобальною мережею, а зокрема і в основному це Web-сторінки в безлічі різних варіантів: форуми, чати, пошта, Інтернет-магазини, новини, фотобанки і т.д. Вміст цих сторінок побудований і працює у відповідності з певними правилами, за певними методам на базі певних програм і технічних засобів (серверів, мереж та ін.).

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

Якщо ще 10 років тому переважна більшість Web-сайтів представляла собою набір статичних HTML-сторінок. Сьогодні подібні сайти зустрічаються вкрай рідко, зазвичай так виконані невеликі персональні Web-сайти, а також сайти невеликих компаній, які не претендують ні на що, крім розміщення відносно невеликого обсягу інформації, яка рідко змінюється.

В процесі перетворення Інтернету з набору інформаційних ресурсів на інструмент ведення бізнесу технології створення сайтів істотно змінилися, і на сьогоднішній день більшість Web-сайтів представляють собою набір додатків, яким властиві інтерактивність, засоби персоналізації, засоби взаємодії з клієнтами (наприклад, прийом замовлень і платежів) та партнерами, а нерідко - і засоби інтеграції з «внутрішніми» корпоративними додатками власника сайту, наприклад, деякої компанії.

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

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

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

Метою роботи є дослідження Google-інструментарію для web-розробників.

Відповідно до мети роботи необхідно вирішити наступні завдання:

1. Розкрити поняття та основні етапи веб-розробки.

2. Проаналізувати підбірку інструментів і ресурсів для веб-розробників.

3. Провести дослідження необхідного інструментарію для веб-розробника.

Об'єкт дослідження - поняття та основні етапи веб-розробки.

Предмет дослідження - Google-інструментарій для web-розробників.

Структура роботи. Курсова робота складається зі вступу, двох розділів основної частини, висновків та списку використаних джерел.



РОЗДІЛ 1. ТЕОРЕТИЧНІ ОСНОВИ ДОСЛІДЖЕННЯ ВЕБ-РОЗРОБКИ

1.1 Поняття та основні етапи веб-розробки

Веб-розробка -- процес створення веб-сайтів або веб-додатків. Основними етапами процесу є веб-дизайн, верстка сторінок, програмування для веб на стороні клієнта і сервера, а також конфігурування веб-сервера [15, c.34].

На сьогоднішній день існують кілька етапів розробки веб-сайта:

- Проектування сайту або веб-додатку (збір і аналіз вимог розробка Технічного завдання, проектування Інтерфейс користувача);

- Розробка концепції сайту;

- Створення дизайн-концепції сайту;

- Створення макетів сторінок;

- Створення мультимедіа;

- Верстка сторінок і дизайнів;

- Програмування (розробка функціональних інструментів) або інтеграція в систему управління вмістом (CMS);

- Оптимізація та розміщення матеріалів сайту;

- Тестування та внесення коригувань;

- Відкриття проекту на хостингу;

- Обслуговування сайту, що працює, або його програмної основи [9, c .352].

У залежності від поточного завдання деякі з етапів можуть бути відсутні або бути тісно пов'язані один з одним.

Складанням технічного завдання для фахівців займається менеджер проекту. Робота з замовником починається з заповнення брифу, в якому замовник викладає свої побажання щодо візуального представлення і структури сайту, вказує на помилки в старій версії сайту, наводить приклади сайтів конкурентів. Виходячи з брифа, менеджер складає технічне завдання, враховуючи можливості програмних і дизайнерських засобів. Етап закінчується після затвердження технічного завдання замовником. Важливо відразу зазначити, що етапи проектування веб-сайтів залежать від багатьох факторів, таких як обсяг сайту, функціональність, завдання, які повинен виконувати майбутній ресурс і багато іншого. Однак, є кілька етапів, які в обов'язковому порядку присутні в плануванні будь-якого проекту.

Починається робота зі створення дизайну, зазвичай в графічному редакторі. Дизайнер створює один або кілька варіантів дизайну, відповідно до технічного завдання. При цьому окремо створюється дизайн головної сторінки, і дизайни типових сторінок (наприклад: статті, новини, каталог продукції). Власне «дизайн сторінки» представляє собою графічний файл, листковий малюнок, що складається з найбільш дрібних картинок-шарів елементів загального малюнка.

При цьому дизайнер повинен враховувати обмеження стандартів HTML (не створювати дизайн, який потім не зможе бути реалізований стандартними засобами HTML). Виняток становить Flash-дизайн.

Кількість ескізів і порядок їх надання обмовляється з проект-менеджером. Також менеджер проекту здійснює контроль термінів. У великих веб-студіях в процесі бере участь арт-директор, який контролює якість графіки. Етап також закінчується затвердженням ескізу замовником [2, c .45].

HTML-верстка

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

Далі готові HTML-файли передають програмісту. Програмування сайту може здійснюватися як «з нуля», так і на основі CMS - системи управління сайтом. Веб-розробники часто називають CMS «движком».

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

При програмуванні сайту фахівця призначаються контрольні точки термінів.

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

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

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

Розміщення сайту в Інтернет

Файли сайту розміщують на сервері провайдера (хостингу) і виробляють потрібні налаштування. На цьому етапі сайт поки закритий для відвідувачів.

Наповнення контентом і публікація

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

Внутрішня SEO-оптимізація

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

Зовнішня SEO-оптимізація

Зводиться, як правило, до побудови структури вхідних посилань. Це власне і є розкрутка сайту. До розробки сайту зовнішня SEO-оптимізація не має відношення. SEO-оптимізація класифікується на «білу» і «чорну» (таку, після якої сайт за два тижні потрапляє в топ, а потім в бан пошукових систем). Справжня, «біла» SEO-оптимізація, це трудомісткий і тривалий процес, вартість якого може в кілька разів перевищувати витрати на створення сайту.

Здача проекту

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

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

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

1.2 Основні вимоги, що ставляться до веб-ресурсів

При розробці і внутрішньому моніторингу WEB-сайту необхідно враховувати ряд технічних вимог:

- вимоги до дизайну сайту;

- юзабіліті (зручність використання) - властивості;

- технічні характеристики;

- вимоги до системи управління контентом (CMS).

Дані вимоги та умови більшою мірою відносяться до технологічних параметрів WEB-сайту як безпосереднього інструменту маркетингових комунікацій. Навряд чи ефективне вирішення цілей Інтернет-маркетингу можливе без професійного підходу до технологій проектування WEB-сайтів. Інтернет, як універсальна комунікаційно-інформаційне середовище, містить комплекс своїх специфічних інформаційних технологій. Загальноприйнята практика технічного аналізу сайту проводиться за наступними показниками та схематично зображена на рис.1.

1. Дизайн сайту - процес вибору і організації графічних компонентів з метою досягнення певної мети, яка може бути або естетичною, або мати функціональне призначення, а часто переслідувати обидві ці цілі. Важливим є вибір рішення головної сторінки сайту. Фахівці, що мають великий досвід у проектуванні веб-сайтів рекомендують наступні варіанти рішень:

Рис. 1.1 Критерії аналізу якості технічного забезпечення сайту

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

- у «промо» стилі, кидком, з використанням яскравих фарб, неформальних ідей;

- у «портальному» стилі, з великою кількістю інформації, меншим акцентом на графіку;

- у змішаному «напівпортальні» стилі, характеристиками якого є одночасно акцент на графіку і наявність на ній інформації анонсних блоків. Саме цей стиль є рекомендованим для вузівських сайтів. Зміна дизайну (редизайн) достатньо поширене явище в житті сайтів, особливо при використанні маркетингових технологій перепозиціонування сайту або кардинальної модернізації інформаційного ресурсу при переході на нові інструментальні платформи або WEB-технології.

2. Юзабіліті (зручність використання) сайту. Сьогодні юзабіліті-підхід набуває все більшого поширення в процесі проектування і підтримки Інтернет-сайтів, вивчення споживчої поведінки і впливу внутрішньої мережевої середовища на імідж проектів. З поняттям «юзабіліті» користувачі Інтернету познайомилися порівняно недавно - в 1998 році. Основоположником цього напрямку є Якоб Нільсен, в той час провідний інженер компанії SunMicrosystems. В перекладі з англійської мови слово юзабіліті буквально можна перекласти як «зручність», «корисність» або, що більш близьке за значенням, - «зручність користування». Інтерфейс далеко не всіх сайтів ідеально зручний для відвідувачів. Нільсеном були розроблені спеціальні методики оцінки ступеня відповідності тестованого сайту критеріям системи юзабіліті, застосування яких дає суттєві результати.

Згідно з міжнародним стандартом ISO 9241-11 юзабіліті визначається як «ступінь, в якій продукт може бути використаний певними користувачами при певному контексті використання для досягнення визначених цілей з належною ефективністю, продуктивністю і задоволеністю».

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

Технічні характеристики визначають такі показники:

- Переносимість - можливість перенесення сайту на / із системи, можливість імпорту / експорту інформації з бази даних, наявність / відсутність спеціального програмного забезпечення для запуску системи;

- Технічні вимоги - список технічних умов, необхідних для успішної експлуатації системи, у тому числі можливість роботи з різними СУБД, здатність витримувати навантаження звернень, висока швидкість завантаження сторінок;

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

3. Вимоги до системи управління контентом (Content Managment System - CMS) - використовується для управління зовнішнім виглядом сайту та його змістом, повинна відповідати наступним вимогам:

- можливість авторизації;

- вся інформація повинна зберігатися в базі даних;

- можливість додавання посилань, файлів;

- індексація всіх матеріалів;

- швидкий пошук за ключовими словами;

- можливість оптимізації за ключовими словами;

- новинна стрічка;

- опитувальники;

- статистика відвідуваності сайту;

- можливість управління банерами;

- наявність форм зворотного зв'язку;

- можливість інтеграції з зовнішніми системами.

В залежності від етапу створення веб-ресурсу та технічних вимог, яким він повинен задовольняти, веб-розробниками використовуються ті чи інші інструменти. Все більше і більше таких інструментів стають хмарними (on-line) сервісами, які надають веб-розробникам можливості без встановлення на локальний комп'ютер додаткового програмного забезпечення виконати над веб-ресурсом ті чи інші дії. Зокрема, великий перелік інструментів з тестування та seo-оптимізації пропонує своїм користувачам Google.



РОЗДІЛ 2. ДОСЛІДЖЕННЯ НЕОБХІДНОГО ІНСТРУМЕНТАРІЮ ДЛЯ ВЕБ-РОЗРОБНИКА

Інструменти Google для web-ресурсів призначені як для власників сайтів так і розробників, які займаються просуванням web-ресурсів. Це набір корисних сервісів, що дозволяють вирішувати наступні завдання:

- аналізувати пошуковий трафік;

- виявляти помилки сканування;

- виявляти проблеми з індексацією сторінок;

- передавати файли Sitemap роботу Google;

- перевіряти працездатність файлу robots.txt;

- примусово індексувати сторінки (квота 500 штук на місяць);

- виявляти проблеми безпеки;

- переглядати сайт як Googlebot.

2.1 Google Search Console

Всі беззастережно веб-фахівці рекомендують використовувати панель Google Search Console. Завдяки цьому інструменту оптимізація сайту для пошукових систем не стане проблемою.

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

Оглядова сторінка в Search Console схожа на сторінку зі зведеними даними в Google Analytics. На ній представлена загальна інформація із сайту. Основні відомості містяться на графіках Ефективність, Покриття та Покращення. Якщо сайт має низьку відвідуваність, то даних для обробки може не вистачити, і графік не відобразиться.



Рис. 2.1. Оглядова сторінка в Search Console

Також важливим пунктом є те, що дані в Google Search Console надходять із затримкою в кілька днів, тому потрібно бути готовим підключитися до сервісу і не спостерігати ніякої статистики перші 3-4 доби.

Які дії дозволяють виконувати інструменти і звіти Search Console:

- Переконатися, що Google може знайти і просканувати ваш сайт;

- Аналізувати запити, зовнішні та внутрішні посилання;

- Виявити проблеми з індексуванням і запросити повторне індексування нового або оновленого контенту;

- Оптимізувати цілий ряд показників, в результаті якого можна провести seo просування сайту;

- Оцінити трафік, який надходить на ваш сайт з Google Пошуку: як часто і за якими запитами посилання на ваші сторінки з'являються в результатах, як часто користувачі натискають на них;

- Сканувати веб-сторінки для перевірки доступності пошукової роботи.

Крім цього, Search Console - це зручний інструмент видалення url в Google. Якщо ви виявили у пошуку сайт або сторінку, які втратили свою актуальність, ви можете подати відповідний запит в Google.



2.2 Google Analytics

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

Що вміє:

- Аналізувати відвідування користувачів, їх дії і час перебування;

- Збирати статистику продажів і конверсії;

- Оптимізувати свій маркетинг за допомогою докладних звітів: графіки, дашборди, діаграми.

Google Analytics дозволяє не тільки аналізувати трафік і аудиторії, але також допоможе підтвердити право власності на сайт.

Нова платформа Google Analytics стала крутою кривою навчання для деяких фахівців у сфері SEO, особливо тих, хто звик до класичної розкладки. Тим не менш, «нова» аналітика має додаткові функції, які полегшують відстеження рентабельності інвестицій через інтернет-маркетинг та SEO.

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

2.3 Google AdWords

Контекстна реклама-це вже не просто оголошення, які показуються відповідно до вмісту веб-сторінки на якій вони розміщуються. Сьогодні це потужний і високоточний інструмент досягнення ваших потенційних клієнтів в Інтернеті. За допомогою сучасних інструментів, які є зараз в AdWords, можна дуже тонко виділити свою аудиторію і донести саме їй своє рекламне повідомлення. Таким чином, використовуючи AdWords, ви максимально ефективно використовуєте свої рекламні бюджети і швидко отримуєте ваших клієнтів.

Google AdWords може демонструватися в двох мережах:

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

- Контекстно-медійна мережа - реклама AdWords, яка показується на сайтах-партнерах Google (які розмістили код реклами Google на сторінках своїх сайтів).

Рис. 2.2. Шкала популярності в Google AdWords

Одноразова настройка Google AdWords включає в себе:

- Визначення цілей Вашої рекламної кампанії в Google AdWords;

- Підбір ключових слів (пошукових запитів) і прорахунок бюджету майбутньої рекламної компанії;

- Налаштування рекламних кампаній (вибір і настройка мереж, типів пристроїв, місць розташування, ставок і бюджетів, методу показу оголошень);

- Організація структури облікового запису AdWords (розбиття ключових слів на семантичні групи і їх розподіл по компаніям і групам оголошень);

- Складання текстів оголошень;

- Налаштування розширень оголошень;

- Зв'язок акаунтів Google AdWords і Google Analytics;

- Налаштування Google Merchant Center (якщо він доступний у вашому цільовому регіоні);

- Включення автоматичної позначки тегами;

- Налаштування розширень Google AdWords.

Рекламодавець може сам створювати звіти з цікавою для нього статистикою від рівня компанії до рівня сайту. Також можна скористатися сервісом Google Analytics, який аналізує, які сторінки відвідують читачі на сайті веб-видавця.

Таким чином, Google AdWords надає всі необхідні інструменти і формує дані, що дозволяють контролювати і змінювати хід рекламної компанії для покращення її ефективності.

2.4 Google Trends

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

На головній сторінці Google Trends можна виконувати такі дії:

- Вводити запити в рядку Аналіз трендів, щоб дізнатися, за якими фразами і темами виконують пошук користувачі в усьому світі;

- Переглядати статті Google News Lab про тенденції веб-пошуку. Тут необхідно звернути увагу на те, що цей розділ доступний не в усіх країнах;

- Вивчати пошукові тренди за добу;Переглядати дані в розділі «Рік в пошуку»;

- Читати довідкові матеріали по News Lab і Trends.

Хочу трошки розповісти про сам алгоритм роботи Google Trends. Почнемо з того, що це анонімізовані дані. Вони категоризуються і агреговані, тобто розбиті по темам пошукових запитів і згруповані. Щоб не шукати «Україна / Ukraine / Украина» окремо, а отримувати відразу те, що потрібно. Тому ми можемо шукати там по конкретному слову і буде братись тільки воно. Google Trends зазвичай сам пропонує теми, якщо вони є. Також там є фільтр по часу, тому ми можемо аналізувати популярність чого-небудь з плином часу. Підрозділи «Пошукові тренди за добу» і «Пошукові тренди зараз»: перший оновлюється кожну годину і туди потрапляють запити, популярність яких значно зросла за останні 24 години; у списку Пошукові тренди зараз представлені найпопулярніші з усіх останніх запитів. Наші алгоритми підбирають їх, з огляду на теми у мережі знань, рівень цікавості до тем і статті в Google новинах.

В Google Trends виключаються запити:

- Непопулярні. В Google Trends представлені тільки запити, які зустрічаються досить часто. По інших будемо бачити нульові значення;

- Повторювані. Ми ігноруємо одинакові запити від одного і того ж користувача за короткий проміжок часу;

- Із спеціальними символами. Запити з апострофами і іншими спеціальними символами фільтруються.



Рис. 2.3. Динаміка популярності слова «Програмування» в Google Trends

Рис. 2.4. Популярність по областям

Отже, Google Trends - простий і зручний інструмент для аналізу популярності і сезонності пошукових запитів. Щоб визначити популярність теми і існуючі тренди, провести аналіз сезонності на своєму ринку, оцінити вплив географічних даних на популярність певних пошукових запитів або теми в цілому нам знадобиться всього декілька хвилин.

2.5 Google Lighthouse

Google Lighthouse - новачок в сім'ї тулов від пошукача, який вже здобув любов розробників.

Lighthouse - це розширення для браузера Google Chrome з відкритим вихідним кодом, який застосовується для перевірки та аналізу сторінок. Google не дарма дали сервісу таку назву Lighthouse (в перекладі з англ. - маяк), так як його використання може допомогти уникнути помилок і проблем на сайті.

Цей проект вміє:

- Виявляти помилки, порушення і надавати рекомендації по їх ліквідації, покращенню сторінки;

- Формувати список можливих поліпшень - як і багато Google інструменти для веб-майстрів;

- Перевіряти пошукову оптимізацію - навіть для недопрацьованих сторінок;

- Перевіряти статус Progressive Web Application.

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

На даний момент розширення Lighthouse - це поки тільки базовий аналіз пошукової оптимізації сторінок. У майбтньому компанія Google планує розширення можливостей сервісу.

2.6 PageSpeed Insights

PageSpeed Insights - створений для перевірки швидкості завантаження сторінок сайту. Це важливо, тому що починаючи з 2016 року, Google ставить в пріоритеті показу швидкі сторінки. Особливо це стосується мобільних версій сайту.



Рис. 2.5. Перевірка швидкості сайту на PageSpeed Insights

Проаналізувавши сайт http://elr.tnpu.edu.ua/my/ ми отримали:

- Час завантаження першого контенту - 2,4 секунд. Тобто це інтервал часу між початком завантаження сторінки та появи першого зображення або блоку тексту;

- Час завантаження достатньої кількості контенту - 2,4 секунд. Цей параметр показує час, після закінчення якого стає видно основний контент сторінки;

- Індекс швидкості завантаження - 2,7 секунд. Показує, на скільки швидко контент сторінки стає доступний для перегляду;

- Час закінчення роботи ЦП - 3,7 секунд. Показує час, за який основний потік сторінки стає достатньо вільний для обробки ручного введення;

- Час завантаження для взаємодії - 4,6 секунд. Час, протягом якого сторінка стає повністю готова до взаємодії з користувачем;

- Максимальна потенційна затримка FID - 130 мс. Потенційна затримка після першого введення (FID) показує максимальний час виконання завдання в мілісекундах.

PageSpeed Insights є дуже корисним, тому що показує можливу оптимізацію сайту, який провіряється. Тобто певні дії зможуть прискорити завантаження сторінки.

Також виводиться діагностика - детальна інформація про продуктивність нашого застосування (сторінки).

Рис. 2.6.1 Аналіз швидкості завантаження сайту

Рис. 2.6.2 Аналіз швидкості завантаження сайту

Все вище перераховане було для мобільних телефонів. Ми можемо переглянути таку ж детальну інформацію для ПК, відкривши у меню вкладку Для комп'ютерів.

2.7 Google Alerts

Не всі інструменти Google для SEO повинні щось вимірювати або оптимізувати. Цей сервіс дозволяє створювати повідомлення про конкурентів. Максимальна кількість внесення їх в базу не повинна перевищувати п'яти.

Ввівши в стрічку Створити сповіщення про «HTML» ми можемо задати певні параметри:

- Частота надсилання: Одразу, Щонайбільше раз на день, Щонайбільше раз на тиждень;

- Джерела: Блоги, Новини, Веб-пошук, Відео, Книги, Обговорення, Фінанси, а також Автоматично;

- Мова: можна задати, а можна вибрати Будь-яка мова;

- Регіон: можна задати, а можна вибрати Будь-який регіон;

- Кількість: Лише найкращі результати, Усі результати.

Рис. 2.7. Початкова сторінка створення реклами

Щоб створити сповіщення нам необхідно ввести електронну адресу.

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

Таким чином, якщо вирішили йти у веб, то в більшості випадків хоча б базові знання HTML i CSS вам будуть просто необхідні.



ВИСНОВКИ

Веб-розробка -- процес створення веб-сайтів або веб-додатків. Основними етапами процесу є веб-дизайн, верстка сторінок, програмування для веб на стороні клієнта і сервера, а також конфігурування веб-сервера.

Веб-розробка поділяється на роботу на стороні браузера (верстка, фронтенд) та на стороні сервера (бекенд + бази даних).

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

Станом на травень 2019 року існує низка програм для навігації в Інтернеті. Найпопулярніші з них: Google Chrome, Safari, Internet Explorer та Edge, Mozilla Firefox, Opera.

Для тестування роботи створеного веб-ресурсу веб-розробнику рекомендований такий перелік Google-сервісів: Google Search Console; Google Analytics; Google AdWords; Google Trends; Google Lighthouse; PageSpeed Insights; Google Alerts.

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

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



СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ

1. Архангельський А.Я. C ++ Builder 6. Довідковий посібник. Книга 1. Мова С ++. - М.: Бином, 2002

2. Беллиньясо М. Розробка Web-додатків в середовищі ASP.NET 2.0: завдання - проект - рішення = ASP.NET 2.0 Website Programming: Problem - Design - Solution. -- М.: «Діалектика», 2007. -- С. 640.

3. Бочкин А. И. Методика преподавания информатики. - Минск: Высшей шк., 1998. - 431 с

4. Буч Г. Язык UML. Руководство пользователя = The Unified Modeling Language user guide / Грaди Буч, Джеймс Рамбо, Айвар Джекобсон. - 2. - М., СПб.: «ДМК Пресс», «Питер», 2004. - 432 с. Глушаков С. В., Жакие И. А., Хачиров Т. С. Программирование Web-страниц. - Харьков: Фолио, 2005. - 390 с

5. Гото Келлі, Котлер Емілі. Веб-редизайн, 2-е видання. -- СПб. : «Символ-Плюс», 2006. -- С. 416

6. Кузнєцов М., Симдянов І., Голишев С. PHP 5. Практика створення Web-сайтів. - К., 2007. - 120 с.

7. Литвин В. В. Проектування інформаційних систем: навч. посібник / В. В. Литвин, Н. Б. Шаховська. - Львів: “Магнолія 2006”, 2010. - 352с

8. Морзе Н. В. Методика навчання інформатики. Ч.1. Загальна методика навчання інформатики. - К.: Навчальна книга, 2003. - 254 с.

9. Оліщук Андрій Володимирович. Розробка Web-додатків на PHP 5. Професійна робота. -- М. : «Вільямс», 2006. -- С. 352

10. Пасхин Е. Н. Автоматизовані системи навчання. - СПб.: Питер. 2003

11. Пасько В. FrontPageи сайтостроительство. - К., 2000. - 520 с.

12. Полянский А. А. Программирование на CGI. - М.: Мойор, 2003. - 176с.

13. Тиге Дж. К. DHTML и CSS: Пер. с англ. - М.: ДМК Пресс, 2003. - 506 с.

14. Фаулер М. UML в кратком изложени / М.Фаулер, К.Скотт. - М.: Мир. - 1999, 340с.

15. Шаповалова С. І., Скорська І. Я Оптимізація моделі представлення Web-системи на основі SPA-архітектури // Вісник НТУ «ХПІ», 2012, №68. ? С. 71?75.

Размещено на Allbest.ru

...