Де прописується title

0 Comments

Зміст:

Як правильно прописати мета-теги Title і Description

Що таке мета-теги і для чого вони використовуються?

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

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

Під виразом «meta tags» прийнято розуміти теги html формату, які показують роботам пошукових систем структуровані мета-дані про конкретну сторінку та про ресурс загалом. Вони розміщуються на початку коду в блоці .

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

Мета-теги поділяються на три категорії:

Кожен з них або прописується самостійно в блок , якщо сайт рукописний, або вноситься в спеціально призначені для цього поля в адмін-панелі. У будь-якій сучасній CMS (ModX, DataLife Engine, OpenCart, WordPress, Бітрікс тощо) є розділи або плагіни для внесення мета-тегів, тому з цим видом оптимізації впорається будь-який власник домену.

Що таке Title і як правильно його скласти?

У кожної вкладки в браузері є свій короткий текст – це заголовок, за яким користувач легко розуміє зміст сторінки. Інша його назва – тег Title.

Тайтл відображається не тільки в браузері, його можна побачити на сторінках пошукових систем. Це верхній рядок, в якому є відповідь на запит користувача. Після нього зазначена адреса сайту та певна частина тексту.

Основне завдання Title – дати осяжний опис змісту сторінки з обов’язковим включенням ключового запиту.

Як правильно прописати мета-тег Title?

  1. Робити речення помірної довжини – не більше 80 символів, але не менше 40. Деякі плагіни мають свої правила для написання тайтлів. Формально встановленого розміру немає, просто пошуковики обрізають занадто довгий текст, що виглядає неестетично.
  2. Мета-тег Title повинен бути унікальним. Домогтися 100% унікальності неможливо, особливо коли мова йде про товари. Йдеться про те, що не повинно бути двох ідентичних заголовків в межах одного веб-ресурсу.
  3. Не варто використовувати одне й теж слово частіше, ніж один раз. Це може бути оцінено як спроба маніпулювати пошуковою видачею.
  4. У мета-тег Title вписуються ключові слова. Популярні високочастотні запити бажано вставляти на початку пропозиції. Вибирати ключі потрібно в залежності від контенту: неприпустимо вписувати запити, які не відповідають змісту, адже пошукові системи роблять висновки про контент на основі Title.
  5. Назву сайту, навіть якщо в ній є важливі ключі, повторювати в мета-тегу не потрібно. Google і так враховує її при аналізі сторінки.
  6. Мета-теги заголовків в обов’язковому порядку вносяться в код у блок . Якщо Title вписується через плагін, то його внесення в код буде відбуватися автоматично.

Найкращі заголовки – змістовні та інформативні. Не варто формувати Title з суцільних ключів, користувачі навряд чи захочуть зайти на сторінку, назва якої їм незрозуміла, навіть якщо вона в ТОПі.

Що таке Description і рекомендації щодо його написання

Як правило, початківці-оптимізатори не знають, що таке дескріпшн, тому що не можуть знайти його на сторінці сайту. Адже він, на відміну від тайтла, непомітний в браузері.

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

Мета-тег Description дає пошуковикам повне розуміння того, що користувач може знайти на сторінці. Якщо це стаття, то про що вона, яка тематика? Якщо розділ магазину, то який асортимент пропонується? Якщо товар, то яка в нього модель, рік випуску та ціна?

Як сформувати мета-тег Description:

  1. Зробити короткий опис змісту. Довжина Title та Description відрізняється: для дескріпшна текст можна розгорнути на 170-300 символів з урахуванням знаків і пробілів. Деякі CMS самостійно обрізають тексти, довжина яких перевищує 300 символів.
  2. Тайтл і дескріпшн повинні відрізнятися між собою та з тегами keywords, h1, h2, alt. Бажано, щоб meta Description не повторював і фрагменти тексту, опублікованого на відповідній сторінці.
  3. У мета-тег Description можна та потрібно вставляти релевантні ключові запити. Високочастотні варто розташовувати в першій частині опису та застосовувати лише один раз.
  4. Кожен Description створюється унікальним в межах конкретного сайту.
  5. Дескріпшн може нести рекламну складову, демонструвати переваги (якщо мова йде про послуги) і вигоду (про товари) для потенційного відвідувача.

Як оптимізувати мета-теги?

Мета-теги Title і Description – важливі елементи внутрішньої оптимізації, тому до питання їхнього прописання слід підійти відповідально.

Спочатку вибираються необхідні ключові слова. Можна використовувати семантичне ядро ​​або спеціальні сервіси (Google Adwords). Наприклад, високочастотні запити про ремонт квартир в київській області можуть бути такими:

  • Ремонт квартир;
  • Ремонт квартир в Києві;
  • Ціна на ремонт квартир;
  • Ремонт квартир під ключ тощо.

У мета-тегах для сайту слід вказувати по одному ключу, найбільш релевантному для розділу. Title може виглядати так: «Ремонт квартир під ключ: замовити послугу в Києві»

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

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

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

Де прописується title

Це один із елементів HTML-сторінок, який пошукові системи використовують щоб сформувати сніпет у результаті пошуку. Що таке сніпет ми розповідали у статті Мікророзмітка і сніпети – все не так лячно як здається.

Які задачі вирішує Title?

  1. Оптимізує сторінки. Місце основного ключового запиту зазвичай у Метатезі Title.
  2. Покращує ранжування сайту в пошуковій видачі за ключовим запитом, оскільки Тег Title – один із основних факторів для ранжування сайтів.
  3. Позитивно впливає на поведінкові фактори, оскільки у Title відображено вміст сторінки, а отже ще до моменту переходу на сайт, користувач має уявлення, що його очікує на сайті. Проте відображення змісту це лише частина завдання Title, також потрібно підвищити клікабельність, зацікавивши користувача.

Щоб підвищити клікабельність Тега Title рекомендують використовувати цікаві подробиці, цифри, враховувати потреби користувача тощо. Чим більше буде клікабельність, тим відповідно буде більше CTR та будуть покращуватись показники поведінки. Звісно, це все дієво, якщо стаття є якісною.

Формула правильного прописування Тег Title

Загальна формула для запитів є такою

Загальна формула для інформаційних запитів

Загальна формула для комерційних запитів

Головний ключ + намір або потреба користувача + додатковий ключ + синоніми

Головний ключ + слова, які доповнюють запит (придбати, ціна тощо) + назва місцевості, регіону, населеного пункту + додаткові слова, що доповнюють запит + синоніми + додаткові ключі

У випадку, коли не прописано Метатег Title, або ж він не є релевантним вмісту сторінки, пошукова система може сформувати його на основі Тегів Н1, а в деяких випадках навіть на основі Н2 та Н3 (якщо вони релевантніші запиту та коректніше відображають вміст сторінки).

Де можна побачити Title

1. Пошукова видача

Коли ви вводите в пошук будь-який запит у будь-якому браузері, то перше, що ви побачите у результаті видачі – Title сторінок. Вони у вигляді заголовків до коротких описів сайтів (сніпетів).

2. Назви вкладок браузера

При переході на сторінку, ви бачите Метатег Title у адресному рядку, проте його зазвичай видно лише частково (видимість змінюється в залежності від кількості відкритих вкладок).

3. Репост сторінок сайту у соціальних мережах

При репості та в коментарях до постів Метатег Title відображатиметься повністю (за умови включеної функції попереднього перегляду).

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

Метатеги (від англ. metatags) — це рядки коду сторінки HTML, які надають пошуковим системам додаткову інформацію про вміст сторінки сайту. Метатеги не відображаються на сайті, їх можна побачити лише в коді веб-сторінки у контейнері head .

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

💪 Які бувають типи метаданих:Їх позначення:
1️⃣ Метатег Title:Цей HTML-тег важливий для SEO: впливає на ранжування та клікабельність по сніпету.
🔥 Метатег Description:Метатег Description — це елемент, який містить опис вмісту сторінки.
🥇 Метатег Keywords:На даний момент є неактуальним метатегом для пошукових систем, вони його інгорують.

Навіщо писати метатеги

Завдяки заповненим метатегам на сторінках сайту Google може легко встановити релевантність вмісту цієї сторінки пошуковому запиту.

Правильне заповнення метатегів дуже важливе для SEO просування будь-якого сайту. Починати складання метатегів бажано ще на етапі створення сайту, вони повинні виводитися на кожній сторінці сайту в коді HTML і бути унікальними (не повинно бути дублювання значень метатегів на жодній сторінці сайту).

Навіщо ще потрібні метатеги:

  • оформлення привабливих сніпетів. Один із найпростіших і найефективніших способів підвищити CTR сторінки сайту — це сформувати для неї красивий і привабливий сниппет;
  • підвищення ранжування.Метатеги повідомляють пошукові роботи, про що ваша сторінка, і допомагають їм оцінити її відповідність пошуковому запиту користувача;
  • збільшення переходів із соцмереж. Наприклад, Facebook використовує метатеги для коректного відображення інформації про сторінку, коли на неї посилаються на їхньому сайті;
  • просування НЧ запитів.Входження низькочастотних ключових запитів у Title та Description допоможе швидше просунутися в топ за даними запитами.

Важливо! Перед складанням метатегів необхідно зібрати семантичне ядро ​​для вашого сайту. Що таке семантичне ядро ​​і як його зібрати, ми докладно описали у статті «Як працює» сервіс зі збирання семантичного ядра» у нас на блозі. Рекомендуємо ознайомитись.

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

Як заповнювати метатег Title

Тег Title — це елемент HTML, який використовується для вказівки заголовка веб-сторінки.

Цей заголовок видимий як відвідувачів сайту, так пошукових систем. Його основне завдання – повідомити відвідувачів і пошукових систем, що їх очікує на даній веб-сторінці (якнайкоротше).

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

Наявність ключових запитів у Title сайту може підвищити його релевантність для пошукових систем. При цьому важливо, щоб ключі, які використовуються у метатегах, відповідали контенту сторінки.

Правила складання Title:

  • не рекомендуємо складати Title понад 12 слів (без урахування прийменників). Справа в тому, що на більшості екранів відображається не більше ніж 70 перших символів назви. Однак варто пам’ятати, що навіть якщо частина метатегу буде прихована від користувача у видачі, пошуковик все одно врахує його вагу під час ранжування;
  • вміст тега Title має бути унікальним, у ньому не повинні повторюватися слова і він не повинен збігатися з тегами на інших сторінках сайту;
  • якщо сайт просувається під певний регіон, то слід використовувати топоніми у змісті Title.
  • головний ключовий запит, за яким просувається сторінка, слід вказувати на початку Title. Так він матиме найбільшу вагу;
  • допускається написання всіх слів у Title з великої літери. Такий метод давно застосовується в оголошеннях Google ADS, успішно збільшуючи цим CTR;
  • для більш привабливого сніпету у видачі пошукової системи слід використовувати у вмісті Title символи Юнікоду. Не варто додавати до Title та Description символи юнікоду, які не відображатимуться, тому перед додаванням символів важливо ознайомитись з нашим документом «Список символів юнікоду», в якому детально вказано, де і які символи юнікоду будуть коректно відображатися в Title та Description;
  • додавання назви вашого домену або бренду в тезі Title вітається лише у випадку, якщо у нього висока впізнаваність. Якщо ж бренд не розкручений, то рекомендуємо або додавати його до кінця Title, або зовсім не додавати, щоб не займати місце в Title;
  • і, мабуть, найголовніше: Title зобов’язаний відповідати змісту сторінки. Якщо на сторінці відсутній блок із відгуками, то не варто писати «Відгуки» у метатезі, щоб не вводити людей в оману. Користувач, клікнувши на ваш сніпет в пошуковій видачі (у якому є інформація про відгуки на сторінці), перейде на сторінку та не знайде потрібну йому інформацію. Він швидко покине ваш сайт. А це дасть сигнал пошуковій системі про нерелевантність запиту до змісту вашої сторінки.

Приклади заповнення Title:

Як сформувати метатег Description

Тег Description – це елемент HTML, що повідомляє пошукові системи інформацію про зміст інтернет-сторінки. Метатег Description є одним із найважливіших метатегів у SEO-просування. Він впливає формування привабливого і впізнаваного сниппета пошукової видачі.

Так виглядає дескріпшн

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

Правильно заповнений опис дає можливість формувати релевантний та привабливий сніпет, у результатах видачі він значно підвищує CTR.

Правила складання Description:

  • в описах сторінок необхідно додавати інформативні та конкретні слова. Це допоможе залучити відвідувача до своєї сторінки. У видачі пошукових систем велика кількість сайтів, тому слід виділятись на їх тлі.
  • при складанні метатегу Description в першу чергу слід відштовхуватися від списку ключових слів.
  • рекомендована довжина тега Description у пошуковій системі Google складає до 920 пікселів, що може містити до 158 символів. На мобільних пристроях максимальна межа становить близько 680 пікселів (до 120 символів). Постарайтеся помістити всю найцікавішу та інтригуючу інформацію в перші 120 символів вашого мета-опису.
  • складання тега Description слід розпочинати з найважливіших запитів (високочастотних). Не варто при складанні опису перераховувати всі ключові фрази – це не допоможе ранжування. Це може лише нашкодити, відштовхнути потенційного клієнта та пошукову систему, яка може прийняти такий опис спаму.
  • в описі рекомендуємо використовувати заклик до дії, це допоможе мотивувати користувачів переходити на сайт та купувати.
  • важливо створити Description для кожної сторінки унікальним. Для невеликих сайтів це завдання просте. Але якщо на вашому сайті велика кількість сторінок — допускається використання шаблонів.

Приклади заповнення Description:

Чи потрібно прописувати метатег Keywords

Спочатку метатег Keywords створювався з метою допомогти пошуковим системам визначати релевантність сторінок пошуковим запитам. За допомогою даного тега можна виділити ключові фрази, за якими потенційний клієнт зможе знайти ваш сайт у пошуковій видачі.

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

Вже в 2019 році в Google офіційно заявили, що їхня пошукова система не враховуватиме вміст Keywords при ранжируванні. А в 2021 році Джон Мюллер із Google знову підтвердив, що пошукова система не використовує вміст Keywords.

Інструменти для роботи з Title та Description

Для зручності при складанні метатегів рекомендуємо використовувати допоміжні інструменти, які полегшать шлях збору, аналізу та формування якісних метатегів:

Перегляд сніпету сайту в пошуковій видачі

Для того, щоб подивитися, як виглядатиме сніппет у видачі пошукової системи, можна скористатися одним із нижче представлених сервісів:

Парсинг метатегів та заголовків за допомогою Google Sheets

Парсинг метатегів за допомогою Google Sheets – дуже простий і, головне, безкоштовний спосіб парсувати сайти прямо в Таблицях Google. Для цього нам знадобиться Букмарклет. Це невелика JavaScript-програма, оформлена як JavaScript: URL і зберігається як браузерна закладка.

Щоб спарсити метатеги за допомогою букмарклету, слід скористатися інструкцією нижче.

  1. Насамперед додаємо зі статті вище всі букмарклети собі в закладки.
  2. На сторінці результатів пошуку натискаємо на закладку, щоб отримати список URL-адрес:

* замість значення «комірка» слід вказати номер комірки, в якому вказана URL-адреса.

В результаті отримуємо ось таку таблицю:

Готовий документ з великою кількістю функціоналу можна завантажити по посиланню. Для вивантаження метатегів та заголовків достатньо підставити свої URL адреси в першу колонку та отримати готові дані.

Аналіз метатегів за допомогою розширень для браузера

SEO META in 1 CLICK — багатофункціональне розширення, яке радимо кожному SEO-фахівцеві. Найзручніша програма для браузера Chrome, яка збирає всі метадані зі сторінки сайту. Дане розширення стане в нагоді при SEO-аудиті та аналізі сайтів конкурентів, щоб визначити ключові показники сторінок – Title і Description, а також кількість символів у них, заголовки h1-h6, кількість зображень з альтом і без нього, дані Open Graph та багато іншого.

SEO meta in 1 click — далеко не єдине розширення SEO-аудиту. Ту ж інформацію можна отримати за допомогою MozBar, Open SEO Stats, SEO Analysis & Website Review та RDS Bar.

Парсинг даних за допомогою спеціальних програм:

Для масового вивантаження метатегів та заголовків можна використовувати спеціальні програми. Такі програми показують наявність, довжину та вміст метатегів та заголовків на всіх сторінках сайту. Приклади таких програм: Screaming Frog, Netpeak Spider.

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

Автоматизовані інструменти парсингу метатегів та заголовків

Також існують платні сервіси для перевірки метатегів та заголовків онлайн:

Для парсингу всієї необхідної інформації за допомогою даних сервісів достатньо зареєструватися та вказати адресу XML-карти сайту або додати список URL. Після чого сервіс в автоматичному режимі спарсить усі необхідні дані та видасть документ з усією необхідною інформацією.

Що таке тег H1 і наскільки він важливий для SEO

Заголовки (h1) і підзаголовки (h2-h6) необхідні виділення суті статті чи сторінки. Саме на них насамперед звертає увагу читач. Заголовки на сторінках вашого сайту корисні не тільки для читачів, але і для пошукових систем. Аналізуючи контент на сторінці, вони визначають, наскільки він логічно побудований. Тому правильно розставлені заголовки та підзаголовки – це не тільки зручність для читання, а й ранжування сторінок у пошуковій видачі.

З недавніх пір Google почав витягувати у видачу вміст тега h1 замість метатегу Title.

У Semrush поділилися даними про зміни у видачі Google, у зв’язку з новим алгоритмом формування вмісту Title у сніпеті.

Правила складання тега H1:

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

Загальні рекомендації для складання метатегів

Щоб скласти максимально якісні метатеги, слід розпочати зі збору семантичного ядра. Далі нам необхідно розбити семантичне ядро ​​на кілька категорій: високочастотні, середньочастотні та низькочастотні фрази, які необхідно використовувати при складанні метатегів.

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

У таблиці нижче можна ознайомитися із загальними рекомендаціями щодо складання метатегів.

H1TitleDescription
Розмір20 – 70 символів12 слів (без урахування приводів)120 – 158 символів
HTML код сторінкиh1 розміщується всередині тегаtitle розміщується всередині тегаdescription розміщується всередині тега
Унікальність1 сторінка = 1 заголовок h11 сторінка = 1 title1 сторінка = 1 опис змісту
Характеристика тегаПрезентабельність, грамотність, природність та доступність.
Зацікавте користувача, щоб він перейшов на сайт.
Не рекомендуємоПовторення однієї фрази;
Безглузді фрази: “про компанію”, “головна сторінка” і тд;
Різноманітність фразеологічних стоп-слів (союзи, вигуки, частки) у тексті;
Вказівка ​​домену сторінки.
ДодатковоВикористовувати слова-спонукачі (акції, гарантії, знижки, фото, відгук).
Обов’язково використовувати символи Юнікоду.

Після впровадження метатегів потрібно обов’язково відстежувати динаміку змін та ефективність виконаної роботи, оскільки завжди можна провести роботу над покращенням.

Найкращі інструменти для цього:

Ці інструменти надають аналітичні дані та метрики для вашого сайту. Наприклад, на панелі веб-майстрів можна перевірити середній CTR для вашого сайту на вкладці ефективність:

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

Щоб правильно відстежити зрадуня за певний період, ви можете ставити інформативні мітки на графіку з датою впровадження метаінформації на сайт:

Використання шаблонів при складанні метатегів

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

Для яких сторінок допускається використання SEO-шаблонів:

  • картки товарів;
  • сторінки брендів;
  • сторінки пагінацій;
  • сторінки фільтрації;
  • розділи та підрозділи;

Як скласти метатеги для сторінок пагінації на сайті

У випадку, коли ви додаєте велику кількість товарів на сайт, у категорії з’являються сторінки пагінації.

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

Отже, слід уникнути метатеги на сторінках пагінації за допомогою шаблону, додавши змінну .

Приклад шаблону генерації метатегів та заголовка h1 для сторінок пагінації :

Як скласти шаблон генерації метатегів для карток товарів

Для всіх карток товарів мають бути прописані максимально релевантні та унікальні метатеги.

Приклад шаблону генерації метатегів для карток товарів:

Завжди використовуйте змінні, які будуть уникати змісту метатегів для товарів.

Які можуть бути змінні:

  • назва товару;
  • артикул;
  • ціна;
  • назва вищої категорії;
  • назва категорії;
  • бренд;
  • все, що завгодно.

Як складати метатеги для брендів на сайті

На багатьох великих сайтах є сотні сторінок брендів, де представлені всі товари певного виробника.

Для такого типу сторінок також необхідно прописати шаблон генерації метатегів.

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

У разі реалізації шаблону для метатегів, повинні підтягуватися елементи сторінки (найчастіше це може бути h1, title), які були задані безпосередньо в шаблоні, і загальний текст для групи сторінок, заданих в тому ж шаблоні. Тому важливо, щоб до початку етапу шаблонного проектування вже були оптимізовані необхіднийні для нього компоненти. Наприклад, h1 має бути унікальним, а не складатися з цифрового артикула.

Ніколи не використовуйте шаблони написання метатегів для інформаційних матеріалів!

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

На одному з наших сайтів, де раніше був шаблон, ми прописали вручну метатеги для 160 статей. Статистика сеансів пішла вгору:

Шаблони метатегів та заголовка h1 потрібно використовувати для однотипних сторінок, яких на сайті дуже багато. Якщо прописувати вручну метатеги надто довго та дорого.

Інструкція з додавання метатегів на сторінки сайту

Метатеги можна прописати вручну для кожної сторінки окремо.

Такий спосіб підійде, якщо у вас є лендинг або сайт, де мало сторінок. Але що робити, якщо у вас інтернет-магазин або блог, на якому 1000 і більше сторінок? Для того, щоб прописати метатеги на таку кількість сторінок вручну, піде чимало часу та сил.

Розробники системи управління сайтом CMS врахували всі побажання користувачів і представили своє бачення щодо додавання метатегів на сайт.

Додавання метатегів до найпопулярніших CMS-систем:

  1. Процес додавання метатегів на OpenCart ми докладно описали у статті «Як впровадити метатеги на OpenCart» у нас на блозі. Рекомендуємо ознайомитись.
  2. Для додавання метатегів до WordPress рекомендуємо скористатися плагіном Yoast SEO. Плагін дозволяє керувати метатегами конкретної сторінки, а також налаштовувати шаблони.
  3. CMS система Joomla має власний вбудований модуль для впровадження метатегів на сайт, але тут не вдасться створювати маски;
  4. Додавання метатегів в Хорошопі реалізовано, мабуть, найзручнішим способом, для цього ми заходимо в адмін панель → вибираємо вкладку «сторінки», далі → вибираємо розділ, що нас цікавить → і заповнюємо поля title, description, h1 ;

Чек-лист по роботі з метатегами:

  1. Метатеги 1 це рядки коду сторінки HTML, які надають пошуковим системам додаткову інформацію про вміст сторінки сайту. Метатеги не відображаються на сайті, їх можна побачити тільки в коді веб-сторінки в контейнері head .
  2. Правильне заповнення метатегів на сайті дуже важливе для SEO просування будь-якого сайту. Починати складання метатегів бажано ще на етапі створення сайту, вони повинні виводитися на кожній сторінці сайту в коді HTML і бути унікальними.
  3. Тег Title значно впливає на релевантність сайту. Вміст тега відображається в результатах пошуку, тому важливо скласти його максимально інформативним та привабливим, щоб користувачеві захотілося перейти за посиланням. Наявність ключових запитів у Title сайту може підвищити його релевантність для пошукових систем. При цьому важливо, щоб ключі, які використовуються у метатегах, відповідали контенту сторінки.
  4. Метатег Description дає пошуковим системам повне розуміння того, що користувач може знайти на сторінках вашого сайту. Цей тег необхідно заповнювати на всіх сторінках сайту. Якщо опис не заповнено, сніппет у пошуковій видачі може бутиь сформований автоматично з інформації на сторінці. Правильно заповнений опис дає можливість формувати релевантний і привабливий сніпет, він значно підвищує CTR.
  5. Пошукові системи виключили значення метатегу Keywords як фактор ранжирування і перестали враховувати цей тег під час ранжирування.
  6. Заголовки на сторінках вашого сайту корисні не тільки для читача, а й для пошукових систем. Вони необхідні виділення суті статті чи сторінки. Заголовок першого рівня h1 має найбільшу вагу. Тому необхідно приділити особливу увагу до його текстового змісту.
  7. Після впровадження метатегів потрібно обов’язково відслідковувати динаміку змін та ефективність виконаної роботи, оскільки завжди можна провести роботу над покращенням. Використовуйте сервіс Google Analitycs для відстеження зміни сеансів після впровадження ваших метатегів, після чого можна аналізувати, чи була виконана робота в даному напрямку ефективною.
  8. Для великої кількості однотипних сторінок на сайті допускається використання SEO-шаблонів. Це можуть бути картки товарів, сторінки брендів, пагінації, фільтрації, а також розділи та підрозділи.
  9. Додавати метатеги на сайт можна як вручну, так і за допомогою додаткових плагінів та доповнень, доступних конкретно для вашої CMS-системи.

Часті питання про метатеги:

Які метатеги?

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

Як виглядають метатеги?

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

Де прописуються метатеги?

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

Що таке теги H1?

h1 (h – від header, а 1 – це рівень) – це заголовок першого рівня, який не є метатегом, але разом з метатегамиtitle та description становлять основу представлення сторінки для пошукових систем. Наявність правильного h1 – важлива умова для хорошого SEO просування.

  • Google Search Console: що це та як з ним працювати. Повний гайд для новачків
  • Додавання розмітки за допомогою Google Tag Manager: короткий посібник з додавання структурованих даних через GTM
  • Я хочу швидко вийти на закордонний ринок і мені потрібна нова версія сайту. Що робити?
  • Довга співпраця – це круто. Підсумки 8-річної роботи. SEO-кейс у ніші нерухомості
  • Особливості SEO-просування односторінкового сайту
  • Як правильно назвати товар для SEO
  • Регіональне просування: як отримати більше клієнтів + ​​приклади, як зробити
  • Гайд за UTM-мітками: навіщо потрібні, як створювати, де використовувати
  • Легкий пошук файлів, класів, змінних на FTP-серверах для SEO-фахівця: лайфхак від Inweb
  • Win-Win-Win: як працює партнерська програма в Inweb? Що важливо знати клієнтам та партнерам