On-Page SEO: повний гайд

Що таке On-Page SEO?

У вступі цієї статті ми вже натякнули, що таке On-Page SEO, але тепер, щоб отримати ширшу картину, дамо визначення:

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

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

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

Відмінності між On-Page SEO та Off-Page SEO

Якщо On-Page SEO стосується всього, над чим ми можемо працювати (і отже, контролювати) внутрішньо на нашому сайті (контент, внутрішні посилання, зображення, ключові слова…), то Off-Page SEO зосереджується виключно на оптимізації факторів, зовнішніх щодо нашого сайту, як-от вхідні посилання (зворотні), соцмережі та віральний маркетинг.

Окремо обидві дисципліни охоплюють різні фактори оптимізації, але разом вони доповнюють всю структуру SEO-піраміди.

Ключові фактори в On-Page SEO

Далі ми розглянемо фактори, які вступають у гру при впровадженні On-Page SEO стратегії:

Домени

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

Окрім того, включення основного ключового слова дуже допоможе у веб-популярності (Off-Page SEO), оскільки всі зовнішні посилання, які ми отримаємо на наш домен, включатимуть у якірному тексті ключове слово, за яким ми хочемо ранжуватися.

Уявімо, що в нас є онлайн-бізнес і ми продаємо сноуборди, а наше доменне ім'я — «www.snowboards.com». Сам факт реєстрації цього домену додасть очок сайту, щоб бути в топових позиціях пошукових систем за ключовим словом «snowboards».

Однак купівля доменного імені з цільовим ключовим словом нашої стратегії ранжування не така проста. У багатьох випадках ми, ймовірно, виявимо, що доменне ім'я вже зайняте в кількох його версіях (.com, .net, .es тощо). У такий момент нам, мабуть, доведеться обрати доменне ім'я з дефісом (для нашого прикладу: «www.snow-boards.com»). Цей тип домену має таку ж цінність у плані ранжування, як і без дефіса, але звісно, у плані брендингу домен без дефіса набагато ефективніший.

Приклад домену з точним збігом ключового слова.

Мати доменне ім'я, що містить ключове слово, яке шукають наші потенційні клієнти, — важлива SEO-перевага.

Вік домену

У плані SEO-ранжування можна сказати, що сайт із певним віком домену має релевантність для пошукових систем. Це розумно в тому сенсі, що нещодавно створеному сайту потрібно від місяця-півтора до двох місяців, щоб проіндексувати весь свій контент і ранжуватися за найбільш загальними пошуками. Щоб ранжуватися в топових позиціях SERP, потрібно трохи більше часу (від 6 місяців до 1 року)… за умови, що ви послідовні в роботі й застосовуєте практики «White Hat»!

На ринку є інструменти, як-от Whois, що дозволяють перевірити дані домену (доменне ім'я, вік, ім'я сервера, IP, DNS…) через пошукову систему на основі TCP-протоколу (Request/Response).

Припарковані домени

Припарковані домени — ті, що не використовуються, а натомість «припарковані», зазвичай перенаправляючи трафік на інший сайт через постійні перенаправлення. Через це пошукові системи зазвичай їх не сканують, а тим більше не індексують.

SEO-порада: Якщо вирішуєте запустити проєкт ранжування під припаркованим доменом, рекомендуємо вам спочатку зосередитися на створенні якісного контенту і, після того як пройде розумний період (щонайменше 6 місяців), зареєструвати домен у Google, згенерувати новий sitemap-файл і почати додавати його на домен, завжди дотримуючись правил якості пошукової системи.

Мета-теги та структуровані дані

Мета-теги — це ключовий елемент в On-Page SEO стратегії оптимізації, оскільки саме завдяки їм Google може їх читати, збирати дані й відображати на сторінках результатів. Якщо ви використовуєте систему керування контентом, як-от WordPress, є чудові плагіни, як-от Rank Math, що мають просунуті функції для оптимізації цих мета-тегів і можуть бути дуже корисними.

Рекомендована стаття: Rank Math: найкращий SEO-плагін для WordPress

Оптимізація тегу Title

Теги <title> сторінок, окрім позитивного впливу на SEO сайту з погляду релевантності, є дуже видимим елементом у SERP для відвідувачів, тому критично важливо, щоб вони були оптимізовані за порадами, які ми надаємо в SEO Alive:

• ›Це мають бути релевантні, описові й унікальні (специфічні) заголовки для кожної зі сторінок сайту.
• ›Вони повинні відрізнятися від мета-описів і доповнювати їх.
• ›Вони мають включати найважливіші ключові слова сторінки завжди на початку заголовка.
• ›Мають включати назву сайту та/або бренду в кінці.
• ›Мають бути чіткими й лаконічними (Google показує між 55 і 60 символами), тож важливо тримати їх нижче цієї довжини.

Приклад сніпета з оптимізованим тегом «Title» від zalando.es

Оптимізація тегу Meta description

Уже якийсь час Google не вважає мета-описи фактором ранжування як таким; однак, як і теги title, вони дуже видимі в результатах пошуку і слугують описом і CTA (call to action), щоб привернути увагу відвідувачів і запросити їх відвідати сайт.

Знову ж, у SEO Alive ми хочемо дати вам кілька порад для оптимізації мета-описів вашого сайту:

• ›Вони мають бути унікальними, описовими й релевантними для кожної сторінки сайту.
• ›Мають доповнювати й розширювати інформацію тегу <title>.
• ›Додайте CTA, що запрошує відвідувачів зайти на сайт (стимулює engagement).
• ›Не перевищуйте кількості символів, дозволеної Google (150-160 макс.).

Приклад оптимізованого мета-опису:

Приклад оптимізованого Meta description

Оптимізація заголовків

Заголовки — ті розділи контенту, що відображаються через теги <h1>, <h2>, <h3> тощо. Вони використовуються для заголовків і підзаголовків контенту сторінки, і їх дуже враховують і пошукові системи, і відвідувачі, щоб зрозуміти й відобразити тему сторінки.

Для гарної структури контенту і, відповідно, солідної ієрархічно-семантичної архітектури заголовки повинні підтримувати послідовність між собою — h1 є основним, а h2, h3…h6 — нижчого ієрархічного рівня.

Нижче покажемо приклад використання та оптимізації заголовків:

Приклад використання та оптимізації тегів заголовків на SEO Alive

Географічне націлювання: тег Hreflang

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

Hreflang-теги мають бути включені в розділ </head> HTML-коду (хоча також можуть бути зазначені в http header або в XML-sitemap файлах), і мета — вказати для кожної сторінки її мову і, додатково, країну, також включаючи альтернативні версії, орієнтовані на інші мови та країни.

Hreflang-теги на TripAdvisor

Уникання дубльованого контенту: тег rel= "canonical"

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

Тег rel= "canonical" використовується в SEO, щоб уникнути цієї проблеми та вказати Google, яка «канонічна» версія, яку ми хочемо показати відвідувачу, щоб уникнути негативних практик в очах пошукової системи.

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

Якщо хочете глибше зануритися в цю тему, наша SEO-фахівчиня Rocío Luque підготувала дуже технічну статтю про використання та важливість цього тегу. Не пропустіть!

Рекомендована стаття: Важливість тегу rel= "canonical" в SEO

Rich Snippets

Rich snippets — це фрагменти структурованих даних, що з'являються в SERP Google при виконанні пошуку за конкретним терміном чи ключовим словом. Зазвичай вони складаються з: заголовка, двох рядків тексту з контентом, релевантним пошуковому наміру відвідувачів (зображення, відео, огляди, рейтинги…), і URL сайту, на який вони посилаються.

Через так звану розмітку структурованих даних, правила якої визначені schema.org, можна додати певну інформацію, щоб зробити сніпети привабливішими, з XHTML-кодом (мікроформати), що при ідентифікації Google перетворюється на додаткову інформацію для відображення в результатах пошуку.

Переваг використання rich snippets кілька: покращення індексації сайту, зв'язування контенту між кількома сторінками через sitelinks або виділення контенту з rich фрагментами (зображення та відео) у пошукових системах.

Sitemap.xml

Файл sitemap — це файл, закодований XML, який має бути завантажений у корінь сервера, щоб сказати Google усі URL, які ми хочемо просканувати, пріоритет сканування, який ми присвоюємо кожній сторінці, дату оновлення контенту, а також частоту, з якою рекомендуємо знову відвідувати. Водночас він не може містити більше 50 000 URL, ані важити більше 10 МБ.

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

Існує багато типів sitemap.xml, і нижче ми показуємо приклад sitemap одного з наших клієнтів в агентстві SEO Alive, щоб ви могли уявити його структуру та кодування:

Приклад файлу sitemap.xml нашого клієнта Chess.com, який організовано за мовою та класифіковано за категорією контенту.

Robots.txt

Ще один фактор оптимізації в On-Page SEO стратегії — файл robots.txt. Це звичайний текстовий файл (.txt), у якому ми даємо певні директиви Google для полегшення або блокування доступу до каталогів, підкаталогів, сторінок і розділів нашого сайту. Так ми можемо контролювати все, до чого хочемо, щоб боти пошукових систем мали доступ або ні. Якщо не знаєте, про що ми, можете заглянути в наш гайд, де ми пояснюємо глибоко все, що потрібно знати про цей файл, такий необхідний для SEO-ранжування.

Рекомендована стаття: Повний гайд щодо файлу robots.txt

Оптимізація внутрішньої перелінковки

Якщо хочете, щоб ваш проєкт досяг топових позицій на сторінках результатів пошукових систем, не можна нехтувати впровадженням стратегії внутрішньої перелінковки. Внутрішня перелінковка життєво важлива не лише для того, щоб павуки пошукових систем могли легко знайти всі сторінки нашого сайту, а й для передачі link juice або популярності та релевантності між ними. Подбайте про свої внутрішні посилання — вони допоможуть покращити ваше On-Page SEO!

Оптимізація зображень

Зображення сайту корисні не лише для того, щоб зробити контент привабливішим і привернути увагу відвідувачів, а й пропонують можливість залучити додаткову видимість і трафік через пошук зображень та універсальні результати (Universal Search), що відображають зображення для певних типів пошуку.

Включення унікального, релевантного тексту в опис ALT (атрибут «alt», включений у тег <img> у HTML-коді) кожного зображення, з його описом і використанням ключових слів, за якими ви хочете ранжуватися, додасть очок для покращення On-Page SEO вашого сайту. Не забувайте їх оптимізовувати!

Важливість оптимізованого контенту

Скільки разів ми чули фразу «Контент — король»? Так от, у SEO це 100% правда! У SEO Alive хочемо дати вам кілька порад для гарно оптимізованого контенту:

• ›Створюйте контент, доступний та індексований для пошукових систем і, звісно, видимий відвідувачу.
• ›Контент має бути релевантним і описовим для теми, яку він охоплює, природно використовуючи ключові слова, за якими хочете ранжуватися.
• ›Контент має бути унікальним для сторінки, не дубльованим внутрішньо (на інших сторінках сайту) чи зовнішньо (з інших сайтів).
• ›Генеруйте принаймні 500 слів специфічного тексту на сторінку, щоб уникнути потрапляння у Thin Content або «бідний контент».
• ›Створюйте контент, що відповідає інтересам відвідувачів, а також бізнес-цілі вашого сайту.

Дотримуйтеся цих порад — і ви максимізуєте своє On-Page SEO!

Архітектура сайту

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

Швидкість завантаження

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

WPO (Web Performance Optimization)

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

Значення швидкості WPO в GTMetrix для нашого сайту.

У SEO Alive ми завжди йдемо на крок далі! Саме тому ми підготували дуже повний WPO-гайд, де пояснюємо, як виміряти швидкість завантаження сайту, які інструменти потрібні для його правильного впровадження, як налаштувати кешування, мініфікувати HTML- і JS-код, плагіни WordPress для виконання цих завдань… і багато іншого!

Рекомендована стаття: WPO-гайд для оптимізації швидкості сайту

AMP (Accelerated Mobile Pages)

Ще одна з революцій, яку Google анонсував на 2015 рік і яка стала бумом у світі SEO, — це сторінки, що впроваджують AMP. Його робота базується на створенні легших сторінок, що містять менше ресурсів. Для цього JS-код завантажується асинхронно, а критичні CSS-шляхи перераховуються, що в результаті дає набагато швидшу сторінку.

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

Серед переваг використання AMP можна перелічити:

• ›Дуже позитивний вплив на швидкість сайту.
• ›Сприяє видимості для мобільних пошуків у Google News та Google Discover.
• ›Полегшує монетизацію візитів і трафіку, отриманого на сайті.

З іншого боку, недоліки:

• ›Висока вартість впровадження, що може вимагати значної інвестиції в ресурси та виділений персонал.
• ›CTR значно нижчий за рівні, бажані для солідного ранжування.
• ›Високий показник відмов, який у багатьох випадках може досягати 80–90%.

У SEO Alive рекомендуємо вам оцінити та обдумати, чи доречне його впровадження (оскільки кожен бізнес різний). Ясно одне: використання AMP може допомогти вашій On-Page SEO стратегії.

Оптимізація для мобільних пристроїв (Mobile First Indexing)

Також близько 2015 року тенденції пошуку зробили радикальний поворот. У жовтні того року Google оголосив, що пошуки через мобільні пристрої розглядаються як ключовий фактор ранжування: народився Mobile First Index. Відтоді гігант пошуку зосередився на створенні рекомендацій з найкращих практик для Mobile SEO і розробив спеціального бота (Googlebot для смартфонів), що сканував і переглядав цей тип контенту для класифікації сайтів у мобільних результатах пошуку.

З того моменту SEO-спільнота зосередилася на цій оптимізації, і з нею з'явилися інструменти, як-от Page Speed Insights, для покращення продуктивності та швидкості на цих пристроях (планшети та смартфони). З усіх цих причин рекомендуємо серйозно подумати, чи оптимізований ваш сайт, чи респонсивний і mobile-friendly для пошукових систем. Використовуйте інструменти, як-от офіційний Mobile-Friendly Test від Google Developers або сам Page Speed Insights. Це безсумнівно допоможе ранжувати ваш сайт вище в пошукових системах!

Інструменти для роботи над On-Page SEO

У SEO Alive ми хочемо допомогти вам! Саме тому ми залишаємо вам наступний перелік інструментів, які допоможуть вам у плануванні та виконанні вашої On-Page SEO стратегії:

Google Search Console

Інструмент Google для вебмайстрів, щоб моніторити все, що пов'язано з індексацією, скануванням, метриками продуктивності, юзабіліті, контролем помилок тощо.

Screaming Frog

Інструмент-краулер, що допоможе вам провести глибоку й ретельну On-Page стратегію.

Safecont та Onpage.org

Чудові інструменти для роботи з контентом, дубльованим контентом та індексабельністю відповідно.

Semrush, Sistrix та Ahrefs

Потужні «All in One» SEO-сьюти, що допоможуть вам як з дослідженням ключових слів, так і з керуванням профілем посилань, серед багатьох інших речей.

SEO Alive Software

Звісно, не міг бути відсутнім наш власний інструмент. Він значно покращує те, що надає Search Console, оскільки ми витягуємо й обробляємо дані з його API, окрім надання нових функцій, як-от видимість, що перетворить ваші дані на потужні, надзвичайно цінні insights. Відкрийте наше SEO-програмне забезпечення БЕЗКОШТОВНО зараз!

Графік SEO-видимості нашого проєкту (SEO Alive) у SEO-програмному забезпеченні.

Висновки

Дійшовши до кінця статті, від нашого агентства хочемо донести вам критичну важливість виконання On-Page SEO стратегії на вашому сайті. Саме тому рекомендуємо дотримуватися всіх кроків, які ми вам дали, і ви безсумнівно зможете кардинально покращити цю таку важливу частину пошукового просування. Не гайте більше часу, до роботи!

А ви, дорогий читачу… Яку On-Page SEO стратегію впроваджуєте у своїх проєктах? Розкажіть нам у коментарях. Ми відповімо якнайшвидше. До зустрічі!