Важливі мета-теги для SEO-оптимізації сайту

1. Що таке мета-теги?
2. Мета-теги для SEO
3. Яка довжина мета-тега description
4. Як правильно складати description
5. Robots
6. Keywords
7. Viewport
8. Title - НЕ мета-тег, але для SEO дуже важливий
9. H1-H6 - корисні для SEO теги
10. підводимо підсумки

Наша команда-партнер Artmisto

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

Що таке мета-теги?

Мета-теги (від англ. «Meta tags») використовуються для того, щоб структурувати супровідні дані про сторінку. Вони розраховані виключно на роботів, браузери, спеціалізоване ПО, щоб ті коректно «прочитали» і обробили представлену інформацію. Мета-дані розташовуються в директиві HEAD поряд зі скриптами, стилями і лінками (див. Скріншот нижче).

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

Для маркетологів, власників майданчиків, SEO-фахівців - тих, хто займається пошуковою оптимізацією сайтів і не має відношення до професійної розробці - важливо запам'ятати і враховувати тільки атрибут NAME і теги description, robots, keywords, viewport. Решта інформації про мета-даних для вирішення SEO-завдань вам ні до чого. З метою розширення кругозору ви можете вивчити статтю Вікіпедії , Але в роботі це навряд чи буде потрібно.

Мета-теги для SEO

Description

Description - це мета-опис сторінки. Для SEO цей тег один з ключових.

Синтаксис наступний:

<Meta name = "description" content = "Опис сторінки">

Раніше Google і Яндекс при формуванні сниппета в результатах пошуку виводили інформацію з description. Але оптимізатори швидко зрозуміли, що за допомогою description можна маніпулювати видачею. Крім того, багато власників сайтів недобросовісно підходили до заповнення цього мета-тега: вставляли перший абзац з тексту, копіювали title або взагалі ігнорували його.

Тому пошуковики перестали формувати опису тільки лише на основі description - тепер враховується весь контент сторінки. Але це зовсім не означає, що description втратив свою значимість для SEO. Роботи Яндекса і Google як і раніше сканують вміст description і враховують його при визначенні релевантності документа.

Яка довжина мета-тега description

В інструкціях для вебмайстрів Яндекса і Google ви не знайдете жодного слова з приводу довжини мета-описів. Більш того, відображається довжина описів в сниппета постійно змінюється: наприклад, в грудні 2017 року Google розширив її до 300 символів, а в травні 2018 року - вкоротив до 160.

Тому при визначенні оптимальної довжини мета-тега description доводиться спиратися на емпіричні дані і здоровий глузд.

Станом на жовтень 2018 року відображається довжина мета-опису (в символах з пробілами):

• Google: десктопний пошук - 120-140; мобільний пошук - 100-120;
• Яндекс: десктопний пошук - 120-220; мобільний пошук - 110-200.

Щоб зробити сніппети інформативними для користувачів обох пошукових систем, краще найважливішу інформацію додавати в перші 100-140 символів мета-тега description, а не 160-170 - як прийнято вважати.

Фактична довжина description може перевищувати і 300, і 500 символів - але немає сенсу витрачати ресурси на збільшення мета-описів, оскільки користувачі все одно не побачать цю інформацію (пошуковики ж можуть сприйняти її як спам). Краще направте зусилля на SEO-оптимізацію контенту і підвищення його якості.

Як правильно складати description

Для того щоб мета-опис допомогло просунути сайт, дотримуйтеся таких правил:

• заповніть унікальні description для всіх URL сайту (якщо немає можливості розставити мета-теги відразу на всіх сторінках, почніть з головної, сторінок каталогу, найважливіших товарів);
• опис має бути точним і містити корисну інформацію. Наприклад, описуючи товар в інтернет-магазині, вкажіть його характеристики, призначення, ціну. Фраза на кшталт «купіть чоботи у нас, тому що ми кращі» в якості опису виключена;
• не перетворюйте description в спам-лист (неприпустимо перерахування ключових фраз, особливо в прямому входження).

«Наявність мета-тегів з неякісним змістом може стати причиною видалення сторінки з результатів пошуку» - довідка Яндекса.

Більше рекомендацій щодо заповнення dеscription і управління сніпетів ви знайдете в цьому випуск нашої розсилки.

Robots

За допомогою цього мета-тега можна дозволяти або забороняти пошуковим роботам індексувати сторінки і переходити по розміщених посиланнях.

Мета-тег robots може приймати такі значення:

• index (або noindex) - дозволена (заборонена) індексація сторінки;
• follow (або nofollow) - дозволена (заборонена) індексація посилань; ось цікавий матеріал про noindex і nofollow ;
• all - аналог одночасного використання index і follow;
• none - аналог одночасного використання noindex і nofollow;
• noarchive - в результатах пошуку НЕ буде виводитися посилання на збережену в кеші копію.

Синтаксис такий:

<Meta name = "robots" content = "index, follow" />

Змінюючи значення мета-тега robots, можна управляти індексацією, причому пошукові системи виконують вказівки в цьому тезі, на відміну від директив в robots.txt , Які носять рекомендаційний характер.

Значення мета-тега robots розуміють всі пошукові системи. Також можна задати правила індексування тільки для:

• Google - в цьому випадку використовується мета-тег googlebot замість robots (значення можна задавати ті ж);
• Яндекс - замість robots вказується yandex.

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

Keywords

На зорі розвитку пошукових систем цей мета-тег грав важливу роль в ранжуванні. Цікаво, що Яндекс до сих пір враховує вміст цього мета-тега при визначенні відповідності сторінки пошуковим запитам, хоча по факту впливу на позиції keywords не робить. Разом з тим Яндекс попереджає про те, що якщо заповнити його відвертим спамом - великим числом ключових слів - це може привести до пессимізації сторінки або виключення її з індексу.

Якщо ви вирішили заповнювати keywords, враховуйте синтаксис:

<Meta name = "keywords" content = "ключ 1, ключ 2, ключ 3 ..." />

Не вказуйте більше 10 ключових слів. Крім того, прописані ключові слова повинні бути присутніми в тексті сторінки.

Viewport

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

Отже, якщо сайт адаптований під перегляд на мобільних, в розділі HEAD буде прописаний мета-тег viewport такого виду:

<Meta name = "viewport" content = "width = device-width, initial-scale = 1">
Тут значення device-width атрибута width дає команду браузеру підігнати ширину вікна під ширину екрану пристрою. Значення 1 атрибута initial-scale забороняє масштабування вікна (наприклад, при повороті екрану). Більше дізнатися про мобільний адаптації ви можете зі статті «10 правил оптимізації сайту під мобільні пристрої» .

Title - НЕ мета-тег, але для SEO дуже важливий

Формально title - це не мета-тег, але він працює за аналогічним принципом і грає ключову роль в SEO, тому про нього не можна не згадати.

Інформація з title враховується пошуковими системами при визначенні релевантності документа. На сторінці вона не виводиться, але завжди відбивається в результатах пошуку, а також в якості заголовка в браузері - в цьому принципова відмінність від description, інформація з якого виводиться на розсуд пошукача.

Синтаксис тега title:

<Title> Заголовок сторінки </ title>

Як і мета-теги, title розміщується всередині розділу HEAD.

Видима довжина title (символів з пробілами):

• Google - близько 60;
• Яндекс - близько 50.

Заголовок повинен бути інформативним, точно описувати зміст сторінки, включати головне ключове слово, але без переспама.

Про засади складання title ми докладно писали у випуску розсилки «Ефективні заголовки для SEO-просування» . Пропонуємо Вам ознайомитися для отримання додаткового переваги в пошуковій видачі.

Title і description повинні вигідно виділяти ваш сайт на тлі конкурентів. Дізнатися, які мета-теги використовують конкуренти, можна в один клік за допомогою спеціального парсеру . Перші 500 запитів - безкоштовно!

H1-H6 - корисні для SEO теги

Це не мета-теги. Вони прописуються в розділі BODY - тобто їх значення є контентом і видно користувачам. Але раз вже мова йде про SEO, їх не можна обійти стороною.

H1-H6 - це теги логічної структури документа. На кожній сторінці обов'язково повинен бути один заголовок, укладений в тег H1. Підзаголовки полягають в теги H2-H6 і додаються на сторінку опціонально (якщо того вимагає логіка побудови документа і викладу).

Синтаксис такий:

<H1> Заголовок першого рівня </ h1>

<H2> Тема другого рівня </ h2>

<H3> Заголовок третього рівня </ h3> і т. Д.

При розстановці тегів H1-H6 обов'язково повинна дотримуватися черговість: наприклад, після H1 йде тільки H2, а після H2 - тільки H3.

Часто у початківців SEO-фахівців виникає питання: title і H1 - це одне й те саме? Ні - тег title прописується в розділі HEAD, а не BODY, і саме його використовують роботи при формуванні сниппета. Разом з тим текст, укладений в теги title і H1, зазвичай частково (рідше - повністю) дублюється.

підводимо підсумки

Для грамотної технічної оптимізації сайту не потрібно лізти в нетрі мета-даних, а працювати лише з необхідними для SEO мета-тегами - description, robots, keywords (опціонально), тегами title, h1-h6, а також знати про тезі viewport. У 99% випадків це вичерпний список SEO-тегів.

Для того щоб бути впевненими в правильності заповнення зазначених мета-даних, рекомендуємо провести SEO-аудит сайту , Який можна замовити в PromoPult всього за 3000 рублів. Крім перевірки коректності заповнення мета-тегів, фахівець проаналізує семантичне ядро ​​сайту, внутрішні і зовнішні фактори, поведінку аудиторії і багато інших аспектів, що впливають на ефективність просування. У підсумку ви отримаєте розгорнутий звіт з рекомендаціями для правильної оптимізації сайту.