Уроки по веб-программированию

Урок 3 — Заголовок, описание, ключевые слова, favicon

Описание сайта
Для продвижения сайтов в поисковых системах и показа информации о сайте в поисковой выдаче используются метатеги <description> и <keywords>. А для отображения названия страницы и «маленького значка» в адресной строке используются теги <title> и <link> соответственно. Все они размещаются в контейнере <head>.

1 шаг

Разберем тег <title>. Он используется для вывода названия страницы в адресной строке.
Вид заголовка в адресной строке
Данный тег очень простой в использовании, достаточно разместить название вашей страницы между открывающимся и закрывающимся тегом.

Уроки по веб-программированию
2 шаг

Сразу же добавим нашему сайту маленькую иконку, которая называется favicon. Для этого просто используем тег <link> со специальными настройками (в моем случае, favicon находится в корневой папке сайта).


Стоит заметить, что favicon должен быть размером 16×16 и иметь формат ICO. Большая коллекция таких «значков» находится на сайте Faviconka.ru — заходите, выбирайте.

3 шаг

Тег <description> используется поисковыми системами для вывода краткой информации о сайте в поисковой выдаче. Если же данного тега нет, то выводятся первые встречающиеся слова на странице, которые оказываются обычно не в тему.


4 шаг

Для описания ключевых слов, встречающихся на странице используется метатег <keywords>. В последнее время поисковые системы особо не обращают внимание на данный метатег из-за людей, пытающихся попасть в топ поисковой выдачи :(


На этом урок окончен.