Web (World Wide Web) — глобальний інформаційний простір, заснований на фізичній інфраструктурі
Веб-сайт — це сукупність веб-сторінок, доступних в
Сторінки веб-сайтів — це файли з текстом, розміченим на мові
- Технології розробки сайтів . Tест.
Виготовлення сайтів як працюючих цілісних інформаційних ресурсів - це складний процес, що потребує поєднання різних професійних навичок. Загальний термін на позначення сайтобудування — «
веб-розробка ».Веб-сервіси – це технологія, яка дозволяє додаткам обмінюватися даними незалежно від платформи і мови програмування. Веб-сервіс обов'язково має програмний інтерфейс, який отримує через мережу команди і дані в заздалегідь обумовленому форматі, виконує якісь операції і відправляє через мережу відповідь
Hайбільш популярні послуги Інтернету:
- Веб-форуми
- Блоги
- Інтернет-магазини
- Електронна пошта і списки розсилки
- Інтернет-аукціони
- Файлообмінні мережі
- Електронні платіжні системи
- Дистанційне навчання
- Інтернет-радіо, Інтернет-телебачення
IP -телефонія- Месенжери
- FTP-сервери
- Пошукові системи
Cтруктури сайту
Cтруктура сайту є зовнішня і внутрішня. Під першою розуміють макет сторінки із зазначенням розташування на ній блоків. Друга відображає категорії, належність до них певних сторінок і матеріалів. Внутрішня структура сайту – це порядок розміщення сторінок сайту по відношенню до головної сторінки.
Зовнішня структура веб-сайтів
Зовнішній вигляд кожного сайту є унікальним, проте в усіх сайтів можна знайти спільні за функціональністю частини. На будь-якому сайті першою відкривається головна сторінка (
index.html ,index.php і т.п.). її розробці приділяють особливу увагу, оскільки дослідження показали, що люди не здатні читати інформацію, що відображається на моніторі, так уважно, як книжки або журнали, вони зазвичай лише поверхово переглядають її, наприклад, як рекламу. Якщо головна сторінка містить те, що шукає відвідувач, він читає її далі, а якщо ні — переходить до інших сайтів, яких в Інтернеті дуже багато.У верхній частині головної сторінки зазвичай розташована так звана «шапка», яку дублюють на інших сторінках сайту. Це роблять спеціально, адже ця частина відображається у вікні браузера першою, і відвідувач насамперед звертає увагу на неї.
Щоб забезпечити швидкий перехід до основних тематичних розділів сайту, створюють меню сайту — список гіперпосилань на його розділи.
Горизонтальне меню зазвичай розташовують у шапці, іноді дублюючи його в нижній частині сторінки, а вертикальне — переважно в лівій частині сторінки, у місці, звідки відвідувач починає її переглядати. Меню є одним із найважливіших компонентів сайту, користувач постійно звертає на нього увагу, і тому вимоги до нього високі. Меню має бути зручним, помітним і зрозумілим, інакше користувач не знатиме, як потрапити в потрібний розділ, і вийде із сайту.
Пункти меню мають бути чітко відділені один від одного.
Bнутрішня структура сайту
- Лінійна внутрішня структура сайту
Якщо матеріал вибудовується в логічний ланцюжок – як глави однієї книги або кроки оформлення замовлення в Інтернет-магазині – утворюється лінійна структура.
- Деревовидна внутріння структура сайту
Bміст кожної сторінки крім першої входить у вигляді підрозділу в сторінку вищого рівня. Така структура має початок — першу сторінку, корінь дерева, але кінець перегляду сайту пов’язаний лише з вичерпанням всього вмісту сайту. Така структура найкраще підходить для колекцій різнорідного і складно влаштованого матеріалу – каталогів, збірників статей або посилань.
- Гібридна внутрішня структура сайту
На практиці, майже неминуче використовувати і деревоподібну і послідовну структуру. Наприклад, зміст електронної книги або каталогу статей починається з ієрархічно розташованих сторінок, але кожну окрему главу або статтю часто має сенс розбити на кілька наступних один за одним шматочків.
- Решітчата внутрішня структура сайту
Заснована на побудові системи навігації сайту, коли між вертикальними і горизонтальними елементами (сторінками) є взаємозв’язок та можливість швидкого переходу з однієї сторінки на іншу без необхідності відвідування проміжних сторінок. Подібна структура призводить до зайвого збільшення гіперпосилань і застосування її обмежено для великих сайтів, тобто сайтів з великою кількістю сторінок.
Форуми та чати на веб-сайтах
Є можливість не лише автоматично створювати та оформляти веб-сторінки, а й створювати та адмініструвати форуми і чати. Електронний форум також надає можливість відвідувачам сайту спілкуватися між собою. Вони мають зареєструватися у форумі, заповнивши спеціальну форму, після чого можуть вводити текст повідомлень у призначених для цього полях. Для спілкування учасників не потрібно, щоб вони одночасно були присутніми на сайті. Висловивши свою думку, користувач може прочитати відповідь інших учасників форуму упродовж певного часу в іншому сеансі спілкування, оскільки його інформація залишається на сайті й може довго бути доступною для перегляду.
Чат також дозволяє кільком відвідувачам сайту поспілкуватися між собою. Його відмінність від форуму полягає в тому, що спілкування відбувається у режимі реального часу (коли обмін інформацією здійснюється майже миттєво, без відчутних затримок) і лише між тими користувачами, які одночасно звернулися до сайту з чатом і зареєструвалися для участі в електронній розмові. У наступному сеансі інформація про попередній відсутня.
У форумах, і у чатах відвідувачі спілкуються з використанням логінів, або ніків — імен, спеціально вибраних для цього. Логіни не завжди відповідають реальним іменам людей, і в цьому полягає певна інтрига електронного спілкування.
Ведення блогів
Блог (blog — weB LOG) — це мережний журнал, що містить записи у зворотному хронологічному порядку та забезпечує можливість додавання читачами коментарів. У блог можна записати свої враження про новий фільм, гру, сайт або програму, розповісти історію.
Блог може бути особистим, груповим або колективним. Особистий блог називають онлайновим щоденником, у ньому автор може публікувати свої думки, приватні фотографії, наводити посилання на цікаві інтернет-ресурси для друзів або для широкої інтернет-аудиторії. Груповий блог присвячують певній тематиці або спільній сфері інтересів (клубні, корпоративні блоги).
Колективний блог відкритий для спільного редагування. Блог може бути як самостійним ресурсом, так і частиною якогось веб-проекту. Технічно мережні журнали реалізують за допомогою різних вебтехнологій. Є спеціалізоване програмне забезпечення (наприклад,
WordPress ,Pivot ), що дає змогу людині, яка не володіє спеціальними знаннями з розробки веб-ресурсів, спростити створення, обслуговування і ведення блога.З кінця
90-х років минулого століття все популярнішими стають безкоштовні служби, що надають можливість вести особистий блог за умови реєстрації на сайті, який надає такі послуги. Найвідомішими серед них єwww.livejournal.com ,www.blogger.com , а також українська службаblog.net.ua . - Системи керування вмістом сайтів . Tест.
Для того щоб сайт став доступним широкому колу відвідувачів, йому необхідно призначити
доменне ім'я і розмістити в мережі Інтернет. Розміщення сайту на сервері та подальше його адміністрування називаютьхостингом .Наданням такої послуги займаються спеціальні організації. Хостинг буває платний і безкоштовний. На серверах, що забезпечують хостинг, крім власне розміщення сайту зазвичай надається можливість створювати веб-сторінки та організовувати форуми і чати в автоматизованому режимі. Однією з найпростіших форм автоматизованого створення веб-ресурсів є блоги (онлайнові щоденники), які дають змогу публікувати та впорядковувати (зазвичай у хронологічному порядку) на веб-сторінках різноманітні записи.
Сторінки сайтів можуть бути простими статичними наборами файлів або створюватися спеціальною комп'ютерною програмою на сервері — так званим движком сайту.
Движок може бути або зроблений на замовлення для окремого сайту, або готовим продуктом, розрахованим на певний різновид сайтів. Деякі з движків можуть забезпечити власнику сайту можливість гнучкого налаштування структуризації і виведення інформації на веб-сайті; такі движки називаються системами управління змістом.
Систе́ма керува́ння вмі́стом (Content Management System, CMS) — програмне забезпечення для організації
web -сайтів чи інших інформаційних ресурсів в Інтернеті чи окремих комп'ютерних мережах.Серед популярних програмних рішень, що використовуються для керування контентом слід зазначити такі
CMS -системи:Drupal ,Joomla ,Wordpress та ін.Для дистанційного навчання часто використовуються системи
Moodle таaTutor , а такожMediaWiki , як засіб створення освітніх вікі-проектів. Перевагою цих систем, що зумовило їх популярність, є відкритий програмний код, наявність великої кількості додактів та безкоштовна ліцензія на використання.Серед пропрієтарних систем слід зазначити такі:
Magento ,1-С Бітрікс (електронна комерція);Microsoft SharePoint ,Adobe Business Catalyst (комплексніSaaS -системи);Blackboard (система дистанційноого навчання).Системи керування контентом
Система керування контентом (content management system,
CMS ) – програмне забезпечення, що дозволяє редагувати контент інформаційної системи (веб-сайту) за допомогою зручного інтерфейсу користувача та забезпечує публікацію контенту для відвідувачів разом із засобами навігації.Контент – термін, що стійко закріпився в професійній термінології, пов’язаній з розробкою інформаційних веб-систем. Під контентом веб-сайту розуміють інформаційний вміст, що надається відвідувачам. Контент являє собою текст, гіпертекст, зображення, відео, аудіо, анімацію тощо.
CMS -ситема забезпечує дві ключові функції роботи з контентом:- з точки зору відвідувача веб-сайту
CMS забезпечує навігацію та подання контенту сайту шляхом організації меню та інших навігаційних елементів, а також обробки запитів на отримання веб-сторінок сайту; - з точки зору редактора сайту
CMS забезпечує зручні інтерфейси та механізми для додавання, збереження та редагування контенту сайту, звільняючи редактора від необхідності досконало володіти засобами розмітки веб-документів (HTML ) та керування серверною структурою файлів та бази даних.
Серед інших функцій
CMS – забезпечення багатокористувацького доступу до редагування контенту, підтримка реєстрації відвідувачів сайту, засоби коментування контенту тощо.Керування контентом
Ключовим завданням
CMS очевидно є керування контентом. Натомість, розробники новихCMS часто залишають ключове завдання системи без достатньої уваги та реалізують його виключно на механічному рівні, не створюючі достатні засоби автоматизації цього процесу. У загальному сенсі керування контентом – це сукупність процесів та технологій для збору, організації та публікації інформації у різних формах та на різних носіях. Керування веб-контентом покликано забезпечити життєвий цикл інформації, яка подається відвідувачам сайту.Керування контентом веб-сайтів охоплює не тільки фізичні процеси розміщення веб-сторінок в інтернеті. Сучасне керування контентом вимагає розглядати контент як об’єкт моделювання, структурування і формалізації для організації його ефективного зберігання, публікації та подання кінцевим споживачам у зручному вигляді із зручними інтелектуалізованими засобами навігації. У зв’язку із значущою роллю керування контентом, першочергова увага розробників
CMS повинна бути сконцентрована на розробці оптимальних моделей структурування та формалізації веб-контенту, виявленні та використанні закономірностей при переміщенні по контенту сайту, формалізації зв’язків між ділянками контенту та побудові зручних схем навігації. Подібні задачі вимагають глибшого погляду на контент веб-сайтів, аніж організація розміщення фізичного html-тексту із зображеннями на сервері, та прокладають шлях від керування контентом до керування знаннями в веб-середовищі.
Архітектура CMS Структура
CMS визначається завданнями, які вирішує система для керування контентом.CMS складається з таких компонентів:- модуль редагування (адміністративна частина), що забезпечує виконання адміністративних функцій по редагуванню контенту сайту;
- контент у структурованому вигляді, що, як правило, включає базу даних для зберігання HTML-тексту веб-сторінок та сукупність упорядкованих медіа-файлів;
- модуль подання, ядро системи, що керує логікою подання контенту відвідувачам та забезпечує навігацію по контенту.
- з точки зору відвідувача веб-сайту
- Розміщення відомостей на
web -сторінціРозташування відомостей на сторінці:
- Назва сайту – у заголовку всіх сторінок
- На будь-якій сторінці можна чітко бачити, до якого тематичного розділу вона входить
- Найважливіші відомості – на початку сторінки
- Колонок з контентом – не більше ніж три
- Не допустимі горизонтальні смуги прокручування під час перегляду веб-сторінки. Нижній колонтитул (підвал) дублює меню, зазначає авторські права (копірайт) дизайнера сайту, містить контактні дані власника ресурсу та дизайнера
Зручність навігації
- З будь-якої сторінки є можливість перейти до перегляду головної (домашньої) веб-сторінки сайту
- Сайт має не більше ніж три рівні вкладеності веб-сторінок
- Меню сайту – велике та помітне, легке в розумінні
- Гіперпосилань в одному блоці навігації – не більше ніж
7 , інші – у вкладених меню або інших блоках - Кнопки великі, зі зрозумілими підписами або зображеннями
- Гіперпосилання в тексті чітко відрізняються від решти контенту
- На сторінках з великим обсягом тексту присутні засоби для навігації усередині веб-сторінки
Оформлення
- Єдиний стиль оформлення та компоновки матеріалу на всіх сторінках
- Кольори фону сторінки та тексту контрастні
- Заголовки статей виділено шрифтом збільшеного розміру
- Текст статей вирівняно за шириною
- Якісні зображення, з можливістю збільшення для перегляду
- Мінімум анімованих зображень, що відволікають увагу
- Порожній простір (поля) навколо тексту та зображень
Швидкість завантаження
- Час завантаження сторінки – якомога менший
- Зображення – оптимізовані для вебпростору
- Поняття про
SEO . Tест.Пошукова оптимізація сайту або ж
SEO (search engine optimization) — процес коригуванняHTML -коду, текстового наповнення (контенту), структури сайту, контроль зовнішніх чинників для відповідності вимогам алгоритму пошукових систем, з метою підняття позиції сайту в результатах пошуку в цих системах за певними запитами користувачів. Чим вище позиція сайту в результатах пошуку, тим більша ймовірність, що відвідувач перейде на нього з пошукових систем, оскільки люди зазвичай йдуть за першими посиланнями.Основними чинниками, які впливають на видачу в результатах пошукових систем є:
- Внутрішня оптимізація сторінки;
- Внутрішня перелінковка між сторінками;
- Технічна оптимізація сайту (використовувана
CMS , чистота коду, швидкість завантаження сайту, мобільна версія тощо); - Якісні зовнішні посилання на сайт;
- Вік сайту;
- Контент для людей (ключових слів може в статті не бути, але вона буде на першій позиції через релевантність і цінність);
- Наявність ключових слів в адресі сайту;
- Соціальні сигнали;
- Поведінковий фактор.
До факторів, що знижують рейтинг сайту, належать:
- Неунікальний контент (статті, новини тощо);
- Завелика кількість ключових слів у контенті;
- Технології, які пошукові машини розглядають як спам;
- Надлишкове число зовнішніх посилань;
- Посилання на неякісні сайти або з неякісних сайтів;
- Фрейми;
- Накрутки поведінкових факторів.
Методи оптимізації
Методи оптимізації можна розділити на три класи, проте останні події у світі пошукових систем дають зрозуміти, що це розділення вельми умовне — будь-яка маніпуляція певними параметрами сайту може бути розцінена пошуковиком як украй небажаний вплив на його результати. «Білі» оптимізатори і маркетологи користуються рекомендаціями
Google по створенню «хороших» сайтів. Таким чином вони просувають сайт, не порушуючи правил пошукових систем.Біла оптимізація — оптимізаторська робота над ресурсом без застосування офіційно заборонених кожною пошуковою системою методів розкручування ресурсу — без впливу на пошукові алгоритми сайтів. Вона включає в себе роботу над самим сайтом, тобто над його внутрішньою навігацією і вмістом, і роботу з зовнішнім середовищем сайту, тобто просуванням цього сайту шляхом оглядів, прес-релізів, реєстрації в соціальних закладках, партнерських програм тощо із зазначенням посилань на сайт.
Методи білої зовнішньої пошукової оптимізації:
- Реєстрація в самостійних каталогах. Вона може здійснюватися вручну або за допомогою спеціальних ресурсів;
- Реєстрація в каталогах пошукових систем, таких як
Top-100 ,DMOZ (AOL ),Апорт ,Yahoo тощо; - Соціальні мережі;
- Прес-релізи;
- Активна діяльність на тематичних блогах;
-
Розмішення новин на сайтах-новинниках, таких як
BuzzFeed ,Reddit тощо
Сіра оптимізація
До сірої пошукової оптимізації можна віднести додавання великої кількості ключових слів в текст сторінки, часто з втратою прочитності для людини, наприклад: «Масло масляне, тому що в ньому є похідні від масла масляні жири». Проте в деяких випадках при використанні сірої оптимізації допускається помилка під назвою переоптимізація, що призводить до переходу з сірої оптимізації в чорну. По суті, оптимізація полягає спочатку в підборі ключових запитів для конкретної веб-сторінки, визначенні розміру цільового «
SEO -тексту» і необхідної частоти ключових слів у ньому, а потім у формулюванні пропозицій і фраз, які містять кількаразове повторення ключових запитів певну кількість разів у різних відмінках, однині та множині, а також різних формах дієслів. Ці параметри можуть потім коригуватися за результатами видачі пошукових систем.При цьому завдання
SEO -копірайтера — написати оригінальний текст таким чином, щоб подібна оптимізація була якомога менш помітна «живому» читачеві (і зокрема асесору пошукової системи). У випадку неправильно поставленого технічного завдання, копірайтер може випадково переоптимізувати статтю. Пошукові системи побачивши таку — видалять з індексу ще до того, як вона попаде на очі асесору. Широко застосовується також включення ключового запиту вHTML -тегиtitle ,h1 , атрибутmeta keywords . Інший приклад сірої оптимізації — дорвей без редіректу, коли при потраплянні на дорвей не відбувається автоматичного перенаправлення на сайт, який просувають.Сіра оптимізація відрізняється від чорної тим, що вона офіційно не заборонена, але її використання все одно може бути розцінене як неприродне завищення популярності сайту. Деякі пошукові системи, наприклад,
Google , можуть тимчасово або назавжди заблокувати такий сайт. Тобто, остаточне рішення про те, чи є методи просування законними чи ні, приймає фахівець — модератор пошукової системи, а не програма.Чорна оптимізація
До чорної оптимізації відносяться всі методи, які суперечать правилам пошукових систем. Серед них можна виділити наступні: використання дорвеїв (сторінок і ресурсів, створених спеціально для роботів пошукових систем, найчастіше з великою кількістю ключових слів на сторінці), прийом під назвою клоакінг (користувачеві віддається одна сторінка, що легко читається, а пошуковому роботу — інша, оптимізована під які-небудь запити), використання прихованого тексту на сторінках сайту, використання «однопіксельних посилань».
Чорні методи зовнішньої пошукової оптимізації
- Обмін посиланнями. Існують декілька способів обміну — прямий, взаємний, односторонній (покупка посилань);
- Лінкбілдинг;
- Створення та ведення блогів на інших доменах з ціллю залишити посилання;
- Дорвеї;
- Клоакінг;
Метрики для оптимізації пошукової системи
Google PageRank
Google PageRank (Google PR ) — один з методів, якийGoogle використовує для визначення релевантності або важливості сторінки. Важливі сторінки отримують більшийPageRank і частіше відображаються у верхній частині результатів пошуку.Google PageRank (PR ) — це міра від0 до10 .Google Pagerank базується на зворотних посиланнях.PageRank працює, підраховуючи кількість та якість посилань на сторінку, щоб визначити приблизну оцінку того, наскільки важливий веб-сайт.Alexa Traffic Rank
Alexa Traffic Rank базується на кількості трафіку, зареєстрованого користувачами, які встановили панель інструментівAlexa протягом трьох місяців. Рейтинги на сайті базуються на загальній кількості унікальних відвідувачів та переглядів сторінок. Унікальні відвідувачі визначаються кількістю унікальних користувачівAlexa , які відвідують сайт у певний день. Перегляди сторінок — це загальна кількість запитівURL -адрес користувачівAlexa для сайту.Moz Domain Authority
Авторитетність домену (
DA ), метрика веб-сайту, розроблена компанієюMoz , є прогнозним показником для визначення трафіку веб-сайту та рейтингу звичайних пошукових систем. Адміністрація домену базується на різних показниках посилань, таких як кількість пов'язаних кореневих доменів, кількість загальних зворотних зв'язків та відстані зворотних посилань на домашній сторінці веб-сайтів.Moz Page Authority
У порівнянні з авторитетністю домену, який визначає силу рейтингу всього домену або субдомену,
Page Authority визначає силу окремої сторінки . Це оцінка, розроблена Мозом у логарифмічній шкалі на100 пунктів. На відміну відTrustFlow , влада домену не враховує спам.Рейтинг домену (або
DR )Одна з основних метрик в сервісі
Ahrefs.com . Дослівно її можна перевести як «Рейтинг Домену». БагатоSEO -фахівці використовують саме це значення, щоб швидко визначити «контрольну вагу» певного сайту і порівняти його з іншими. Самі автори дають цій метриці наступне визначення: «Рейтинг Домену показує загальну силу посилального профілю певного сайту».