1. Цель работы

Научиться проводить самостоятельный технический и контентный SEO-аудит веб-страницы, выявлять ошибки оптимизации, использовать профильные онлайн-инструменты и формировать практические рекомендации по улучшению позиций страницы в поисковых системах (Яндекс, Google).

2. Инструменты и обеспечение

  • Персональный компьютер с доступом в сеть Интернет.
  • Браузер (Google Chrome, Яндекс.Браузер или аналог) с открытыми инструментами разработчика (DevTools, клавиша F12).
  • Онлайн-сервисы для анализа:
    • Google PageSpeed Insights (pagespeed.web.dev)
    • PR-CY (pr-cy.ru) или Be1.ru (be1.ru) – для экспресс-аудита.
    • Яндекс.Вордстат (wordstat.yandex.ru) – для оценки частотности ключевых слов.
  • Текстовый редактор (Microsoft Word, LibreOffice Writer или Google Docs) для оформления отчета.

3. Индивидуальное задание

Каждый обучающийся получает уникальный URL веб-страницы с сайта coderbook.ru (например, страницу конкретной практической работы по PHP, Python, HTML и т.д.). Пример URL:https://coderbook.ru/web/php/практические-работы/php-практическая-работа-1/

Варианты

  1. PHP Практическая работа № 1 — Первый код
  2. Практическая работа № 2 — Динамический код
  3. Практическая работа № 3 — Переменные
  4. Практическая работа № 4 — Начало повторений
  5. Практическая работа № 5 — Условные конструкции
  6. Практическая работа № 6 — Создание документа
  7. Практическая работа № 7
  8. Практическая работа № 8 — Ввод данных в программу
  9. Практическая работа № 9 — Ввод данных в программу с использованием форм
  10. https://coderbook.ru/web/php/
  11. https://coderbook.ru/html/
  12. https://coderbook.ru/web/javascript/
  13. https://coderbook.ru/css/
  14. https://coderbook.ru/web/php/php-%d1%81%d0%bf%d1%80%d0%b0%d0%b2%d0%be%d1%87%d0%bd%d0%b8%d0%ba-%d1%8f%d0%b7%d1%8b%d0%ba%d0%b0/%d1%82%d0%b5%d0%b3%d0%b8-php/
  15. addcslashes
  16. addslashes
  17. bin2hex
  18. chop
  19. chr
  20. chunk_split
  21. convert_cyr_string
  22. convert_uudecode
  23. convert_uuencode()
  24. count_chars
  25. crc32
  26. crypt
  27. echo
  28. explode
  29. fprintf
  30. get_html_translation_table
  31. hebrev
  32. hebrevc
  33. hex2bin
  34. html_entity_decode
  35. htmlentities
  36. htmlspecialchars
  37. htmlspecialchars_decode
  38. implode
  39. join
  40. lcfirst
  41. levenshtein
  42. localeconv
  43. ltrim
  44. md5
  45. md5_file
  46. metaphone
  47. money_format
  48. nl_langinfo
  49. nl2br
  50. number_format
  51. ord
  52. parse_str
  53. print
  54. printf
  55. quoted_printable_decode
  56. quoted_printable_encode
  57. quotemeta

Задача: Провести полный SEO-анализ выданной страницы и составить отчет с рекомендациями по её оптимизации.

4. Ход работы (Пошаговое задание)

Этап 1. Анализ мета-тегов и заголовков

  1. Откройте выданную страницу в браузере.
  2. Нажмите Ctrl+U (Просмотр кода страницы) или откройте DevTools (F12), вкладка Elements.
  3. Найдите и проанализируйте тег <title>.
  4. Найдите и проанализируйте тег <meta name="description">.
  5. Просканируйте страницу на наличие заголовков <h1> – <h6> (в DevTools можно использовать поиск Ctrl+F по тегам h1, h2 и т.д.).

Этап 2. Технический анализ

  1. Скопируйте URL страницы и вставьте его в Google PageSpeed Insights. Зафиксируйте показатели для мобильных и десктопных устройств.
  2. Проверьте наличие и заполненность атрибута alt у всех изображений (<img>) на странице.
  3. Оцените URL-адрес страницы: является ли он ЧПУ (человеко-понятным), содержит ли кириллицу (как в примере), латиницу, транслит.

Этап 3. Контентный анализ и перелинковка

  1. Оцените объем текста на странице (приблизительно в знаках без пробелов).
  2. Определите главную ключевую фразу, по которой эта страница должна ранжироваться (например, «практическая работа по PHP 1»).
  3. Проверьте наличие этой ключевой фразы в: заголовке H1, тексте Title, первом абзаце текста.
  4. Подсчитайте количество внутренних ссылок (на другие страницы coderbook.ru) и внешних ссылок на странице.

Этап 4. Формирование рекомендаций

На основе выявленных недостатков составьте список конкретных действий по улучшению SEO-показателей страницы.

5. Методические рекомендации по выполнению

  • Title (Заголовок окна): Должен быть уникальным, длиной 50–70 символов. Главный ключ должен быть ближе к началу. Пример ошибки: «Практическая работа 1 | Coderbook» (слишком общий). Пример улучшения: «Практическая работа №1 по PHP: основы синтаксиса | Coderbook».
  • Description (Описание): Должен быть длиной 120–160 символов, содержать призыв к действию и ключевые слова. Если тег отсутствует – это критическая ошибка.
  • Заголовок H1: На странице должен быть строго один тег H1. Он должен логически продолжать или дополнять Title, а не дублировать его слово в слово.
  • URL-адрес: Ссылки вида %d0%bf%d1%80%d0%b0... (кириллица в кодировке) не являются ошибкой для Яндекса, но могут некорректно отображаться при копировании в соцсети. Рекомендация: использовать транслит или английские слова (например, /php-practice-1/).
  • Изображения: Если на странице есть скриншоты кода или логотипы, у них обязательно должен быть прописан атрибут alt="Описание того, что на картинке". Это важно для поиска по картинкам и доступности.
  • PageSpeed: Не требуйте от студентов идеальных 100 баллов. Важно, чтобы они увидели «узкие места» (например, неоптимизированные изображения или блокирующий рендеринг CSS/JS) и описали, как это исправить.

6. Требования к отчету

Отчет оформляется в виде документа (PDF или DOCX) и должен содержать:

  1. Титульный лист (ФИО, группа, тема, URL анализируемой страницы).
  2. Таблица 1. Анализ мета-данных и заголовковПараметрТекущее значение на страницеОценка (Норма/Ошибка)Рекомендуемое значениеTitle………Description………H1………
  3. Скриншоты результатов анализа из PageSpeed Insights (десктоп и мобильная версия).
  4. Анализ изображений: количество картинок всего / количество картинок без alt.
  5. Вывод и план оптимизации: нумерованный список из 3–5 конкретных шагов, которые необходимо выполнить разработчику сайта для улучшения SEO данной страницы (например: «1. Переписать Title, добавив ключевое слово ‘PHP’. 2. Добавить атрибут alt к двум скриншотам кода. 3. Сжать изображения для ускорения загрузки»).

7. Критерии оценки

  • «Отлично» (5): Отчет полный, содержит все требуемые разделы и скриншоты. Выявлено не менее 3-х реальных проблем страницы. Рекомендации конкретны, технически грамотны и напрямую решают выявленные проблемы.
  • «Хорошо» (4): Отчет полный, но рекомендации носят общий характер (например, «улучшить SEO», без конкретных примеров новых мета-тегов). Есть незначительные недочеты в оформлении.
  • «Удовлетворительно» (3): Отчет неполный, отсутствуют скриншоты или анализ части параметров (например, не проверен PageSpeed). Рекомендации поверхностны.
  • «Неудовлетворительно» (2): Работа не выполнена, анализ не проведен или скопирован у другого студента (одинаковые URL или идентичные формулировки выводов).

тема письма: ОиПВР — ПР 6 — ФИО

почта для отчетов: ytk.edu.ru@yandex.ru