Как да направим първия си сайт без програмиране

Може ли наистина да се направи сайт без програмиране

Да. Съвременните системи като WordPress ви позволяват да направите напълно работещ и красив сайт само с мишката и клавиатурата, без да пишете код. Програмирането е нужно само ако искате нещо съвсем уникално, което не съществува като готова тема или разширение.

Преди години сайтът означаваше да наемете програмист или да учите HTML. Днес процесът прилича повече на подреждане на презентация: избирате готов дизайн, сменяте текстовете и снимките, добавяте блокове с бутони и форми. Хостингът се грижи за сървъра, а системата за управление на съдържание се грижи за кода.

Ако още не сте сигурни какво точно е домейн, хостинг и сайт, започнете с Каква е разликата между домейн, хостинг и сайт. А за системата, която ще използваме в тази статия, прочетете Какво е WordPress и защо е толкова популярен.

Стъпка 1: Планирайте сайта

Преди да купите каквото и да е, отговорете на три въпроса: защо ви е сайтът, за кого е и какво трябва да направи посетителят. Тези отговори ще ви спестят часове колебания по-късно.

Нарисувайте карта на сайта

Вземете лист и напишете кои страници ще има сайтът. За първи сайт пет до седем страници са напълно достатъчни. Повече страници означават повече текстове за писане и поддръжка, а по-малко, но добре направени страници работят по-добре от много празни.

Начало
├── Услуги
├── Цени
├── За нас
├── Галерия
├── Блог (по желание)
└── Контакти

Стъпка 2: Подгответе съдържанието

Съдържанието е най-бавната част от създаването на сайт, затова го подгответе предварително: текстове, снимки, лого, контакти и цени. Дизайнът се подрежда за минути, но текстовете изискват мисъл.

Как да пишете текстове за сайта

• Пишете за клиента, а не за себе си. Вместо „Ние сме водеща фирма“ напишете какъв проблем решавате.
• Кратки абзаци. Повечето хора четат от телефона. Два до четири реда на абзац е добро правило.
• Ясни заглавия. Посетителят трябва да разбере съдържанието само като прегледа заглавията.
• Конкретика. Адрес, квартал, работно време, какво точно включва услугата.
• Призив за действие. Всяка страница завършва с ясен следващ ход: обадете се, запишете час, пишете ни.

Стъпка 3: Изберете и регистрирайте домейн

Домейнът е адресът на сайта, например salon-roza.bg. Изберете кратко, лесно за изговаряне и запомняне име, свързано с фирмата ви.

Добрият домейн е без излишни тирета и цифри, без трудни за изписване думи и, ако е възможно, съвпада с името на фирмата. За фирма, която работи основно в България, .bg е естествен избор, а за международна аудитория .com е по-универсален. Подробни съвети ще намерите в Как да изберем име на домейн и .com или .bg домейн.

Самата регистрация отнема няколко минути: проверявате дали името е свободно в търсачката за домейни, добавяте го в количката, попълвате данните си и плащате. Стъпка по стъпка процесът е описан в Как да регистрираме домейн.

Стъпка 4: Поръчайте хостинг

За първи сайт споделеният хостинг е най-добрият избор: достатъчно мощен, лесен за управление и на достъпна цена. Важното е да поддържа WordPress, да има безплатен SSL, автоматични бекъпи и поддръжка, към която да се обърнете.

Ако искате да разберете разликите между видовете хостинг, вижте Какво е хостинг и Видове хостинг. Плановете на CometRiders можете да разгледате на страницата Хостинг.

Стъпка 5: Свържете домейна и включете SSL

Ако домейнът и хостингът са поръчани на едно място, връзката обикновено се прави автоматично. Ако са на различни места, насочвате домейна към хостинга чрез DNS.

Подробно ръководство с примери за DNS записи ще намерите в Как да свържем домейн с хостинг, а защо HTTPS е задължителен обяснихме в Какво е SSL сертификат.

Стъпка 6: Инсталирайте WordPress

В контролния панел на хостинга изберете автоматичния инсталатор, посочете домейна, въведете потребителско име, парола и имейл за админ и натиснете „Инсталиране“. След минута сайтът е готов.

• Потребителско име: не използвайте admin. Изберете нещо, което не е очевидно.
• Парола: дълга и уникална. Запазете я в мениджър на пароли.
• Имейл: истински адрес, до който имате достъп. На него ще идват известия и възстановяване на паролата.
• Език: изберете български още при инсталацията.

След инсталацията влизате в админ панела на адрес вашият-домейн.bg/wp-admin. Там ще прекарате по-голямата част от времето си: оттам се добавят страници, сменя се дизайнът и се инсталират разширения.

Първите три настройки

1. „Настройки“ и „Общи“: име на сайта, кратко описание, часова зона на София.
2. „Настройки“ и „Постоянни връзки“: изберете „Име на публикацията“, за да са адресите четими.
3. Изтрийте примерната публикация, примерната страница и примерния коментар.

Стъпка 7: Изберете тема и дизайн

Темата е готовият дизайн на сайта. Изберете лека, обновявана тема, която изглежда добре на телефон и поддържа блоковия редактор.

В админ панела отворете „Външен вид“, после „Теми“ и „Добавяне на нова“. Можете да филтрирате по вид на сайта, например бизнес, портфолио или блог. Натиснете „Преглед“, за да видите темата с примерно съдържание, преди да я инсталирате.

Цветове и шрифтове

Изберете два до три основни цвята, свързани с логото, и един или два шрифта. Повече цветове и шрифтове правят сайта пъстър и непрофесионален. В „Външен вид“ и „Редактор“ на блоковите теми можете да смените цветовата палитра и шрифтовете за целия сайт наведнъж.

Стъпка 8: Създайте основните страници

Всеки фирмен сайт има нужда от няколко основни страници: Начало, Услуги, За нас и Контакти. Към тях добавете Цени, Галерия или Блог според нуждите си.

За да създадете страница, отворете „Страници“ и „Добавяне на страница“. Въведете заглавие, а после добавяйте блокове с бутона „+“: параграф, заглавие, снимка, бутон, колони. Много теми предлагат готови шаблони (patterns) за секции като „Услуги в три колони“ или „Отзиви“, които просто попълвате със собствено съдържание.

Структура на заглавната страница

1. Горна секция: ясно изречение какво правите и бутон, например „Запишете час“.
2. Услуги: три до шест карти с най-важните услуги.
3. Защо вас: няколко конкретни предимства.
4. Снимки: кратка галерия или снимка на екипа.
5. Чести въпроси: отговори на въпросите, които ви задават най-често.
6. Контакт: телефон, адрес и бутон за действие още веднъж.

Стъпка 9: Меню, лого и заглавна страница

Менюто трябва да е кратко и ясно: пет до седем точки, подредени по важност. Логото стои горе вляво и води към началната страница.

• Задайте начална страница: в „Настройки“ и „Четене“ изберете „Статична страница“ и посочете страницата „Начало“.
• Качете логото: в редактора на сайта изберете блока за лого в горната част.
• Добавете иконка на сайта (favicon): малкото изображение, което се вижда в раздела на браузъра.
• Подредете менюто: Начало, Услуги, Цени, За нас, Контакти. Бутонът за действие може да е отделен и в различен цвят.
• Долна част (footer): контакти, работно време, социални мрежи, връзки към правните страници.

Стъпка 10: Форма за контакт и имейл

Формата за контакт позволява на клиентите да ви пишат директно от сайта. Добавя се с безплатен плъгин за форми и праща съобщенията на вашия имейл.

За да изглеждате професионално, използвайте имейл с вашия домейн, например info@salon-roza.bg, вместо безплатна поща. Как се създава такъв адрес обяснихме в Имейл с домейн. За да стигат писмата от формата до входящата кутия, а не до спама, настройте SPF, DKIM и DMARC.

Стъпка 11: Подгответе сайта за Google

За да ви намират в Google, сайтът трябва да е видим за търсачките, да има ясни заглавия и описания, карта на сайта и да е регистриран в Google Search Console.

• Видимост: в „Настройки“ и „Четене“ проверете, че опцията „Обезсърчаване на търсачките“ не е отметната.
• SEO плъгин: инсталирайте един SEO плъгин. Той създава карта на сайта и ви позволява да задавате заглавие и описание на всяка страница.
• Заглавия: всяка страница има едно заглавие H1 и подзаглавия H2 и H3.
• Местоположение: пишете града и квартала, в който работите. Хората често търсят „фризьор Лозенец“.
• Профил в Google: създайте безплатен бизнес профил в Google, за да се показвате в картите.
• Search Console: добавете сайта и изпратете картата на сайта. Ще посветим на това отделна статия.

Стъпка 12: Правни страници и бисквитки

Ако сайтът събира лични данни, например чрез форма за контакт, ви трябва Политика за поверителност. Ако използвате бисквитки за статистика или реклама, ви трябва и известие за бисквитките.

WordPress създава чернова на Политика за поверителност автоматично. Попълнете я с вашите данни: кой е администраторът на данните, какви данни събирате, защо, колко време ги пазите и как клиентите могат да поискат изтриването им. Ако продавате онлайн, ще ви трябват и Общи условия и информация за правото на отказ.

Стъпка 13: Проверете всичко преди пускане

Преди да споделите сайта, минете през кратък чеклист: телефон, връзки, форми, скорост и правопис.

Ако искате да правите промени, без да рискувате живия сайт, можете да си направите тестово копие на поддомейн като test.salon-roza.bg. Как, вижте в Какво е поддомейн.

Стъпка 14: Пуснете сайта и го споделете

Когато чеклистът е изпълнен, сайтът е готов. Споделете адреса навсякъде, където клиентите ви ви търсят.

• Добавете връзка към сайта в профилите си в социалните мрежи.
• Сложете адреса в бизнес профила си в Google.
• Добавете го в подписа на имейла си.
• Отпечатайте го на визитките, менюто, табелата и опаковките.
• Изпратете го на редовните си клиенти с кратко съобщение.

Какво да правите след пускането

Сайтът е жив организъм. Обновявайте го редовно, добавяйте ново съдържание и следете какво работи.

Блогът е един от най-добрите начини да привличате посетители от Google. Всяка статия, която отговаря на реален въпрос на клиентите ви, е нова врата към сайта. Например фризьорски салон може да пише за грижата за боядисана коса или за прически за абитуриентски бал.

Колко време и какви разходи да очаквате

Самата техническа част отнема няколко часа. Подготовката на текстовете и снимките обикновено отнема повече. Задължителните разходи са само за домейн и хостинг.

Цените на домейните и хостинга можете да видите на страниците Домейни и Хостинг. Платени теми и плъгини са по желание. За първи сайт безплатните варианти обикновено са напълно достатъчни.

Пример: сайт на фризьорски салон

Ето как изглежда целият процес в реален сценарий от началото до края.

Ден 1: План и съдържание

Собственичката на салон „Роза“ записва целта: повече записвания за часове от хора в квартала. Решава сайтът да има пет страници: Начало, Услуги и цени, Галерия, За нас и Контакти. Прави снимки на салона и на няколко прически с разрешение от клиентките, пише кратки текстове за всяка услуга и списък с честите въпроси.

Ден 2: Домейн, хостинг и WordPress

Проверява и регистрира salon-roza.bg, поръчва споделен хостинг, включва SSL и инсталира WordPress на български с един клик. Избира проста тема с пастелни цветове, качва логото и задава началната страница.

Ден 3: Страници, форма и пускане

Създава страниците от готови шаблони, добавя таблица с цени, галерия и форма за записване. Инсталира SEO плъгин, попълва Политиката за поверителност, проверява всичко на телефона си и изпраща тестово съобщение. Вечерта добавя връзката в профилите в социалните мрежи и в бизнес профила в Google.

Чести грешки при първия сайт

Повечето проблеми при първия сайт идват от прекалени амбиции или от пропуснати основни настройки.

• Твърде много страници от самото начало. Празни страници с „Очаквайте скоро“ изглеждат недовършено.
• Дизайн преди съдържание. Седмици избор на тема без готови текстове.
• Тежки снимки. Снимки направо от фотоапарата правят сайта бавен.
• Безплатна поща във формата и контактите. Имейл с домейна вдъхва повече доверие.
• Забравена опция „Обезсърчаване на търсачките“. Сайтът е пуснат, но Google не го показва.
• Липсващ бутон за действие. Посетителят харесва сайта, но не знае какво да направи.
• Неизпробвана форма. Съобщенията от клиентите не пристигат никъде.
• Твърде много плъгини. Всеки плъгин е допълнителен код за обновяване.
• Никакви обновления след пускането. Старият софтуер е най-честата причина за хакване.

Често задавани въпроси

Обобщение

Първият сайт без програмиране е напълно постижим: планирате целта и страниците, подготвяте съдържанието, регистрирате домейн, поръчвате хостинг, включвате SSL, инсталирате WordPress, избирате тема, създавате страниците, добавяте форма и SEO настройки, проверявате всичко и пускате. След това го поддържате с обновления, бекъпи и ново съдържание. В следващата статия ще разгледаме контролния панел на хостинга: какво има в него и как да го използвате уверено.