Задание: HTML-верстальщик. Верстка сайта на WordPress (Дистанционная работа)
Здравствуйте! Необходимо выполнить вёрстку нового сайта, адаптировать его под разные устройства, перенести материалы со старого сайта и разместить готовый проект на хостинге. Техническое задание: 1. Выполнить полную вёрстку всех страниц сайта по макету в Figma для десктопной версии. 2. Адаптировать сайт под мобильные устройства и планшеты. Сайт должен корректно отображаться при разной ширине экрана. 3. Реализовать все состояния элементов, предусмотренные макетом: меню, выпадающие списки, формы, кнопки, всплывающие окна, слайдеры, вкладки, состояния наведения и другие интерактивные элементы. 4. Интегрировать вёрстку в используемую CMS и сохранить возможность редактирования страниц и материалов через административную панель. 5. Сохранить структуру и SEO-параметры текущего сайта: * структуру URL; * заголовки H1–H6; * хлебные крошки; * Title и Description; * теги и категории; * Canonical; * микроразметку; * robots.txt и sitemap.xml; * внутреннюю перелинковку. 6. При изменении адресов страниц настроить 301-редиректы со старых URL на соответствующие страницы нового сайта. Не допустить появления битых ссылок и страниц с ошибкой 404. 7. Перенести со старого сайта все статьи и связанные с ними данные: * тексты и форматирование; * изображения; * категории и теги; * даты публикаций; * авторов; * метатеги; * внутренние и внешние ссылки; * атрибуты Alt у изображений. 8. Провести аудит установленных плагинов. Перенести необходимые плагины и их настройки на новый сайт. Проверить совместимость с новой версией CMS и при необходимости согласовать замену устаревших плагинов. 9. Перенести и проверить все действующие интеграции: * формы обратной связи; * отправку заявок на электронную почту или в CRM; * онлайн-чат; * сервисы аналитики; * карты; * сторонние виджеты; * пиксели рекламных систем; * другие подключённые сервисы. 10. Настроить валидацию форм, уведомления об успешной отправке, обязательные поля, согласие на обработку персональных данных и защиту от спама. 11. Сохранить или перенастроить системы аналитики: Яндекс Метрику, Google Analytics и другие используемые счётчики. Проверить корректность целей и событий. 12. Оптимизировать скорость загрузки сайта: * сжатие изображений; * использование современных форматов WebP/AVIF; * Lazy Load; * минификацию CSS и JavaScript; * кеширование; * удаление неиспользуемого кода; * оптимизацию загрузки шрифтов. 13. Обеспечить корректную работу сайта в актуальных версиях Chrome, Safari, Firefox, Edge, а также в мобильных браузерах iOS и Android. 14. Проверить корректность отображения контента, меню, форм, кнопок, ссылок, изображений и интерактивных элементов на всех типах устройств. 15. Настроить базовую безопасность сайта, SSL-сертификат, резервное копирование и защиту административной панели. 16. Перед публикацией развернуть сайт на тестовом домене для проверки и согласования. 17. После согласования перенести сайт на основной хостинг, подключить домен и SSL-сертификат, проверить работу сайта после публикации. 18. Передать заказчику: * исходный код проекта; * доступы и инструкции по работе с сайтом; * список установленных плагинов; * информацию о внесённых изменениях; * резервную копию сайта и базы данных. 19. После переноса провести финальное тестирование: проверить страницы, формы, редиректы, аналитику, индексацию, скорость загрузки и отсутствие технических ошибок. 20. Предусмотреть гарантийный период на исправление обнаруженных ошибок после запуска сайта — например, 30 календарных дней.
