7 найважливіших мета-тегів у SEO
Коли ми говоримо про SEO, ми неминуче згадуємо використання тегів і їхню важливість. Хоча для досвідченого SEO-консультанта це частина щоденної рутини, для багатьох інших вони можуть викликати плутанину, а головне — їх неправильне використання може призвести до серйозних проблем у проєктах.
Нижче ми перерахуємо й детально розглянемо найважливіші SEO-мета-теги, як їх використовувати і, особливо, яких помилок слід уникати.
Що таке мета-теги?
Мета-теги — це ключові фрагменти коду, що з'являються в HTML-коді вебсайту й допомагають пошуковим системам краще інтерпретувати сторінку, надаючи їм додаткову інформацію про неї.
Правильне використання мета-тегів має значну вагу в SEO, оскільки надає Google ключовий елемент і може стати різницею між добре ранжованим сайтом і сайтом з поганою видимістю.
Найважливіші мета-теги
Meta title
Тег title відповідає за те, щоб повідомити пошуковим системам основну ідею або тему контенту сторінки, яку вони збираються сканувати.
Рекомендується не перевищувати 70 символів, бо інакше вони з'являться обрізаними в результатах SERP, виділяючись менше порівняно з іншими. Важливо використовувати ключове слово, за яким ми хочемо ранжуватися, у цьому тегу — у чіткий, лаконічний і привабливий для користувачів спосіб. Ми маємо розмістити його в межах <head>.
Розгляньмо простий приклад:
<title>SEO-агентство Alive | Високопродуктивне веб-просування</title> Він часто буває забутим. Дуже поширена помилка — думати, що оскільки це такий «базовий» тег, він не має SEO-ваги. Це далеко не так, бо, як ми бачимо, він буде «нашою візитівкою» для Google.
Meta Description
Доповнюючи тег Title, з meta description ми надамо пошуковим системам трохи більш розширену інформацію про контент нашої сторінки. Постараємося якомога точніше деталізувати контент, який збираємось запропонувати користувачу.
Рекомендується не перевищувати 155 символів, як і в попередньому випадку, щоб уникнути появи обрізаним і втрати видимості. Оскільки в нас більше доступної довжини, скористаємось цим, щоб використати семантичні ключові слова та споріднені терміни, що допоможе Google нас зрозуміти і, відповідно, краще категоризувати.
Важливо не забувати, що ми пишемо для користувачів, логічно не випускаючи з уваги Google, але треба намагатися створювати meta description, які приваблюють і переконують користувачів переглянути наш контент.
<meta name="description" content="SEO Alive — це SEO-агентство, що спеціалізується на веб-просуванні та отриманні високопродуктивних результатів. Успіх вашого бізнесу — наша одержимість."> Подивімось, як ми з'явимось у пошукових результатах з цією розміткою:
H-теги: ієрархія заголовків
Як підказує назва, заголовки слугуватимуть для ієрархізації та впорядкування контенту сторінки в порядку важливості (h1, h2, h3…).
Так само, як у звичайній книзі, завдяки заголовкам ми виділимо абзаци й релевантніший контент над іншим, більш другорядним. Тому при їх використанні рекомендується використовувати текстові абзаци, на які їх розміщувати.
Використовується єдиний h1, який буде тим, що визначає назву контенту. Будьте обережні, не плутайте назву контенту, визначену цим тегом, з тегом meta title, що ми бачили раніше. Тоді як meta title використовується для нашої видимості в SERP, тег h1 буде видимий користувачу під час читання нашого контенту.
Приклад структури заголовків на сайті
Тож вони корисні не лише для категоризації нашого сайту в Google, а й для полегшення читання користувачами.
Дуже поширена помилка — використовувати кілька тегів h1 на одній сторінці, багато з них без SEO-цінності, як-от «залиште коментар тут», «підпишіться на нашу розсилку» тощо.
Знову використаємо основне ключове слово в h1. Скористаємось рештою — h2, h3 тощо — для підкріплення підрозділами з семантичними ключовими словами, спорідненими термінами, синонімами, питаннями тощо.
Зазвичай не йдемо набагато далі за h3 чи, можливо, h4, це залежатиме від дизайну, який маємо, але на SEO-рівні зазвичай звертають увагу на оптимізацію переважно в h1, h2 та h3, використовуючи решту для оптимального користувацького досвіду.
Як приклад подивімось, як вони представлені:
У прикладі з однієї з наших статей:
Зміст зі структурою заголовків.
Canonical-тег
Мета-тег canonical використовується, щоб сказати Google, яка сторінка є оригінальною на випадок, якщо ми зустрічаємо схожі або ідентичні сторінки.
<link rel="canonical" href="/" /> Оригінальний URL ми називатимемо canonical URL, а URL, що може вважатися копією, скажемо, є canonicalized URL. І обидва будуть пов'язані тегом canonical.
Цей тег має велике значення, як і попередні, оскільки його неправильне використання може призвести до того, що Google вважатиме важливою неправильну сторінку. Оскільки цей тег потребує повнішого розкриття, рекомендуємо прочитати наш гайд з використання canonical-тегу, який допоможе зрозуміти його глибше.
ALT-тег
Коли йдеться про ранжування в Google, не варто забувати про ранжування в Google Images. Для цього використаємо тег ALT (альтернативний текст), який допоможе Google дізнатися, про що наше зображення.
Тож він має важливу місію — описувати контент зображення для пошукових систем. Так само, якщо зображення з якоїсь причини не завантажиться, з'явиться цей текст, або якщо використовується зчитувач екрана для читання вголос.
<img src="example-image.jpg" alt="ЦЕ ALT-ТЕКСТ" /> Як ми сказали, він має вагу не лише в плані ранжування в Google Images, а й допоможе нам знову використати важливі ключові слова, що надають більше ваги нашому контенту в цьому конкретному пошуку.
Рекомендуємо прочитати наш матеріал про SEO для зображень, де ми говоримо глибше про цей тег.
Robots meta tag
Через цей тег ми вказуємо Google, який контент має бути проіндексований, а який ні, а також чи потрібно йти за посиланнями, чи ні.
Поясню це детальніше. У нас є такі параметри:
Index (за замовчуванням)
Follow (за замовчуванням)
Noindex (має бути зазначено, коли не хочемо, щоб сторінка була проіндексована)
Nofollow (має бути зазначено, коли не хочемо, щоб посилання на сторінці відстежувалися) Найпоширеніші комбінації, які ми зустрінемо: <meta name="robots" content="noindex, nofollow"> — Не індексувати цю сторінку й не йти за її посиланнями. <meta name="robots" content="index, follow"> — Індексувати й переходити за посиланнями цієї сторінки. Цей тег має бути включений у <head> нашого сайту.
Важливо: ми можемо використовувати тег nofollow на рівні сторінки або на рівні окремого посилання. Тобто, якщо вся сторінка має nofollow, вона не йтиме за жодним з посилань, які містить; якщо навпаки, у неї немає цього тегу, і він є лише на одному посиланні на сторінці, це буде єдине, за яким не пройдуть. Він переважає більше на рівні сторінки, ніж на рівні посилання.
Open Graph
Теги Open Graph — це протокол, що дозволяє вказувати соцмережам, яку інформацію відображати щоразу, коли ділимо посилання з нашого сайту.
Хоча вони не мають прямого відношення до SEO, вони важливі на рівні користувача та бренду, тож рекомендується звертати на них увагу, оскільки вони будуть нашим обличчям у соцмережах.
Вони впроваджуються так:
<meta property="og:type" content="website" /> <meta property="og:title" content="заголовок вашої сторінки чи поста" /> <meta property="og:description" content="опис контенту сторінки" /> <meta property="og:image" content="посилання на файл зображення" /> <meta property="og:url" content="постійне посилання" />
Розширення Chrome для перегляду мета-тегів
Щоб допомогти аналізувати ці мета-теги, є безліч розширень Chrome, які полегшують нам життя. Рекомендуємо прочитати наш пост про найкращі SEO-розширення для Chrome, щоб полегшити завдання.
І це все щодо переліку основних SEO-мета-тегів, які ми маємо тримати в умі в будь-якій стратегії веб-просування — не лише щоб не схибити й не зробити серйозну помилку, а й щоб витиснути з них якнайбільший потенціал.
Хочете щось додати? Будемо раді читати вас у коментарях!
Автор: David Kaufmann
Останні 10+ років я повністю занурений у SEO — і чесно кажучи, не хотів би інакше.
Моя кар'єра вийшла на новий рівень, коли я працював старшим SEO-спеціалістом у Chess.com — одному зі 100 найвідвідуваніших сайтів у всьому інтернеті. Робота в такому масштабі навчила мене того, чого не дав би жоден курс чи сертифікат.
З цього досвіду я заснував SEO Alive — агенцію для брендів, які серйозно ставляться до органічного зростання. І оскільки не знайшов інструмента, що добре справляється з обома світами — класичним і AI, побудував SEOcrawl. Якщо ви шукаєте досвідченого SEO-партнера, який любить цю справу — буду радий поговорити!
Дізнайтесь більше контенту цього автора
