Розробка сайту на Shopify
Технічне завдання для розробки сайту на Shopify
Мета проекту
Створити функціональний і продуктивний сайт на платформі Shopify, що відповідає сучасним вимогам у наступних аспектах:
• Продуктивність (Performance): Відповідність рекомендаціям Google PageSpeed і Core Web Vitals з показниками не нижче 85/100.
• Доступність (Accessibility): Відповідність стандартам WCAG 2.1 рівня AA.
• Найкращі практики (Best Practices): Оптимальне використання ресурсів платформи Shopify.
• SEO-оптимізація (SEO-readiness): Максимальна готовність сайту до індексації та високого ранжування в пошукових системах.
1. Продуктивність і оптимізація
1.1 Мінімізація завантажень (по можливості і за необхідності, враховуючи особливості функціоналу Shopify):
• Використовувати тільки необхідні CSS і JS-скрипти, виключити надмірний код.
• Забезпечити Critical CSS для прискорення завантаження контенту в області above-the-fold.
• Виключити завантаження зовнішніх JS-скриптів у верхній частині сторінки.
1.2 Core Web Vitals:
• Сайт повинен відповідати основним метрикам Core Web Vitals, включаючи Interaction to Next Paint (INP).
• Проводити регулярне тестування через Google PageSpeed і GTmetrix.
1.3 Адаптивний дизайн:
• Оптимізувати сайт під різні пристрої (десктопи, планшети, смартфони).
• Використовувати сучасні технології CSS, такі як Flexbox і Grid.
1.4 Зображення:
• Підтримка WebP-формату і 2X Retina-версій зображень.
• Використовувати адаптивні розміри зображень.
• Автоматична оптимізація зображень при завантаженні (можна використовувати Shopify Apps).
2. Доступність (Accessibility)
2.1 WCAG 2.1 AA:
• Впровадити стандарти доступності WCAG 2.1 рівня AA для зручності користувачів з особливими потребами і проходження тесту Google Accessibility.
• Використовувати семантичні HTML5 елементи (<header>, <main>, <footer>, <section>, <article>).
• Забезпечити правильну ієрархію заголовків (H1, H2, H3, H4, H5…)
3. SEO-оптимізація
3.1 Основні параметри SEO:
• Використовувати вбудовані SEO-інструменти Shopify або підключити додатки (наприклад, SEO Manager або Plug in SEO).
• Вказати коректні метадані (title, description).
• Налаштувати Open Graph для соціального шеринга.
• Автоматичне оновлення XML Sitemap і її підключення в robots.txt.
3.2 Schema Markup:
• Впровадити актуальну розмітку Schema.org для покращення видимості в пошукових системах.
• Реалізувати розмітку для наступних типів контенту: FAQ, Товари, Відгуки, Відео.
• Перевірити коректність через інструменти Google Rich Results і Schema Validator.
3.3 Перенаправлення:
• Забезпечити коректну роботу 301-редиректів для збереження поточного трафіку при перенесенні старого сайту.
4. Навігація і структура
4.1 Користувацький досвід:
• Проста і інтуїтивно зрозуміла навігація.
• Реалізація хлібних крихт (Breadcrumbs).
• Мінімізація кількості кліків для досягнення кінцевої мети користувача (наприклад, покупки товару).
4.2 Валідність коду:
• Усі сторінки повинні проходити перевірку через W3C Validator без критичних помилок.
• Код HTML, CSS і JavaScript повинен відповідати стандартам W3C.
5. Інтеграції і додатки
5.1 Рекомендовані додатки:
• SEO Manager або аналог для управління SEO.
• Додаток для оптимізації зображень (наприклад, TinyIMG).
• Додаток для автоматизації кешування і прискорення завантаження за погодженням на фінальному етапі.
5.2 Форми і взаємодії:
• Підключити форми з захистом від спаму через Google reCAPTCHA.
• Можливість інтеграції з Telegram-ботами для сповіщень (опціонально).
6. Безпека
6.1 Заходи захисту:
• Забезпечити доступ до сайту тільки через HTTPS з використанням SSL-сертифіката.
• Налаштувати автоматичні резервні копії.
• Включити двофакторну аутентифікацію для адміністративних облікових записів.
6.2 Оновлення:
• На момент здачі сайт повинен мати крайні версії всіх використовуваних додатків і модулів
7. Тестування і запуск
7.1 Етапи тестування:
• Перевірка продуктивності через Google PageSpeed і GTmetrix.
• Тестування адаптивності на різних пристроях і браузерах.
• Повний функціональний тест форм, редиректів і інтерактивних елементів.
7.2 Запуск:
• Забезпечити мінімальну втрату індексації і позицій сайту при переході.
• Провести аудит через Google Search Console.
• Моніторинг помилок і усунення виявлених проблем протягом першого місяця.
8. Особливості функціоналу
8.1 Закріплене меню при прокрутці вверх
8.2 Імпорт поточних відгуків з сайту і з Amazon (без посилання на нього).
8.3 Під час чекауту в кошику є можливість зробити upsell / cross-sell з іншими товарами.
-
11 днів65 607 UAH
373 11 днів65 607 UAHПривіт, гарного дня
Я можу розробити ваш веб-сайт на 4 сторінки з повною відповідністю стандартам W3C, забезпечуючи чистий, перевірений HTML, CSS та JavaScript. Сайт буде оптимізовано для SEO, продуктивності та безпеки, інтегруючи:
✔ Менеджер SEO та оптимізацію зображень
✔ Google reCAPTCHA для форм
✔ HTTPS з SSL та автоматичними резервними копіями
✔ Двофакторна аутентифікація для адміністратора
✔ Тестування продуктивності (Google PageSpeed та GTmetrix)
…
Додаткові функції, такі як фіксоване меню, імпортовані відгуки та можливості додаткових продажів/перехресних продажів на етапі оформлення замовлення, будуть реалізовані. Я також буду моніторити та виправляти проблеми після запуску.
Давайте обговоримо ваші потреби детальніше
Ось деякі з моїх портфоліо:Freelancehunt
-
44 дні62 880 UAH
3020 27 0 44 дні62 880 UAHДоброго часу)
Останні роботи!
https://www.cardanmash.com.ua/
http://floridagardendesigns.com/
https://sugacards.com/
https://advilion.com
http://axiomaplus.com.ua/
… https://maxinstal.ch/
https://brokersrealestate24.com/
http://otpad.com.ua/
https://hotelkolos.com/
http://spectrum.net.ua/
Детальне обговорення, поради, уподобання, оцінка в особистих обговореннях!
-
12 днів66 893 UAH
465 12 днів66 893 UAHПривіт
Я можу забезпечити безпечний, високопродуктивний веб-сайт з плавною функціональністю, безшовними інтеграціями та оптимізованим користувацьким досвідом. Давайте обговоримо деталі та почнемо
-
10 днів64 320 UAH
1120 10 днів64 320 UAHДоброго дня, пропоную реалізувати унікальний та продуманий сайт саме під вас і вашу нішу, приклад персонального підходу https://doshidoshi.com/ (доставка суші в Одесі) або https://buket.in.ua/ (лендинг).
Зазвичай бюджети на розробку 1000$, але якщо у вас немає можливості, то готовий реалізувати в бюджет.
-
15 днів64 320 UAH
188 15 днів64 320 UAHВітаю! Можемо розпочати прямо зараз.
Задача повністю зрозуміла!
Дизайн, розробка, налаштування та тестування – усе включено.
Напишіть, щоб обговорити Ваш проект!
-
15 днів64 320 UAH
323 15 днів64 320 UAHДоброго дня!
Я готовий якісно та швидко виконати ваше замовлення, забезпечивши оптимальне співвідношення ціни та термінів.
Буду радий обговорити деталі та розпочати роботу!
-
10 днів64 320 UAH
2830 19 0 10 днів64 320 UAHДоброго дня. Готовий виконати, враховуючи всі пункти з ТЗ. Напишіть в особисті повідомлення, будь ласка, буду радий співпраці.
Актуальні фриланс-проєкти в категорії Створення сайту під ключ
Варіант 1 (найкращий): Створення сайту-каталогу для бренду будівельних матеріалів MiFido
7000 UAH
Заголовок: Створення сайту-каталогу для виробництва будівельних матеріалівОпис:Потрібно створити сайт-каталог для бренду будівельних матеріалів "MiFido".Сайт має бути простим, зрозумілим і надійним.Вимоги до проєкту:Платформа: WordPress.Функціонал: Каталог продукції з описами та… Створення сайту під ключ ∙ 17 хвилин тому ∙ 9 ставок |
Перенести домен без складнощівПотрібно перенести домен до іншого оператора. Є нюанси, потрібно, щоб все пройшло гладко Потрібно перенести домен до іншого оператора. Є нюанси, потрібно, щоб все пройшло гладко Створення сайту під ключ, Супровід сайтів ∙ 9 годин 47 хвилин тому ∙ 25 ставок |
ТЗ по оптимізації сайтуЗробити ТЗ по оптимізації сайту https://drive.google.com/drive/folders/1ksd-ps9prKU1OHcZJXAHSMU9lOjBa_1T В пошуках людини на постійне співробітництво! Створення сайту під ключ, Супровід сайтів ∙ 11 годин 52 хвилини тому ∙ 39 ставок |
Розробка сайту-візитки
27 000 UAH
Розробка сайту-візитки для стоматологічної клініки з формою запису на прийом. Обов'язкова мобільна версія. Створення сайту під ключ ∙ 12 годин 28 хвилин тому ∙ 143 ставки |
Створити сучасний преміальний лендинг для кейтерингової компанії.Потрібна розробка преміальної landing page для Wedding Catering в Edmonton, Canada. Бізнес: Ukrainian Catering Послуга: весільний кейтеринг у форматі buffet catering. Мета landing page: отримувати заявки від клієнтів, які шукають кейтеринг на весілля. Потрібно зробити сучасну,… Створення сайту під ключ ∙ 23 години 55 хвилин тому ∙ 104 ставки |