Створіть власний веб-сайт: ось як - крок за кроком

Крок 1: Розгляньте концепцію

© MclittleStock – Adobe Stock

Єдиним фактором, який робить усі веб-сайти однаковими, є те, що вони мають URL-адресу, тобто адресу в Інтернеті. Однак те, що відбувається далі, коли хтось телефонує за цією адресою, залежить переважно від ваших завдань. Це означає, що якщо ви прийняли рішення створити та мати власний веб-сайт, вам спочатку потрібно чітко визначити концепцію, яку ви хочете використовувати на ньому та з ним, або яку мету має служити сайт.

У 2021 році в Інтернеті було приблизно 1,88 мільярда веб-сайтів, але більшість із них можна віднести принаймні до однієї концептуальної категорії.

  • Блог як платформа для інформації та самопрезентації,
  • Корпоративний сайт, на якому компанія представляє себе,
  • Домашня сторінка як різновид головної навігації, можливо, для подальших підсторінок,
  • Цільова сторінка як особливий сайт, який не відволікає увагу з маркетингової точки зору.
  • Сайт журналу як інформаційний портал, збагачений мультимедіа,
  • Інтернет-магазин для торгівлі товарами та послугами та
  • Сайт-портфоліо для представлення власних робіт, наприклад фотографії.

Це правда, що жодне місце не висічено в камені. Тим не менш, на початку ви повинні ретельно подумати, яку концепцію ви хочете дотримуватися. Отже: ознайомтеся зі згаданими формами та подумайте, який варіант вам найбільше підходить.

Це важливо не лише з міркувань загальної орієнтації, а й тому, що з рішенням пов’язані інші позиції. Наприклад, дизайн, ємність і необхідні функції. Наприклад, якщо ви хочете продемонструвати себе як відеооператора на сайті свого портфоліо, вам, швидше за все, знадобиться значно більше пам’яті та швидшого підключення, ніж сайт журналу з лише текстом і кількома зображеннями.

Крок 2. Знайдіть відповідний домен

Кожна дитина потребує імені та адреси реєстрації. У переносному сенсі цей принцип також можна застосувати до вашого запланованого сайту. Тут спочатку необхідно знати необхідну термінологію між URL-адресою та доменом. Давайте візьмемо таку URL-адресу з нашого сайту комп’ютерних знань:

Тож це означає, що повна адреса дає URL-адресу (уніфікований покажчик ресурсу), тоді як домен - це лише фактична назва сайту плюс суфікс країни.А домен неймовірно важливий для вашого сайту. Тому що це те, що ваші відвідувачі або клієнти повинні запам'ятати і що пошукова система має оцінити. Тут встановлено низку стандартів, яких ви повинні дотримуватися якомога точніше:

  • Стислість – це родзинка: mickys-seite-für-freunde-von-modelleisenbahnen.de може давати правильну індикацію змісту, але вона надто довга. Загалом має бути максимум 20 символів; чим менше, тим краще.
  • Легко зрозуміти: оптимальний домен легко вимовити. Тому скорочення вказаного вище домену до m-s-f-f-v-m.de було б досить неоптимальним.
  • Зв’язок із вашим іменем: особливо якщо сайт присвячений вам або вашій компанії, ви повинні спробувати показати це унікальне ім’я в домені: modellbahn-micky.de.
  • Легко писати: хоча спеціальні символи та подібні символи роблять домен унікальним, часто їх дуже важко ввести, особливо для мобільних користувачів (згадайте віртуальні клавіатури мобільних телефонів). Тому зведіть їх до мінімуму.
  • Відповідний домен верхнього рівня: розширення країни має відповідати сайту. Тому .de є оптимальним для німецьких сайтів, але останнім часом тут багато чого сталося, тому можливо більше творчості.

Але, безумовно, найважливішим фактором, коли мова заходить про домени, є закон (про торговельні марки). Кожен домен має бути унікальним і жодним чином не нагадувати інший (більш відомий). Тому, коли ви назбираєте кілька ідей, необхідно перевірити кожну з них на відповідних порталах. Ви також повинні розширити цей пошук до загально зареєстрованих торгових марок; Німецьке відомство патентів і товарних знаків допоможе вам у цьому.

Якщо ви знайшли щось підходяще, ви повинні відреагувати якнайшвидше. Це означає введення домену від вашого імені. Кооператив DENIC є контактною точкою для доменів .de. Однак, якщо ви хочете налаштувати свій сайт за допомогою модульної системи (див. крок 5), зазвичай можна зареєструватися через постачальника, що зазвичай набагато дешевше.

Порада: домени, які закінчуються на 24 або є вигаданими іменами з великою кількістю голосних звуків, більше не вважаються особливо сучасними, і їх слід зберігати лише для давно відомих, визнаних доменів, але не для брендів нові сайти. Тому вам слід уникати таких речей, як modellbahn-micky24.de або modelidooro.de.

Крок 3: Налаштуйте сервер і хостинг

© MuzzyCo – Adobe Stock

До цього моменту єдине, що існує на вашому сайті, це зареєстрований домен. Однак, зрештою, все, що складає сайт, повинно знаходитися на якомусь комп’ютері – саме до нього мають доступ усі відвідувачі сайту. Технічно це називається хостингом. У вас є два основні варіанти для цього:

  • Самостійне розміщення: Це означає, що ви купуєте сервер та всі інші необхідні апаратні компоненти та встановлюєте їх у себе.Перевагою є відсутність поточних витрат і повний контроль над вмістом. Однак дуже невигідним є те, що ваше підключення до Інтернету потребує відповідної високої (і надзвичайно безпечної) пропускної здатності, щоб сайт справді був онлайн 24/7. Крім того, самостійне розміщення вимагає багато роботи, коли йдеться про підтримку сторінки.
  • Зовнішній хостинг: Ви бронюєте необхідний веб-простір у хостинг-провайдера. Оскільки такі компанії мають дуже великі сервери та найшвидші мережеві з’єднання, це дуже зручне та швидке рішення, яке також звільняє вас від більшості робіт з технічного обслуговування. Однак має бути зрозуміло, що ця послуга не безкоштовна.

Зокрема, якщо веб-сайт в першу чергу не призначений для отримання дуже великих продажів і ви не маєте глибокого досвіду роботи з апаратним забезпеченням, ми рекомендуємо почати зі стороннього хостингу. Фактично, якщо ви живете в районі з поганим зв’язком, це єдиний життєздатний варіант.Зрештою, ви не хочете, щоб ваші відвідувачі чекали непотрібно довго, поки сторінка відкриється на кінцевому пристрої.

Крок 4: Визначте структуру

© DragonImages - Adobe Stock

Якщо ви озирнетеся на computerwissen.de, ви швидко помітите, наскільки глибоко структурований цей сайт. Вам потрібно подумати так само, перш ніж приступати до створення «фізично» існуючого сайту. Оскільки застосовується наступне: навіть найпростіший веб-сайт не може відобразити все на одній сторінці з міркувань читабельності та ясності. У переважній більшості випадків це не виглядало б гарно візуально та не служило б призначеній меті.

Починати слід з тих елементів, які повинен мати кожен сайт, незалежно від його типу та подальшої структури:

  • Початкова сторінка:Усі відвідувачі повинні спочатку потрапити на цю сторінку.Це, так би мовити, коридор вашого сайту, з якого інші двері ведуть в інші кімнати (сторінки). Суть стартової сторінки полягає в тому, що кожен відвідувач може безпосередньо бачити, що його тут чекає, хто керує сайтом і що там можна робити і бачити.
  • Вихідні дані: У Німеччині та ЄС існує дуже повне зобов’язання щодо вихідних даних для всіх сайтів, які будь-яким чином служать комерційним цілям. У цьому випадку ваш веб-сайт повинен мати підсторінку з цією інформацією, інакше це взагалі заборонено.
  • Політика конфіденційності: Якщо ви збираєте особисту інформацію від відвідувачів у будь-який спосіб на Сайті (що іноді навіть включає файли cookie), ви також повинні надати політику конфіденційності. Це також має бути доступним на окремій підсторінці.

Крім того, ви значною мірою вільні визначати інші підсторінки. Однак завжди дотримуйтеся основного правила «як можна менше, скільки необхідно». Кожна сторінка має мати певну мету та відрізнятися від інших.

Може бути корисно заздалегідь намалювати деревоподібну структуру вручну - одна коробка для кожної сторінки. Крім того, ніколи не буде неправильно, якщо ви запропонуєте відвідувачам низький поріг можливості зв’язатися з вами на додаток до вихідних даних. Наприклад, з полем для зв’язку з нами електронною поштою.

Не забувайте, що відвідувачам складнішого сайту завжди потрібна можливість повернутися до головного меню одним клацанням миші. Не дарма сьогодні більшість сайтів використовують структуру з вкладками на початковій сторінці.

До речі, не потрібно винаходити велосипед. Що стосується цієї структури, ви цілком можете черпати натхнення з існуючих сайтів з такою ж темою.

Крок 5: Створіть базову структуру

© NicoElNino – Adobe Stock

Теоретична основа вашої онлайн-присутності вже готова.Але тепер треба, так би мовити, облаштовувати будівельний майданчик. Це означає, що вам потрібно подумати про те, як ви хочете спроектувати скелет сайту, який потім сформуєте візуально та з точки зору вмісту. Подібно до хостингу, у цьому випадку у вас знову є два варіанти:

  • Система керування вмістом (CMS): Це програмне забезпечення (часто з відкритим вихідним кодом), яке можна розширити та налаштувати за допомогою різноманітних модулів. Це робить CMS дуже гнучкою та потужною в цілому. Однак величезна кількість опцій означає, що вам доведеться докласти чимало зусиль, щоб усе не тільки виглядало добре, але й працювало і працювало однаково добре на всіх можливих кінцевих пристроях. Це означає, що системи CM можуть зробити багато, але також вимагають великої кількості навичок.
  • Модульна система: Для цього використовуйте продукт, який дозволяє виконувати всі необхідні завдання за допомогою системи від стороннього постачальника.У попередні часи рішення з точки зору варіантів дизайну були ще дуже обмеженими. Спеціальні модульні системи пропонують значно більше різноманітності та варіантів дизайну для створення сайту. Цю операцію також зазвичай досить легко освоїти.

Знову ж таки, вам, як початківцю, має бути легше покладатися на таке готове рішення. Це особливо актуально з огляду на той факт, що з сучасними модульними системами вам більше не доведеться турбуватися про втрату візуальної чи функціональної незалежності порівняно з іншими сайтами. Це важлива причина, чому конструктори веб-сайтів загалом отримали значну перевагу над CMS і тепер використовуються навіть дуже професійними операторами сайтів.

Крок 6. Виберіть відповідний дизайн

© stokkete – Adobe Stock

Ви вважаєте, що хороший веб-сайт робить вміст і зручність? Ні, це не правильно.Загальний веб-дизайн безсумнівно сприяє тому, щоб сайт був привабливим для його відвідувачів - зрештою, око теж переглядає.

Однак було б так само неправильно розбивати веб-дизайн лише на візуальний вигляд. Він скоріше складається з кількох будівельних блоків - знову ж таки, модульне рішення зазвичай краще для новачків. Тому що тут принаймні набагато складніше, іноді навіть неможливо, зробити певні дизайнерські помилки.

  • Колір, який відіграє важливу роль в унікальності та зручності використання вашого сайту. Існують також різні концепції кольорів залежно від орієнтації. Тому не полегшуйте собі цю задачу і, якщо необхідно, використовуйте відповідні інструменти.
  • Дизайн з точки зору часу завантаження. Завжди пам’ятайте, що кожен доступ передає дані в обох напрямках. Чим повільніше все завантажується з сайту, тим більша ймовірність того, що його відвідувачі швидко відмовляться.Відповідно, переконайтеся, що (відображена) графіка, анімація тощо створюються плавно навіть за поганих з’єднань і пристроїв із низькою продуктивністю. «Менше, часто краще» тут безперечно стосується.
  • Вигляд, пов’язаний із зображеннями та особливо шрифтами. Дуже привабливі шрифти можуть виглядати чудово, але іноді вони можуть ускладнювати читання вмісту. Знову ж таки, ви повинні знайти баланс між чистим зовнішнім виглядом і зручністю використання.
  • Структура з метою навігації або загальної орієнтації ваших відвідувачів. У принципі, ви повинні бути в змозі переконатися, що відвідувачі можуть отримати доступ до всього з кожної підсторінки якнайшвидше без необхідності багато шукати.

Хороший веб-дизайн завжди вражає своєю простотою, зрозумілою навігацією та блискучим вмістом. Все, що знаходить відвідувач, служить чіткій меті, немає нічого зайвого.

Останнє, але не менш важливе, такий сайт завжди базується на адаптивному дизайні. Це означає, що він структурований таким чином, що він автоматично адаптує весь дисплей до пристрою користувача - зокрема, з точки зору розміру екрана та орієнтації. Тому він не оптимізований для стаціонарних чи мобільних комп’ютерів, але адаптивний.

Крок 7: Введіть вміст

Цифровий «будинок», який ви побудували до цього моменту, закінчено, пофарбовано та обклеєно шпалерами. Тепер настав час подумати про меблі. Це підводить нас до вмісту, точніше до змісту.

Швидко пояснюється, що за цим стоїть: усе, що можна узагальнити під загальним терміном «мультимедійний контент».

  • зображення,
  • Відео,
  • Тексти та
  • Аудіофайли

є найважливішими носіями контенту. Те, що ви інтегруєте в цьому відношенні, залежить від концепції вашого веб-сайту, а також від опцій, які пропонує вам CMS або модульна система, і, крім того, простір для зберігання вашого веб-простору. Знову ж таки, є кілька основних правил, які вважаються ознакою якості хорошого веб-сайту:

  • Унікальність: лише з міркувань авторського права те, що ви презентуєте, не повинно бути доступним більше ніде в Інтернеті.
  • Досліджено: вміст повинен завжди (також) служити для підвищення рейтингу вашого сайту. Тому використовуйте інструменти wh-question та інші помічники, щоб дослідити, які потенційні клієнти найчастіше шукають для вашого сайту.
  • Поточний: Ви також повинні регулярно додавати новий вміст на свої сторінки, пам’ятаючи про рейтинг. Якщо для вас це має сенс, можливо, це також можна зробити як частину додаткового блогу.
  • Читабельність: Ваш письмовий вміст не обов’язково повинен відповідати всім критеріям Duden Society. Однак він має принаймні відповідати основним правилам орфографії та бути легким для читання в цілому, але він має відповідати вашому сайту з точки зору стилю.
  • Висока якість: нікого не цікавить вміст, який виглядає так, ніби його зібрали абсолютні непрофесіонали. Тому переконайтеся, що все, що ви представляєте, має високу якість, принаймні в технічному сенсі.
  • Цікаво: найкрасивіше відео, яке ви створюєте, марне, якщо ним цікавляться лише кілька відвідувачів. Тож думайте не лише про те, що ви хочете показати, а й про те, що хочуть побачити ваші відвідувачі.

На цьому етапі знову згадується авторське право. Ви обов’язково повинні потренуватися в цьому, тому що штрафи в цій сфері дійсно високі.

Крок 8: Подальша розробка сайту

© iLee – Adobe Stock

Десь раніше цього моменту настане момент, коли ви розмістите свій веб-сайт в мережі. Але, нарешті, на прикладі будівництва будинку, ділянка також ніколи не закінчується. Навпаки, їх потрібно постійно підтримувати та доглядати. Не стільки для зносу, скільки для того, щоб підтримувати його в актуальному стані.

На додаток до вже згаданого вмісту, є три ключові аспекти, які вимагатимуть вашої уваги в майбутньому:

  • Простота використання: Жоден сайт ніколи не є ідеальним у цьому відношенні. Не соромтеся знаходити час, щоб регулярно запитувати своїх відвідувачів про їхній досвід і побажання. Ви, звичайно, не повинні впроваджувати їх усі. Однак, коли певні речі накопичуються, ви повинні вжити заходів.
  • Безпека: в Інтернеті це постійна гра в кішки-мишки. І останнє, але не менш важливе: щоб захистити себе від хакерів і подібних злочинців, ви повинні переконатися, що ваш портал завжди оновлюється в цьому відношенні.
  • Стиль: те, що в цьому відношенні вважається сучасним мейнстрімом, також залежить від модних тенденцій. Ви вже можете це побачити, подивившись на те, як виглядав наш сайт у 2008 році.
  • Видимість: у багатьох сайтів є конкуренти. Тому спробуйте застосувати заходи з оптимізації пошукових систем, щоб ваш портал відображався якомога вище в пошукових системах, коли члени цільової групи шукають відповідні терміни.

Усе це не обов’язково вимагає від вас багатогодинної роботи на тиждень. Однак ви ніколи не повинні втомлюватися від певного догляду за своїм веб-сайтом - зрештою, це вимагало достатньо зусиль навіть без програмування.

Ви допоможете розвитку сайту, поділившись сторінкою з друзями

wave wave wave wave wave