Урок 10. Метатеги

Відео: Як прописувати мета теги (Урок №5)

Здрастуй, шановний читачу.

Це десятий урок вивчення html, в якому ви дізнаєтеся що таке мета-тег, які бувають метатеги, чому вони важливі для сайту.

Перед прочитанням даного уроку рекомендую пройти попередні уроки:

Урок 1. Що таке html?
Урок 2. Частини, заголовки
Урок 3. Списки
Урок 4. Зображення
Урок 5. Посилання. Частина 1
Урок 5. Посилання. Частина 2
Урок 6. Атрибути
Урок 7. Таблиці
Урок 8. Виділення тексту
Урок 9. Форми. Частина 1
Урок 9. Форми. Частина 2

Теорія та практика

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

Але в залежності від значення атрибута вони носять різні значення. Розглянемо атрибути метатегов по порядку:

http-equiv, content

12345678

lt;htmlgt;lt;headgt;lt;titlegt; Головнаlt;/titlegt;lt;meta http-equiv="Content-Type" content="Text / html- charset = utf-8"gt;lt;/headgt;lt;bodygt;lt;/bodygt;lt;/htmlgt;

Відео: Урок 17 - Як використовувати метатег і тег noindex

http-equiv - браузери перетворюють дане значення, задане за допомогою content, в формат заголовка відповіді HTTP, обробляючи їх як ніби вони прийшли від сервера.

content - вказує браузеру і пошуковикам що містить дана сторінка. У нашому випадку зазначено «text / html» - це значить у нас html сторінка з текстом. А також через крапку з комою вказується кодування сторінки. У нашому випадку кодування utf-8.

name: description | keyword

123456789

lt;htmlgt;lt;headgt;lt;titlegt; Головнаlt;/titlegt;lt;meta name="Description" content="Опис атрибута name тега meta"gt;lt;meta name="Keywords" content="Атрибут, мета-тег, опис атрибутів"gt;lt;/headgt;lt;bodygt;lt;/bodygt;lt;/htmlgt;

Важливим атрибутом для пошукових систем є атрибути description та keywords. Це не зовсім атрибути, а значення атрибута name. При індексації сторінки, пошукових робом переглядає дані теги і потім за даними ключовими словами може бути знайдений ваш сайт.

name = "description" - відповідає за короткий опис на сторінку, яке пишеться в сусідньому атрибуті content = "Опис атрибута name тега meta".

name = "keywords" - відповідає за ключові слова на сторінку / статті, які пишуться в сусідньому атрибуті content = "атрибут, мета-тег, опис атрибутів".

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

Більше практикуйтеся!