2. Метатеги – це теги, які надають пошуковим системам додаткову інформацію про сторінку сайту. Метатеги для сайту розміщуються між
тегами <head></head>.
Внутрішня оптимізація. Що таке метатеги?
На уроці розглянемо одні з основних елементів, які впливають на ранжування – тег Title та мететаг Description. Метатег Keywords
не використовується при ранжируванні, тому розглядати його не будемо.
4. Title – це тег, в якому міститься заголовок HTML-сторінки. Цей заголовок видимий як відвідувачів сайту, так пошукових систем. Також він
може використовуватись соціальними мережами.
У HTML-коді він виглядає так:
Внутрішня оптимізація. Що таке Title?
Тег Title є одним з важливих факторів і значно впливає
на ранжування та релевантність сайту. Вміст тега
відображається в результатах пошуку, тому важливо,
щоб Title був складений привабливо не тільки для
пошукових систем, але і так, щоб користувачам
захотілося натиснути на посилання.
Коли ви робите пост у соціальній мережі, вміст тега відображатиметься у
вигляді посилання, якщо не використовується розмітка Open Graph.
Open Graph: https://prnt.sc/uVSdpcFTdFLO
5. Основні правила формування Title:
● Title для кожної сторінки має бути унікальним. Знайти дублікати тегів можна за допомогою Google Search Console або інших
сервісів, про які читайте у розділі «Як знайти дублікати сторінок?» нашої статті "Як зробити технічний аудит сайту";
● розмістіть найбільш частотні слова із семантичного ядра на самому початку тега;
● складайте осмислені фрази. Не слід перераховувати набір ключових слів;
● рекомендована довжина Title – 60 символів. На десктопній версії пошуку Google сніпет має розміри в 600 пікселів, надто довгі
заголовки Title будуть обрізатися:
Внутрішня оптимізація. Як скласти Title?
Добре також, якщо заголовок не тільки містить ключові слова, але є також інформативним та актуальним. Вкажіть у заголовку короткий
опис послуг, що надаються. Не варто перераховувати тут багато ключових фраз — користувач не зможе їх побачити, оскільки вони
просто не помістяться на екран монітора.
6. При складанні тегів Title можна скористатися таким принципом:
[Основне ключове слово] — [Другорядне ключове слово] | [Назва бренду чи сайту]
Якщо у вас маловідомий бренд, назву його можна поки що не вказувати.
Приклад тега Title для сторінки інформаційного сайту:
Title: Як побудувати гараж дешево та швидко | Будівництво недорогого гаража
Для інтернет-магазинів можна використовувати такі шаблони.
[Назва категорії] | Купити в [Місто], ціна в інтернет-магазині [Назва магазину]
Приклад: Дрилі електричні | Купити у Харкові, ціна в інтернет-магазині SuperMagaz.ua
Для картки товару:
[Назва товару] | Купити в [Місто], ціна, опис в інтернет-магазині [Назва магазину]
Приклад: Дриль ударний Storm Intertool WT-0107 | Купити у Харкові, ціна, опис, відгуки в інтернет-магазині SuperMagaz.ua
Це один із прикладів шаблонів. Для кожного конкретного випадку слід аналізувати видачу та експериментувати.
Внутрішня оптимізація. Як скласти Title? Шаблони.
7. У метатазі Description міститься короткий опис вмісту сторінки. Він може використовуватися для формування СНІП в пошуковій видачі.
У HTML-коді він виглядає так:
Внутрішня оптимізація. Що таке Description?
У видачі виглядає так:
Також відображається при відсутності
OpenGraph розмітки.
9. Основне завдання цього етапу – врахувати в оптимізації максимальну кількість релевантних ключових слів семантичного ядра.
Наголос на оптимізації метаданих робимо на найважчі (ВЧ) і конверсійні ключові запити. Але це зовсім не означає, що за наявності в
семантичному ядрі переважно СЧ+ВЧ запитів слід забувати про НЧ.
З ними буде окрема розмова ;-)
Наприклад, на сторінці “Рамочные системы” маємо наступне ядро запитів:
Внутрішня оптимізація. Практика: формуємо Title з ключовими словами.
Тег <title> якої: Рамковий профіль алюмінієвий,
купити алюмінієві рамкові фасади у Києві
(Україна) опт та роздріб
Наголос зроблений на слова: рамковий, профіль,
алюмінієвий, фасад, купити, Київ - т.к. вони є у
СЧ+ВЧ запитах, тому вони використані кілька разів
у заголовку.
Також у заголовку присутні слова: Україна, опт,
роздріб – хоча їх включають лише НЧ запити.
Важливо:
● Якщо є доставка по містах, то в тайтлі можна прописати щонайбільше два міста, зв'язавши літерою “і”. Приклад: Київ та Харків.
Назви міст завжди пишемо з великої літери. Писати "доставка Україною" не слід!
● Якщо є додаткові послуги (доставка, рострочка і т.д. - пишемо в Description.
10. Звернути особливу увагу:
● Насамперед при написанні метатегу слід звернути увагу на поточні результати просування на сторінці. Якщо ми вже маємо
"непогані" позиції ключових запитів, їх обов'язково потрібно врахувати під час написання:
Наприклад, у нас є сторінка з продажу папок для документів і має наступні результати:
Внутрішня оптимізація. Практика: формуємо Title з ключовими словами.
11. У такому разі (усі запити в Топі Google) потрібно включити в метатеги.
H1 залишимо "Папка для документів", як і було раніше.
Новий заголовок Title у такому разі буде:
Папка для паперів, купити папку для документів, ціна на папки для документів - папка для паперів у магазині Chicardi
Порівнюючи відмінності в заголовках можна відзначити, що попередні входження залишилися (як і в кількості, так і в положенні ключа в
заголовку), і відповідно до семантики доповнилися новими.
Такі зміни роботи сприймають лояльно.
Загальні рекомендації
● Не оптимізуйте Title під неіснуючі ключові слова. Виняток - якщо в ядрі запитів лише один ключ "шкіряні черевики" можна один
раз додати "черевики шкіра, черевики зі шкіри, черевики з натуральної шкіри"
● Якщо семантика дуже маленька, то збирайте додатковий трафік за транзакційними словами (Купити, ціна, інтернет магазин,
замовити і т.д.)
● Використовуєте рівнозначні скорочення (якщо вони є у семантиці)
● Набагато простіше вмістити більше входжень слова "ПЗВ", ніж "Пристрій захисного відключення", абревіатури слід
використовувати як додатковий метод зі збільшення вмісту <titile>, тобто. не вибирати тільки “ПЗВ”
● Підтримка лексичної цілісності фрази
● Розділяти на іменники та прикметники: “золото” та “золотий” – різні слова для ПС, з погляду релевантності жодного стосунку
один до одного не мають
● Відразу рекомендую не брати в title слова:
"Доставка" - якщо це не "Доставка квітів", "Доставка піци" і т.д., де значимість цього слова прирівняно до "Купити"
Внутрішня оптимізація. Практика: формуємо Title з ключовими словами.
12. Слова, які важливі в title:
● Купити - якщо це інтернет магазин, але краще з нього не починати, а використовувати після вживання високочастотника "Модні
спідниці, купити спідниці у Києві..."
● Інтернет магазин, магазин, салон – залежить від специфіки товарів послуг
● Ціна – дуже важливо збирати трафік за ціною
● Основний ВЧ ключ + його словоформи
● Альтернативні назви - "nike - найк", "adidas - адідас"
● Комерційно важливі слова - "каталог, продаж"
Внутрішня оптимізація. Практика: формуємо Title з ключовими словами.
Неправильно: Жіночі блакитні туфлі, купити жіночі блакитні туфлі у Києві, ціна на жіночі блакитні туфлі у каталозі інтернет
магазину sitemame.ru
Правильно: Жіночі блакитні туфлі, купити туфлі для жінок блакитного кольору, ціна жіночих туфлів блакитного кольору, в
каталозі інтернет магазину sitemame.ru
14. ● Рекомендації щодо складання метатегів Description:
● Description для кожної сторінки має бути унікальним. Знайти дублікати метатегів можна за допомогою Google Search Console;
● в описі використовуйте найбільш частотні ключові слова із семантичного ядра;
● складайте осмислені фрази. Не слід перераховувати набір ключових слів;
● рекомендована довжина мететагу Description – до 300 символів;
● Для створення більш привабливих сніпетів використовуйте спеціальні символи в описі, але не зловживайте ними. Символи
можна підібрати у таблиці https://unicode-table.com/
Внутрішня оптимізація. Як скласти Description?
Пошуковики рекомендують складати метатег, виходячи з контенту конкретної сторінки сайту, а не сайту загалом. Метатеги мають бути
написані для людей нормальною людською мовою – розгорнуто, правильно вибудованими реченнями, без зловживань ключовими
словами, фразами, великими літерами, рекламними гаслами та іншим смисловим сміттям.
Описи мають бути ємними і при цьому змістовними. Намагайтеся висловити основну суть документа у кількох реченнях.
Мова мета-описів має відповідати мові сторінки.
15. Для інформаційних сторінок універсального шаблону немає, для інтернет-магазинів можна використовувати наступний варіант:
Для категорії каталогу:
Description: Купити [Назва розділу] з гарантією ✈ Безкоштовна доставка по Україні ☎ [Номер телефону] ➤ Інтернет-магазин [Назва
магазину].
Приклад: Купити дрилі електричні ✈ Безкоштовна доставка по Україні ☎ (067) 123-45-67 ➤ Інтернет-магазин SuperMagaz.ua.
Для картки товару:
Description: [Назва товару] — [Ціна] грн.✈ Безкоштовна доставка по Україні ☎ [Номер телефону] ➤ Інтернет-магазин [Назва магазину].
Приклад: Дриль ударний STORM INTERTOOL WT-0107 — 777 грн. ✈ Безкоштовна доставка по Україні ☎ (067)123-45-67 ➤ Інтернет-
магазин SuperMagaz.ua.
Внутрішня оптимізація. Як скласти Description? Шаблони.
17. ● Не можна повторювати одні й самі слова в мета даних, особливо комерційні, повинно бути в одному тайтлі дублювання
таких слів як “купити”, “ціна”, “інтернет магазин” тощо. У разі потреби використовуємо синоніми "купити - замовити", "ціна -
вартість", "інтернет магазин - каталог". Але, найчастіше, замість того, щоб шукати варіації на тему "ціна - вартість" краще
перефразувати назву товару, що продається або використовувати низькочастотний запит.
● Не допускайте вживання основного ключа в точній формі більше двох разів у метатегах
● Формуйте метадані, як логічні речення, використовуйте для цього допоміжні прийменники та пунктуацію:
Неправильно: Чоловічі сумки купити сумки для чоловіків Київ ціна сумок чоловічих - інтернет магазин Shop
Правильно: Чоловічі сумки, купити сумки для чоловіків у Києві - ціна сумок чоловічих в інтернет магазині Shop
Внутрішня оптимізація. Практика: формуємо Description з ключовими словами.
Так як останнім часом вплив тега Description є сумнівним, так як в сніпет найчастіше підтягується найрелевантніший запит
контент на сторінці. Description же використовується скоріше для підвищення додаткової релевантності на сторінці. Тому
здебільшого ми генеруємо його за формулою.
Рекомендації до ручного написання:
19. Заголовок H1:
Заголовок сторінки має бути в самому верху сторінки. Складатися повинен із 2-3х слів (у крайньому випадку 4-х). І повинен містити
основний ВЧ ключовий запит (можна додати до нього "Магазин", або "Інтернет магазин". Слова типу "купити" та "замовити", та інші
стимулюючі до діїкомерційні слова настійно рекомендується не використовувати - це відлякує користувачів).
Внутрішня оптимізація. Що таке H1 і як його скласти?
H1 - це основний заголовок, який дозволяє пошуковим системам зрозуміти те, про ще йдеться на сторінці сайту. Теги H1
зручні для користувачів тим, що є частиною ієрархічної структури веб-сторінки. H1 - найпомітніший заголовок на сторінці,
за ним слідує H2, потім H3 і т.д.
Неправильне використання тегів H1 та інших заголовків призводить до того, що сторінки стає важче переглядати та
сприймати.
H1 використовується лише 1 раз на сторінці, всі інші теги (h2, h3, h4 і т.д.).
21. Роботи в рамках основного технічного завдання на виправлення помилок насамперед спрямовані на технічну
частину сайту, а саме вирішує такі завдання:
● Дати можливість пошуковій системі сканувати лише унікальні та важливі сторінки сайту, які або отримуватимуть
трафік з пошуку, або допомагатимуть при просуванні основних сторінок
● Сформувати у пошукової системи "довіру" та "позитивне ставлення" до Вашого сайту (не видає помилок, хороший
контент, правильно та структурно поданий)
● Якомога більш розгорнуто та інформативно, в рамках кожної сторінки, давати розуміння пошуковій системі про її
вміст (тільки корисні текстові блоки, описи картинок)
● Забезпечити високу швидкість сканування веб-сайту. По ній він зрозуміє наскільки ваш сайт готовий до того, щоб
наводити на нього користувачів з пошуку (а саме про них пошуковик піклуватися в першу чергу)
Комплекс "внутрішніх" робіт з просування інтернет-проекту складається з двох основних етапів:
1. Робота з контентом/текстовим наповненням сторінок (потрібно, щоб пошук за словами, що міститься на сайті, зрозумів за якими
запитами ранжувати нас)
2. Робота з технічними параметрами сайту (пошук повинен коректно та швидко скачати наш сайт, а головне правильно розпізнати
його вміст та зберегти у своїх базах даних)
На жаль у більшості сайтів основні проблеми полягають не в тому, що у них поганої якості контент, а в тому, що він на рівні коду просто
не може бути пошуковою системою правильно інтерпретований. Тобто, фактично, не виправляючи помилки, ми самі не даємо
можливості пошуковій системі зрозуміти, що наш сайт підходить для показу за пошуковими запитами.
Внутрішня оптимізація. Технічні правки, контент та ТЗ
22. Наш комплекс технічних робіт розбитий на групи, за складністю, важливістю та ізольованістю від бізнес логіки.
Саме цей блок складається з наступного набору завдань:
● [01] Розробка інструкції для пошукових роботів (Robots.txt) (текстовий файл, що знаходиться в корені сайту,
містить рекомендації для пошукової системи про те, які сторінки та розділи сайту потрібно сканувати, які ні. Як
правило містить рекомендації щодо закриття від індексації сторінок, що не надають користь для пошукової системи,
наприклад, сторінки особистого кабінету на сайті)
Інструкція
● [02] Рекомендації щодо впровадження форматів семантичної розмітки (семантична розмітка -
особливий вид розмітки тексту на сайті для вказівки типу об'єкта для пошукової системи, наприклад
номер телефону, що містить семантичну розмітку дає зрозуміти пошуковій системі, що це номер
телефону, а не прості цифри в тексті)
Інструкція
Пример ТЗ
23. ● [03] Рекомендації щодо коректного налаштування сторінок сортування (сторінки сортування не
приносять користі для пошукової системи, тому що містять, як правило функціонал, спрямований на
поліпшення досвіду користувача, наприклад, сортування товарів за ціною або новизною, тому такі сторінки
необхідно налаштовувати таким чином, щоб пошукова система могла зрозуміти, що це не окремі сторінки
сайту, а та сама сторінка, але сортована за певними параметрами)
Інструкція
Приклад ТЗ
● [04] Рекомендації щодо коректного настроювання сторінок пагінації (сторінки пагінації також не
надають користі для пошукової системи, але ми можемо вказати, що такі сторінки є складовими одного
каталогу, для цього для таких сторінок приписуються особливі теги, які вказують пошуковій системі, яке
завдання вони вирішують)
Інструкція
Приклад ТЗ
● [05] Рекомендації щодо коректного настроювання 404 сторінки (404 сторінки - нормальне явище для
великого проекту, оскільки видалення сторінок це природний процес, але важливо, щоб 404 не ставала
останньою сторінкою в досвіді роботи з сайтом, таким чином 404 сторінка налаштовується так, щоб
користувач міг потрапити на інші сторінки сайту)
Інструкція
24. ● [06] Рекомендації щодо коректного склеювання внутрішніх URL (перевіряється коректність будови URL
на сайті, відсутність шаблонних дубльованих у логіці роботи адрес)
Інструкція
Приклад ТЗ
● [07] Інструкції зі збільшення привабливості сніпету та хлібних крихт (в рамках даного завдання
формуються коректні хлібні крихти, хл.крихти - це альтернативна навігація, що показує шлях до сторінки)
Інструкція
● [08] Перевірка карти сайту xml (xml карта сайту - файл, що знаходиться в корені сайту, містить спрощену
структуру сторінок сайту, формується для спрощення навігації краулера і прискорення індексації сторінок
сайту. Зазвичай розташовується за адресою www.example.ru/sitemap.xml)
Інструкція
25. ● [09] Рекомендації щодо закриття вихідних зовнішніх посилань (перевіряється наявність посилань
ведучих із сайту на інші ресурси та їх вплив на вагу сторінок проекту, у разі наявності подібних посилань
надаються рекомендації щодо їх видалення або закриття від індексації)
Інструкція
Приклад ТЗ
● [10] Формування карти сайту HTML (HTML карта сайту - аналог XML карти сайту, оскільки її завдання
також у спрощенні навігації та індексації сторінок, проте дана карта сайту містить тільки сторінки, що
просуваються, і видно користувачу)
Інструкція
Приклад ТЗ
● [11] Розробка формул генерації ALT і Title у зображень (Пошукова система не може зрозуміти зміст
картинок, відео та інших мультимедійних файлів, тому для таких матеріалів повинні бути текстові
відповідності. Для зображень вказується ALT і TItle - які вказують, що зображено на зображенні)
Інструкція
26. ● [12] Коректна розмітка сайту для соціальних мереж (Open Graph)
Інструкція
● [13] Мовні версії сайту
Інструкція
Що має вийти за підсумками роботи:
Під час виконання комплексу перевірок оптимізатор формує звіт про виконаний набір перевірок з підтвердженням
та створює технічне завдання на розробника зі списком необхідних виправлень.
Приклад