Створити сайт. З чого почати?
Вам треба створити сайт, але при цьому ви не уявляєте, з чого почати?
Давайте розбиратися. Тому, що наші клієнти часто звертаються до нас з таким питанням, хотілося б відповісти на нього максимально докладно.
Вирушаючи в дорогу, потрібно хоча б приблизно уявляти, в який бік іти. Ми хочемо дати вам “путівник”, який призведе до успішного створення сайту.
Будь-який сайт, що ми робимо – це проект, який має певну мету, а відповідно і цільову аудиторію (ЦА). Знання своєї ЦА – це перший крок для створення сайту.
Отже, поїхали по-порядку.
Розробка сайту – комплекс робіт зі створення програмного коду, який в подальшому перетворюється браузерами в візуальну картинку.
Малюнок.1 Приклад коду сайту та його відображення у браузері
Це зрозуміло, але розробці передують підготовчі роботи, які є обов’язковими для успішного сайту.
Проектування і дизайн сайту
Ми з’ясовуємо цільову аудиторію – хто буде відвідувати ваш сайт? Хто цікавиться товаром або послугою? Яку поведінку ми очікуємо від користувача?
Відповівши на ці питання, можна починати працювати зі структурою. Тобто створювати прототип – детальний план сайту, зі зразковою кількістю сторінок, основними блоками і закликами до дії. Зрозуміло, у відповідності з усіма постулатами UX / UI дизайну. Тобто майбутній інтерфейс сайту повинен спонукати користувача до потрібної дії, при цьому бути максимально зрозумілим і зручним, цільним і привабливим.
Зазвичай прототип малюється в чорно-білому варіанті, без візуальних вишукувань (в ньому головне – структура). Прекрасно, якщо прототип буде клікабельним, коли можна перейти зі сторінки на сторінку.
Чому прототипування важливе? При чому навіть швидше для клієнта
Тут справа в економії тимчасових і грошових витрат.
При наявності прототипу все йде набагато легше. Всі правки, зауваження і побажання вносяться на цьому етапі – ціна помилки мінімальна. Адже погодьтеся, набагато легше на самому початку сказати, що на головній сторінці повинні бути мінливі слайди і можливість переходу в каталог товарів, ніж вносити ці правки на етапі дизайну і верстки.
Малюнок 2. Приклад прототипу сайта з різною структурою сторінок
Маючи затверджений прототип, можна переходити до написання контенту. Такого, який розкриває суть нашої діяльності, вигоди від співпраці з нами, показує переваги пропозиції і спонукає зробити замовлення.
При цьому наш контент повинен подобатися не тільки відвідувачам, але і роботам пошукових систем. Для цього складається семантичне ядро – саме на початковому етапі, це важливо.
На основі ключових слів пишемо тексти – які служать сигналами пошуковим системам, що це у нас за сайт і для кого. Головне, не забувайте вставляти в заголовки ключові слова (залишаючи їх унікальними) і прописувати метатеги. Цим займаються seo-фахівець і копірайтер, в ідеалі.
Малюнок.3. Приклад того, як відображає тайтл і дескрипшин Гугл для компаниї True Advertising Group
Їдемо далі. Прототип у нас вже є, основні тексти до нього написані. Тепер черга дизайну.
Зазвичай клієнт сам вибирає, чи треба йому унікальний дизайн або можна обійтися шаблоном. Але, в будь-якому випадку, дизайн повинен бути сучасним, таким, що відповідає важливим для користувача потребам та очікуванням, а головне – адаптивним. Тобто дизайнер розробляє дизайн сайту як для десктопів, так і для мобільної версії. Ми це робимо за замовчуванням, але якщо ви замовляєте цю послугу в іншому агентстві або у фрілансерів – зверніть увагу.
Статистика показує, що вже більше 50% відвідувань сайтів здійснюється зі смартфонів (особливо актуально для сфери послуг, кафе і ресторанів, продажу одягу і техніки). Тому робити або не робити – питання не повинно стояти взагалі.
Малюнок 4. Мобільна версія сайту одного з наших проектів
Час приступати до верстки! Також перевіряємо, як виглядає сайт у всіх браузерах всіх версій (кросбраузерність) і мобільних версіях різних пристроїв. Не забуваємо всі операційки – IOS, Android і Windows Mobile.
Просування нового сайту
Тільки тепер починається робота по просуванню сайту: контекстна реклама, просування в соціальних мережах і настройка інших інструментів інтернет-маркетингу.
Паралельно ми проводимо аналітику поточного становища сайту в пошуковій системі, аналізуємо, як користувачі потрапили на сайт і їх відношення до сайту. Чи все вони знайшли, чи зручно їм на нашому ресурсі. Адже відмова користувача від одного сайту – сигнал пошуковику про те, що потрібно підібрати інший сайт. І ось так губляться клієнти! А це не наш варіант.
Створення сайту, з чого почати – підведемо підсумки
Створення сайту включає в себе наступні кроки:
- ідея, УТП;
- структура сайту і збір семантичного ядра
- під свою цільову аудиторію збираємо семантику і цільові запити
- створюємо структуру сайту і функціональні елементи (кнопки, форми, опитування, спливаючі вікна і.т.д.)
- прототип і дизайн сайту
- розробляємо прототип сайту і промальовуємо дизайн
- опрацьовуємо функціональні кнопки, форми, конверсійні елементи
- підключення функціоналу та аналітики
- на кожен функціональний елемент ставимо відстеження подій в Google
Відкриваємо для індексації потрібні сторінки, і закриваємо непотрібні sitemap і robots.txt.
Чому важливо правильно формувати відкриті і закриті від індексації урли – прочитайте в інший нашій статті: “Правильні урли для великих інтернет-проектів”.
Не бійтеся починати і високих вам конверсій!
Loading...
