Останній термін – розробники – це загальний термін, який може охоплювати інженерів-програмістів, кодерів, програмістів, розробників зовнішнього та бек-енду та ІТ-фахівців різних типів. Це люди, які пишуть код і/або загалом керують основними різними веб-технологіями, які містять і забезпечують роботу веб-сайтів.
У вашій ролі спеціаліста з оптимізації пошукових систем вам може бути чи не доцільно повністю оволодіти мовами програмування, такими як C++ і Java, або мовами сценаріїв, такими як PHP і JavaScript, або мовами розмітки, такими як HTML, XML, або мовою таблиць стилів CSS. .
Крім того, існує багато інших мов програмування, сценаріїв і розмітки. Бути майстром усіх видів мов було б важким завданням, навіть якщо ваша роль програміст на повний робочий день, а не SEO.
Але вам, як професіоналу з оптимізації пошукових систем, важливо розуміти різні мови, технології та набори технологій, які складають Інтернет. Коли ви даєте рекомендації щодо оптимізації пошукових систем, які, швидше за все, виконуватимуть розробники, вам потрібно розуміти їхнє мислення, їхні больові точки, що таке їхня робота – і ви повинні вміти розмовляти їхньою мовою.
Вам не обов’язково знати все, що знають розробники, але ви повинні добре розуміти, чим займаються розробники, щоб ви могли ставити кращі запитання та надавати рекомендації щодо оптимізації пошукових систем (SEO) так, щоб вони відповідали їм, і ці рекомендації, швидше за все, будуть виконані. в результаті.
Коли ви розмовляєте їхньою мовою та розумієте, на що схожий їхній світ, ви сприяєте створенню середовища співпраці, де всі тягнуть за одну сторону канату для однакових позитивних результатів.
І, звісно, окрім налагодження стосунків співпраці, бути професійним оптимістом для оптимізації пошукових систем передбачає багато технічної детективної роботи, виявлення та запобігання проблемам, тому розуміння різних аспектів веб-технологій необов’язкове. це обов'язково.
Веб-технології можуть бути складними та лякаючими, але, сподіваємося, цей посібник допоможе вам трохи полегшити роботу та заповнить деякі прогалини у вашому розумінні.
Давайте стрибаємо прямо!
Інтернет проти Всесвітньої мережі
Більшість людей використовують ці терміни як синоніми, але технічно ці два терміни не означають те саме, хоча вони пов’язані.
Інтернет починався як децентралізована мережа незалежних взаємопов’язаних комп’ютерів.
Міністерство оборони США з часом було залучене та укладало контракти, зокрема на розробку проекту ARPANET (Мережа агентства передових дослідницьких проектів), яка була ранньою мережею комутації пакетів і першою використовувала TCP/IP (протокол керування передачею та Інтернет-протокол ).
Проект ARPANET призвів до «інтернетробочий», де різні мережі комп'ютерів можуть бути об'єднані в більшу «мережу мереж».
Розробку Всесвітньої павутини приписують британському комп’ютерному вченому серу Тіму Бенерсу-Лі у 1980-х роках; він розробив посилання на гіпертекстові документи, результатом чого стала модель обміну інформацією, побудована «на вершині» Інтернету.
Було вказано, що документи (веб-сторінки) мають бути відформатовані мовою розмітки під назвою «HTML» (Hypertext Markup Language) і можуть бути пов’язані один з одним за допомогою «гіперпосилань», за якими користувачі можуть натискати, щоб переходити до інших веб-сторінок.
Веб-хостинг
Веб-хостинг або скорочено хостинг – це послуги, які дозволяють людям і компаніям розміщувати веб-сторінку або веб-сайт в Інтернеті. Хостингові компанії мають банки комп’ютерів, які називаються «серверами», які за своєю природою не зовсім схожі на комп’ютери, з якими ви вже знайомі, але, звичайно, є відмінності.
Існують різні типи веб-хостингу, які пропонують низку послуг на додаток до веб-хостингу; такі послуги можуть включати реєстрацію доменного імені, конструктори веб-сайтів, адреси електронної пошти, послуги безпеки веб-сайтів тощо.
Коротше кажучи, хост – це місце, де публікуються веб-сайти.
Веб-сервери
Веб-сервер — це комп’ютер, який зберігає веб-документи та ресурси. Веб-сервери отримують запити від клієнтів (браузерів) на веб-сторінки, зображення тощо. Коли ви відвідуєте веб-сторінку, ваш браузер запитує всі ресурси/файли, необхідні для відтворення цієї веб-сторінки у вашому браузері. Це приблизно так:
Від клієнта (браузера) до сервера: «Привіт, мені потрібна ця веб-сторінка. Будь ласка, надайте весь текст, зображення та інші матеріали, які є для цієї сторінки».
Від сервера до клієнта: «Добре, ось воно».
Різні фактори впливають на швидкість відображення (рендерингу) веб-сторінки, включаючи швидкість сервера та розмір(и) різних запитуваних файлів.
Існує три типи серверів, з якими ви найчастіше стикаєтесь:
- Apache — це безкоштовне програмне забезпечення з відкритим кодом, сумісне з багатьма операційними системами, такими як Linux. Часто вживаним акронімом є «стек LAMP», що стосується пакету Linux, Apache, MySQL (реляційна база даних) і PHP (мова сценаріїв на стороні сервера).
- IIS розшифровується як «Internet Information Services» і є власним програмним забезпеченням від Microsoft. Сервер IIS часто називають «сервером Windows», оскільки він працює в операційних системах Windows NT.
- NGINX — вимовляється як «Engine X» — це високопродуктивний сервер, здатний також обробляти балансування навантаження, використовуватися як зворотний проксі тощо. Їх заявлені цілі та причина їх існування включають перевищення продуктивності інших типів серверів.
Файли журналу серверів
Часто скорочено до «файлів журналу», це записи про діяльність сервера у відповідь на запити, зроблені для веб-сторінок і пов’язаних ресурсів, таких як зображення. Деякі сервери вже можуть бути налаштовані для запису цієї активності, інші потрібно буде налаштувати для цього.
Файли журналу – це «реальність» того, що відбувається з веб-сайтом, і вони включатимуть таку інформацію, як сторінка чи файл, на які подається запит, дата й час запиту, агент користувача, який надсилає запит, тип відповіді (знайдено, помилка, перенаправлено, тощо), джерело переходу та кілька інших елементів, таких як обслуговувані байти та IP-адреса клієнта.
SEO-фахівцям слід ознайомитися з розбором файлів журналів. Щоб детальніше розглянути цю тему, прочитайте пояснення JafSoft щодо прикладу файлу журналу веб-сервера.
Ftp
FTP означає протокол передачі файлів, і це спосіб завантаження файлів ресурсів, таких як веб-сторінки, зображення, XML Sitemap, файли robots.txt і PDF-файли, до вашого облікового запису веб-хостингу, щоб зробити ці файли ресурсів доступними та доступними для перегляду в Інтернеті через браузери. Існують безкоштовні програми FTP, які можна використовувати для цієї мети.
Інтерфейс являє собою звичну деревоподібну структуру файлів і папок, де ви побачите файли локальної машини ліворуч, а файли віддаленого сервера – праворуч. Ви можете перетягнути локальні файли на сервер для завантаження. Вуаля, ви розмістили файли в Інтернеті! Щоб дізнатися більше, у Wired є чудовий посібник із FTP для початківців.
Доменне ім'я
Доменне ім’я – це рядок (зазвичай) тексту, який використовується в URL (уніфікованому покажчику ресурсу). Простіше кажучи, для URL-адреси https://www.website.com «веб-сайт» — це доменне ім’я.
Кореневий домен і субдомен
Кореневий домен – це те, що ми зазвичай розуміємо як доменне ім’я, наприклад «веб-сайт» в URL-адресі https://www.website.com. Субдоменом є www. частина URL-адреси. Іншими прикладами субдоменів можуть бути news.website.com, products.website.com, support.website.com тощо.
Щоб дізнатися більше про різницю між доменом і субдоменом.
URL проти URI
URL-адреса означає «Універсальний покажчик ресурсу» (наприклад, https://www.website.com/this-is-a-page), а URI — «Уніфікований ідентифікатор ресурсу» і є підмножиною повної URL-адреси (наприклад, / this-is-a-page.html).
HTML, CSS і JavaScript
Я об’єднав тут HTML, CSS і JavaScript не тому, що кожен не заслуговує окремого розділу, а тому, що для пошукових систем корисно розуміти, що саме ці три мови складають більшу частину коду сучасних веб-сторінок (з багатьма звичайно, винятки, і деякі з них будуть зазначені в іншому місці тут).
HTML розшифровується як «мова розмітки гіпертексту», і це оригінальна та основна мова веб-сторінок у Всесвітній павутині.
CSS розшифровується як «каскадні таблиці стилів» і є мовою таблиць стилів, яка використовується для стилізації та розміщення HTML-елементів на веб-сторінці, уможливлюючи розділення презентації та вмісту.
JavaScript (не плутати з мовою програмування «Java») — це мова сценаріїв на стороні клієнта для створення інтерактивних функцій на веб-сторінках.
AJAX і XML
AJAX розшифровується як «асинхронний JavaScript і XML». Асинхронність означає, що клієнт/браузер і сервер можуть працювати та спілкуватися незалежно, дозволяючи користувачеві продовжувати взаємодію з веб-сторінкою незалежно від того, що відбувається на сервері. JavaScript використовується для виконання асинхронних запитів до сервера, і коли сервер відповідає, JavaScript змінює вміст сторінки, який відображається користувачеві. Дані, які асинхронно надсилаються із сервера до клієнта, упаковані у формат XML, тому їх можна легко обробити за допомогою JavaScript. Це зменшує трафік між клієнтом і сервером, що збільшує час відповіді та швидкість.
XML розшифровується як «розширювана мова розмітки» і схожий на HMTL з використанням тегів, елементів і атрибутів і був розроблений як для зберігання, так і для транспортування даних, тоді як HTML використовується для відображення даних. Для цілей SEO найпоширенішим використанням XML є файли XML Sitemap.
Структуровані дані (AKA, Schema.org)
Структуровані дані – це розмітка, яку можна додати до HTML сторінки, щоб допомогти пошуковим системам краще зрозуміти вміст сторінки або принаймні певні елементи цієї сторінки. Використовуючи затверджені стандартні формати, ви надаєте додаткову інформацію, яка полегшує пошуковим системам аналіз відповідних даних на сторінці.
Зазвичай структуровані дані використовують для розмітки певних аспектів рецептів, літературних творів, продуктів, місць, подій різного типу та багато іншого.
Schema.org було запущено 2 червня 2011 року як спільне зусилля Google, Bing і Yahoo (незабаром після цього приєднався Яндекс) для створення спільного набору узгоджених і стандартизованих схем для розмітки структурованих даних на веб-сторінках. Відтоді термін «Schema.org» став синонімом терміна «структуровані дані», а типи структурованих даних Schema.org постійно розвиваються, додаючи нові типи з відносною частотою.
Одним із основних висновків про структуровані дані є те, що вони допомагають пошуковим системам усунути неоднозначність даних, щоб вони могли легше розуміти інформацію та дані, і що певні розмічені елементи можуть призвести до відображення додаткової інформації на сторінках результатів пошукових систем (SERP), наприклад, зірочки огляду, час приготування рецептів тощо. Зверніть увагу, що додавання структурованих даних не є гарантією таких функцій SERP.
Існує кілька словників структурованих даних, але JSON-LD (JavaScript Object Notation for Linked Data) став найкращим і рекомендованим методом Google для розмітки структурованих даних відповідно до вказівок Schema.org, але підтримуються й інші формати, наприклад як мікродані та RDFa.
JSON-LD простіше додавати на сторінки, простіше підтримувати та змінювати, і він менш схильний до помилок, ніж мікродані, які мають бути обгорнуті навколо існуючих елементів HML, тоді як JSON-LD можна додати як один блок у головному розділі HTML веб-сторінка.
Front-end проти back-end, клієнтська сторона проти серверної
Можливо, ви розмовляли з розробником, який сказав: «Я фронтенд-розробник», і задавалися питанням, що це означає. Можливо, ви чули, як хтось сказав: «О, це функціонал серверної частини». Може здатися заплутаним, що все це означає, але це легко пояснити.
«Інтерфейс» і «клієнт» означають те саме: це відбувається (виконується) у браузері. Наприклад, JavaScript спочатку був розроблений як щось, що виконується на веб-сторінці в браузері, і це означає без необхідності здійснювати виклик до сервера.
«Бекенд» і «сервер» означають те саме: це відбувається (виконується) на сервері. Наприклад, PHP — це мова сценаріїв на стороні сервера, яка виконується на сервері, а не в браузері. Деякі системи керування вмістом (скорочено CMS), як-от WordPress, використовують шаблони на основі PHP для веб-сторінок, а вміст викликається із сервера для відображення у браузері.
Програмування проти мов сценаріїв
Інженери та розробники дійсно мають різні пояснення та визначення термінів. Дехто скаже, що зрештою немає відмінностей або що лінії розмиті, але загальноприйнятою різницею між мовою програмування (як-от C або Pascal) і мовою сценаріїв (як-от JavaScript або PHP) є те, що мова програмування вимагає явного етапу компіляції , тоді як створений людиною, зрозумілий для людини код перетворюється на певний набір інструкцій машинною мовою, зрозумілих комп’ютеру.
Система управління вмістом (CMS)
CMS — це програмне забезпечення або набір пов’язаних програм, які використовуються для створення та керування веб-сайтами (або ми можемо використати модний термін «цифровий вміст»). По суті, ви можете використовувати CMS для створення, редагування, публікації та архівування веб-сторінок, публікацій у блогах і статей і, як правило, матимете різні вбудовані функції.
Використання CMS для створення веб-сайту означає, що немає потреби створювати будь-який код з нуля, що є однією з головних причин широкого поширення CMS.
Іншим поширеним аспектом CMS є плагіни, які можна інтегрувати з основною CMS, щоб розширити функції, які не входять до списку основних функцій CMS.
Поширені CMS включають WordPress, Drupal, Joomla, ExpressionEngine, Magento, WooCommerce, Shopify, Squarespace та багато, багато інших.
Мережа доставки контенту (CDN)
CDN, які іноді називають «мережею розповсюдження вмісту», — це великі мережі серверів, географічно розосереджені з метою обслуговування веб-вмісту з серверу, розташованого ближче до клієнта, який робить запит, щоб зменшити затримку (затримку передавання).
CDN кешують копії вашого веб-вмісту на цих серверах, а потім сервери, найближчі до відвідувача веб-сайту, обслуговують запитуваний веб-вміст. CDN використовуються для забезпечення високої доступності разом із високою продуктивністю.
HTTPS, SSL і TLS
Веб-дані передаються між комп’ютерами за допомогою пакетів коду даних. Клієнти (веб-браузери) служать інтерфейсом користувача, коли ми запитуємо веб-сторінку з сервера. HTTP (протокол передачі гіпертексту) — це метод зв’язку, який браузер використовує для «спілкування» із сервером і надсилання запитів. HTTPS є безпечною версією цього (захищений протокол передачі гіпертексту).
Власники веб-сайтів можуть перевести свій веб-сайт на HTTPS, щоб зробити з’єднання з користувачами більш безпечним і менш схильним до атак «людина посередині», коли третя сторона перехоплює або, можливо, змінює зв’язок.
SSL означає «рівень захищених сокетів» і є стандартним протоколом безпеки для встановлення шифрування зв’язку між сервером і браузером. TLS, Transport Layer Security, є новішою версією SSL.
HTTP/1.1 і HTTP/2
Коли Тім Бернерс-Лі винайшов протокол HTTP у 1989 році, комп’ютер, який він використовував, не мав обчислювальної потужності та пам’яті сучасних комп’ютерів. Клієнт (браузер), який підключається до сервера за допомогою HTTP/1.1, отримує інформацію в послідовності мережевих транзакцій запит-відповідь, які часто називають «туди й назад» до сервера, іноді називають «рукостисканнями».
Кожен зворотний зв’язок потребує часу, а HTTPS – це HTTP-з’єднання з багатошаровим SSL/TSL, яке вимагає ще одного рукостискання з сервером. Все це вимагає часу, спричиняючи затримку. Те, що було достатньо швидким тоді, не обов’язково є достатньо швидким зараз.
HTTP/2 є першою новою версією HTTP з 1.1. Простіше кажучи, HTTP/2 дозволяє серверу надавати більше ресурсів клієнту/браузеру швидше, ніж HTTP/1.1, використовуючи мультиплексування, стиснення, пріоритезацію запитів і натискання сервера, що дозволяє серверу надсилати ресурси клієнту, які ще не були надані. просив.
Інтерфейс прикладного програмування (API)
Програма — це загальний термін, який, простіше кажучи, відноситься до типу програмного забезпечення, яке може виконувати певні завдання. Програми включають програмне забезпечення, веб-браузери та бази даних.
API — це інтерфейс із програмою, як правило, базою даних. API схожий на месенджер, який приймає запити, повідомляє системі, що ви хочете, і повертає вам відповідь.
Якщо ви в ресторані та хочете, щоб кухня приготувала вам певну страву, офіціант, який приймає ваше замовлення, є месенджером, який спілкується між вами та кухнею, що аналогічно використанню API для запиту та отримання інформації з бази даних .
AMP, PWA та SPA
Якщо ви хочете створити веб-сайт сьогодні, у вас є багато варіантів.
Ви можете створити його з нуля, використовуючи HTML для доставки вмісту разом із CSS для зовнішнього вигляду та JavaScript для інтерактивних елементів.
Або ви можете використовувати CMS (систему керування вмістом), як-от WordPress, Magento або Drupal.
Або ви можете створити його за допомогою AMP, PWA або SPA.
AMP Розшифровується як Accelerated Mobile Pages і є ініціативою Google з відкритим вихідним кодом, яка являє собою визначений набір тегів HTML і різноманітних функціональних компонентів, які постійно розвиваються. Перевагами AMP є блискавично швидке завантаження веб-сторінок, коли вони кодуються відповідно до специфікацій AMP, недоліком є те, що деякі бажані функції можуть наразі не підтримуватися, а також проблеми з належним відстеженням аналітики.
PWA означає прогресивний веб-додаток, і він поєднує найкраще з обох світів між традиційними веб-сайтами та програмами для мобільних телефонів. PWA надають користувачам нативний досвід, подібний до програми, наприклад push-сповіщення, можливість працювати в автономному режимі та створювати піктограму запуску на вашому мобільному телефоні.
Використовуючи «службових працівників» для зв’язку між клієнтом і сервером, PWA поєднує в собі швидке завантаження веб-сторінок із можливістю водночас діяти як рідна програма для мобільного телефону. Однак, оскільки PWA є фреймворками JavaScript, ви можете зіткнутися з низкою технічних проблем.
SPA – односторінкові програми – відрізняються від традиційних веб-сторінок, які завантажують кожну сторінку, яку користувач запитує під час сеансу, через повторювані зв’язки із сервером. SPA, навпаки, працюють у браузері, і нові сторінки, які переглядаються під час сеансу користувача, не потребують перезавантаження сторінки через запити сервера.
Основні переваги SPA включають оптимізовану та спрощену розробку та дуже швидку роботу користувача. Основні недоліки включають потенційні проблеми з SEO через непослідовну здатність пошукових систем аналізувати вміст, який обслуговується JavaScript. Проблеми з налагодженням також можуть бути складнішими та займати більше часу розробника.
Варто зазначити, що майбутній успіх кожної з цих веб-технологій зрештою залежить від прийняття розробниками.
Висновок
Очевидно, що знадобилася б дуже велика книга, щоб охопити кожну частину веб-технологій і досить докладно, але цей посібник повинен надати вам, професійному SEO, корисну інформацію, щоб заповнити деякі прогалини у вашому розумінні різних ключові аспекти веб-технологій.
У цій статті я надав багато посилань, які слугують відправною точкою для будь-яких тем, які ви хотіли б дослідити далі. Безсумнівно, існує багато інших тем, з якими SEO-професіонали повинні знати, як-от файли robots.txt, теги meta robots, теги rel canonical, XML Sitemaps, коди відповідей сервера та багато іншого.
_____
by Девід Портні
джерело: searchenginewatch.com
