The Role of the Document Head
Свайпніть щоб показати меню
Головна частина документа містить метадані, інформацію для браузерів і пошукових систем. Ці теги не відображаються безпосередньо на сторінці, тому наведені нижче приклади не матимуть видимого результату.
Заголовок сторінки
Тег <title> визначає, що відображається на вкладці браузера. Має бути коротким, зрозумілим і бажано до 60 символів.
index.html
Мета-дані
Тег <meta> зберігає важливу технічну інформацію про сторінку.
Найважливішою є кодування символів, що запобігає появі некоректних символів (модзібаке):
index.html
Значення атрибутів тега meta
name: описує тип метаданих;content: значення цих метаданих;http-equiv: імітує HTTP-заголовки.
Основні meta-теги для покращення SEO
SEO (Search Engine Optimization) — процес оптимізації вебсайту для підвищення його видимості у результатах пошукових систем.
<meta name="description"/>: вказує короткий опис веб-сторінки;<meta name="author" />: вказує автора веб-сторінки;<meta name="language"/>: вказує мову веб-сторінки;<meta name="robots"/>: повідомляє пошукові системи, як сканувати або індексувати веб-сторінку;<meta name="googlebot" content="notranslate"/>: інформує Google не пропонувати автоматичний переклад веб-сторінки;<meta name="copyright" content="Copyright 2024"/>: вказує авторське право на веб-сторінку.
index.html
1. Де слід розміщувати тег <meta>?
2. Вміст якого тегу буде показано на вкладці користувача?
3. Що можна зробити, щоб допомогти браузеру індексувати сторінку?
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат