Веб-разработка

Учебник SEO для разработчиков для начинающих

20 уроков · 6 разделов · бесплатно, без регистрации

Начать с первого урока

Этот курс — про SEO с точки зрения того, кто пишет код, а не пишет тексты. Мы разберём, как поисковики краулят, рендерят, индексируют и ранжируют страницы, и что разработчик реально настраивает: title и meta-теги, заголовки, canonical, robots.txt, sitemap.xml, структурированные данные JSON-LD, Open Graph, серверный рендеринг для SPA, Core Web Vitals и грамотные 301-редиректы при миграциях.

Никакого маркетингового шума — только техника, которую можно потрогать руками. Живым примером по ходу служит наш сайт codechick.io: у него есть свой sitemap.xml, canonical на страницах и разметка JSON-LD. После курса вы будете понимать, почему сайт не индексируется, как не потерять позиции при переезде и как заставить Google показывать ваши страницы красивыми сниппетами.

Курс «SEO для разработчиков» состоит из 6 разделов и 20 уроков: Как работают поисковики, HTML для SEO, Управление индексацией, Структурированные данные и соцсети, SEO для современных сайтов и Продвинутый технический SEO. Уроки идут по порядку — от основ к более сложным темам, в каждом есть объяснение с примерами, а в конце — вопросы для самопроверки. К урокам привязаны задачи с автоматической проверкой: прочитали тему — сразу закрепили её кодом.

Программа курса

  1. 1 Как работают поисковики

    1. Что такое SEO для разработчика

      Что такое технический SEO и почему он — задача разработчика, а не только маркетолога. Зона ответственности кода в поисковой оптимизации.

    2. Краулинг, индексация, ранжирование

      Как именно поисковик обходит, индексирует и ранжирует страницы. Очередь обхода, инвертированный индекс и сигналы ранжирования простыми словами.

    3. Как Googlebot и Яндекс видят сайт

      Рендеринг страниц поисковыми ботами и бюджет краулинга. Чем взгляд Googlebot отличается от вашего браузера и как это влияет на индексацию.

    4. Технический SEO-аудит: что проверять

      Чек-лист технического SEO-аудита для разработчика: доступность, индексируемость, заголовки, скорость, дубли и редиректы. С чего начинать проверку сайта.

  2. 2 HTML для SEO

    1. title и meta description

      Тег title и meta description: как они формируют сниппет в выдаче, оптимальная длина, уникальность и типичные ошибки разработчика.

    2. Заголовки h1–h6 и семантика HTML

      Иерархия заголовков h1–h6 и семантические теги HTML5 для SEO и доступности. Почему ровно один h1 и зачем article, nav, main.

    3. Картинки, alt и оптимизация медиа

      Атрибут alt, форматы изображений и lazy-loading для SEO. Как сделать картинки доступными поиску и не убить ими скорость страницы.

    4. URL-структура и ЧПУ

      Человекопонятные URL (ЧПУ), слаги и иерархия путей для SEO. Как проектировать URL, которые понятны людям и поисковикам.

  3. 3 Управление индексацией

    1. Canonical и дубли страниц

      Тег rel=canonical против дублей страниц: как он работает, где ставится, типичные ошибки самоссылки и кросс-доменных канонов.

    2. robots.txt и meta robots

      Управление индексацией: robots.txt запрещает обход, meta robots noindex запрещает индексацию. Чем они отличаются и когда что использовать.

    3. sitemap.xml: генерация и отправка

      Карта сайта sitemap.xml: формат, генерация, динамические и индексные sitemap, отправка в Search Console. Зачем она нужна и что в неё класть.

  4. 4 Структурированные данные и соцсети

    1. Структурированные данные и JSON-LD

      Schema.org и JSON-LD: как размечать данные для поисковика. Формат, размещение в head и связь с rich results.

    2. Rich results: Article, Product, FAQ, Breadcrumb

      Типы rich results и их разметка: Article, Product с ценой и рейтингом, FAQPage, BreadcrumbList. Как получить расширенные сниппеты в выдаче.

    3. Open Graph и Twitter Cards

      Open Graph и Twitter Cards: как управлять превью ссылок в соцсетях и мессенджерах. Обязательные og-теги и картинка превью.

  5. 5 SEO для современных сайтов

    1. Проблема SPA и client-side rendering

      Почему одностраничные приложения (SPA) и client-side rendering создают проблемы для SEO. Пустой HTML, отложенный рендер и потерянный контент.

    2. SSR, SSG и гидратация

      SSR, SSG, динамический рендеринг и гидратация: как сделать JS-сайт дружелюбным к поиску. Почему Nuxt и Next хороши для SEO.

    3. Core Web Vitals и производительность

      Core Web Vitals: LCP, CLS, INP как сигналы ранжирования. Что измеряют эти метрики, целевые значения и как мерить через Lighthouse.

  6. 6 Продвинутый технический SEO

    1. Mobile-first индексация и HTTPS

      Mobile-first индексация и HTTPS как факторы ранжирования. Почему Google смотрит на мобильную версию и зачем сайту шифрование.

    2. hreflang и пагинация

      Международное SEO через hreflang и грамотная пагинация для поиска. Как размечать языковые версии и не терять контент за бесконечной прокруткой.

    3. Редиректы, 404 и инструменты разработчика

      301/302-редиректы и обработка 404 при миграциях без потери позиций. Search Console, Lighthouse, Rich Results Test и типичные ошибки, убивающие SEO.