Лабораторная работа №9 - Итоговый проект: аудит и презентация

1. Теоретическая часть

Аудит веб-приложения — это комплексная оценка качества сайта с точки зрения технического исполнения, визуальной составляющей и маркетинговых параметров.

Основные направления аудита

• Техническая оптимизация — скорость загрузки, кеширование, адаптивность, структура кода.
• SEO-аудит — корректность тегов <title>, <meta description>, наличие sitemap.xml, robots.txt, структура ссылок.
• Контент-аудит — тексты, заголовки, уникальность, читаемость, смысловая структура.
• Графический аудит — вес изображений, форматы, retina-адаптация, lazy-loading.
• Аналитический аудит — корректность UTM-меток, работа аналитики (GA4 / Метрика), корректность событий.

---

2. Практические задания

2.1. Выбор проекта для аудита

1. Выберите любой свой сайт из лабораторных работ №5–№8.
2. Он должен быть доступен онлайн: GitHub Pages / Replit / CodePen.
3. Скопируйте ссылку для анализа.

---

2.2. Технический аудит

Используемые инструменты:

• PageSpeed Insights
• GTmetrix
• Chrome DevTools → Lighthouse

Что необходимо сделать:

1. Проверить сайт сервисом PageSpeed или GTmetrix.

2. Зафиксировать показатели:

3. Performance

4. Accessibility
5. Best Practices
6. SEO
7. Заполнить таблицу:

Показатель	Значение	Рекомендация
Performance
Accessibility
SEO

---

2.3. Контент и визуальный аудит

Проверить:

• наличие заголовков h1–h3;
• корректность alt у изображений;
• единый стиль текста и отступов;
• адаптивность от 360 до 1920 px;
• скриншоты проблем «до» и «после».

---

2.4. SEO-аудит

Проверить:

• корректность тегов <title> и <meta description>;
• наличие файлов robots.txt и sitemap.xml;
• валидность карты сайта;
• структурность URL.

---

2.5. Анализ рекламных меток UTM

Создайте таблицу:

Ссылка	Источник	Кампания	Проверка
/promo?utm_source=vk&utm_campaign=sale	vk	sale	работает
/blog?utm_source=telegram&utm_medium=social	telegram	social	отсутствует utm_term

---

2.6. Презентация результатов (5–7 слайдов)

Обязательно включить:

• цель проекта;
• скриншоты сайта;
• результаты аудита (до/после);
• изменения и улучшения;
• выводы и рекомендации.

---

2.7. Итоговый отчёт

В отчёте должны быть:

• цели аудита;
• инструменты;
• таблицы;
• скриншоты;
• анализ;
• выводы.

---

3. Контрольные вопросы

1. Что входит в технический аудит веб-приложения?
2. Какие показатели оценивает PageSpeed Insights?
3. Зачем анализировать robots.txt и sitemap.xml?
4. Какие ошибки чаще всего встречаются при SEO-аудите?
5. Почему необходимо проверять ALT-описания изображений?
6. Что означают показатели Performance / Accessibility / SEO?
7. Как интерпретировать оценку 70–80 в PageSpeed?
8. Что такое CTR и зачем он при анализе кампаний?
9. Зачем включать презентацию в итоговый проект?
10. Какие рекомендации можно дать после комплексного аудита?

---

4. Чек-лист для самопроверки

Баллы	Критерии выполнения
7	Проведён полный аудит: технический + контентный + SEO + рекламный (UTM). Оформлены отчёт и презентация. Все выводы аргументированы.
6	Выполнен аудит и есть презентация, но отсутствует одно направление анализа (например, нет SEO или нет рекламы).
5	Выполнен частичный аудит, отсутствуют анализ PageSpeed или проверка UTM-меток.
3–4	Предоставлены только отдельные результаты тестов без пояснений и анализа.
1–2	Аудит поверхностный, отсутствуют выводы, нет отчёта.
0	Работа не выполнена или не соответствует теме.

---

Скачать шаблон отчёта

👉 Скачать шаблон отчёта