Як створити сайт

Редагувати користувачем Maluniu, Arina.Iv, Zareen і ще одним іншим

Створення сайту - це відмінна можливість поділитися зі світом своїми ідеями та думками. Але якщо ви ніколи раніше не створювали сайтів, це може здаватися бентежить. Всі ці http-точка-щось і і , як розмістити зображення або текст між ними ... Ця стаття допоможе вам зрозуміти складності дуже швидко.

Кроки

Метод 1 з 3: Підготовка та проектування сайту

1. 

   1

   Виберіть тему. Якщо у вас вже є хороша ідея, про що буде ваш сайт, пропустіть цей крок. Якщо ідей немає, ось кілька порад, які допоможуть вам їх знайти. Для початку зрозумійте, що в інтернеті мільйони людей, і у досить великої кількості з них є сайти. Якщо ви обмежуєтеся думкою, що потрібно зробити щось, чого не було раніше, то ви ніколи не зрушите з точки.
   • Кращий рада з самого початку: «Робіть те, що вам цікаво». Зосередьтеся на темі, в якій ви розбираєтеся. Таким чином, ваш сайт буде відображати всі вашу увагу, яку ви приділяєте їй.

     

   • Яка думка першою приходить вам в голову, коли ви думаєте про інтернет? Електронна торгівля? Музика? Новини? Соціальні мережі? Блоги? Все це хороші точки для старту. Ви можете створити сайт, присвячений улюбленої музичної групи та організувати чат, в якому відвідувачі зможуть обговорювати її. Якщо ви любитель новин або хочете створити щось менш фильтруемое, ніж звичайні медіа, створіть сайт з відкритими стрічками новин від Reuters, BBC, AP і т.д. Створіть свій власний агрегатор новин (що прийнято називати дивним ім`ям «газета») і виводите в ньому всі новини, які тільки можуть відображатися в електронному вигляді.
   • Створіть сайт про свою сім`ю, життя, друзів, вільному часу. Звичайно, подібна тема навряд чи прокладе шлях до вашого сайту для цілого світу, але для вашої родини точно. Ви навіть можете створити сайт про себе, вашій другій половинці, дітей або навіть про те божевільному дядькові Ерні і його тренованою ігуані. Це може бути і опис вашого сімейного дерева. Замість того, щоб відправляти рідним щорічні «сімейні новини» у вихідні, ви можете публікувати їх на сайті.
     
     

2. 

   2

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

     

3. 

   3

   Зробіть це реальністю. Після того, як у вас буде готова ідея і план створення, наступним пунктом, про який потрібно подумати, буде те, як ви будете створювати сайт. Всі варіанти можуть не вкластися в голові, а люди будуть пропонувати вам купити те і це, а також будь-який інший елемент, який неодмінно повинен бути на вашому сайті. Коли все стане абсолютно ясним, залишиться лише прийняти кілька основних рішень. Ось плюси і мінуси:
   • [b]Створення сайту самостійно. Якщо у вас є програма для створення сайтів, наприклад, Adobe Dreamweaver, не так вже й складно створити сайт з нуля.

     

     • Плюси: програма створення дизайну веб-сайту спрощує процес його створення, дозволяючи вам переміщати зображення, тексти, кнопки, відеофайли і все, про що ви тільки можете подумати, без необхідності розбиратися в HTML. Багато програми створення дизайну дозволять вам навіть створювати сайти, адаптовані під смартфон або планшет. Якщо ви створюєте простий особистий сайт, це дійсно відмінний спосіб.
     • Мінуси: незважаючи на те, що немає необхідності розбиратися в HTML, все ж передбачається деякий навчання. Якщо ви дуже поспішаєте, можливо, це не кращий спосіб. Можливо, найбільший мінус полягає в тому, що, не будучи графічним дизайнером, ви можете створити сторінку, ріжучу очей. Для зниження такого ризику існує велика кількість безкоштовних шаблонів в самих програмах створення дизайну і в інтернеті, але слід пам`ятати про обмеження, якщо такі у вас є.
   • [b]Use a hosting site. Wordpress пропонує на вибір майже 200 тем, які ви можете почати використовувати відразу ж. Є варіанти індивідуальної настройки теми, і в ви можете керувати сайтом скрізь, де тільки є доступ до інтернету.

     

     • Плюси: Продукт дуже легкий в освоєнні і використанні, є безліч опцій налаштувань для «новачків», а також досить складні і для «досвідчених» користувачів.
     • Мінуси: Не всі теми настроюється і безкоштовні.
   • [b]Вивчіть HTML і створіть сайт з нуля. HTML здається складним, але це подібно до сприйняття на слух твори Шекспіра: це здається складним спочатку, але як тільки ви відчуєте їх, складність пропадає.
     • плюси: Ви зможете налаштовувати сайт як захочете, і не потрібно буде нікому платити за це.
     • Мінуси: Програмування підходить не всім. Можливо, ваш мозок більше налаштований на мистецтво чи бізнес, а не нову мову з синтаксисом, позірним абсолютно незнайомим (але слід мати на увазі, що це стільки ж систематизовано, скільки і складно). Для цього також потрібно навчання, тому, як і у випадку з використанням програми для створення сайту, важливим фактором є час.
   • [b]Збільшуйте свій обсяг знань. Якщо ви вирішите зануритися в основи програмування, є способи розширити знання HTML, а це означає додати більше функціональних можливостей вашому сайту і зробити його «серйозніше». Якщо ви створюєте професійний сайт, це дозволить вам досягти того рівня, який необхідний у будь-яких бізнес-починаннях.
     • CSS, розшифровується як "Каскадні таблиці стилів". CSS дозволяє додати більше гнучкості в оформленні стилями HTML і полегшує внесення основних змін в оформлення сайту (шрифти, заголовки, колірна схема) в одному місці, з поширенням цих змін на весь сайт.
     • XHTML - це мова для створення сайтів, стандартизований W3C. Він майже ідентичний HTML, але має правила розмітки інформації кілька суворіше. В цілому це означає кілька змін при написанні коду.
     • Придивіться до HTML5. Це п`ята редакція основного стандарту HTML, і, можливо, вона замінить поточну версію HTML (HTML4), а також XHTML.
     • Вивчіть скриптовой мову, що виконується на стороні клієнта, наприклад, javascript. Це дозволить додати інтерактивні елементи на сайт, наприклад, графіки, карти, і т.д.
     • Вивчіть скриптовой мову, що виконується на стороні сервера (наприклад, PHP, ASP з javascript або VB Script або Python), який може змінити відображення сайту для різних категорій користувачів і дозволить створювати або редагувати форуми. Використання цих мов також дозволить зберігати інформацію про людей, які відвідують сайт: їх логіни, налаштування, а для комерційних сайтів також тимчасові «кошика» зі списком покупок.
     • AJAX (Асинхронний javascript і XML) - це технологія, що дозволяє використовувати скрипт, що виконується на стороні клієнта із запитом інформації з сервера без необхідності оновлення сторінки сайту, що часто значно скорочує час очікування відвідувачем і впливає на його враження про сайт, хоча і додає навантаження. Для сайтів з великою кількістю відвідувачів або комерційних сайтів - це прекрасне рішення.
   • [b]Найміть фахівця. Якщо ви не плануєте самостійно займатися дизайном і вивчати мови програмування і протоколи, особливо якщо мова йде про складне сайті, то найняти фахівця було б кращим рішенням. Перш ніж зробити це, попросіть поглянути на портфоліо і уважно прочитайте відгуки.

4. 

   4

   Реєстрація доменного імені. Якщо ви обмежені в коштах, є варіанти купити дешеве доменне ім`я. Вибрати доменне ім`я, яке легко запам`ятати і проговорити по буквах. Якщо ви використовуєте доменне ім`я, що закінчується на .com, ваш сайт чекає більше відвідувачів, але більшість імен вже зайняті, тому проявіть фантазію.
   • Зверніть увагу на Network Solutions, GoDaddy або Register.com для пошуку і вибору ідеального доменного імені для вашого сайту. Wordpress пропонує також можливість використовувати їх домен третього рівня, наприклад, mywebsite.wordpress.com. Але якщо ім`я, які ви вибрали, також доступно як .com, ви побачите повідомлення, коли увійдете до системи.
   • Ви можете зареєструвати доменне ім`я, якщо воно не "припарковано" або вільно для покупки онлайн на спеціальних сайтах. Доброю ідеєю буде отримати юридичний і фінансовий поради перед тим, як купити дороге доменне ім`я.

5. 

   5

   Досліджуйте ваш сайт. Перед тим, як запустити сайт, ретельно перевірте його. Більшість програм створення веб-дизайну мають можливість тестування сайту без необхідності його запуску. Перевірка коду на наявність відсутніх тегів, битих посилань, недоробок, оптимізація пошукових запитів - це ті чинники, які можуть вплинути на трафік і доходи вашого сайту. Ви також можете безкоштовно і в лічені хвилини згенерувати повну карту сайту для пошукових систем, як Google.

Метод 2 з 3: Тест-драйв сайту і публікація

1. 

   1

   Зробіть пробний запуск вашого сайту. Після того, як ви закінчите створення сайту, проведіть тестування на зручність і простоту його використання. Ви можете попросити друзів або членів сім`ї перевірити сайт. Дайте їм певне завдання, наприклад, відредагувати свій профіль або купити светр з вовни альпака на сторінці з акціями. Сядьте поряд з ними і спостерігайте, як вони ходять по сайту, що не допомагайте їм. Цілком можливо, ви знайдете області, в яких потрібно оптимізувати навігацію або пояснити інструкції.
   • Складіть список того, що викликає у них труднощі або не є для користувача інтуїтивно зрозумілим.





2. 

   2

   Опублікуйте сайт. Виберіть веб-хостинг і завантажте ваш сайт. На хостингу може бути функція завантаження файлів по FTP, або ви можете завантажити собі на комп`ютер програму для завантаження файлів по FTP, наприклад, FileZilla або CyberDuck. Якщо ви найняли спеціаліста для дизайну сайту, він також зможе зробити це для вас (але все ж має сенс ставити питання, щоб розуміти, як це відбувається).
   • Майте на увазі, що є способи також розмістити сайт безкоштовно.

Метод 3 з 3: Оцінка сайту

1. 

   1

   Визначте цілі. Сайт, який ви створюєте, може існувати заради забави або прибутку або того й іншого одночасно. Якщо ви знаєте, чого очікуєте від сайту, вам буде легше спроектувати сайт, а також проаналізувати і зрозуміти результати. Ось кілька пунктів, які ви повинні враховувати:
   • Прості контентні сайти вимагають менше вкладень. Але вони також мають більше конкурентів, тому будь-хто може зробити контентний сайт. Для того, щоб отримувати прибуток від подібного сайту, ви розміщуєте інформацію, а розміщення реклами, наприклад, за допомогою Google AdSense, збільшує трафік і, отже, приносить вам прибуток. Для оптимізації оголошень AdSense ви повинні цілеспрямовано скласти контент, щоб він був цікавий і приводив більше відвідувачів на сайт. Використовуйте також певні ключові слова і терміни, які користувачі вводять в пошукових запитах. Постарайтеся приділити увагу цьому аспекту, інакше контент сайту постраждає, і користувачам він не сподобається.

     

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

2. 

   2

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

3. 

   3

   Обмежте концепт. Якщо ви робите це заради грошей, які ідеї можуть принести більше прибутку? Які ідеї вимагають більше вкладень? Які ідеї здаються гідними бути втіленими? Ви витратите якийсь час, працюючи над сайтом, тому оберіть ідею, що викликає в вас більше ентузіазму (це вигідно і практично для вас).

4. 

   4

   Проведіть дослідження ключових слів. Це необхідно, щоб зрозуміти, чи шукають користувачі теми, що відносяться до вашого сайту, а також може бути корисним для вивчення ваших потенційних клієнтів. Додаток усвідомлених зусиль при включенні актуальних ключових слів на сайті також може дозволити вашому сайту отримати більш високі позиції в рейтингу пошукових систем. Є інструменти від Google (наприклад, [b]google.com/trends/ і[b]google.com/insights/search/# ), Overture, а також сторонні програми, що дозволяють спростити процес дослідження ключових слів.
   • Розподіліть вибрані ключові слова по тексту, але не на шкоду змісту.
   • Створення сторінок, оптимізованих під пошукові системи, допоможе легко знаходити ваш сайт, що набагато важливіше дизайну. Що хорошого в сайті, який ніхто не бачить?

5. 

   5

   . Коли сайт буде запущений, ви захочете залучити відвідувачів, тобто потрібно дати їм знати про це!
   • Надішліть ваш сайт на індексацію основними пошуковими системами. Є сайти, які допоможуть вам це зробити, або ж ви можете зробити це самостійно.
   • Розкажіть друзям. Пишіть в twitter про це постійно. Додавайте інформацію про сайт в оновленнях статусу в Facebook, публікуйте скріншоти в Flickr, додайте посилання на нього в свій профіль на LinkedIn: важливо робити це скрізь і всюди. Чим більше відвідувачів буде у сайту, тим краще.
   • Використовуйте e-mail адресу з вашим доменним ім`ям. Відвідуйте інші сайти, які доповнюють ваш (але не конкурують), пропонуйте обмінюватися посиланнями або гостьовими записами в блозі. Пишіть конструктивні коментарі в блоках і форумах і залишайте посилання на сайт в підписі.
   • Використовуйте контентний маркетинг. Створення SEO-оптимізованих статей і розміщення їх на інших сайтах є іноді корисним способом створити зворотні посилання на ваш сайт. Це може допомогти вам підвищити рейтинг сайту в пошукових системах, а також завжди бути в курсі оновлень пошукових систем, що часто впливає на SEO стратегії і може зробити їх непотрібними або навіть знизити рейтинг вашого сайту.

6. 

   6

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

Поради

• Відвідувачі часто поспішають. В середньому, у вас є від 3 до 7 секунд, щоб привернути погляд користувача, тому подумайте серйозно про те, що несетітелі вашого сайту бачать першим. Щоб скоротити час завантаження сайту, не перевантажуйте його важкої графікою. Використовуйте стиск, де це можливо. Використовуйте помітні технології javascript, Flash, Streaming Audio / Video, і т.д. економно і тільки якщо це дійсно важливо для уявлення.
• Знайдіть популярні сайти і, навіть якщо вони не дуже поєднуються з вашим, використовуйте їх як зразок. Що вони роблять правильно? Що цікавого в їх відображенні, утриманні, в тому, як ви рухаєтеся по сайту? Увімкніть відповідні аспекти того, що ви дізнаєтеся від перегляду цих сайтів в свій власний сайт, адаптуючи під свої вимоги.
• Почніть з простих речей, практикуйтеся, знайдіть способи вдосконалювати їх. Навіть якщо те, що ви робите на самому початку виглядет не надто вражаючим. Не прагніть відразу кидатися в глиб процесу.
• Якщо ви продаєте якийсь продукт, який користувачі знайдуть через пошукові системи, переконайтеся, що вони відразу ж побачать його, коли зайдуть на ваш сайт. Чим більше відвідувач клацає, тим більш імовірно, що він піде на інший сайт.
• Якщо ви наймаєте фахівця для написання коду складного сайту, майте на увазі, що програмістів не дизайнери. Більшість ефектних сайтів були створені із залученням спеціаліста з графічного дизайну. Кращим радою, особливо для складного сайту, буде найняти хорошу команду для цієї роботи: дизайнери проектують зовнішній вигляд і уявлення сайта- програмісти роблять всю внутрішню частину, щоб сайт работал- маркетологи позиціонують сайт і дбають про його релевантності в поіске- а контент-менеджери створюють вміст.
• Якщо ви плануєте продавати продукти через свій сайт, ви повинні мати можливість приймати платежі кредитними картами безпечним способом. Ви можете відкрити комерційний рахунок, з якого списуються комміссія за транзакції, або використовувати безкоштовні платіжні сервіси, як PayPal. Завжди уважно читайте інформацію, надруковану дрібним шрифтом. Майте на увазі, що багато кредитних фонди вимагають гарантії у разі втрати або пошкодження відправленого товару (також зверніть увагу на страхування).

Попередження

• Не захоплюйтеся особливо "новітніми радами" маркетингових сайтів. Якщо деякі поради корисні, і до них варто прислухатися, то більшість з них марні. Маркетинг не наука, це тривалий і постійно мінливий експеримент. Ви кращий суддя того, як працюють (чи ні) ваші стратегії просування. Найдієвіший підхід з усіх - це прислухатися до вашим відвідувачам і вчитися на їхньому досвіді.
• Ніколи не обманюйте довіру відвідувачів. Поважайте їх особисту інформацію. Спам, докучливі спливаючі вікна, недоречна реклама зіпсують вашу репутацію. Одним із способів завоювати довіру є чітко сформульоване положення про конфіденційність. Додайте помітну посилання на ваше положення про конфіденційність на кожній сторінці сайту, а також скрізь, де запращівается особиста інформація відвідувача. Додайте онлайн справжню контактну інформацію. Якщо вам необхідно розмістити рекламні оголошення на сатй, поясніть відвідувачам причину і покажіть, що робите найкраще, щоб зробити їх відвідування приємним. І дійсно думайте так!
• Запам`ятайте: ніколи не видаляйте дані про свій рахунок (логін, пароль і т.д.). Якщо у вас немає даних, а ви їх забули, у вас не буде можливості більш працювати з сайтом. Що ще важливіше, так це нікому не давати ці дані (крім адреси сайту).
• Якщо ви використовуєте контент з іншого сайту, будь то зображення, код javascript або що завгодно, отримайте дозвіл і вкажіть на їх використання. Якщо ви цього не зробите, на вас можуть подати в суд.