Skip to content

Commit

Permalink
Дополняет доку <title> (#4720)
Browse files Browse the repository at this point in the history
* Дополняет текст

* Делает уточнение

* Принимает правку

Co-authored-by: Alena Batitskaia <solarrust@users.noreply.github.com>

* Улучшает текст

---------

Co-authored-by: Alena Batitskaia <solarrust@users.noreply.github.com>
  • Loading branch information
TatianaFokina and solarrust authored Sep 26, 2023
1 parent 2c3bf78 commit 2b92ff8
Showing 1 changed file with 22 additions and 3 deletions.
25 changes: 22 additions & 3 deletions html/title/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,9 +8,9 @@ keywords:
- тэг
- тег
related:
- html/seo-for-beginners
- html/meta
- js/dom
- tools/site-readers
- a11y/screenreaders
tags:
- doka
---
Expand All @@ -23,7 +23,7 @@ tags:

## Как пишется

Тег `<title>` прописывается в контейнере [`<head>`](/html/head/) и может содержать только текст.
Тег `<title>` прописывается в контейнере [`<head>`](/html/head/) и может содержать только текст. На странице может быть только один элемент `<title>`.

```html
<head>
Expand All @@ -38,6 +38,25 @@ tags:

</details>

Если добавите внутрь `<title>` другие теги, для браузера они будут частью текста.

### Как написать хороший заголовок

- Текст должен быть кратким (не больше 60 символов), понятным, однозначным и хорошо описывать содержимое страницы.
- Не включайте в заголовки ключевые слова и не используйте их для привлечения внимания.
- Делайте заголовки уникальными для каждой страницы.
- Если на сайте много страниц, добавьте в заголовок название раздела или сайта. Уникальное описание страницы расположите на первом месте, а за ним уже всё остальное. Например, «Краски для потолка — Стройматериалы — Мир красок».

Ключевые слова в заголовке не помогут продвинуться выше в выдаче. Даже наоборот, Google понизит такой сайт в ней.

### Доступность

Текст из `<title>` — это первое, что слышат пользователи [скринридеров](/a11y/screenreaders/), когда попадают на вкладку. Так что тег важен с точки зрения доступности.

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

О важности `<title>` для доступности говорит и [WCAG](/a11y/wcag/) — Руководства по доступности веб-интерфейсов. В руководствах есть [отдельный критерий про заголовки страниц](https://www.w3.org/WAI/WCAG21/Understanding/page-titled).

## Подсказки

💡 Когда пользователь гуглит твой сайт, то `<title>` страницы отображается в результатах поиска. Поэтому лучше сделать заголовок ёмким, понятным и цепляющим.
Expand Down

0 comments on commit 2b92ff8

Please sign in to comment.