Все про Description

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

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

Description може відображатись у результатах пошуку

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

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

Мета-тегами називають звичайні теги HTML, завдання яких – передати додаткову інформацію про веб-сторінку. Зазвичай мають наступний синтаксис:

<meta name=”keywords” content=”вікіпедія, енциклопедія” />

Але можна прописати мета-тег і ось так:

<meta http-equiv=”Content-Type” content=”text/html” />

Про кожен мета-тег потрібно говорити окремо. Зараз нам важливо запам’ятати, що мета-тег – це тег, який несе якусь структуровану інформацію про сторінку. Мета-тег не відображається на сторінці, однак доступний для роботів.

Давайте розберемося з Description. Спочатку зрозуміємо, де його потрібно прописувати і як правильно це робити.

За правилами, будь-який мета-тег повинен бути всередині тега <head>. В якому порядку розташовувати мета-теги всередині тега <head> – різниці немає.

Синтаксис мета-тега Description наступний:

<meta name="description" content="Детальний опис сторінки, який спонукає користувача зайти на неї.">

Зміст усередині вмісту можна змінювати на ваш розсуд.

Однак, що саме прописувати всередині content?

Що потрібно прописувати в Description?

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

Тому відповідь на питання “що прописувати в description” дуже проста – опишіть зміст сторінки з використанням ключових фраз, за якими хочете, щоб ваш сайт знаходили.

Важливе уточнення

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

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

Тому створили собі кілька правил, якими хочемо поділитися з вами.

Правила для мета-тегу Description:

  • Повинен бути прописаний на кожній сторінці;
  • Обов’язково має бути унікальним. Ви можете автоматично його генерувати, якщо є така можливість, але слідкуйте за тим, щоб на кожній сторінці був свій description;
  • Вписуйте в Description основні 2-3 ключові фрази. Можна і більше, але намагайтеся, щоб вони були природними, щоб не було банального перерахування;
  • Можете додавати спеціальні символи, щоб виділитися у пошуку.

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

Ось простий приклад description для інтернет-магазину, який продає холодильники:

<meta name="description" content="【Холодильники】купити недорого. В інтернет-магазині НАЗВА можна замовити холодильник із гарантією. Доставка по РЕГІОНУ безкоштовна.">

Тут ми використали кілька варіантів написання ключового слова “холодильник” – у множині і немає. Зверніть увагу, що є ключова фраза “Холодильник купити недорого в інтернет-магазині”, яка охоплює і кілька інших ключових фраз.

На закінчення нам залишилося лише відповісти на поширене запитання: яка має бути довжина Description?

Правильну відповідь можна знайти в офіційній документації Google:

“Немає обмежень щодо довжини Description, але за потреби фрагмент скорочується в результатах пошуку, як правило, відповідно до ширини пристрою.”

Тобто що це означає? Це означає, що ви можете писати скільки слів у description, однак, не всі вони можуть потрапити у видиме вікно користувача. Звідси можна дійти невтішного висновку – важливі ключові фрази потрібно прописувати на початку Description.

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

А якщо залишилися питання, то, як завжди, запрошую в коментарі.

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

CSS Головоломки в Telegram
Підписуйся і не пропускай:
Актуальні новини
Цікаві завдання
Корисні добірки
Наш рейтинг
🏆Найкращий хостинг для сайту
9/10
8/10
8/10
4
8/10
8/10
7/10
7/10
Что читают?
🏆Популярные записи
Як зробити гамбургер (бургер) меню – готовий код та докладне пояснення
Переглядів: 54831
Як зробити плавне збільшення картинки при наведенні – ефект на чистому CSS
Переглядів: 41407
Поява елементів при скролі
Переглядів: 40641
Як змінити колір SVG у CSS
Переглядів: 27992
Як вирівняти картинку по центру за допомогою CSS
Переглядів: 25794
Перевірка знань
🤔Чи добре ви знаєте 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