Все про Title

🗓️ Оновлено: 22.08.2022
💬Коментарів: 0
👁️Переглядів: 1560

Що таке Title, навіщо він потрібний і як правильно його прописувати? На всі ці питання ми дамо докладні відповіді у цій статті.

Що таке Title

Title – це тег, у якому прописується заголовок інтернет-сторінки. Цей тег використовують браузери та пошукові роботи.

Тому у вкладках браузера ви бачите саме те, що вебмастер прописав у тезі Title:

Тайтл в браузере
Тайтл у браузері

А також бачите Тайтл у результатах пошукової видачі:

Тайтл у результатах пошуку Google

Тег Тайтл у коді сторінки прописується ось так:

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

За правилами, він повинен знаходитися всередині тега <head>.

Отже, із визначенням Тайтла розібралися, тепер переходимо до наступного питання.

Навіщо потрібний Title

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

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

Тому Title і має таке значення під час SEO-просування.

Тепер, коли ми зрозуміли, для чого потрібен Тайтл, відповімо на запитання: як правильно заповнювати Title?

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

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

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

Для прикладу, візьмемо інтернет-магазин у місті Київ та категорію «Холодильники». Що прописувати у Тайтлі цієї категорії?

Хорошим варіантом буде наступний Title:

Холодильники — Купити холодильник у Києві за найкращою ціною, відгуки

Тут є кілька правил.

  1. Чим ближче слово до початку заголовка, тим більше ваги для пошукової системи воно має.
  2. Занадто багато ключових фраз додавати небезпечно – можливо розпилення ваги. Тобто кожне слово забирає частину ваги на себе.

Ви можете експериментувати з написанням Title. Іноді від простого переставлення слів ви можете покращити позиції пошуку.

Часті питання про Title

Як дізнатися Title сторінки?

Є безліч варіантів, але найнадійніший це просто відкрити вихідний код і знайти тег.

Для цього натискаєте правою кнопкою мишки в будь-якому місці сторінки (головне не посилання) і вибираєте «Переглянути джерело сторінки». У вас з’являється код сторінки, а потім за допомогою пошуку (ctrl+f) введіть <title>. Таким чином ви дізнаєтесь тайтл сторінки.

Який довжини має бути title?

Скільки символом має бути у Тайтлі? Існує міф, що Google каже, мовляв, довжина Title не повинна перевищувати 70 символів (саме стільки може відображатися в результатах пошукової видачі). Але цю інформацію спростував співробітник Google Гері Ілліс (Gary Illyes).

“Інформація про ліміт символів в Title пішла не від Google, цю рекомендацію прописують галузеві видання, але не пошукова система.”

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

Як прописати Title у WordPress?

Зазвичай, у дефолтних темах WordPress Тайтл записується назва запису чи сторінки. Тобто, як ви назвали сторінку в адмінці, такою буде в неї Title. Якщо ви хочете змінити його, то рекомендуємо використовувати спеціальний SEO-плагін, наприклад Yoast SEO або Rank Math.

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

Стаття була корисною?
👍
Так - 3
👎
Ні - 0
💬Коментарі:

CSS Головоломки в Telegram
Підписуйся і не пропускай:
Актуальні новини
Цікаві завдання
Корисні добірки
Наш рейтинг
🏆Найкращий хостинг для сайту
9/10
8/10
8/10
4
8/10
8/10
7/10
7/10
Что читают?
🏆Популярные записи
Як зробити гамбургер (бургер) меню – готовий код та докладне пояснення
Переглядів: 54833
Як зробити плавне збільшення картинки при наведенні – ефект на чистому CSS
Переглядів: 41408
Поява елементів при скролі
Переглядів: 40642
Як змінити колір SVG у CSS
Переглядів: 27994
Як вирівняти картинку по центру за допомогою CSS
Переглядів: 25795
Перевірка знань
🤔Чи добре ви знаєте CSS?
Есть два блочных элемента, которые идут друг за другом в html. Какой будет оступ (margin) между ними, если задать им такие стили:

.top {
  height: 30px;
  background-color: blue;
  margin-bottom: 10px;
}
.bottom {
  height: 30px;
  background-color: red;
  margin-top: 20px;
}
    
10px
20px
30px
Viva Magenta
🤔Колір 2023 року
Дослідницький інститут Pantone обрав головний колір 2023 року. Ним став карміново-червоний відтінок із фіолетовим підтоном, який назвали Viva Magenta.
#bb2649