Как задать заголовок и описание страницы

Короткий ответ

В <head> добавьте <title> и <meta name="description">:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Fresh coffee in the city centre — The Bean</title>
    <meta name="description" content="Specialty coffee, cakes and breakfast all day. Open daily from 8 am to 10 pm.">
  </head>
  <body>
    <p>The title is shown on the browser tab, not on the page.</p>
  </body>
</html>

Где это видно

<title> — текст вкладки браузера, название закладки и синяя ссылка в поисковой выдаче. Описание поисковики часто показывают под этой ссылкой. От них зависит, нажмёт ли человек на ваш результат.

Как написать

• Заголовок — примерно до 60 символов, самое важное в начале, название сайта в конце.
• Описание — 120–160 символов: о чём страница и зачем на неё переходить.
• У каждой страницы свои заголовок и описание.

Поисковики могут заменить описание фрагментом текста страницы, если сочтут его точнее, — но хорошее описание они берут охотно.

Частая ошибка

Всем страницам сайта дают один и тот же <title>, например название компании. Во вкладках и в истории их не различить, а поисковик не понимает, чем страницы отличаются. Пишите в заголовке, о чём именно эта страница.