Ivan Liashkevich
ef38a90059
- Created a sustainability page with detailed eco-friendly practices and certifications. - Added a contacts page featuring multiple communication channels and company details. - Introduced a comprehensive technical requirements document covering Core Web Vitals and SEO best practices. - Developed a glossary of terms related to performance, SEO, technical development, and marketing.
123 lines
5.6 KiB
Markdown
123 lines
5.6 KiB
Markdown
---
|
||
tags:
|
||
- сайт
|
||
- технические-требования
|
||
- seo
|
||
- cwv
|
||
- тренды-2026
|
||
created: 2026-02-16
|
||
---
|
||
|
||
# ⚙️ Технические требования (все страницы)
|
||
|
||
> [!info] Общие требования
|
||
> Этот документ описывает технические требования, которые применяются ко ВСЕМ страницам сайта. Используйте как чеклист при разработке и кросс-ревью.
|
||
|
||
## Core Web Vitals (2026)
|
||
|
||
| Метрика | Что измеряет | Целевое значение | Приоритет для сайта |
|
||
|---|---|---|---|
|
||
| **LCP** | Скорость загрузки | ≤ 2.5 сек | Hero-изображения, фото продукции: AVIF/WebP, `srcset`, CDN |
|
||
| **INP** | Интерактивность | ≤ 200 мс | Фильтры каталога, конфигуратор — минимум JS на main thread |
|
||
| **CLS** | Визуальная стабильность | ≤ 0.1 | `width`/`height` на всех `<img>`, reserve space для lazy-loaded |
|
||
|
||
---
|
||
|
||
## Изображения
|
||
|
||
- [ ] Формат: AVIF > WebP > JPEG (progressive)
|
||
- [ ] Lazy loading (Intersection Observer) для всех изображений кроме LCP
|
||
- [ ] `srcset` + `sizes` для responsive
|
||
- [ ] `width` и `height` атрибуты на каждом `<img>`
|
||
- [ ] Image CDN с автоматической оптимизацией
|
||
- [ ] Отдельная Image Sitemap
|
||
|
||
---
|
||
|
||
## Рендеринг
|
||
|
||
- [ ] SSR (Server-Side Rendering) или SSG (Static Site Generation) для каталога
|
||
- [ ] НЕ SPA для каталога — crawler должен видеть контент без JS
|
||
- [ ] Конфигуратор: lazy load WebGL-модуля после загрузки основного контента
|
||
|
||
---
|
||
|
||
## Schema.org (структурированные данные)
|
||
|
||
| Тип Schema | Страницы | Цель |
|
||
|---|---|---|
|
||
| `Organization` | Все (footer) | Knowledge Graph |
|
||
| `WebSite` + `SearchAction` | [[01 — Главная]] | Sitelinks searchbox |
|
||
| `Product` | [[03 — Карточка товара]] | Product rich snippets |
|
||
| `AggregateRating` + `Review` | [[03 — Карточка товара]] | Звёзды в SERP |
|
||
| `BreadcrumbList` | Все | Breadcrumbs в SERP |
|
||
| `FAQPage` | [[03 — Карточка товара]], [[12 — FAQ]] | FAQ rich snippets |
|
||
| `HowTo` | [[11 — Блог]] (монтаж) | How-to rich results |
|
||
| `LocalBusiness` | [[05 — Представительства]] | Local pack |
|
||
| `Article` + `Person` | [[11 — Блог]] | Article rich results |
|
||
| `ItemList` | [[02 — Каталог]] | Carousel в SERP |
|
||
| `ImageObject` | [[08 — Галерея проектов]] | Image license metadata |
|
||
| `WebApplication` | [[09 — Конфигуратор фасада]], [[10 — Калькулятор расхода]] | Software app info |
|
||
|
||
---
|
||
|
||
## Технический SEO чеклист
|
||
|
||
- [ ] Mobile-first indexing: весь контент доступен на мобильной версии
|
||
- [ ] HTTPS на всех страницах и ресурсах
|
||
- [ ] XML Sitemap: main + image + video
|
||
- [ ] `robots.txt`: блок фильтрованных URL каталога
|
||
- [ ] `hreflang` (если мультиязычный сайт)
|
||
- [ ] Canonical на каждой странице
|
||
- [ ] `<link rel="next/prev">` для пагинации
|
||
- [ ] Faceted navigation: `noindex` на low-value комбинации фильтров
|
||
- [ ] 404 страница с навигацией и поиском
|
||
- [ ] Редиректы: 301 для постоянных, без цепочек
|
||
- [ ] Скорость сервера: TTFB ≤ 200 мс
|
||
|
||
---
|
||
|
||
## Конверсионные элементы (все страницы)
|
||
|
||
- [ ] Sticky header: логотип + навигация + телефон + CTA «Заказать образец»
|
||
- [ ] Плавающая кнопка «Заказать образец» (mobile)
|
||
- [ ] Чат-бот / онлайн-консультант (Tawk.to / Intercom / кастом)
|
||
- [ ] Exit-intent popup: скачать каталог PDF
|
||
- [ ] Cookie consent (GDPR-compliant)
|
||
- [ ] Retargeting pixels: Meta Pixel, Google Ads, LinkedIn Insight Tag
|
||
|
||
---
|
||
|
||
## Оптимизация под AI-поиск (тренд 2026)
|
||
|
||
> [!important] AI Overviews
|
||
> Google AI Overviews и другие AI-ассистенты извлекают structured data и concise answers.
|
||
|
||
- [ ] Структурированные данные на всех страницах (см. таблицу выше)
|
||
- [ ] Concise answer blocks в начале каждой статьи (2-3 предложения)
|
||
- [ ] FAQ с чёткими, прямыми ответами
|
||
- [ ] Таблицы характеристик (легко парсятся AI)
|
||
- [ ] `speakable` schema (для голосовых ассистентов) — опционально
|
||
|
||
---
|
||
|
||
## Мониторинг
|
||
|
||
| Инструмент | Что мониторить |
|
||
|---|---|
|
||
| Google Search Console | Индексация, CWV, rich results, позиции |
|
||
| PageSpeed Insights | LCP, INP, CLS |
|
||
| Google Analytics 4 | Конверсии, поведение, воронки |
|
||
| Screaming Frog | Internal linking, canonicals, hreflang, мёртвые ссылки |
|
||
| Ahrefs / Semrush | Позиции, бэклинки, конкуренты |
|
||
| Hotjar / Microsoft Clarity | Heatmaps, session recordings, формы |
|
||
|
||
---
|
||
|
||
## Связанные страницы
|
||
|
||
- [[00 — Карта сайта]]
|
||
- [[01 — Главная]]
|
||
- [[02 — Каталог]]
|
||
- [[03 — Карточка товара]]
|