Оптимальний посібник з оптимізації пошукових систем
Пошукові системи дозволяють користувачам шукати саме той термін, який їм потрібен, і повертати список найкращих веб-сторінок, пов’язаних із цим пошуком.
Зверніть увагу на частину the best, оскільки більшість пошукових систем використовують принцип ранжування, який є способом визначення найкращих результатів для конкретного пошукового запиту.
Рейтинг пошукової системи обчислюється за допомогою спеціальних алгоритмів і машинного навчання, але ніхто точно не знає, які параметри вони використовують, і розголошувати їх було б не в інтересах пошукової системи, крім того, алгоритми постійно оновлюється, щоб запобігти експлойтам і ще більше покращити взаємодію з користувачем.
Є багато рекомендацій і найкращих практик, які можуть допомогти вам оптимізувати ваш сайт і його вміст, щоб отримати вищий рейтинг у пошукових системах. Цей процес називається SEO.
SEO розшифровується як Search Engine Optimization і являє собою процес оптимізації вмісту веб-сайту та його технічних аспектів для покращення присутності сайту в пошукових системах.
SEO складається з різних підтипів: On-page SEO, Off-page SEO і Technical SEO.
Загальні рекомендації щодо SEO:
- Використовуйте відповідні ключові слова
- Розробіть веб-сайт таким чином, щоб сприяти клікам
- Створюйте корисний вміст, який просуває посилання на сайт
- Додайте сайт до Google Search Console
- Використовуйте HTML-заголовок, мета-опис і мета-теги ключових слів
- Використовуйте канонічні посилання
- Додайте до зображень атрибут alt
- Покращити швидкість завантаження сторінки
- Майте 'sitemap.xml' на місці
- Впровадити розмітку 'schema.org'
SEO на сторінці
Он-сторінка SEO – це процес оптимізації вмісту на сайті, який зазвичай складається з тексту та зображень.
Важливими складовими SEO на сторінці є дослідження ключових слів і залучення веб-сайту.
Дослідження ключових слів
Дослідження ключових слів — це процес пошуку слів і фраз, які ваша цільова аудиторія, швидше за все, шукатиме, а потім базування вмісту сайту на основі цих ключових слів.
В ідеалі вам слід зосередитися на створенні вмісту, який відповідає на запитання в тих областях, у яких ви найкраще обізнані, щоб ви могли надати найкращу відповідь/рішення.
Залучення веб-сайту
Хорошим показником залучення веб-сайту є показник відмов у Google Analytics.
Показник відмов – це значення, яке представляє відсоток користувачів, які залишили сайт після перегляду лише однієї сторінки. Він може коливатися від 0%, що означає, що всі відвідувачі переглянули більше 1 сторінки за сеанс, до 100%, тобто всі відвідувачі переглянули лише одну сторінку, перш ніж залишити сайт, чим нижчий показник відмов, тим краще.
Покращення дизайну веб-сайту та структури вмісту є вирішальним кроком для зниження показника відмов.
SEO за межами сторінки
Позасторінкове SEO – це процес оптимізації зовнішньої присутності сайту, причому найважливішою частиною такого SEO є кількість зовнішніх посилань.
зовнішні посилання
Зовнішні посилання – це посилання, розміщені на інших сайтах, які вказують на будь-яку сторінку вашого сайту.
Існує чотири типи зовнішніх посилань (одне посилання може мати кілька типів): 'dofollow', 'nofollow', 'ugc' і 'sponsored'.
- 'Dofollow' це посилання, яке не має атрибута rel="(nofollow, UGC or sponsored)" і є типом посилання, яке найчастіше використовувалося пошуковими системами під час розрахунку рейтингу сторінки.
- 'Nofollow' – це посилання з атрибутом rel="nofollow", яке вказує пошуковим системам не переходити за посиланням під час індексації, але на сьогодні Google (і, можливо, інші пошукові системи) може використовувати цей тип посилань як "hint" для рейтингу.
- 'Ugc' це посилання з атрибутом rel="UGC", який дозволяє розробникам сповіщати пошукові системи про те, що певне посилання походить із вмісту, створеного користувачами (наприклад, коментарі, повідомлення на форумі, огляди тощо).
- 'Sponsored' це посилання з атрибутом rel="sponsored" і підходить для рекламних посилань або посилань, які є частиною платної реклами.
Google Search Console
Один із способів моніторингу пошукової оптимізації за межами сторінки – це додати веб-сайт до Google Search Console.
Google Search Console — це служба аналітики, яка дозволяє власникам веб-сайтів відстежувати ефективність пошуку в Google.
Щоб додати веб-сайт до Google Search Console, перейдіть на сторінку консолі та натисніть "Add property".
ПРИМІТКА. Вам потрібно буде підтвердити, що ви є власником сайту, або додавши спеціальний запис DNS (наданий Google) до домену сайту, або просто запровадивши Google Analytics на своєму веб-сайті.
Після додавання сайту може знадобитися кілька днів (або кілька тижнів), перш ніж дані з’являться, залежно від поточного обсягу пошуку веб-сайту, після чого ви можете почати відстежувати зовнішні посилання веб-сайту, рейтинг, ключові слова пошуку, кліки, враження тощо.
Щоб відстежувати, хто посилається на ваш веб-сайт, натисніть кнопку 'Links' у Google Search Console, а потім у розділі «Зовнішні посилання» натисніть 'MORE'.
Щоб попросити Google швидше проіндексувати певну сторінку, скопіюйте посилання, яке потрібно проіндексувати, а потім вставте його в поле URL-адреси в Google Search Console і натисніть 'REQUEST INDEXING'.
Технічне SEO
Технічне SEO відноситься до всього, що пов’язано з зовнішнім кодом і оптимізацією внутрішнього сервера, головною метою якого є полегшення процесу сканування для павуків пошукових систем, таким чином підвищуючи шанси отримати вищий рейтинг.
Павук пошукової системи – це тип бота, який використовується пошуковими системами, які пересуваються в Інтернеті та завантажують вміст сторінок для подальшого використання для індексації та рейтингу.
Важливими частинами технічного SEO є заголовок, метаопис, мета ключові слова, канонічне посилання, альтернативний тег зображень, швидкість сторінки, 'sitemap.xml' і 'Schema.org' розмітка (така ж схема).
Заголовок, мета-опис, мета-ключові слова
Заголовок, мета-опис і мета-ключові слова — це спеціальні теги HTML, які використовуються для визначення заголовка сторінки, опису та ключових слів і розміщуються всередині розділу <HEAD></HEAD>.
Усі веб-сайти повинні мати правильний заголовок, мета-опис і мета-теги ключових слів усередині тегу <HEAD></HEAD>.
Для заголовка сторінки рекомендується використовувати таку структуру: (НАЗВА СТОРІНКИ) (РОЗДІЛЮВАЧ: '-', '|' ТОЩО) (НАЗВА ВЕБ-САЙТУ) або просто назва веб-сайту з описом, якщо це домашня сторінка.
Мета-опис має містити короткий опис сторінки, до 160 символів, також пошукові системи іноді можуть ігнорувати його та використовувати замість цього вміст сторінки, але завжди добре мати опис на місці.
Мета-ключові слова мають містити список слів, які стосуються вмісту сторінки, розділених комою.
Нижче наведено приклад HTML-заголовка, мета-опису та мета-ключових слів у тегу HEAD:
<head>
<title>Title | Website</title>
<meta name="description" content="This is the page meta description.">
<meta name="keywords" content="word1,word2,two words,word4">
</head>Канонічне посилання
Канонічне посилання — це тег HTML, який розміщується всередині <HEAD></HEAD> і дозволяє веб-майстрам повідомляти пошуковим системам про основну (або бажану) URL-адресу сторінки.
Канонічні посилання важливі для запобігання дублюванню вмісту, якщо на ту саму сторінку можна отримати доступ з різних URL-адрес (наприклад, коли сторінка має мобільну та настільну версії), а також важливі для посилення SEO сторінки.
Приклад тегу канонічного посилання:
<link rel="canonical" href="https://example.com/page-main-url" />Якщо канонічна сторінка має мобільний варіант, додайте до неї посилання rel="alternate", яке вказує на мобільну версію сторінки:
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-main-url" />Альтернативний тег зображень
Альтернативний текст зображення (або альтернативний текст) — це атрибут HTML, який можна додати до тегів IMG і використовується для опису того, що показано на зображенні або що це зображення представляє.
Ви повинні включити короткий опис зображення в тег 'IMG' за допомогою атрибута 'ALT', щоб допомогти пошуковим системам зрозуміти вміст зображення та покращити рейтинг.
Приклад тегу 'IMG' з атрибутом 'ALT':
<img src="image_url_here" alt="Image description here.">Швидкість сторінки
Швидкість завантаження сторінки є однією з найважливіших частин, коли справа стосується технічного SEO.
Веб-сайт, який швидко завантажується, не лише полегшить сканування пошуковою системою, але й покращить взаємодію з користувачем, що є важливим фактором для рейтингу.
Чудовий спосіб виміряти швидкість веб-сайту – зайти в Google PageSpeed Insights і ввести URL-адресу, яку ви хочете перевірити.
Після завершення перевірки швидкості вам буде запропоновано загальну оцінку швидкості та різні показники, які вказують на швидкість завантаження сторінки як на мобільному пристрої, так і на комп’ютері.
В ідеалі ви повинні прагнути до показника швидкості понад 90% і виправити всі можливі попередження.
Часто веб-сайт працює повільно через завантаження занадто великої кількості файлів JS, CSS чи зображень (на стороні клієнта) або через повільну відповідь сервера (на стороні сервера).
Одним із способів покращити швидкість завантаження є налаштування AMP (Accelerated Mobile Pages), що дозволяє Google та іншим великим пошуковим системам обслуговувати вміст сайтів із власних серверів, що значно покращує швидкість завантаження.
Однак на початку може бути сенс оптимізувати сайт безпосередньо, перш ніж розглядати AMP.
'Sitemap.xml'
'Sitemap.xml' це файл у форматі XML, який містить посилання на сторінки, доступні для сканування, і, за бажанням, дати останньої зміни кожної сторінки.
Google та інші пошукові системи використовують 'sitemap.xml' як дорожню карту, щоб швидко знаходити нові сторінки на сайті.
Sitemap.xml має бути структуровано так само, як показано нижче, а файл має розташовуватися на самому верхньому рівні після домену сайту (наприклад, 'website.com/sitemap.xml'). Крім того, якщо файл розташований за іншим шляхом, ви можете надіслати його вручну до Google Search Console.
Щоб надіслати 'sitemap.xml' (також карту сайту) до Google Search Console, перейдіть до меню «Карти сайту» -> «Додати нову карту сайту» -> вставте URL-адресу карти сайту. Після додавання карти сайту Google періодично скануватиме її, щоб перевірити, чи є нові сторінки чи оновлення, таким чином прискорюючи процес сканування.
Приклад 'sitemap.xml':
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>http://www.example.com/foo.html</loc>
<lastmod>2018-06-04</lastmod>
</url>
</urlset>'Schema.org'
'Schema.org' (він же Schema) — це синтаксис, створений для сприяння структуруванню даних і активно використовується Google та іншими пошуковими системами під час створення результатів пошуку.
Впровадження структурованих даних на вашому веб-сайті може мати великий вплив на рейтинг і рейтинг кліків, оскільки це дозволяє налаштувати пошуковий вигляд веб-сайту, допомагаючи йому виділитися.
'Schema.org' синтаксис можна додати вбудовано або всередині тегу <script type="application/ld+json"></script> у розділі HEAD.
Приклад синтаксису 'schema.org' всередині тегу 'SCRIPT':
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"@id": "https://somewebsite.com/#website",
"inLanguage": "en-US",
"name": "Some Website",
"image": "https://somewebsite.com/website_logo_image.png",
"url": "https://somewebsite.com",
"alternateName": "Some Website Alt",
"publisher": { "@type": "Organization", "name": "Some Organization", "@id": "https://somewebsite.com", "logo": { "@type": "ImageObject", "url": "https://somewebsite.com/organization_logo_image.png" } },
"potentialAction": {
"@type": "SearchAction",
"target": "https://somewebsite.com/search/{search_term_string}",
"query-input": "required name=search_term_string"
},
"sameAs": [
"social_media_url_1",
"social_media_url_2"
]
}
</script>Дізнайтеся більше про 'schema.org': 'Schema.org'
Щоб налагодити реалізацію 'schema.org', ви можете скористатися інструментом Google Rich Results Test: Google Rich Results Test Tool