AMP-оптимизация сайта VIDI Marine

1. Общая информация

• Название проекта: Оптимизация скорости и мобильной версии сайта VIDI Marine

• Ссылка на сайт: https://vidi-marine.com/ua/

• Основные задачи:

• Оптимизация скорости загрузки страниц.

• Внедрение AMP (Accelerated Mobile Pages) для мобильной версии.

• Улучшение SEO, структурированных данных и внутренней перелинковки.

• Оптимизация изображений для уменьшения времени загрузки.

• Валидация сайта в соответствии с Google Core Web Vitals.

2. Оптимизация скорости загрузки сайта

Анализ проблем:

• Большое количество внешних JS-скриптов замедляет загрузку.

• Некэшированные ресурсы и большие изображения.

• Отсутствие отложенной загрузки (lazy loading) для изображений и видео.

Решения:

• Удалить или отложить загрузку необязательных JS-скриптов (asynchronous / defer loading).

• Внедрить lazy loading для всех изображений и видео.

• Использовать кэширование статических ресурсов через .htaccess или соответствующий плагин (если сайт на CMS).

• Оптимизировать CSS, объединив несколько файлов в один (минимизация через CSS Minify).

• Использовать CDN (Cloudflare, BunnyCDN) для более быстрой загрузки контента.

• Внедрить сжатие изображений в формате WebP.

✅ Ожидаемый результат: Повышение оценки Google PageSpeed Insights до 85+.

3. Внедрение AMP (Accelerated Mobile Pages)

Анализ проблем:

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

• Текущий код содержит запрещенные скрипты, несовместимые с AMP.

Решения:

• Создать AMP-версию для главных страниц (главная, категории товаров, карточки товаров, блог).

• Использовать AMP-компоненты:

• <amp-img> – для изображений.

• <amp-video> – для видеоконтента.

• <amp-carousel> – для слайдеров.

• <amp-sidebar> – для мобильного меню.

• Оптимизировать стили (inline CSS, не более 75 KB).

• Использовать AMP-форму для обратной связи.

• Валидация AMP-версии через AMP Validator.

✅ Ожидаемый результат: Страницы AMP полностью проходят проверку Google и быстрее загружаются на мобильных устройствах.

4. Улучшение SEO и структурированных данных

Анализ проблем:

• Отсутствует структурированная разметка schema.org для товаров.

• Мета-теги не оптимизированы (длина заголовков/описаний превышает рекомендованные пределы).

• Отсутствует логическая внутренняя перелинковка.

Решения:

• Добавить структурированную разметку schema.org для товаров, категорий и статей блога.

• Оптимизировать meta title и description на всех страницах.

• Внедрить хлебные крошки (breadcrumbs) для улучшения навигации.

• Добавить открытые графы (Open Graph, Twitter Cards) для корректного отображения в соцсетях.

• Внутренняя перелинковка:

• Добавить блок “Похожие товары” на страницах товаров.

• Добавить блок “Читайте также” в блоге.

✅ Ожидаемый результат: Улучшение SEO-рейтинга и рост органического трафика.

5. Оптимизация изображений

Анализ проблем:

• Тяжелые PNG/JPG изображения без сжатия.

• Отсутствует адаптация под мобильные устройства.

Решения:

• Конвертировать все изображения в формат WebP.

• Использовать responsive images (srcset) для адаптивной загрузки.

• Оптимизировать большие изображения через TinyPNG или автоматические компрессоры.

✅ Ожидаемый результат: Меньшая нагрузка на сервер, более быстрая загрузка страниц.

6. Внедрение Google Core Web Vitals

Анализ проблем:

• Плохой LCP (Largest Contentful Paint) – долгое загрузка основного контента.

• Высокий CLS (Cumulative Layout Shift) – смещение элементов на странице.

Решения:

• Уменьшить размер шрифтов и стилей, используя font-display: swap.

• Отложить загрузку ненужных ресурсов (async и defer для скриптов).

• Добавить фиксированные размеры для всех изображений, баннеров и видео, чтобы избежать смещения контента.

• Использовать preload для самых важных ресурсов (шрифты, логотипы).

✅ Ожидаемый результат: Улучшение LCP, FID, CLS для соответствия Google Core Web Vitals.

7. Тестирование и проверка

• Валидация AMP через AMP Validator.

• Проверка скорости сайта через Google PageSpeed Insights.

• Тестирование Core Web Vitals в Google Search Console.

• Проверка SEO через Ahrefs / Screaming Frog.

8. Сроки выполнения

• Аудит сайта: 2-3 дня.

• Оптимизация скорости: 7-10 дней.

• Внедрение AMP: 10-14 дней.

• SEO-оптимизация: 5-7 дней.

• Финальное тестирование и исправление багов: 3-5 дней.

• Общий срок выполнения: 20-30 дней.

9. Требования к исполнителю

• Опыт работы с AMP и оптимизацией скорости сайтов.

• Понимание SEO и Core Web Vitals.

• Умение работать с CDN и кэшированием.

• Опыт со структурированными данными schema.org.

Ожидаемый результат после внедрения всех изменений

✅ Оценка Google PageSpeed Insights: 85+.

✅ Скорость загрузки: менее 2 секунд.

✅ Улучшение SEO и видимости в Google.

✅ Отсутствие AMP-ошибок.