Перейти к содержанию

Лабораторная работа №4 — Поисковая оптимизация (SEO)

1. Теория

1.1. Что такое SEO

SEO (Search Engine Optimization) — комплекс действий, направленных на повышение видимости сайта в поисковых системах по релевантным запросам.

1.2. Основные этапы SEO

  • Краулинг — поисковый робот сканирует сайт.
  • Индексация — информация о страницах сохраняется в поисковом индексе.
  • Ранжирование — определение порядка показа страниц по конкретным запросам.

1.3. Основные факторы SEO

  • Технический SEO: скорость, HTTPS, структура, robots.txt, sitemap.xml.
  • Контентный SEO: уникальность, релевантность, ключевые слова.
  • Внешний SEO: входящие ссылки.

1.4. Основные SEO-теги

Тег Пример Назначение
<title> <title>Курсы IT — Главная</title> Заголовок страницы и сниппета
<meta name="description"> <meta name="description" content="Учебный сайт про IT"> Описание сниппета
<meta name="robots"> <meta name="robots" content="index, follow"> Указания для роботов
<h1>–<h6> <h1>Основной заголовок</h1> Структура контента
<img alt> <img src="cat.jpg" alt="Котик"> SEO изображений и доступность

2. Задание

2.1. Создание проекта

  1. Создать папку my-site.

  2. Создать файлы:

  3. index.html

  4. about.html
  5. contacts.html

2.2. Заполнение index.html

Ниже пример HTML-кода (как текст):

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Курсы IT — Главная</title>
  <meta name="description" content="Учебный сайт про курсы IT. SEO-анализ сайта на GitHub Pages.">
  <meta name="keywords" content="курсы, IT, программирование, веб-разработка, SEO">
  <meta property="og:title" content="Курсы IT — Учебный сайт">
  <meta property="og:description" content="Учебный сайт про курсы IT. SEO-анализ сайта.">
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
  <header>
    <h1>Добро пожаловать на курс по IT!</h1>
    <nav>
      <a href="index.html">Главная</a>
      <a href="about.html">О нас</a>
      <a href="contacts.html">Контакты</a>
    </nav>
  </header>
  <main>
    <article>
      <h2>Почему IT?</h2>
      <p>IT — перспективная сфера.</p>
    </article>
  </main>
  <footer>
    <p>&copy; 2025 Курсы IT</p>
  </footer>
</body>
</html>

2.3. Оптимизация about.html и contacts.html

  • Уникальные <title> и <meta description>.
  • Структура заголовков <h1>–<h3>.
  • Добавить изображения с корректным alt.

2.4. Создание robots.txt и sitemap.xml

  • Создать robots.txt в корне.
  • Создать sitemap.xml со всеми URL.
  • Связать файлы:
Sitemap: https://yoursite.github.io/sitemap.xml

2.5. Публикация на GitHub Pages

  1. Создать репозиторий.
  2. Загрузить все HTML-файлы + sitemap + robots.
  3. Включить Pages: Settings → Pages.

2.6. Проверка и анализ

  1. Проверить сайт в Google Search Console и Яндекс.Вебмастере.
  2. Проанализировать сниппеты.
  3. Проверить индексацию.

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

  1. Что такое SEO и каковы его цели?
  2. Как происходит цикл: краулинг → индексация → ранжирование?
  3. Какие теги влияют на сниппет?
  4. Почему важны alt-тексты и единичный H1?
  5. Какие метрики скорости важны для SEO?
  6. Как помогают валидаторы (W3C, PageSpeed)?
  7. Как подтвердить сайт в Яндекс.Вебмастере?

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

Баллы Критерии выполнения
6 Сайт из 3 страниц опубликован на GitHub Pages. Сниппеты корректны: title ≤70, description ≤160, ключевые слова классифицированы (ВЧ/СЧ/НЧ), OpenGraph подключён. Проведена проверка сниппетов в Google Rich Results Test и Яндекс.Вебмастере (есть скриншоты). В отчёте таблица «ключевые слова → title → description → страница», анализ 1 конкурента, выводы о влиянии ключей на видимость. Работа структурирована и аккуратна.
5 Все страницы содержат корректные сниппеты (title, description, keywords, OpenGraph). Для каждой страницы подобраны ключевые слова и классифицированы. Проведены проверки, есть скриншоты. В отчёте таблица и краткий вывод.
3–4 Сайт из 3 страниц. Title и description прописаны. Ключевые слова подобраны, но без классификации. Проверка проведена, но выводы поверхностные. Таблица заполнена частично.
1–2 Сайт состоит только из 1 страницы. SEO-теги есть не везде или содержат ошибки. Нет таблицы ключей. Нет проверки сниппетов. Отчёт минимальный.
0 Работа отсутствует или загружен чужой сайт. Нет собственных сниппетов, ключей, отчёта.

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

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