Сайт компанії Shabliovsky - це можливість розповісти про себе в інтернеті. Головна сторінка побудована по типу лендінга, є ключові блоки: перелік основних товарних позицій, інформативний блок про компанію, переваги співпраці з компанією, і заклик до дії. Крім того, на сайті є каталог продукції, де, з легкістю, можна переглянути асортимент продукції, прочитати про характеристики.
Був зроблений комплекс робіт:
Дизайн
- Розробка дизайну головної сторінки. На вибір даємо 2-3 розроблений дизайни сайту.
- Правки по дизайну. Корегування. Коли замовник вибрав дизайн, який йому сподобався, завжди є щось, що можна покращити.
- Узгодження дизайну – коли замовника влаштував дизайн. Ми починаємо його верстку.
Загальне
- Встановлення wordpress і бази даних sql. Після отримання доступу до хостинга і домена, ми відразу приступили до верстки сайту.
- Верстка головної сторінки згідно дизайну. Коли дизайн є на картинці, його потрібно реалізувати за допомогою html, css, jquery, php.
- Складання списку категорій і списку товарів, які будуть відображатись на сайті.
- Наповнення сайту товарами. В кожного товара є своя фотографія, характеристики, це все буде формувати майбутній каталог.
- Формування головної сторінки каталога. Тут зображені усі товари з каталога. Також зліва є фільтр товарів: товари розділені на категорії, і по зарактеристикам.
Тестування
- Перевірка працездатності каталога.
- Перевірка усіх посилань
Оптимізація
- Кросбраузерний код. Не всі користуються google chrome, тому потрібно щоб на всіх браузерах сайт виглядав однаково, так як ми запланували.
- Стискання картинок. Стиснені картинки не втрачають своєї якості і займають набагато менше місця. Це дозволить сторінкам сайту завантажуватись ще швидше.
- Включення кешування. Потрібно налаштувати кешування сайту на хостингу. Це допоможе пришвидшити сайт та зменшити нагрузку на хостинг. Також потрібно налаштувати параметри кешування сайту в браузерах відвідувачів. Наприклад, логотип сайту мінятись часто не буде, тому можна задати параметр, щоб логотип зберігався в браузерах відвідувачів (кеш браузера) більше 30 днів. При заході на сайт, частину інформації браузер бере зі свого кешу, тому на сервер навіть не звертається. Це, зновуж таки, пришвидшить сайт і зменшить нагрузку на хостинг сайту.
- Версія php7.0. Всі наші сайти ми робимо мінімум на 7-й версії php, тому що минулі версії вдвічі повільніші і мають багато недоліків. Весь інтернет працює на найновіших версіях php, тому потрібно рухатись вногу з часом.
- Стиснення коду сайту. Під час розробки, код пишеться в читабельному виді, по всім правилам. Щоб його можна було легко аналізувати та редагувати. Коли сайт готовий, код сайту максимально стискають. Забирають всі пробіли і лишні знаки. Це зменшує вагу сторінок на 30% і пришвидшує сайт .
Безпека
- Підключення протоколу https та встановлення сертифікату безпеки. Без протоколу, в браузері виводиться сповіщення, що перебування на сайті може бути не конфіденційним. Сертифікат безпеки повинна мати кожна компанія, яка хоче викликати довіру в своїх клієнтів.
Просування
- Додавання в панель вебмастра Гугла і яндекса, це перший дзвіночок пошуковим системам, що появився новий сайт. Буквально, в той самий день, пошукові системи знають про ваш сайт і починають його індексувати.
- Збір сематичного ядра (ключових запитів). Потрібно пропонувати на сайті ту інформацію, яку люди шукають. Для цього потрібні ключові слова і правильне їх використання.
- Вписування ключових слів на кожну сторінку, на кожну фотографію на сайті. Тобто seo налаштування і правильне позиціонування сайту.
- Встановлення карти сайту xml. Для пошукових систем – це карта всього вашого сайту. На ній зображені головні сторінки, другорядні, їх значимість та структура.
- Зображення карти сайту HTML. Мало хто нею користується, але вона теж сприяє кращому індексуванню вашого сайту.
- Ручне додавання сайту в каталоги підприємств.
- Підключення Google Analytics, Search Console для кращого аналізу позиціонування сайту.
Додатково
- Створення XML файлу для розетки. Всі, хто хоче продавати на розетці, повинні відправити їм перелік своєї продукції, розроблений по правилам rozetka, в форматі XML.