Основні етапи створення веб-сайту для готельного підприємства
Аналіз основних етапів створення веб-сайту готельного підприємства, систематизація задач, що стоять перед замовником сайту в процесі замовлення і створення сайту. Перевірка якості веб-сайту при введенні в експлуатацію, зручності навігації на сайті.
Рубрика | Программирование, компьютеры и кибернетика |
Вид | статья |
Язык | украинский |
Дата добавления | 09.06.2024 |
Размер файла | 1,1 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
Размещено на http://www.allbest.ru/
Вінницький національний аграрний університет
Основні етапи створення веб-сайту для готельного підприємства
Іванчук Ярослав Володимирович, доктор технічних наук, професор
Ліман Віталій Васильович, кандидат технічних наук, доцент
Польова Олена Леонідівна, доктор економічних наук, професор
Анотація
У статті проаналізовано основні етапи створення Веб-сайту готельного підприємства. Систематизовано задачі, що стоять перед замовником сайту в процесі замовлення і створення сайту, а також - перевірки його якості при введенні в експлуатацію.
Наведено рекомендації по вибору доменного імені та хостингу для створюваного сайту. Детально розглянуто зміст брифу, який відображає побажання замовника щодо тощо задач та призначення сайту; структури головної сторінки та інших сторінок, навігації на сайті, форм зворотного зв'язку, тощо; відповідності дизайну сайту фірмовому стилю; користувацького інтерфейсу сайту та адміністративної панелі; термінів завершення робіт над сайтом та їх оплати.
Описані завдання співпраці замовника та виконавця над узгодженням створеного виконавцем, на основі брифу, технічного завдання та перевірки правильності його виконання після завершення робіт по створенню сайту.
Детально розглянуто зміст та технічний інструментарій тестування сайту після завершення виконавцем всіх передбачених технічним завданням робіт. Зокрема наведені практичні рекомендації по перевірці правильності гіперпосилань та адресації на сайті, наповнення сторінок сайту контентом, тестування мобільної версії сайту, швидкості завантаження сайту, повноти індексації його сторінок пошуковими системами, панелі адміністрування сайту, тощо. Наведені рекомендації по перевірці валідності HTML - коду сайту та каскадних таблиць стилів. Обґрунтовано важливість перевірки швидкості завантаження сторінок сайту та описано онлайн-сервіси для її вимірювання. Описані засоби тестування мобільної версії сайту.
Описані функціональні можливості онлайн сервісу «Google Search Console» та наведені рекомендації з їх використання. Описано використання інструменту Веб-аналітики «Google Analytics» для аналізу статистичних даних щодо відвідувачів сайту. Детально описано засоби подальшої пошукової оптимізації сайту готельного підприємства
Ключові слова: сайт готелю, бриф, технічне завдання, швидкість завантаження, валідність html-коду, пошукова оптимізація,.
Liman Vitaly Vasyliovych Candidate of Technical Sciences, Associate Professor, Associate Professor of the Department of Computer Sciences and Economic Cybernetics, Vinnytsia National Agrarian University, Vinnytsia
Polova Olena Doctor of Science in Economics, Professor, Professor of Business and Service Department, Vinnytsia National Agrarian University, Vinnytsia
Ivanchuk Yaroslav Volodymyrovych doctor of technical sciences, professor, Vinnytsia National Technical University, Vinnytsia, Ukraine
THE MAIN STAGES OF CREATING A WEBSITE FOR A HOTEL BUSINESS
Abstract
The article analyzes the main stages of creating a website of a hotel enterprise. The tasks facing the site customer in the process of ordering and creating the site, as well as checking its quality during commissioning, are systematized. Recommendations for choosing a domain name and hosting for the site being created are provided. The content of the brief, which reflects the wishes of the customer regarding, etc., tasks and the purpose of the site, was considered in detail; the structure of the main page and other pages, navigation on the site, feedback forms, etc.; compliance of the design property with the corporate style; site user interface and administrative panel; terms of completion of work on the site and their payment.
The tasks of cooperation between the customer and the executor on the agreement of the technical assignment created by the executor on the basis of the brief of the technical task and checking the correctness of its implementation after the completion of the work on the created site are described. The content and technical tools of the site testing were considered in detail after the executor completed all the work provided for in the technical task. In particular, there are practical recommendations for checking the correctness of hyperlinks and addressing on the site, filling the site pages with content, testing the mobile version of the site, the speed of loading the site, the completeness of the indexing of its pages by search engines, the site administration panel, etc. Recommendations for checking the validity of the site's HTML code and cascading style sheets are given. The importance of checking the site page loading speed is justified and online services for its measurement are described. Tools for testing the mobile version of the site are described. The functional capabilities of the online service "Google Search Console" are described and recommendations for their use are given. The use of the web analytics tool "Google Analytics" for the analysis of statistical data on site visitors is described. The means of further search engine optimization of the website of the hotel enterprise are described in detail
Keywords: hotel website, brief, technical task, loading speed, validity of html code, search engine optimization.
Вступ
Постановка проблеми. Внаслідок стрімкого розвитку Інтернет- комунікацій, для багатьох готельних підприємств мережа Інтернет стала основним засобом реклами та донесення до цільової аудиторії інформації про готельні послуги. Потенційні клієнти все частіше звертаються до сайтів готелів, при знайомстві з якими у них формується образ готелю та уявлення про якість послуг, що надаються. Тому створення ефективного сайту для готельного підприємства стає дедалі більше актуальним у сучасному інформаційному суспільстві. Правильне визначення основних функцій сайту, рівня його інтерактивності та дизайну допоможе готельному підприємству у розширенні клієнтської бази, скороченні витрат та вплине на загальну ефективність роботи за рахунок більш ефективного донесення актуальної інформації до потенційних клієнтів.
Аналіз останніх досліджень і публікацій. Основні етапи створення сайтів досліджено в роботах Н. О. Котенко, Т. Жирова, В. Чубаєвський [1], Н. Задорожна, Х. Середа [2], та інших дослідників Однак недостатньо дослідженими залишаються рід питань, повязаних із спеціфікою інтернет - маркетингу готельного бізнесу. Для створення сучасного конкурентного сайту готельного підприємства потрібні спеціальні знання та навички, яких у курівництва та працівників готелю, як правило, недостатньо. Не завжди достатньо таких знань і для того, щоб правильно поставити завдання по створенню сайту та для подальшої ефективної співпраці із виконавцем, спеціалізованою організацією чи фрілансером. Тоді як ефективна робота над створенням чи модернізацією сайту є продуктом взаємодії двох сторін. З однієї сторони - замовника, який визначає призначення і функції майбутнього сайту і оплачує роботи по його створенню. А з іншої - виконавця, який на основі своєї професійної компетенції визначає найбільш ефективні технічні рішення, що задовольняють вимогам замовника, та забезпечує їх якісну реалізацію.
Мережа Інтернет перенасичена інформацією, з питань сайтобудівництва, але щоб відфільтрувати, систематизувати та скористатись такою інформацією, потрібно мати певний рівень систематизованих теоретичних знань та практичного досвіду, яких у замовників сайтів для готельних підприємств далеко не завжди достатньо. Саме тому для замовника створення чи модернізації сайту є важливим отримати систематизовану інформацію про його роль та послідовність його дії в процесі замовлення і створення сайту. А також - про об'єм та інструментальні засоби перевірки якості виконаних робіт при прийомці від виконавця створеного та готового до експлуатації сайту.
Мета статті полягає у формулюванні основних етапів при створені Веб - сайтів готельних підприємств та деталізації задач, що стоять перед замовником в процесі створення сучасного конкурентоздатного Веб-сайту, з ціллю підвищення компетентності та ефективності участі замовника в процесі роботи над Веб-ресурсом.
Виклад основного матеріалу
Згідно із практикою розробки сайтів [2] до основних етапів створення сайту комерційного призначення можна віднести наступні етапи, приведені в Таблиці 1.
Таблиця 1.
Основні етапи створення сайтів
№ п/п |
Назва етапу |
Зміст етапу |
|
1 |
2 |
3 |
|
1 |
Визначення ряду завдань, які має вирішувати сайт |
Маркетингові дослідження - визначення цільової аудиторії, вивчення запитів майбутніх відвідувачів, визначення оригінальних рис майбутнього сайту |
|
2 |
Розробка технічного завдання (ТЗ) створення сайту |
Планування структури, функціональних можливостей, тощо майбутнього сайту |
|
3 |
Розробка дизайну сайту |
Визначення стилістики Веб-сторінок та оформлення контенту, створення ескізів та верстка розробленого макета. Дизайн Веб-сторінок також можна вибрати з колекції готових шаблонів і налаштувати відповідно до власних потреб. |
|
4 |
Встановлення системи керування контентом сайту та інтеграція зверстаного макету |
Встановлення програмних компонентів і модулів, що відповідають за розширену функціональність сайту. Створення структури сайту та його Веб-сторінок. |
|
5 |
Наповнення сайту контентом |
Наповнення Веб-сторінок сайту текстами, графічними зображеннями тощо |
|
6 |
Розміщення сайту в мережі Інтернет |
Реєстрація хостингу та доменного імені сайту хостинг-провайдером. Інсталяція системи керування контентом та розміщення файлів сайту на хостингу. |
|
7 |
Здача-приймання готового сайту |
Тестування сайту на відповідність технічному завданню. Діагностика роботи створеного, повністю заповненого та введеного в роботу сайту |
|
8 |
Обслуговування сайту |
Періодичне оновлення контенту (поповнення матеріалами), супровід (адміністрування), технічне обслуговування (удосконалення дизайну та структури сайту) та ін. |
|
9 |
Просування сайту |
Пошукова оптимізація сайту, його онлайн і офлайн рекламування та здійснення заходів спрямованих на збільшення відвідуваності сайту |
На початкових стадіях роботи над сайтом замовнику потрібно підготувати текстові матеріали та графічні файли, призначені для розміщення на сторінках сайту. Також необхідно вибрати та зареєструвати хостинг та доменне ім'я для свого майбутнього сайту. При потребі, замовнику в цьому може допомогти виконавець чи інший спеціаліст із сайтобудівництва. Найбільш популярними видами хостнгу є такі як: безкоштовний хостинг, віртуальний (shared) хостинг, віртуальний виділений сервер (VPS/VDS), хостинг на виділеному фізичному сервері. Безкоштовний хостинг не підходить для розміщення комерційних ресурсів внаслідок можливого рекламного навантаження а такою можливого пониження рейтингу сайту з боку пошукових систем. Оскільки навантаження на сайт (одночасна велика кількість запитів) готельного підприємства порівняно невелике, для його розміщення в більшості випадків може підійти найдешевший із платних - віртуальний хостинг. При такому виді хостингу на одному сервері може розміщуватись значна кількість сайтів, які ділять між собою ресурси сервера, такі як жорсткий диск, оперативну пам'ять, CPU та інші.
При виборі доменного імені рекомендується включати в нього транслітерацію назви організації чи вид діяльності, оскільки це позитивно впливає на ранжування сайту в пошуковій видачі по відповідному пошуковому запиту. Для організації, що є власником зареєстрованої торгової марки, доцільно вибирати доменне ім'я в зоні “ua” (наприклад, discover.ua) - найбільш престижній в Україні доменній зоні. Для інших комерційних підприємств, що працюють на український ринок, рекомендується доменна зона “com.ua” (наприклад, forest-hotel.com.ua). Для регіональних підприємств доцільно використовувати зону “region.ua” (наприклад, hotel-savoy.vn.ua), а для комерційних підприємств, що працюють на міжнародних ринках та в США рекомендується доменна зона “com” (наприклад, aristokrat -hotel24.com).
Доменне ім'я та хостинг можна орендувати в різних місцях. Проте, у цьому випадку доведеться змінити параметри DNS на ті, що надає хостинг - провайдер. В іншому випадку, при придбанні доменного імені та хостингу в однієї компанії, змінювати налаштування доменного імені не потрібно. Також набагато зручніше працювати з обома послугами та оновлювати їх з однієї панелі інструментів.
Після виконання підготовчих робіт (визначення текстового і графічного контенту майбутнього сайту, оренди хостингу і доменного імені) перед замовником будуть поставлені наступні основні задачі:
1. Складання брифу, в якому викладені вимоги замовника до майбутнього сайту.
2. Узгодження технічного завдання на створення сайту, складене виконавцем на основі наданого замовником брифу та інших побажань, висловлених в тій чи іншій формі.
3. Тестування та прийомка створеного виконавцем сайту.
4. Планування технічного обслуговування сайту в процесі його експлуатації.
Розглянемо вказані задачі більш детально.
Бриф (з англ. Brief - інструкція) - це документ, в якому замовник разом з виконавцем визначають основні задачі, узгоджують основні етапи роботи та технічні особливості майбутньої роботи [1]. Часто бриф надається у вигляді опитувального листа, в якому зібрана вся ключова інформація про те, яким має бути сайт, як він виглядатиме, які завдання і як вирішуватиме і скільки усе це буде коштуватиме. Бриф допомагає перед початком розробки сайту оформити його концепцію у вигляді документа. Заповнений і повністю узгоджений із замовником бриф служить відправною точкою для створення ТЗ. Найчастіше достатньо, щоб у брифі були відображені наступні питання:
1. Яка мета розробки сайту і які його задачі? Наприклад: залучення нових відвідувачів; інформування цільової аудиторії про ціни та послуги; популяризація бренду; тощо.
2. Які завдання має виконувати сайт. У цьому пункті доцільно вказати не лише функції майбутнього сайту (інформування про поточні ціни та послуги, можливість бронювання місць у готелі, збір бази контактів потенційних клієнтів, тощо), але й використання результатів маркетингових досліджень (визначення характеристик своєї цільової аудиторії та шляхи донесення до неї власної інформації). Наприклад, якщо передбачається, що одним із таких шляхів буде залучення пошукового трафіку, то необхідно передбачити заходи пошукової оптимізації. Корисну інформацію щодо функціоналу майбутнього сайту можна почерпнути, проаналізувавши сайти головних конкурентів підприємства.
4. Вказати логічні розділи, з яких має складатися сайт.
Обов'язково необхідно описати вимоги до головної сторінки та до сторінок інших розділів, що потрібно внести до пунктів меню, чи буде пошук по сайту, які будуть форми (форма замовлення, форма зворотного зв'язку тощо).
5. Дизайн сайту. Якщо у готельного закладу розроблені вимоги до корпоративного та фірмового стилю, то потрібно включити їх у бриф. Якщо такого немає, то доцільно спочатку уділити увагу розробці загального стилю бізнесу, а вже після переходити безпосередньо до дизайну сторінок сайту.
6. Вибір системи керування контентом сайту (CMS). Перш за все це залежить від вищеописаних в пункті 2 завдань сайту. Також на вибір може вплинути наявність попереднього досвіду роботи замовника з адмінпанеллю певної CMS, від вподобань виконавця, тощо.
7. Набір функцій, які повинен надавати користувачам сайт та як вони повинні працювати. Перш за все, у даному випадку необхідно приділити увагу зручності використання користувацького інтерфейсу сайту.
8. Корисний контент сайту (текти, картинки, відео). Контент доцільно підготувати до початку робіт із створення сайту. Зокрема тому, що в подальшому картинки, як і об'єм тексту на сторінках, потрібно буде враховувати в структурі сайту, оскільки вони мають гармонійно доповнювати дизайн сторінок.
9. Термін здачі проекту та його бюджет. Чіткий бриф, не перевантажений другорядними деталями, сприятиме чіткому розумінню потреб замовника і врахування їх при створенні технічного завдання (ТЗ).
Для написання ТЗ необхідно мати значні технічні знання, щодо усіх етапів розробки та функціонування сайту. Як правило, замовник не має таких знань, тому виконавець бере розробку ТЗ на себе. У разі, якщо для створення ТЗ замовник залучає сторонніх фахівців, вони мають узгоджувати рішення із розробником, оскільки, саме розробник точно знає, як оптимізувати та спростити процес розробки і як реалізувати на практиці ідеї відповідно до наявних технічних можливостей. І головне - розробник відповідає за результат, тому максимально зацікавлений у створенні якісного ТЗ.
Можлива ситуація, коли замовник озвучує свою ідею і підписує ТЗ без його досконального розгляду та усувається, не вникаючи у деталі, залишивши усі технічні питання розробнику. У результаті можуть виникати незаплановані виправлення, претензії, непорозуміння, незадоволеність готовим продуктом, зриви термінів здачі етапів проекту. Якщо замовник зацікавлений в успіху проекту, він має приділити достатньої уваги та часу спілкуванню з розробником, обговоренню технічних питань, усвідомленому узгодженню кожного пункту ТЗ. Написання ТЗ має стати комплексною роботою за участю розробника, який одноосібно чи в складі команди поєднує функції програміста, дизайнера, маркетолога, спеціаліста з просування, бізнес - аналітика, керівника проекту, та замовника, який надає якісний зворотний зв'язок. Такий підхід дозволить уникнути зайвих витрат часу та бюджету, забезпечити повне порозуміння між замовником та виконавцем, реалізувати проект вчасно та у повній відповідності очікувань та реальності.
Технічне завдання включає в себе перелік деталізованих вимог до усіх складових продукту - від його зовнішнього вигляду до логіки роботи, де чітко виважено та обґрунтовано кожне слово. Узагальнені формулювання («красивий», «складний», «стильний», «функціональний» тощо) без докладних пояснень можуть по-різному трактуватися замовником та виконавцем, що призводить до непорозумінь. Зокрема, необхідно прописати конкретний перелік розділів та логіку їхньої взаємодії, оформити ці вимоги у текстовому форматі або у вигляді блок-схем, ескізів, прототипів. Більша деталізація сприяє прискоренню процесу розробки, оскільки усі деталі узгоджені і не потрібно витрачати час на додаткові обговорення.
Технічне завдання призначене для вирішення наступних задач:
- детальний опис програми і погодження усіх характеристик з наступною фіксацією рішення на папері;
- кошторис, що відповідає об'єктивному рівню складності робіт;
- оцінка терміну виконання і затвердження календарного плану роботи;
- покращення взаєморозуміння між замовником та виконавцем з метою єдиного бачення на процес розробки;
- уникнення непередбачених витрат часу, незапланованих правок та марної роботи, яка не несе користі проекту;
- швидкого вирішування спірних непередбачуваних питань;
- оперативне узгодження робочих питань;
- об'єктивна оцінка готового продукту розробки - для цього достатньо перевірити його на відповідність до вимог, зафіксованих ТЗ.
Для виконання вказаних задач якісне ТЗ повинно містити інформацію про усі складові проекту, а саме:
- структура, кількість та вкладеність розділів, особливості навігації;
- логіка функціонування і перелік функцій, алгоритми взаємодії компонентів у форматі блок-схем (user-flow);
- інтерфейс, стиль дизайну, структура сторінок у вигляді ескізів (wireframes);
- призначення та можливості адміністративної панелі;
- вимоги до адміністративної панелі сайту;
- список технологій, які використовуватимуться під час розробки;
- особливості операційних систем, на базі яких здійснюється розробка Веб-додатку;
- вимоги до безпеки та конфіденційності;
- алгоритми тестування і контролю за якістю.
Недостатнє опрацювання хоча б однієї складової нівелює цінність усього ТЗ, повноцінна реалізація проекту значно ускладнюється.
Оптимальним варіантом є такий, коли ТЗ розробляється один раз не вимагаючи подальших змін. Але, якщо в процесі роботи над сайтом виникає потреба в правках, то замовнику та виконавцю вигідно не просто домовитися про зміни до ТЗ, а й прописати та затвердити правки, не покладаючись на усні домовленості (незначні правки можуть спричинити інші незаплановані зміни, зменшуючи шанси на успішну, якісну та своєчасну реалізацію проекту).
У загальному випадку ТЗ - це покрокова інструкція з розробки сайту. Проте, окремі пункти ТЗ можуть виконуватися в різній послідовності, деякі роботи проводяться паралельно, кожен етап потребує різної кількості часу та трудовитрат. Тому документація ТЗ має супроводжуватися календарним планом, де зазначаються основні етапи робіт, послідовність та терміни виконання. Це важливо з наступних причин:
- замовник розуміє, коли він може ознайомитися із результатами проміжних етапів та в який термін отримає готовий продукт;
- виконавець працює за чітким графіком, складеним з урахуванням технічних можливостей усіх членів команди;
- у разі виникнення форс-мажору, календарний план може бути скоригований, а зміни узгоджуються обома сторонами.
Альтернативою детально прописаному ТЗ може бути співпраця між замовником та виконавцем по схемі «від досягнутого». При цій схемі виконавець базуючись на окремих побажаннях замовника та на власних вподобаннях створює сайт, який на думку виконавця може задовольнити замовника. Також у процесі розробки замовник може послідовно вносити доповнення до створеного сайту. Але така схема може призводити до непорозумінь, а відсутність детально прописаного ТЗ, може призвести до непередбачуваного результату, Зокрема до значного перевищення раніше оговореної вартості виконуваних робіт.
Відповідно до передбачених ТЗ об'ємів робіт замовник та виконавець визначаються з бюджетом проекту. Вартість виконуваних робіт складається із вартості готових програмних компонентів та оплати праці по їх адаптації згідно вимог замовника до майбутнього сайту. Найбільш бюджетним варіантом є використання однієї з популярних систем керування контентом (CMS - Content Management System) та безкоштовного чи недорогого дизайн- шаблону до вибраної CMS. Проте, і в такому разі потрібно передбачити кошти на купівлю модулів для розширення функціональних можливостей CMS та на суттєву переробку дизайн-шаблону відповідно до фірмового стилю готельного підприємства і розміщення передбачених ТЗ змістовних блоків.
Більш дороге оформлення сайту підприємства містить професійний унікальний макет дизайну основних сторінок сайту. Після затвердження замовником, із кількох запропонованих виконавцем варіантів, обирається верстка дизайн-шаблону сайту на основі затвердженого макету. Після розробки сайту і розміщенні його на хостингу, замовник повинен провести тестування сайту. Разом із правильним детальним вивіреним ТЗ, тестування сайту є важливою складовою забезпечення якісного ефективного функціонування. Детальне тестування сайту замовником дозволяє доопрацювати Веб- сторінки, щоб уникнути проблем під час його подальшої експлуатації. Найважливішими видами тестування Web-сайтів можна виділити наступні:
1. Тестування сайту типу «Юзабіліті» показує, чи зручні елементи Веб- сторінок для користувачів: меню, форми, галерея, кнопки із закликом до дії, видимість тексту та ін. Це один із ключових факторів, що впливають на відвідуваність сайту та показник відмов. Якщо відвідувачу не зручно працювати із сайтом, він швидко його залишить. Також перевіряється якість та актуальність стилю дизайну.
2. Аналіз конфігурації сайту або його функціональності показує коректність роботи розділів та елементів Веб-сторінок (правильність роботи: внутрішніх посилань на сайті; реєстрації та авторизації з клієнтської сторони та зі сторони панелі адміністратора; бронювання номерів через сайт і форми зворотного зв'язку; наявність посилань із хибною чи відсутньою адресацією тощо).
3. Тестування сумісності сайту визначає відповідність Веб-сторінок стандартам графічного дизайну, можливість відображення на екранах різного розміру та роздільної здатності, вигляд сайту у різних браузерах та інші.
4. Тестування мобільної версії сайту (перевірка сумісності із популярними смартфонами та планшетами, оптимізація графічних зображень, функціональність меню та розміри кнопок, тощо).
5. Перевірка локалізації і мультимовності сайту. Також повній перевірці, аналогічній основній мовній версії сайту, підлягають й іншомовні дзеркала.
6. Тестування адмінпанелі сайту. Перевірка та визначення степені засвоєння представниками замовника зручності адміністрування контенту сайту.
7. Валідація HTML/CSS - перевірка на відсутність серйозних синтаксичних помилок.
8. Тестування швидкості завантаження десктопної та мобільної версій
10. Додавання (за допомогою виконавця) та перевірка сайту в сервісі «Google WebMaster» (Google Search Console).
11. Додавання (за допомогою виконавця) та перевірка сайту в сервісі «Google Analytics».
12. SEO - аудит сайту.
Розглянемо онлайн інструменти тестування сайту відповідно вищенаведених пунктів 7-10.
Для ефективної перевірки валідності HTLM-коду зазвичай використовують W3C Markup Validator [3] - безкоштовний сервіс для перевірки відповідності вихідного коду сайту до норм та правил Консорціуму всесвітньої павутини (W3C). Дотримання цих правил забезпечує коректне відображення сторінок сайту у різних браузерах, сприяє швидкому завантаженню Веб-сторінок, підвищує рейтинг сайту в пошукових системах.
Для перевірки таблиць каскадних стилів (CSS) використовуються інструмент CSS Validation Service [4]. Інший онлайн сервіс - “Pingdom Website Speed Test” [5] (Рис. 1) аналізує швидкість завантаження сайту і показує, яким чином можна її збільшити. Швидке завантаження сторінок сайту не тільки є важливим чинником заохочення користувачів до використання сайту, але й згідно [6] є одним із важливих чинників ранжирування пошукової видачі пошукових систем.
Рис. 1. Перевірка швидкості завантаження сайту засобами сервісу Pingdom Website Speed Test
веб сайт готельний
Одним із популярних сервісів для перевірки швидкості завантаження кросплатформених версій сайту є PageSpeed Insights [7] (Рис. 2).
Рис. 3. Перевірка швидкості завантаження сайту засобами сервісу PageSpeed Insights
Для перевірки відображення сайту на мобільних пристроях може бути використано сервіс «Responsinator» [8]. Також можна виконати таку перевірку використовуючи інтегровані в браузери інструменти Веб -розробника. Зокрема, в браузері Firefox перевірка виконується через консельне меню, а саме: Menu -> Інструменти -> Веб-розробник -> Адаптивний дизайн.
Google Search Console [9] відноситься до набору інструментів і сервісів, що надаються пошуковою системою Google для підтримки та пошукової оптимізації сайтів. Ці інструменти дозволяють Веб -майстрам аналізувати продуктивність сайту в пошуку, відстежувати помилки індексації, оптимізувати візуалізацію сайту для пошукових систем і покращувати його структуру та контент для досягнення кращого ранжирування в пошуковій видачі. «Google Search Console» надає зворотний зв'язок про те, як пошукова система бачить сайт і пропонує рекомендації щодо його покращення. За допомогою сервісу можна перевірити:
- сторінки в індексі Google - переконатись, що всі сторінки сайту проіндексовані пошуковою системою,
- наявність XML-карти сайту, призначеної для кращої індексації змін на сайті пошуковими системами.
- посилання, що виходять із сайту,
- перелік зовнішніх сайтів, що посилаються на сайт замовника.
- найбільш популярні у відвідувачів сторінки сайту,
- найбільш популярні пошукові запити, за якими відвідувачі приходять на сайт із пошукової системи.
- Наявність виявлених сервісом проблем на сайті.
- які запити використовують відвідувачі сайту, щоб на нього потрапити;
- наявність проблем у відображенні сайта на мобільних пристроях;
- статистику внутрішніх та зовнішніх посилань; та інше.
Google Analytics [10] - це інструмент Веб-аналітики, який дозволяє відстежувати трафік та поведінку користувачів на сайті на основі статистичних даних та у реальному часі. Даний Веб-сервіс показує джерела трафіку на розроблений сайт, ключові пошукові запити до пошукової системи, за якими відвідувачі переходили на сайт (популярні сторінки сайту, дані про відвідування сайту: географічна приналежність, кількість переглянутих одним відвідувачем сторінок). Ці дані необхідні замовнику для подальшої експлуатації сайту, для оцінки його ефективності та організації рекламних компаній.
SEO-аудит сайту дозволяє перевірити дотримання технічних параметрів сайту, які враховуються пошуковими системами як чинники, що піднімають позиції сайту в результатах пошукової видачі. Дослідження вищеприведених параметрів вимагає певного рівня технічних знань, тому їх перевірку замовник може виконувати за допомогою більш кваліфікованого виконавця. На цьому етапі потрібно перевірити наявність та правильність таких технічних параметрів, як:
- заповнення, відсутність дублювання на наповненість ключовими словами метатегів «title» сторінок сайту;
- швидкість завантаження сторінок сайту;
- правильність відображення мобільної версії сайту на моніторах із різною розподільчою здатністю;
- наявність та правильність файлу robots.txt - вказівки пошуковими системами (визначення переліку файлів, які підлягають індексації);
- наявність карти сайту в форматі XML - для індексації сайту пошуковими системами;
- наявність семантичної макро- і мікророзмітки schema.org, яка показує пошуковим системам типи даних на сторінках та виділяє більш важливу для пошукового ранжування фрагментів контенту;
- наявність SSL-сертифікату та налаштування HTTPS, що забезпечує шифрування даних між сервером та браузером відвідувача;
- ієрархія заголовків на сторінках, наявність та відсутність повторення на сторінці заголовків «Н1»;
- використання канонічних тегів для запобігання дублювання проіндек- сованих сторінок;
- використання розмітки «hreflang» у випадку, коли сайт має декілька мовних версій, що допоможе пошуковим програмним модулям більш якісно сканувати контент;
- використання зручних для сприйняття людиною URL, коли адреси посилань сайту представлені в англійській транскрипції та відображають зміст сторінок;
- налаштоване на сервері переадресування із http на https -версію сайту, а також на версію без www.
- підключення метрик аналітики - Google Analytics.
Після перевірки роботи сайту виконавцем та замовником, а також виправлення усіх виявлених недоліків, сторони підписують акт прийому - передачі сайту - документ, який підтверджує, факт виконання усіх передбачених ТЗ робіт та передачі введеного в експлуатацію сайту замовнику.
Висновки
Якість та функціональність створюваного чи оновлюваного сайту готельного підприємства значною мірою залежить від степені взаєморозуміння та співпраці замовника із виконавцем робіт. На першому етапі роботи над сайтом замовник складає бриф, який відображає його побажання до майбутнього сайту в частині призначення, функцій, дизайну, змісту тощо. Зазвичай бриф має форму відповіді на ряд стандартних для такого випадку питань. Наступний етап співпраці замовника та виконавця на створення м сайту полягає в детальному ознайомленні та узгодженні замовником створеного виконавцем на основі брифу технічного завдання. Після розробки, розміщення на хостингу і наповнення контентом сайту замовник виконує тестування та його перевірку. На етапі перевірки виконання вимог ТЗ, контролюється правильність гіперпосилань та адресації, наповнення контентом, правильність роботи мобільної версії, швидкість завантаження, повнота індексації сторінок сайту пошуковими системами, правильність та зручність панелі адміністрування сайту, створення резервних копій сайту, тощо. Якісна перевірка та виправлення виявлених помилок забезпечують зручну та безперервну подальшу експлуатацію сайту.
Можливий наступний напрямок роботи по вдосконаленню сайту полягає в його пошуковій оптимізації та заходах по збільшенню видимості сайту в пошуковій видачі пошукових систем.
Література
1. Н. О. Котенко, Т. О. Жирова, В. І. Чубаєвський, А. М. Десятко. Дослідження основних тенденцій сучасної розробки Вебсайтів // Кібербезпека: освіта, наука, техніка № 1 (5), 2019 C 6-13. C 7. DOI: 10.28925/2663-4023.2019.5.615
2. Н.Т.Задорожна, Х.В.Середа, О.О.Тебенко Методика і технологія керування інформаційним наповненням освітніх сайтів // Інформаційні технології і засоби навчання: електронне наукове фахове видання. - 2008. - №з(7). DOI: 10.33407/itlt.v7i3.118
4. W3C Markup Validator [Електронний ресурс]. Режим доступу: http://validator.w3.org
5. CSS Validation Service. [Електронний ресурс]. Режим доступу: https://jigsaw.w3.org/ css-validator/
6. Pingdom Website Speed Test [Електронний ресурс]. Режим доступу: https://tools. pingdom.com/
7. Using page speed in mobile search ranking [Електронний ресурс]. Режим доступу: https://developers.google.com/search/blog/2018/01/using-page-speed-in-mobile-search
8. PageSpeed Insights [Електронний ресурс]. Режим доступу: https://pagespeed.web.dev/
9. Responsinator [Електронний ресурс]. Режим доступу: http://www.responsinator.com/
10. Google Search Console [Електронний ресурс]. Режим доступу: https://search. google.com/search-console/about
11. Google Analytics [Електронний ресурс]. Режим доступу: https://analytics.google.com/ analytics/web
References
1. Kotenko N. O., Zhyrova T. O., Chubaievskyi V. I., Desiatko A. M. (2019). Doslidzhennia osnovnykh tendentsii suchasnoi rozrobky vebsaitiv [Study of the main trends of modern website development] Kiberbezpeka: osvita, nauka, tekhnika - Cyber security: education, science, technology, 1 (5), C 6-13. DOI: 10.28925/2663-4023.2019.5.615 [ in Ukrainian].
2. Zadorozhna N.T., Sereda Kh.V., Tebenko O.O. (2008) Metodyka i tekhnolohiia keruvannia informatsiinym napovnenniam osvitnikh saitiv [Methodology and technology for managing the information content of educational sites] Informatsiini tekhnolohii i zasoby navchannia: elektronne naukove fakhove vydannia - Information technologies and teaching aids: electronic scientific specialist edition, 3(7). DOI: 10.33407/itlt.v7i3.118 [in Ukrainian].
3. W3C Markup Validator. Retrieved from http://validator.w3.org
4. CSS Validation Service. Retrieved from https://jigsaw.w3.org/css-validator/
5. Pingdom Website Speed Test. Retrieved from: https://tools.pingdom.com/
6. Using page speed in mobile search ranking. Retrieved from https://developers. google.com/search/blog/2018/01/using-page-speed-in-mobile-search
7. PageSpeed Insights. Retrieved from https://pagespeed.web.dev/
8. Responsinator. Retrieved. from http://www.responsinator.com/
9. Google Search Console. Retrieved from https://search.google.com/search-console/about
10. Google Analytics. Retrieved from https://analytics.google.com/analytics/web
Размещено на Allbest.ru
...Подобные документы
Розробка динамічних та статичних зображень для сайту за допомогою відеоредактора Adobe After EffectCS6 та графічного редактора Adobe Photosop CS6. Розробка структури сайту. Багатоваріантний аналіз розв’язку задачі. Створення анімованого логотипу.
курсовая работа [1,8 M], добавлен 07.12.2014Види сайтів та характеристика сайту-візитки, сайту-магазину, новинного сайту та соціальних мереж. HTML та CSS як основа шаблону сайту та стилю оформлення. Розробка структури та вибір дизайну порталу новин, його програмний код та вигляд у браузері.
дипломная работа [2,4 M], добавлен 20.10.2013Загальна характеристика особливостей алгоритму просування сайту. Розробка основних елементів фірмового стилю, що складають пакет рекламної кампанії. Етапи розробки Web-сайту компанії "Гранд Авто". Особливості програмної частини і структури сайту.
дипломная работа [3,3 M], добавлен 26.02.2012Характеристика приватного підприємства "ІнтерТех". Опис та оцінка діяльності підрозділів інформатизації підприємства. Розробка і модифікація веб-сайту для рекламування послуг і товарів даної організації. Вибір мови CMS Joomla та установка бази даних.
отчет по практике [1,6 M], добавлен 14.07.2015Особливості програмування web-орієнтованих інформаційних систем. Етапи створення web-сайту, вибір домену та хостингу. Опис програмного та апаратного середовища функціонування об’єкта проектування. Аналіз і вибір засобів для проектування web-додатків.
курсовая работа [11,2 M], добавлен 03.06.2019Вибір архітектури та інструментальних засобів розробки. Розробка модуля для перегляду сторінок сайту, доступного, зручного інтерфейсу системи адміністрування. Створення бази даних. Опис механізмів передачі даних між сторінками. Реалізація форуму на сайті.
дипломная работа [7,1 M], добавлен 24.09.2012Алгоритм створення інтернет-магазину по продажу товарів з Італії на локальному або віддаленому сервері: розробка клієнтської та адміністративної частини сайту засобами PHP і MySQL, розбиття сторінок на тематичні блоки і розміщення на них флеш-аплікацій.
курсовая работа [7,4 M], добавлен 12.05.2011Розробка сайту-візитки компанії, яка надає послуги в ІТ-галузі та оцінювання створеного сайту. Структурне розположення усіх html, css—файлів та зображень. Створення текстового документу з іменем index та розширенням .html. Тестування сторінки в браузері.
курсовая работа [1,9 M], добавлен 25.06.2015Поняття про сайт, огляд його основних функцій і класифікація видів. Розробка сайту з використанням мов HTML, PHP, CSS та з базою даних MySQL, готового для розміщення в інтернеті. Засоби полегшення спілкування та обміну інформацією між викладачами.
дипломная работа [1,6 M], добавлен 26.08.2014Опис інформаційного забезпечення системи для розробки сайту. Технічне завдання на розробку web-сторінки. Комплект засобів, проектування та завантаження сторінок. Тестування сайту в різних браузерах. Розрахунок собівартості та ціни програмного продукту.
дипломная работа [1,8 M], добавлен 14.05.2012Мова розмітки гіпертекстових сторінок HTML. Каскадні таблиці стилів CSS. Розробка інформаційного Web-сайту: меню навігації, структура та інтерфейс сайту. Тестування, впровадження та тестування розробленого проекту. Безпека умов праці при використанні ПК.
дипломная работа [1,3 M], добавлен 20.05.2012Проектування технологій навчання з теми "Створення веб-сайту засобами HTML". Організація та методика проведення лекційного, лабораторного та практичного (семінарського) заняття. Розробка дидактичних матеріалів до інноваційних технологій навчання.
курсовая работа [2,3 M], добавлен 21.12.2013Обґрунтування потреби, поняття, класифікація, проектування та етапи розробки веб-сайту. Вибір програмних засобів, розробка інтерфейса і бази даних. Динамічна мова розмітки гіпертекстових документів DHTML. Розміщення категорій товарів в on-line магазині.
дипломная работа [1,5 M], добавлен 04.08.2009Структура, характеристики та принципи розробки сучасного сайту-візитки. Розробка дизайну. Характеристика сайту кав’ярні. Основні вимоги до програми та до інтерфейсу. Опис проектних рішень, інструментів та підходів до розробки з обґрунтуванням їх вибору.
дипломная работа [3,2 M], добавлен 19.03.2017Вивчення особливостей використання всесвітньої мережі Інтернет, адресації інформації, вірусних загроз. Розробка та підготовка сайту до експлуатації за допомогою візуального редактора Front Page. Характеристика дизайну та структури створеного web-сайту.
курсовая работа [1,4 M], добавлен 22.11.2012Розробка web-сайту "Творча майстерня SakhNYAsha design studio". Сучасні технології розробки Web-додатків. Наповнення сайту інформацією та елементами. Структурування інформації та її стилізація. Введення елементів HTML 5, контроль відповідності стандартам.
курсовая работа [992,7 K], добавлен 30.01.2014Основні особливості функціонування, переваги та недоліки даних CMS. Створення інформаційного ресурсу для будівельної компанії "Фарлеп". Встановлення Drupal та зміна теми сайту. Покращення функціональних можливостей CMS Drupal за допомогою модулів.
курсовая работа [3,0 M], добавлен 22.11.2013Розробка сайту, який буде мати можливість наповнення інформацією про стан команд та їх гравців у лізі в режимі реального часу. Переваги використання технології web 2.0. Написання програмного коду веб-сайту та його реалізація, головна сторінка Index.php.
дипломная работа [3,4 M], добавлен 18.08.2014Опис механізмів передачі даних між сторінками. Розробка доступного та зручного інтерфейсу веб-сайту компанії "Artput" для відвідувачів сайту і для адміністратора. Установка Apache 1.3.29 та PHP 4.3.4 під Windows XP. Структура веб-сервера та веб-сайту.
дипломная работа [5,0 M], добавлен 24.09.2012Поняття сайту як системи електронних документів (файлів даних, коду) приватної особи або організації в комп'ютерній мережі. Визначення засобів для створення сторінки в Інтернеті, вимоги до зовнішнього вигляду та функцій. Особливості розробки макету сайту.
курсовая работа [2,1 M], добавлен 17.12.2015