Важные моменты не видны глазу и клиенту, но очень важны

На старте работы

1. Закрыть сайт от индексации, пока он в разработке
Пусть поисковики не видят черновик. Настройка включается на время сборки и снимается прямо перед запуском.

2. Подключить jQuery на страницах сайта
Без этой библиотеки часть скриптов и интерактива может не заработать как надо.

Проверка проекта перед запуском

3. Фавикон
Иконка 120×120px — отдельно для светлой и тёмной темы. Плюс Apple/Android tile 180×180px. Это то, что человек видит во вкладке браузера и на экране телефона.

4. Бейджик для всех страниц
Размер 1200×630px. Именно он показывается, когда ссылку кидают в мессенджер или соцсеть. Без него ссылка выглядит голым текстом.

5. Title и Description на каждой странице
Не только на главной. Метатеги — это то, что видит поисковик, даже если пользователь их не замечает.

6. Разметка заголовков H1, H2, H3
Логичная иерархия на всех страницах. Помогает и поиску, и структуре текста.

7. Alt-теги у изображений
Картинки должны быть подписаны — для доступности и SEO. И на случай, если изображение не загрузится.

8. Блок плавного скролла T178 в футере
Нужен, если на сайте есть якорные ссылки. Иначе переходы внутри страницы будут резкими.

9. Отключить Lazy Load у ключевых элементов
Речь о логотипе, элементах навигации и иконках в zero-блоках. Иначе они могут подгружаться с задержкой и «мигать».

10. Внешние ссылки — в новом окне
Чтобы пользователь не терял ваш сайт, уходя по ссылке на сторонний ресурс.

11. Телефоны и e-mail — кликабельные ссылки
Чтобы можно было позвонить или написать в один клик, а не копировать вручную.

Если что-то из этого пропустить, сайт вроде бы работает, но ощущение «что-то не так» останется.