diff --git a/.gitignore b/.gitignore index f6b6248..38ad57d 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,3 @@ .obsidian/ +.claude/ +.trash/ \ No newline at end of file diff --git a/16 — Глоссарий.md b/16 — Глоссарий.md new file mode 100644 index 0000000..aad702c --- /dev/null +++ b/16 — Глоссарий.md @@ -0,0 +1,660 @@ +--- +tags: + - сайт + - глоссарий + - термины + - seo + - разработка +created: 2026-02-16 +--- + +# 📖 Глоссарий терминов + +> [!info] Зачем этот файл +> Исчерпывающий справочник всех терминов, аббревиатур и понятий, используемых в документации по структуре сайта. Если встретили незнакомое сокращение в любом из файлов — ищите здесь. + +--- + +## Производительность и Core Web Vitals + +### LCP — Largest Contentful Paint + +**Что это:** Метрика Google, измеряющая время загрузки самого крупного видимого элемента на экране (обычно hero-изображение, видео или крупный блок текста). + +**Целевое значение:** ≤ 2.5 секунды + +**Почему важно:** Напрямую влияет на ранжирование в Google. Если hero-фото кирпича грузится 5 секунд — страница теряет позиции. + +**Как оптимизировать:** +- Использовать AVIF/WebP вместо JPEG/PNG +- Атрибут `fetchpriority="high"` на главном изображении +- Preload критических ресурсов +- CDN для раздачи изображений + +→ Упоминается в: [[01 — Главная]], [[03 — Карточка товара]], [[15 — Технические требования]] + +--- + +### INP — Interaction to Next Paint + +**Что это:** Метрика Google, измеряющая задержку между действием пользователя (клик, тап, нажатие клавиши) и визуальным откликом страницы. + +**Целевое значение:** ≤ 200 миллисекунд + +**Почему важно:** Если пользователь нажимает фильтр в каталоге, а результат появляется через секунду — это плохой INP. Пользователь уходит. + +**Как оптимизировать:** +- Минимизировать JavaScript на main thread +- Использовать AJAX-фильтрацию без перезагрузки страницы +- Web Workers для тяжёлых вычислений (конфигуратор) + +→ Упоминается в: [[02 — Каталог]], [[09 — Конфигуратор фасада]], [[15 — Технические требования]] + +--- + +### CLS — Cumulative Layout Shift + +**Что это:** Метрика Google, измеряющая визуальную стабильность страницы — насколько элементы «прыгают» при загрузке. + +**Целевое значение:** ≤ 0.1 + +**Почему важно:** Если изображение товара загружается и сдвигает текст/кнопки вниз — пользователь может случайно нажать не туда. Google это наказывает. + +**Как оптимизировать:** +- Атрибуты `width` и `height` на всех `` +- Резервирование места под lazy-loaded элементы +- Не вставлять контент выше существующего динамически + +→ Упоминается в: [[15 — Технические требования]] + +--- + +### CWV — Core Web Vitals + +**Что это:** Собирательное название трёх метрик Google: **LCP**, **INP**, **CLS**. Являются факторами ранжирования. + +**Инструменты проверки:** +- [PageSpeed Insights](https://pagespeed.web.dev/) +- Google Search Console → отчёт Core Web Vitals +- Chrome DevTools → вкладка Performance + +--- + +### TTFB — Time to First Byte + +**Что это:** Время от отправки запроса браузером до получения первого байта ответа от сервера. + +**Целевое значение:** ≤ 200 мс + +**Почему важно:** Если сервер отвечает медленно — все остальные метрики (LCP, INP) тоже страдают. Это база. + +**Как оптимизировать:** +- Быстрый хостинг / VPS +- CDN (CloudFlare, Fastly) +- Кэширование на стороне сервера +- SSR/SSG вместо CSR + +--- + +### FCP — First Contentful Paint + +**Что это:** Время до появления первого видимого контента (текст, изображение, SVG) на экране. + +**Отличие от LCP:** FCP — первый *любой* контент (может быть лоадер). LCP — самый *крупный* контент. + +--- + +## SEO-термины + +### SERP — Search Engine Results Page + +**Что это:** Страница результатов поиска Google/Bing. Всё, что видит пользователь после ввода запроса. + +**Почему важно:** Наша цель — попасть в топ SERP и выглядеть привлекательно (rich snippets, звёзды, FAQ). + +--- + +### E-E-A-T — Experience, Expertise, Authoritativeness, Trustworthiness + +**Что это:** Критерии Google для оценки качества контента и сайта. + +| Буква | Значение | Как демонстрировать на сайте | +|---|---|---| +| **E** — Experience | Личный опыт | Фото своего производства, реальные кейсы, видео с завода | +| **E** — Expertise | Экспертность | Технические статьи от именных специалистов, TDS, протоколы испытаний | +| **A** — Authoritativeness | Авторитетность | Сертификаты (ISO, CE), награды, упоминания в прессе, бэклинки | +| **T** — Trustworthiness | Надёжность | Контакты на каждой странице, юр. данные, отзывы, HTTPS, Privacy Policy | + +> [!important] Trust — самый важный +> Google прямо говорит: Trust — центральный элемент. Без доверия остальные факторы не работают. + +→ Упоминается в: [[01 — Главная]], [[03 — Карточка товара]], [[04 — О компании]], [[08 — Галерея проектов]], [[11 — Блог]] + +--- + +### Schema / Schema.org / Структурированные данные + +**Что это:** Специальная разметка (JSON-LD), которую вы добавляете в код страницы, чтобы Google точно понимал, что на ней находится: товар, отзыв, FAQ, компания и т.д. + +**Зачем:** Google использует Schema для отображения расширенных результатов (rich snippets) — звёзды, цены, FAQ прямо в поисковой выдаче. + +**Пример:** Если на карточке товара есть `Product` schema — Google может показать цену и рейтинг прямо в SERP. + +**Основные типы, используемые на сайте:** + +| Тип | Где | Что даёт в SERP | +|---|---|---| +| `Product` | [[03 — Карточка товара]] | Цена, наличие, рейтинг | +| `AggregateRating` | [[03 — Карточка товара]] | Звёзды ★★★★★ | +| `FAQPage` | [[03 — Карточка товара]], [[12 — FAQ]] | Раскрывающиеся вопросы-ответы | +| `BreadcrumbList` | Все страницы | Навигационная цепочка | +| `Organization` | Footer, [[04 — О компании]] | Knowledge Graph (панель справа) | +| `LocalBusiness` | [[05 — Представительства]] | Карта, адрес, телефон | +| `HowTo` | [[11 — Блог]] | Пошаговые инструкции | +| `Article` | [[11 — Блог]] | Дата, автор, превью | +| `ItemList` | [[02 — Каталог]] | Карусель товаров | +| `WebApplication` | [[09 — Конфигуратор фасада]] | Информация о приложении | + +--- + +### JSON-LD — JavaScript Object Notation for Linked Data + +**Что это:** Формат записи структурированных данных (Schema). Вставляется в `