КАК СЕ ПРАВИ САЙТ

в 7 стъпки: Пълното ръководство

(актуализирано за 2018-та)

Това ръководство съдържа всичко, което трябва да знаеш, за да можеш да си направиш свой интернет сайт.

 

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

Нека да започнем!

Стъпка 1. Да се сдобием с домейн и хостинг!

Една от най-честите грешки, които правят начинаещите, е да изберат неподходяща платформа за изграждането на своя сайт. За щастие, ние няма да направим тази грешка.

 

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

 

Колко ще струва да си направим сайт?

Нищо не е безплатно на този свят. Който и път да поемеш, винаги ще има дребни разходи, свързани със създаването и поддържането на уеб сайта. Те включват:

  • Домейн (www.tvoiatdomein.com): 24 лв./година
  • Хостинг: 71 лв./година (вмество 80 лв./година с промоционалния код, който ще намериш по-долу.)

Това е всичко! Твоят сайт ще струва под 100 лв. годишно, което отговаря на около 8 лева на месец. Това е горе-долу цената на едно БигМак меню в Макдоналдс, което и без това не е най-здравословната храна.

 

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

 

Ще започнем с изграждането на нашия нов сайт като се сдобием с домейн и качествен хостинг.

 

Видео: Какво са домейн и хостинг
https://www.youtube.com/watch?v=mKxh8KWAdsA

Какво означава “домейн”?

Това е адресът в интернет на твоя сайт. Някои всеобщо известни домейни са abv.bg, google.com, dnevnik.bg, dir.bg и т.н. Домейнът не се купува, а само може да се регистрира за определен срок. Това е най-малко една година. Ако спреш да плащаш годишната такса, ще загубиш възможността да ползваш домейна. Някое друго лице или организация ще имат възможност да го регистрират и ползват. Това на практика се случва често.

 

Случи ми се и на мен с един домейн, който бях решил да не подновявам. Фирма, чийто бизнес е да регистрира такива домейни, ми изпращаше имейли в продължение на цяла година. Предлагаха ми да си “откупя” домейна на цена, много пъти по-висока от таксата за едногодишна регистрация. След като измина една година, фирмата също се отказа от домейна и аз го регистрирах отново. Много от .com домейните са вече отдавна заети. Това означава, че ще трябва да си доста креативен с избора на такъв домейн. За сметка на това все още има достатъчно на брой свободни и хубави .bg домейни. Регистрацията на .com домейн за една година струва около 24 лева, а на .bg – около 58 лева.

 

Добрият изборът на домейн е нещо доста важно и ключово. Има възможност да смениш домейна в бъдеще, но най-добре е да започнеш с подходящия. Критериите ми при избор на домейн съм описал подробно в отделна статия, озаглавена „Как да изберем най-подходящия домейн за сайта ни“.

 

Хостинг

Ще ни трябва и хостинг. Всеки сайт в интернет се нуждае от хостинг. Това ще бъде “домът” на нашия сайт.

Хостинг е услуга, която се предлага от специализирани фирми. Опростено описано, нещата изглеждат така: тези фирми поддържат големи складове със специални компютри (сървъри). Сървърите са включени денонощно, разполагат с резервно захранване и имат бърза връзка с интернет. Квалифициран персонал се грижи 24 часа в денонощието всичко да работи безупречно. Върху сървърите се намира твоя сайт, както и безброй други интернет страници. Принципно можеш да ползваш услугите на всяка добра хостинг фирма.

 

Добрият хостинг притежава следните характеристики:

  • Висока скорост: сайтът ни ще се отваря възможно най-бързо от потребителите. Това е важно от една страна за класирането ни в Google, а от друга – колко време потенциалните ни клиенти ще прекарат на сайта ни. Установено е, че ако дадена интернет страницата се отваря бавно, хората се изнервят и я напускат. По този начин губим потенциални клиенти и в крайна сметка – пари. От Amazon са установили директна връзка между скоростта на онлайн магазина и оборота. С всяка милисекунда забавяне, оборотът на онлайн магазина намалява с определен процент.
  • Надеждност: добрите хостинг фирми гарантират, че сайтът ни ще е достъпен над 99% от времето. Това е важно: ако хостингът ни не работи точно в момента, когато потенциалният клиент иска да се свърже с нас, клиентът няма да може да отвори сайта ни. Така той ще отиде при конкуренцията, а ние ще загубим пари.
  • Добра поддръжка: ако имам някакъв проблем или ми трябва помощ искам да мога да разговорям по телефона на български с компетентен човек от хостинг фирмата.
  • Изгодна цена
  • Подходяща локация на сървърите: те трябва да се намират близо до повечето посетители на сайта ни. Колкото по-близо географски се намира сървъра до потребителите, толкова по-бързо се отваря и самият сайт. Ако сайтът ни е насочен към българска публика, ползваме по тази причина български хостинг със сървъри в България. Ако използваме американски хостинг, а публиката ни са българи в България, сайтът ни ще се отваря бавно за тях. Всеки потребител трябва да се свързва със сървъра в Америка. Връзката ще премине през голям брой сървъри по целия свят, докато стигне от България до хостинга в Америка. Това причинява забавяне. Има смисъл да ползваме американски хостинг, само ако сайтът ни е предназначен основно за американци.

Без значение какъв хостинг изберем, сайтът ни ще се отваря от целия свят. Но скоростта ще бъде различна.

Имам добър опит със следните две хостинг фирми:

 

ICN.Bg

Фирмата е един от най-добрите и най-популярни хостинг доставчици в България. Ползвам ги от много годинин за почти всички мои сайтове. Съотношението цена-качество е добро, а хостингът – бърз и надежден. Техническата поддръжка също е на ниво – можем да се свържем по телефона 24 часа в денонощието с компетентен човек, който може да ни помогне при евентуални проблеми. С промо код kakse-ICNBG ще получим 10% отстъпка от цената на хостинга при първата ти поръчка. Кликни тук, за да отвориш сайта на ICN.Bg.

 

Ако ползваш кода за намаление, аз ще получа дребна комисионна, а ти ще получиш отстъпка. Това е хубав и лесен начин да ми се отблагодариш за усилията, които съм положил да създам “Как се прави сайт”. По този начин също ще ми помогнеш да поддържам “Как се прави сайт” актуален и да качвам нови полезни видеа и статии.

Видео: Как да се сдобием с хостинг от ICN.Bg
https://www.youtube.com/watch?v=b_icGkeHrVo

SiteGround

Ако сайтът ни ще е насочен към чуждестранна аудитория, препоръчвам SiteGround. По този начин сайтът ти ще се отваря възможно най-бързо от клиентите ти. Имат сървъри в Лондон, Амстердам, Милано, Чикаго и Сингапур. Фирмата е изцяло българска: собствениците са българи както и почти целия им екип. Много са популярни в Америка и са добре познати в Западна Европа. SiteGround са една от най-динамично развиващите се хостинг фирми. Съръвъри в България нямат, защото фирмата е насочена изключително към западния пазар. Макар че сайтът им не е преведен на български, ако се наложи можеш да им звъннеш по телефона и да получиш помощ на родния ни език. Използвай този линк, за да получиш 50% отстъпка от регулярната цена при първата ти поръчка. Важно: винаги избираме сървър локацията, която е географски най-близо до потребителите ни. Например, ако ще правим сайт за американци, избераме сървъра в Чикаго. Ако ще правим сайт за немския пазар – избираме сървъра в Амстердам и т.н.

Ако ползваш кода за намаление, аз ще получа дребна комисионна, а ти ще получиш отстъпка 50% от регулярната цена за първата си поръчка!

Фирмите за хостинг предлагат няколко различни плана. На нас ще са ни напълно достатъчни и най-изгодните планове. С най-евтиният план е възможно хостването на един сайт. Следващият, малко по-висок план, позволява хостването на множество сайтове. Препоръчвам ти да избереш него. Много мои читатели решават да си направят втори сайт щом вече са се научили как се прави. Това няма да е възможно с най-евтиния план.

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

Ако не можеш да отделиш абсолютно никакви пари за домейн и хостинг, ще трябва да напавиш сериозни компромиси по отношение на сайта ти. Виж тази статия за алтернативи.

Стъпка 2. Инсталиране на WordPress

Когато отворим таблото за управление на хостинга (cPanel) ще открием голям брой икони. 95% от тях няма никога да ни се наложи да ги ползваме. Затова може да не им обръщаме внимание.

Видео: Инсталиране на WordPress в хостинга на ICN.Bg. (Натисни бутона "+" вдясно, за да видиш видеото -->>)
https://www.youtube.com/watch?v=ICoxrmBG6S0

Инсталиране на WordPress 1

Една от първите икони е озаглавена WordPress Install, под групата WordPress Management. Трябва да кликнем върху иконата WordPress Install, за да започнем с инсталацията.

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

Инсталиране на WordPress 2

Щом инсталацията приключи, ще се отвори екран с линк за влизане в административния панел на новия ни сайт.

Нека да се потупаме по рамото! Вече създадохме първия ни сайт, базиран на WordPress.

Сега можем да отидем на страницата за влизане в административния панел (таблото) на WordPress. Адресът ще е следният: http://tvoyatnovdomein.com/wp-admin

Не беше ли лесно? Нека да идем на следващата стъпка, където ще изберем дизайн за сайта ни!

Стъпка 3. Избор и инсталиране на WordPress тема

Външният вид на сайта ни зависи от темата за WordPress. Темата определя неговия облика и визия. Това включва цветове, шрифтове, разположение на текстове и изображения по страницата и въобще начина, по който е представена информацията. Едно от основните предимства на системите за управление на съдържание, вкл. и на WordPress, е че съдържанието (текстове, изображения и др. медия) е разделено от външния вид, т.е. дизайна на сайта. По този начин можем лесно да променим дизайна, без това да има отражение върху същинската информация, която предоставя нашият сайт.

По подразбиране WordPress идва със стандартна основна тема. Ако посетим сайта ни, той ще изглежда първоначално по подобен начин:

Wordpress след стандартна инсталация

Това не изглежда много привлекателно за повечето потребители. Но не се притеснявай, има хиляди безплатни и платени теми за WordPress, които можем да инсталираме на сайта ни!

Можем да сменим темата от таблото на WordPress. За целта трябва да отидем на Външен вид > Теми и после да кликнем на бутона “Добавяне на нова”.

Добавяне на нова WordPress тема

На следващия екран, ще можем да избираме измежду близо 5 хил. безплатни теми за WordPress, налични в официалната директория на WordPress.org. Може да сортирате темите по популярни, най-нови, любими на редакторите както и с други филтри (напр. по бранш, брой на колоните и т.н.)

избор-тема-wordpress

Допълнителна подробна информация споделям в специална статия, посветена на WordPress темите.

За целите на това ръководство, ще ползваме Hesita. Това е популярна многофункционална тема за WordPress с гъвкави опции на дизайна за всякакви видове сайтове.

Ако знаем името на темата, която искаме да ползваме, можем да я потърсим като въведем името й в полето за търсене. WordPress ще покаже темата в резултатите от търсене. Просто трябва да минем с мишката върху изображението на темата и да клинкнем върху бутона “Инсталиране”. Изчакваме темата да бъде инсталирана и кликваме на бутона “Включване”.

Инсталиране на WordPress тема

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

Настройки на WordPress тема

Не е задължително да извършим всички настройки на темата веднага. Това ще е по-лесно, когато вече сме качили някакви текстове и снимки (съдържание) на сайта си.

Нека да видим как да добавим това съдържание.

Стъпка 4. Добавяне на текстове и снимки

В WordPress по подразбиране има два вида съдържание: публикации и страници. Публикациите са предназначени за блог и излизат в обратно хронологичен ред (по-новите публикации се показват отгоре).  От друга страна, страниците са предвидени за статичен вид информация, която се променя не толкова често, например страниците “За нас”, “Контакт” и т.н.

По подразбиране WordPress показва публикациите в блога на заглавната страница на сайта. Можем да променим това и да направим която и да е страница заглавна страница на сайта ни (ще видим как се прави това малко по-надолу в това ръководство).

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

След като изяснихме тези неща, нека да добавим съдържание към сайта си. Ще започнем като добавим няколко страници към новия ни сайт. Не се притеснявай, ако в момента нямаш достатъчно текстове и снимки за тези страници. Можеш да ги редактираш, когато пожелаеш в последствие.

Да отидем на Страници > Добавяне в таблото на WordPress. Ще се отвори прозореца за редактиране на страница, който изглежда по следния начин:

Създаване на страница в WordPress

Първо трябва да въведем заглавие на страницата ни. Нека да я озаглавим “Начало”.

След това можем да добавим съдържание в текстовия редактор по-долу. Имаме възможност да добавяме текстове, линкове, изображения, да вградим видеа, аудио и т.н.

ВАЖНО: След като добавим каквото решим съдържание към страницата ни, кликваме на бутона “Публикуване”. Така страницата ни ще бъде запазена и ще се появи на новия ни сайт.

Можем да повторим процеса като добавим повече страници за различните раздели на нашия сайт. Това може да са например страниците “За нас”, “Контакт” и евентуално страница “Блог”, която да показва публикациите в блога ни.

Нека сега да добавим и няколко статии в блога. Отиваме на Публикации > Добавяне от таблото на WordPress.

Създаване на публикация

Ще ни излезе екран подобен на предишния, който видяхме – за създаването на страници.

Можем да добавим заглавие на публикацията и съдържание в текстовия редактор. Публикациите имат някои допълнителни опции като формат на публикацията, категории и етикети.

Може да натиснем бутона “Запис”, за да съхраним публикацията като чернова или пък да я публикуваме, за да стане видна на сайта ни.

Стъпка 5. Да поиграем с настройките!

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

Нека да настроим статична заглавна страница.

Задаване на статична заглавна страница.

Трябва да идем на Настройки > Четене в административното табло на WordPress. Под “Началната страница да показва” нека да кликнем на бутона до “Статична  страница”. Нека за начална страница и страница с публикации да изберем съответните страници, които искаме да ползваме (например страниците “Начало” и “Блог”, които вече създадохме).

Заглавна страница

Не бива да забравяме да натиснем бутона “Запазване” в дъното на страницата, за да съхраним настройките, които направихме.

Промяна на заглавието и подзаглавието на сайта.

Когато инсталирахме WordPress въведохме име на сайта. WordPress автоматично добавя подзаглавие “Просто още един сайт на WordPress”. Може да сменим и името и подзаглавието на сайта от Настройки > Общи.

Заглавие на сайта

Заглавието на сайта е името на твоя сайт, както е например Как се прави сайт.

Подзаглавието обикновено е един ред, който описва сайта ни. Ако предпочиташ, можеш засега да оставиш това поле празно.

Да не забравяме да натиснем бутона за запазване на настройките.

Настройки на коментарите.

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

За да предотвратим спам в коментарите, можем да включим одобряването им преди те да бъдат публикувани.

Отиваме на Настройки > Коментари и скролваме надолу до “Преди да се покаже коментар”. Нека сложим отметка на опцията “Коментарът трябва да бъде одобрен ръчно”.

Коментари

Отново щракваме на “Запазване”, за да се съхранят промените в настройките.

Навигация и менюта

Менютата позволяват на посетителите на сайта да кликват върху различните страници или раздели на сайта ни. WordPress разполага с мощна система за навигация, а избраната от теб тема я използва, за да изобразява менютата.

WordPress меню 1

Да добавим меню към сайта!

Първо, трябва да идем на Външен вид > Менюта. Въвеждаме име на основното меню и натискаме бутона “Създаване на меню”.

WordPress меню 2

WordPress ще създаде менюто за навигация. То за момента, обаче е празно.

После трябва да изберем страниците, които искаме да показваме в менюто и натискаме на бутона “Добавяне към менюто”.

Ще забележим, че избраните страници запълват празното място в навигационното меню. Можем да влачим с бутона на мишката отделните заглавия на страници, за да сменим тяхната подредба.

Сега трябва да изберем локацията за показване на менюто. Тези локации зависят от темата за WordPress, която ползваме. По правило, всяка тема разполага с място за главно меню (Primary menu), което излиза най-отгоре. Много теми разполагат и с допълнителни локации за менюта, например на дъното на страницата или пък в лента, най-отгоре на страницата. Можем да създадем различни менюта за всяка от тези локации, ако желаем.

WordPress меню 4

Накрая трябва да кликнем на бутона за запазване на промените.

Вече можем да посетим сайта си, за да видим как работи менюто, което настроихме.

Стъпка 6. Инсталиране на разширения (плъгини)

Разширенията (или плъгините) за WordPress са нещо като програмките в телефона ни. С тяхна помощ добавяме нови функции към сайта ни, например формуляр за контакт, фотогалерия, онлайн магазин и т.н.

За да инсталираме безплатен плъгин, отиваме от административното табло на WordPress на Разширения>Добавяне на още. Ще видим списък с избрани плъгини.

Инсталиране на плъгин

Също така, можем да търсим конкретно разширение по името му:

Инсталиране на плъгин 2

След като инсталираш дадено разширение, не забравяй да натиснеш върху бутона за включването му. В противен случай, то ще е инсталирано, но няма да започне да работи.

Инсталиране на плъгин 3

В това видео показвам как инсталирам плъгина Contact Form 7 и създавам форма за контакт на сайта: https://youtu.be/McYwK6oxuYg

В момента съществуват близо 52 000 безплатни плъгина за WordPress. Важно е обаче да инсталираме само плъгините, от които наистина имаме нужда. Ако “задръстим” своята инсталация на WordPress с безброй разширения, сайтът ни ще започне да работи много бавно. Ето и списък на плъгини, които препоръчвам и ползвам често за своите сайтове:

  • Yoast SEO – за подобряване на СЕО-то на сайта ни и, за да получим повече трафик от Google.
  • Google Analytics for WordPress by MonsterInsights – позволява да получаваме статистика относно броя посетители на сайта ни както и тяхното поведение като интегрира Google Analytics в него.
  • Antispam Bee – за борба със спам в коментарите
  • Contact Form 7 – за лесно създаване на форма за контакт или  друг вид формуляр.
  • WooCommerce – добавя електронен магазин към нашата инсталация на WordPress. Трябва задължително да се ползва с тема, която го поддържа.
  • WPML – платен плъгин, който добавя мултиезичност (различни версии на сайта ни на различни езици). WPML се превърна в де факто стандарта за изграждането на мултиезични сайтове и е широко поддържан от много теми. Има и безплатни алтернативи като Polylang, но те не се поддържат така добре от темите за WordPress.
  • WP Super Cache – кешира WordPress, за да се отваря по-бързо сайтът ни
  • BackWPup – плъгин за създаване на резервни копия.
  • PixelYourSite – лесен начин да инсталираме пиксела на фейсбук за ефективно ползване на фейсбук реклама
  • Duplicator – за копиране на WordPress инсталация от един домейн на друг и създаване на резервно копие на сайта
  • Really Simple SSL – превръща сайта ни от http:// на https://, което се разпознава по зеления катинар за сигурност до адресната лента на браузъра. Ползва се заедно със SSL-сертификат като Let’s Encrypt.

Стъпка 7а. Да станем майстори на WordPress!

WordPress е лесен и в същото време изключително мощен. Понякога може да имаш нужда от помощ. Не е трудно да я получиш имайки в предвид широкото разпространение на WordPress. Ето някои идеи как да намериш бързо отговор на въпросите си.

  • хвърли едно око в блога на “Как се прави сайт”. Там ще намериш множество полезни статии. Също така можеш да ползваш функцията за търсене на сайта.
  • пиши ми, ако имаш конкретни въпроси или срещнеш трудности. Ще се радвам също така да видя сайта, който си започнал да изграждаш.
  • Групата във фейсбук WordPress България е доста активна. Там можеш да получиш съвет от професионалисти относно технически проблеми около WordPress. Уважавай усилията и времето на участниците в групата и имай в предвид, че никой не е длъжен да ти оказва безплатна помощ.
  • Форума на български на wordpress.org за жалост не е много активен
  • Ще намериш огромно количество информация на английски относно WordPress в интернет и в YouTube.

Стъпка 7б. Да продължим напред!

Дотук видяхме как да си направим сайт, да сложим тема и да инсталираме най-важните плъгини.

Разгледай и другите ми статии, където показвам следните неща:

Това е всичко засега. Ще се радвам, ако ми пишеш за теми, които те вълнуват и искаш да засегна. Също ми пиши, ако не разбираш нещо или имаш въпрос. За целта използвай страницата „Контакт“ или остави коментар по-долу:

0 коментара

Подайте коментар

Вашият имейл адрес няма да бъде публикуван. Задължителните полета са отбелязани с *

Share This