On-page SEO: яка розмітка і теги все ще важливі

1. Традиційний підхід до розмітки сторінки
2. сучасний підхід
3. Що змінилося?
4. Не так важливо - h1, h2, h3
5. Теги strong, bold і em
6. тег body
7. Часті питання про розмітку сторінки
8. Перевірка розмітки сторінки
9. замість висновку

Автор: Ренд Фишкин (Rand Fishkin) - генеральний директор Moz, постійний спікер найбільших світових конференцій, присвячених SEO та маркетингу в інтернеті.

Як виглядає on-page оптимізація сьогодні? Чи потрібно доводити до досконалості теги h1 і h2, або ж варто приділити всю увагу розмітці структурованих даних? Це питання стало темою чергового випуску Whiteboard Friday від Moz.

Є думки, що в останні 7-8 років кількість тегів і інших опцій on-page оптимізації зросла, проте це не так. Нововведення є, але кардинальних змін не було.

Традиційний підхід до розмітки сторінки

З точки зору «старої школи» SEO, веб-майстри повинні турбуватися про метатегах title, description, keywords, robots (якщо мова йде про контроль над поведінкою пошукових роботів), атрибутах rel = canonical і rel = alternate (при використанні розмітки hreflang) і тегах заголовка . Також вважається, що потрібно приділяти увагу базової розмітці і тегами, які можуть змінювати формат тексту (strong, bold і т.д.), атрибуту alt для зображень і rel = nofollow для посилань.

Це свого роду базовий мінімум для on-page SEO. Є й інші теги, які використовувалися фахівцями. Але описані вище елементи вважалися основними.

сучасний підхід

В даний час в цій області з'явилося кілька нововведень. Тепер у нас є метадані. Ми називаємо це SEO, хоча, по суті, ця оптимізація призначена не тільки для пошукових систем. Серед нововведень значаться розмітка Open Graph, Twitter Cards і favicon (іконка сайту). Хоча останній елемент існує вже давно, він змінився, і нижче ви побачите, чому. Крім того, з'явилася розмітка для Google - це ті схеми, які підтримує пошуковик.

Тут важливо прояснити, що Google може не підтримувати деякі види схем. У словнику Schema.org можна знайти розмітку практично для всього. Однак Google використовує лише невелику частину з доступних варіантів схем.

При цьому додавання розмітки на сторінку не гарантує поліпшень в ранжируванні. Згідно Google, вона допомагає лише більш точно розпізнавати контент. Однак, чим краще пошуковик розуміє вміст, тим вище можуть бути позиції ресурсу у видачі. Тому розмітку потрібно додавати. Це також передбачає використання багатьох із згаданих вище тегів (title, description, robots) і атрибутів (alt, rel = canonical і т.д.).

Що змінилося?

В даний час рекомендується також використовувати такі речі:

• Twitter Cards;
• Розмітка Open Graph;
• Фавікон.

Twitter Cards. Оскільки Twitter - велика мережа для дистрибуції контенту, картки допоможуть поліпшити представленість компанії в сервісі.

Open Graph. Ця розмітка використовується Facebook - найбільшої соціальної платформою в світі. Додавання Open Graph дозволить оптимізувати зовнішній вигляд сторінки в соцмережі.

Фавікон. Це невелика картинка, яка з'являється в рядку або на вкладці браузера. Чому вона важлива? Багато сервісів, де може відображатися ваш контент, іноді показують іконку сайту. Це дозволяє виділити його серед інших. Тому важливість цього елементу сьогодні набагато вище, ніж десять років тому.

Не так важливо - h1, h2, h3

Швидше за все, тут ви скажете: «Зачекайте. Багато інструменти, такі як Moz Pro, як і раніше рекомендують використовувати h1, h2 і h3 ». Теги заголовка h1 і h2 - це рекомендований стандарт, але їх додавання не робить значного впливу на ранжування. Наявність цих тегів не демонструє сильної кореляції з більш високими позиціями в пошуку. Додавання атрибута itemprop в розмітку Schema.org для опису заголовка може виявитися більш корисним. Google використовує мікророзмітки, щоб, як мінімум, краще розуміти вміст сторінки. Крім того, є безліч інших сайтів, які також підтримують розмітку структурованих даних. Не тільки Google.

Теги strong, bold і em

Ці теги менш значимі. При використанні CSS вам більше не потрібно турбуватися про відображення тексту в коді HTML.

тег body

Ми додаємо в тег body різні варіанти розмітки Schema.org. У цьому матеріалі використовується розмітка для статей, але ви можете розглянути будь-які інші доступні опції - рецепти, новини, відео тощо

Часті питання про розмітку сторінки

А як щодо інших метаданих? існує Dublin Core Metadata Initiative та інші форми відкритих метаданих та розмітки, чи потрібно їх використовувати?

Ми рекомендуємо не морочитися з цими форматами. До тих пір, поки вони не стануть дійсно популярними і не будуть підтримуватися багатьма сервісами, включаючи Google, їх використання не має сенсу.

Чи потрібно перевіряти HTML-код на валідність?

Ні. Судячи з усього, це не надає значного впливу на ранжування.

Чи варто використовувати схеми, які Google поки не підтримує?

Так, тоді в майбутньому, коли підтримка нового формату буде запущена, ви зможете отримати деякі переваги. Якщо ж додавання розмітки знижує швидкість завантаження сторінки або вимагає великої кількості часу, ви можете сміливо відмовитися від цієї ідеї і почекати, поки Google почне підтримувати даний формат.

А як щодо інших форматів семантичної розмітки?

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

Чи потрібні блоки header, footer, sidebar в CSS?

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

Перевірка розмітки сторінки

Якщо ви хочете перевірити розмітку сторінки, ви можете використовувати такі інструменти:

Безкоштовні:

Платні:

замість висновку

В останні роки on-page оптимізація зазнала помітних змін. Значимість одних аспектів знизилася, тоді як інших - зросла. Крім того, з'явилися нові віяння, продиктовані змінами в IT-галузі в цілому. Щоб робота була ефективною, важливо враховувати нові реалії.