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-ошибок.
