Теги використовуються для надання інформації (метаданих) про веб-сторінці, метадані не відображаються на веб-сторінці, а дають або якісь вказівки браузеру, або надають додаткову інформацію для пошукових систем:
У нашому прикладі ми використовували три елементи : Перший вказує браузеру кодування HTML-документа, два інших мета тега призначені для надання інформації про вміст веб-сторінки для пошукових систем. Далі ми розглянемо кожен з них детальніше.
Примітка: теги повинні розташовуватися в елементі
.
Кодування каже браузеру, який набір символів використовується на даній веб-сторінці. Наприклад, сторінки можуть бути написані з використанням кодувань для російської, англійської, арабської, китайської і безлічі інших сімейств символів.
Для вказівки кодування використовується тег з атрибутом charset, який рекомендується розташовувати в якості першого елемента всередині
:
Примітка: UTF-8 є універсальною кодуванням, що підтримує більшість мов і спецсимволов.
keywords (ключові слова)
У будь-якого сайту є набір ключових слів і словосполучень, за якими пошукові системи шукають потрібні ресурси в мережі. Саме ці слова і повинні складати вміст keywords.
Найпростіший спосіб підібрати потрібні ключові слова для поточної сторінки - це визначити за якими словами ви самі стали б шукати матеріал, представлений на ній? Ось це і будуть потрібні ключові слова. приклад:
Ключові слова вказуються через кому або пробіл і можуть бути написані в будь-якому регістрі. Рекомендується вказувати не більше 10-15 ключових слів або словосполучень.
description (короткий опис)
Також короткий опис використовується на сайтах деяких соцмереж, при додаванні посилання:
При складанні короткого опису слід враховувати наступні моменти:
Примітка: короткий опис, розташоване під посиланням на сторінці з результатами пошуку, називається сніпетів.
тег </h2>
<p>тег <title> є частиною метаданих і використовується для вказівки заголовка сторінки. Заголовок сторінки можна порівняти з назвою глави книги, так як він повинен говорити користувачам і пошуковим системам про інформацію представленої на сторінці.</p>
<p>Заголовок повинен містити важливі ключові слова для того, щоб пошукові системи могли включити вашу сторінку в результати пошуку по певних запитах. Також він може допомогти користувачам вирішити, чи варто відвідати ваш сайт чи ні, так як вони будуть бачити заголовок в якості тексту посилання в результатах пошуку:</p>
<p><div style="text-align:center;"><img src="https://images-on-off.com/images/204/htmlmetakeywordsdescriptionukazaniekodir-37483a72.png" title="Html meta keywords, description, вказівка кодування (кодування)" alt="Html meta keywords, description, вказівка кодування" /></div></p>
<p>тег <title> є одним з найбільш важливих тегів на сторінці. Розглянемо невеликий список рекомендацій, яких потрібно дотримуватися для написання оптимізованого заголовка для пошукових систем:</p>
<ul>
<li>Довжина заголовка не повинна перевищувати 70 символів, включаючи пробіли.</li>
<li>Найважливіші ключові слова потрібно мати у своєму розпорядженні першими в заголовку, тобто пошукові системи будуть визначати цінність ключових слів по їх черговості в заголовку: перше буде вважатися найбільш важливим, останнє - найменш.</li>
<li>Для поділу ключових слів або фраз краще використовувати вертикальну риску "|". Знаки пунктуації, підкреслення і інші символи роздільники бажано не використовувати або використовувати в тих випадках, коли ключове слово або фразу без них написати не можна.</li>
<li>Намагайтеся виключити з заголовка різні частки мовлення (наприклад: і, якщо, але, потім і т.д.).</li>
<li>Можна включити в заголовок назву сайту або фірми, якщо назва є частиною ключів фрази, або якщо це бренд, бачачи який, користувачі будуть заходити саме на ваш сайт.</li>
<li>Чи не дублюйте текст тега <title>, заголовок повинен бути унікальним для кожної сторінки сайту.</li>
<li>Заголовок повинен бути актуальним для сторінки, він повинен описувати те, що в даний момент представлено на сторінці, наприклад його можна написати так:</li>
</ul>
</div>
</article>
</div>
</div>
</div>
<footer class="igrzom-footer clearfix">
<p>Copyright © 2024<br></p>
</footer>
</div>
</div></body>
</html>