O'zingizning veb-saytingizni yaratish uchun zarur bo'lgan qadamlar: 3 ta oson usul, bosqichma-bosqich qo'llanma

Maqola muallifi: Jerri Low
  • Xosting qo'llanmalari
  • Yangilandi: Oktyabr 21, 2020

2020-da veb-sayt yaratish juda oson.

Siz texnik mutaxassis yoki dasturchi bo'lishingiz shart emas.

To'g'ri uslubda qiling. To'g'ri platformalarni tanlang. To'g'ri vositalardan foydalaning. Siz 100% jarima solinasiz.

2004-da mening onlayn biznesni birinchi marta boshlaganimda, veb-ishlab chiqarishda nol ma'lumotim bo'lgan. Men 11 yildan keyin veb-dasturchini ishga yollamadim. Va men yaxshi ko'raman.

Bugun - bizda innovatsion rivojlanish vositalari va veb-nashriyot platformalari yaxshi.

Veb-sayt yaratishning uchta usuli mavjud:

  1. Noldan yaratish
  2. Kontentni boshqarish tizimi (CMS)
  3. Veb-sayt ishlab chiqaruvchisidan foydalanish

Siz №1 usul yordamida dizayn va sayt funktsiyalarida ko'proq moslashuvchanlikni qo'lga kiritasiz, ammo buning uchun veb-tillarni yaxshi bilish talab etiladi.

Veb-saytni yaratish va boshqarish jarayoni # 2 va # 3 usullarida ancha osonlashadi. Sizning malakangizga qarab ushbu usullardan birini tanlashingiz kerak.

Biz ushbu uchta usulning har birini va quyidagi barcha bosqichlarni ko'rib chiqamiz.

1. Domenni ro'yxatdan o'tkazing

Domen sizning veb-saytingizning nomi. Bu noyob bo'lishi va biznesingizning brendini etkazish kerak.

Domenni qidirish va ro'yxatdan o'tkazishning eng oson yo'li domen registratoriga o'tishdir.

Domenni ro'yxatga oluvchi sizning domen nomingizni yillik shartnomalar yoki uzoq muddatli shartnomalar orqali ro'yxatdan o'tkazishga ruxsat beradi.

Domeningizni qayerda ro'yxatdan o'tkazish kerak

Bu erda bir nechta obro'li domenlarni ro'yxatga oluvchilar va ularning boshlang'ich narxlari ko'rib chiqilishi kerak.

Registrars.com .net
123 Reg£ 11.99 / yil£ 11 .99 / yil
Domain.com$ 9.99 / yil$ 10.99 / yil
Gandi€ 12.54 / yil€ 16.50 / yil
GoDaddy$ 12.17 / yil$ 12.17 / yil
Arzon ism$ 10.69 / yil$ 12.88 / yil
Tarmoq echimlari$ 34.99 / yil$ 32.99 / yil

Maslahatlar

  • Agar domen nomini aniqlashda qiynalayotgan bo'lsangiz, g'oyalar uchun har doim domen nomlari generatorlaridan foydalanishingiz mumkin. Eng mashhurlaridan ba'zilari Wordroid va Yalang'och domeni izlash.
  • Agar siz yangi bo'lsangiz, borishni maslahat beraman Namecheap domen nomini topish va sotib olish.
  • Bundan tashqari, Dummies uchun domen nomi.

2. Veb-xost sotib oling

A veb hosting veb-saytlaringizni saqlaydigan katta kompyuter (aka, server). Amazon, IBM va FB kabi ba'zi yirik kompaniyalar o'zlarining veb-serverlariga egalik qilishadi va boshqaradilar; boshqa korxonalar o'zlarining serverlarini xosting provayderidan ijaraga olishadi (bu juda ham arzon va osonroq).

Eslatma: Agar sayt yaratish uchun veb-sayt quruvchisini tanlasangiz, bu qadamni tashlang (#3 qadamni ko'ring).

Xostingda qanday tanlovlar mavjud?

Bugungi kunda veb-xosting turli xil paketlarda mavjud. 

An'anaga ko'ra, veb-xosting provayderi faqat asosiy dasturiy ta'minot va texnik ko'mak bilan serverlarni ijaraga berish bilan shug'ullanadi. Veb-saytingizni an'anaviy hosting provayderi bilan joylashtirish odatda arzonroq va moslashuvchan bo'ladi; ammo veb-saytni sozlash uchun biroz ko'proq ish talab etiladi.

Hozirgi kunda kompaniyalar turli xil xizmatlarni birlashtirmoqdalar va foydalanuvchilarga bitta xizmat ko'rsatuvchi provayderdan veb-saytlarni qurish, joylashtirish va boshqarish imkoniyatini beradi. Odatda biz ushbu kompaniyalarni veb-sayt quruvchilari yoki Internet-do'kon quruvchilari deb ataymiz. Ushbu "to'plam" platformalarida veb-saytni joylashtirish odatda qimmat va unchalik moslashuvchan emas; ammo siz veb-sayt yoki onlayn-do'konni osongina yaratishingiz mumkin.

Ba'zi yangiliklar bilan tanishish uchun hosting xizmati.

Veb XostRo'yxatdan o'tishRemarks
A2 Hosting$ 4.90 / onTez veb-xost, yangi do'stlar.
BlueHost$ 3.95 / onArzon obuna narxi, yangi do'stlar.
Hostgator Cloud$ 8.95 / onOddiy narx, ishonchli server.
Hostpapa$ 3.36 / onEkologik veb-host, eksklyuziv chegirma.
InMotion Hosting$ 3.49 / onArzon ro'yxatdan o'tish narxi, ishonchli server.
SiteGround$ 5.95 / onSanoat #1 jonli suhbat qo'llab-quvvatlashi, mustahkam veb-xost.

Maslahatlar

  • Xostingning har xil turlari mavjud: birgalikda xosting, maxsus server xostingi va bulutli / VPS xostingi.
  • Agar siz kichik veb-saytingiz bo'lsa, birgalikda hosting rejalariga o'tish arzonroq. Kattaroq saytlarga bulutli yoki maxsus xostingdan foydalanish tavsiya etiladi.
  • Veb-xostni tanlashdan oldin e'tiborga olishingiz kerak bo'lgan ba'zi bir asosiy fazilatlar - bu narxlash, server tezligi va ish stavkalari. 
  • Bugungi kunga qadar biz ro'yxatdan o'tgan, testdan o'tgan va 60-dan ortiq hosting kompaniyasini ko'rib chiqdik. Bizga qarang yuqori 10 hosting tanlovlari or Xosting sharhlarining to'liq ro'yxati.
  • Kabi do'kon quruvchisidan foydalanishni o'ylab ko'ring Shopify or BigCommerce to'g'ridan-to'g'ri veb-saytingizdan mahsulot sotishni rejalashtirmoqchi bo'lsangiz.
  • Bundan tashqari, Veb-xosting uchun qancha to'lash kerak

3. Veb-sahifangizni loyihalashtiring

Domen nomingiz va veb-xostingni o'rnatganingizdan so'ng, yenglaringizni yig'ish va yaratishni boshlash vaqti keldi! Veb-sahifalarni loyihalashtirish va yaratish uchun siz veb-ishlab chiqaruvchini yollashingiz yoki o'zingiz qilishingiz mumkin.

Biz batafsil muhokama qilamiz bu erda veb-ishlab chiqish vazifasini qanday qilib tashqi manbalarga topshirish kerak. Agar siz o'zingizning veb-saytingizni ishlab chiqish uchun kimdir yollashni rejalashtirmoqchi bo'lsangiz, quyidagi bosqichlarni o'tkazib yuborishingiz va ushbu sahifaga o'tishingiz kerak.

DIYers uchun veb-saytni loyihalashtirishning uchta oson usuli:

Boshqaruv #1: Noldan veb-sayt yaratish

Kerakli ko'nikmalar va vositalar

Asosiy veb-tillarni va veb-saytning asosiy xususiyatlarini bilsangiz, noyob va o'ziga xos veb-saytni o'zingiz yaratasiz.

Aks holda, #2 / 3 usuliga o'tish tavsiya etiladi; yoki veb-ishlab chiquvchi bilan bog'laning.

Siz bilishingiz kerak bo'lgan asosiy veb-tillar / vositalari:

  • HTML (Hyper bulsin Markup Language)
    HTML - bu veb-sahifalar va veb-ilovalarning asosiy tarkibi, bu tarkibni veb-brauzerga semantik qiladi. U ochilish va yopilishga ega bo'lgan ketma-ket teglardan va tizimli ravishda burchakli qavs bilan yopilgan kalit so'zlardan iborat. Masalan:
  • CSS (kaskadli stil jadvallari)
    CSS veb-sahifaning HTML formatini bezash uchun ishlatiladigan uslub tili hisoblanadi. CSS bo'lmasa, veb-sahifa hech qanday ko'rinishga ega bo'lmasdi, biroq katta hajmdagi oq sahifada ba'zi tartiblangan matnlar va tasvirlar mavjud edi. CSS bu sahifani biz qanday qilib xohlaganimizni yaxshi qiladigan narsa.
  • Yozish tillari
    HTML va CSS - skript tillaridan boshqa narsa emas, chunki ular interaktiv emas. Foydalanuvchilarga javob beradigan dinamik veb-sahifani yaratish uchun JavaScript va jQuery kabi tillarga kerak. PHP, Python va Ruby kabi server tomonidagi tillar ham vaqt talab qilinishi mumkin.
  • Ma'lumotlar bazasini boshqarish
    Veb-saytning foydalanuvchining kirish ma'lumotlarini saqlash, boshqarish va ulardan foydalanish uchun ma'lumotlar bazasi deb ataladigan katta hajmdagi ma'lumotlar majmuasi hisoblanadi. MySQL, MongoDB va PostgreSQL kabi ma'lumotlar bazasi boshqaruv tizimi ushbu ishni samarali bajarish uchun server tomonida ishlatiladi.
  • FTP (fayllarni uzatish bayonnomasi)
    FTP veb-saytning manba fayllarini joylashtirilgan serverga osonlik bilan o'tkazish uchun ishlatiladi. Veb-serverlar va kompyuter dasturlari asosida FTP-serverlar server fayllarini kompyuterga yuklash uchun ishlatilishi mumkin.

IDE-dan foydalanib, asta-sekin veb-sayt yaratish jarayoni

Yuqorida aytib o'tilgan asosiy veb-tillarni va veb-saytning asosiy shartlarini bilib olganingizni bilib, birinchi qo'l veb-saytni yaratishingiz mumkin bo'lgan jarayonning umumiy ko'rinishi.

1-qadam: Mahalliy ish muhitini o'rnatish 

Subtitr bilan ishlaydigan matnning surati.

Veb-saytning manba fayllarini yaratish va tashkil qilish uchun yaxshi mahalliy ish muhiti muhim ahamiyatga ega. IDE (Integrated Development Environment) tizimini o'rnatish orqali kompyuteringizdagi veb-ishlab chiqish muhitini yaratishingiz mumkin. IDE, asosan, matn muharriri, Build Automation va tuzatuvchidan iborat.

ulug'vor Matn va atom HTML, CSS, JS, PHP, Python va shunga o'xshash veb-tillarni qo'llab-quvvatlaydigan veb-ishlab chiqish uchun asosiy IDE lardan bir qismidir.

Boshqa tomondan, o'xshash IDE mavjud Adobe Dreamweaver (Misol uchun: Serverga ulanish, FTP) bir necha hovuchini taqdim etadi.


2 bosqichi: Adobe Photoshop-dan foydalanib veb-saytingizni rejalashtirish va loyihalash

Veb-sayt tuzilishini va navigatsiya tizimini rejalashtirish katta ahamiyatga ega. Birinchidan, kontentni qanday topshirishni bilishingiz kerak. Qancha navigatsiya menyusi, qancha ustun yoki kontent joylari, qancha rasmni qo'shishni va qaerga joylashtirmoqni rejalashtirish.

Eng yaxshi amaliyot Adobe Photoshopni ochib, veb-sahifalaringizning qo'pol chizilganligini yaratadi. Turli sahifalar uchun, masalan, bosh sahifa, sahifa haqida, kontakt sahifasi, xizmat sahifasi va boshqalar uchun har xil qo'pollik qilishingiz kerak bo'lishi mumkin.

Misollar - 2016 yil dekabr oyida saytni yangilash paytida biz ishlab chiqarilgan maketlar.

3 qadam: Dizaynni HTML va CSS yordamida kodlash

Adobe Photoshop-da veb-sahifalaringiz uchun qo'pol dizaynlarni tayyorlashni tugatgandan so'ng, siz manba kodlarini yozishni boshlashingiz mumkin.

Bu eng oson ish. O'zingiz kiritmoqchi bo'lgan veb-elementlar uchun HTML belgilarini yarating va CSS-dan siz yaratgan dizaynlarga ko'ra ularni bezash uchun foydalaning.


4 bosqichi: javascript va jQuery-dan foydalaning

Hozirgi kunda faqat HTML va CSS-ga asoslangan veb-saytlar mavjud emas, chunki HTML yoki CSS orqali foydalanuvchilarning o'zaro ta'sirini boshqarish mumkin emas.

JavaScript, va, ehtimol, uning rivojlangan kutubxonasi, jQuery kabi formatlash tillaridan foydalanishingiz mumkin. Formalar, loginlar, slayderlar, menyular yoki kerakli joylarda foydalanuvchi faoliyati nazorat qilinadi.


Qadam 5: FTP mijozidan foydalanib, mahalliy fayllarni serverga yuklang

Oxirgi qadam barcha manba fayllarini veb-serverga yuklaydi. Buni eng yaxshi va eng qulay usul FTP mijozi orqali amalga oshiradi.

Birinchidan, kompyuteringizdagi FTP dasturini yuklab oling va veb-serveringizga FTP hisobidan ulaning. FTP hisobiga muvaffaqiyatli ulanganingizdan so'ng, barcha mahalliy fayllarni veb-katalogingizning ildiziga nusxalash. Ba'zi yaxshi FTP mijozlari bor FileZilla, WinSCP va Cyberduck.

#2 usuli: CMS bilan veb-sayt yaratish

Kerakli ko'nikmalar va vositalar

  • Knwoledge: Kompyuter va Internetning asosiy ishlashi; HTML, CSS va PHP (majburiy emas, lekin siz asoslarni bilsangiz yaxshiroq)
  • Asboblar: WordPress, Joomlava Drupal

CMS yoki kontentni boshqarish tizimi taktik jihatdan tajribali veb-ishlab chiquvchilarga kunlik ish boshlaganlarga mos keladigan tarzda qurilgan.

Bu onlayn tarkibni yaratish va boshqarish imkonini beruvchi dasturiy ilovadir. Ko'pchiligi ochiq manba va ulardan foydalanish bepul.

Agar siz HTML, CSS yoki PHP asoslarini bilsangiz, u sizga foydali bo'ladi. Bilmasangiz, bu katta muammo emas, chunki bu platformalar juda intuitivdir. Sizning ehtiyojingizga ko'ra tanlashingiz mumkin bo'lgan CMS platformalarining uchta bepul tanlovi bu erda.

Tez taqqoslashlar

XususiyatlariWordPressJoomlaDrupal
XARAJATLAROzodOzodOzod
foydalanish311,682 million26,474 million31,216 million
Bepul mavzular4,000 +1,000 +2,000 +
Bepul plaginlar45,000 +7,000 +34,000 +

Bundan tashqari, Top CMS taqqoslangan (2018) - WordPress va Joomla va boshqalar Drupal

WordPress

WordPress, turli statistika ma'lumotlariga ko'ra, bloglar va kichik va o'rta o'lchamdagi veb-saytlarda maksimal miqdorda foydalanilmoqda. Shunga qaramay, ko'plab qudratli yirik veb-saytlar sodda bo'lishi uchun WordPress ni afzal ko'radi. WYSIWYG tahrirlovchisi sizning birinchi kontentingizni joylashtirish uchun o'rganishingiz kerak bo'lgan yagona narsa.

Ushbu platforma boshlanuvchilar uchun institutsional va veb-ishlab chiquvchilarning turli sinflari tomonidan katta darajada rivojlangan. O'z havzasida ko'plab bepul plaginlar va mavzular mavjud. #1 CMS tanlovi bo'lishi uchun ko'p tomondan uchinchi tomon resurslari mavjud.

WordPress mavzularining tanlovlari.

Taroziga

  • Juda moslashuvchan va moslashuvchan
  • Foydalanish oson,
  • Ta'lim resurslari tonnasi,
  • Zo'r hamjamiyat va qo'llab-quvvatlash

Kamchiliklari

  • Majmuaviy ingl. Sozlash uchun kod kerak
  • Yangilanishlar plaginlar bilan bog'liq muammolarga olib kelishi mumkin

Ko'proq ma'lumot olish

Joomla

Joomla ko'p jihatdan WordPress-ga o'xshaydi. Bundan tashqari, ishlatish oson, o'rnatish oson va modullar yordamida osongina kengaytirilishi mumkinWordPress plaginlari ekvivalenti. Natijada, bu yangi boshlanuvchilar uchun ikkinchi variant.

Shu bilan birga, yangi boshlanuvchilar Joomla ni mavjud variantlar tufayli o'rganish uchun ko'proq qo'rqitishi mumkin. Chap menyudan tashqari, "Boshqarish paneli" belgisining ustki qismidagi yuqori paneldagi menyu ham mavjud. Chalkashishning oldini olish uchun, chap va yuqori bar menyusidagi ba'zi narsalar, jumladan, "Tarkib", "Foydalanuvchilar" va "Kengaytmalar" kabi bir-biriga o'xshashligini unutmang.

Xuddi WordPress singari, Joomla-da sizning saytingizga tezda o'ziga xos ko'rinish bera oladigan ba'zi uslublar va shablonlar mavjud. Ammo tarkibni boshqarish tizimining uchta tizimidan ham Joomla ijtimoiy tarmoq yaratish to'g'risida eng oson echimni taklif qiladi. EasySocial va JomSocial kabi platformalar bilan siz o'zingizning ijtimoiy tarmoq veb-saytingizdan bir necha daqiqa uzoqdasiz.

Joomla tizimida.

Taroziga

  • Texnik jihatdan rivojlangan
  • Veb-saytlar odatda yaxshiroq ishlaydi
  • Korxona darajasidagi xavfsizlik

Kamchiliklari

  • Modullarni saqlash qiyin
  • O'rta darajadagi CMS - WordPress kabi oson emas, Drupal kabi rivojlangan emas

Batafsil ma'lumot

Drupal

Tajribali veb-ishlab chiquvchilari Drupalning eng kuchli CMS ekanligini tasdiqlaydilar.

Shu bilan birga, uni ishlatish eng qiyin. Uning moslashuvchanligi tufayli Drupal dunyodagi ikkinchi eng ko'p ishlatiladigan CMS hisoblanadi, lekin bu yangi boshlanuvchilar orasida sevimli emas. Drupal yordamida "to'liq" veb-saytni muvaffaqiyatli qurish uchun qo'llarni harom qilish va kodlash asoslarini o'rganish kerak. CMS atrofida yo'lingizni bilish yangi boshlanuvchilar uchun ham qiyin.

Yangi Drupalni o'rnatish - Drupal-dagi murakkab funktsiyalarga qaramay, CMS oddiy, minimalist interfeysni taqdim etadi.

Taroziga

  • o'rganish oson
  • Katta yordam portal
  • Yangilanishlar muammosiz ravishda birlashadi
  • Ko'proq o'rnatilgan variantlar

Kamchiliklari

  • Boshlang'ich bosqichida keskin o'rganish egri - ilg'or foydalanuvchilar uchun tavsiya etiladi

Batafsil ma'lumot

WordPress-dan foydalanib, asta-sekin veb-sayt yaratish jarayoni

Ushbu usul uchun biz WordPress-dan foydalanamiz. Hozirda allaqachon bo'lishi kerak veb hosting hisobi va ro'yxatdan o'tgan domen nomi.


Qadam 1: Veb hosting panelida WordPress o'rnatuvchini toping

Veb hosting xizmatlari odatda WordPress va boshqa keng tarqalgan platformalarni o'rnatish uchun tezkor o'rnatish qurilmasiga ega.

Shunday qilib, veb hosting hisobiga kiring va qaysi o'rnatuvchini toping. Siz qo'ng'iroq qilishingiz kerak bo'lgan mashhur nomlar Softaculous, QuickInstall yoki Fantastico.

Ba'zi hosting provayderlari (masalan: SiteGround) o'rnatilgan foydalanuvchilarni foydalanuvchi panosiga (cPanel-ga kirishdan so'ng ko'rishingiz mumkin bo'lgan ekranda) foydalanish. Bunday holda, "WordPress" ni o'z ichiga olgan nomni topishga harakat qiling.

Qadam 2: O'rnatish vositasi orqali WordPressni o'rnating

Softaculous, eng mashhur avtomatik o'rnatish va cPanel ustida joylashgan. Sizni Softkulyar orqali o'rnatishingiz mumkin. Boshqa montajchilar deyarli bir xil.

Softaculous tugmasini bosib, o'rnatishni boshlash uchun WordPress orqali "Install" tugmasini bosing.

Bu erda muhim ahamiyatga ega.

Quyidagi variantlarni sozlang, boshqa joylarni standart konfiguratsiyaga qoldiring (keyinroq tartibga solinadi) va o'rnatishni bosing.

  • Protokol: Siz http: // yoki http: // www. URL versiyasi. Nima bo'lishidan qat'iy nazar siz tanlaysiz, ko'p farq ko'rmaysiz. Texnik jihatdan http: // www. moslashuvchanlik va cookie boshqaruvi jihatidan yaxshiroqdir. Agar sizda haqiqiy SSL sertifikati mavjud bo'lsa va WordPress-ni o'rnatmoqchi bo'lsangiz, http o'rniga https-ni tanlang.
  • Domen: Veb-saytni o'rnatmoqchi bo'lgan domenni tanlang.
  • Directory: WordPress saytini qaerga o'rnatishingizni belgilang. Agar ildiz URL-ga (masalan: http://www.yourwebsite.com/) o'rnatish zarur bo'lsa, uni bo'sh qoldiring. Agar siz pastki URLda (masalan: http://www.yourwebsite.com/myblog/) xohlasangiz, sohadagi katalogni ko'rsating.
  • Admin hisob: WordPress saytiga kirish uchun foydalanadigan foydalanuvchi nomingiz, parolingiz va elektron pochta manzilingizni tanlang.

Agar oxirgi bosqichlarda muvaffaqiyat qozongan bo'lsangiz, yaxshi bajaring. Veb-saytingiz jonli!

Keling, WordPress saytiga kiring. Saytingizning kirish sahifasi Siz o'rnatgan veb-sayt URL-ni kuzatib, wp-login.php kabi ko'rinadi.


3 bosqichi: mavzuni va ba'zi muhim plaginlarni o'rnating

Keyin mavzuni va kerakli plaginlarni o'rnatishingiz kerak. WordPress boshqaruv paneli chap panelini ko'rib chiqing.

WordPress katalogida tonna bepul tayyor mavzular mavjud.

Ushbu bepul mavzularni ko'rib chiqish uchun "Tashqi ko'rinish> Mavzular> Yangisini qo'shish" -ga o'ting, talablarga javob beradigan mavzuni qidiring va o'rnatish tugmasini bosing.

WordPress mavzusi katalogi.

Uchinchi tomon mavzularini "Mavzuni yuklash" bo'limidan o'rnatishingiz mumkin. Pulli, professional ishlab chiqilgan, WordPress mavzularida tavsiya qilaman Elegant Themes (uning samarali kodi va chiroyli oldingi dizaynlari uchun).

Plaginlar uchun "Plaginlar> Yangisini qo'shish" ni ko'rib chiqing.

Faqat kerakli plaginlarni qidiring va o'rnating. 3rd Partiya plaginlari "Upload Plugin" bo'limidan ham o'rnatilishi mumkin.

WordPress plagin katalogi.

Bu erda bir nechta muhim bepul plaginlarni taklif qilmoqchiman. Ularni topish uchun WordPress plaginlari katalogidagi ismlarini izlang. Har bir turkumdan bitta plaginni o'rnatish kifoya.

  • SEO uchun: Yoast SEO, hamma bir SEO Pack
  • Xavfsizlik uchun: iThemes Security, Wordfence Security
  • Sayt statistikasi uchun: Jetpack by WordPress.com, Google Analytics for WordPress for Monster Insights
  • Formani yaratish uchun: 7 bilan aloqa shakli
  • Ishlash uchun: W3 Total Cache, WP Super Cache

Saytingiz identifikatori uchun siz ajoyib mavzudan foydalansangiz ham biron bir narsa yaratishingiz kerak bo'ladi. Atrofida bir nechta ajoyib logotip generatorlari mavjud, ammo men ularni ko'rib chiqishni istardim Logaster. Ular pullik xizmatdir, ammo eng zo'r tomoni shundaki, ular pog'onali narxlarni taklif qilishadi. Bu shuni anglatadiki, sizga kerak bo'lgan narsalar uchun pul to'lashingiz mumkin - shunchaki veb-formatdagi logotip yoki hatto turli platformalar uchun formatlarni o'z ichiga olgan butun brend to'plamiga yozilishingiz mumkin.

Bundan tashqari, Yangi WP-saytlar uchun 9 Essential WordPress plaginlari


4 qadam: Siz tayyorsiz!

Sizning saytingiz oxirgi qadamda ishlaydi va ishlaydi. Lekin tartibga solinishi kerak bo'lgan yana bir nechta narsa bor.

  • "Sozlamalar> Umumiy" ostida: saytingiz nomini va yorliqlarini o'rnating.
  • "Sozlamalar> O'qish" ostida: Sizning uy sahifangiz nimani ko'rsatishi kerak va bitta sahifada qancha blog yozuvlarini ko'rsatmoqchisiz.
  • "Sozlamalar> Permalinks" ostida: Blog postingizning URL tuzilishini qanday bo'lishini belgilang.
Yangi WordPress saytining asosiy sozlamalari.

#3 usuli: Sayt yaratuvchilar bilan veb-sayt yaratish

Kerakli qobiliyat va vositalar

  • Knwoledge: Kompyuter va Internetning asosiy ishlashi
  • Asboblar: WiX va Weebly

Saytni quruvchilar veb-saytni o'rnatish uchun zudlik bilan va zudlik bilan harakat qildilar. Veb tillarni bilmasdan, bir necha daqiqa ichida o'zining to'liq veb-saytini ishga tushirish mumkin. Ular nol kodlash ma'lumotlarini talab qiladigan Drag & Drop veb-sayt quruvchilarini taklif qilishadi.

Bu yerda ko'plab sayt quruvchilari Internetga tarqab ketishdi ammo ularning hammasi ham ehtiyojlarni qondira olmaydi.

Quyida keltirilgan uchta eng ko'p foydalaniladigan va potentsial veb-saytlarni yaratishingiz mumkin.

WiX

Wix, bozorda eng qulay sayt tuzuvchilaridan biri bo'lib, 500 + turli xil toifalar bo'yicha tartibga solinadigan to'liq moslashtirilgan imkoniyatlarga ega. Shunday qilib, sizga mos keladigan narsalarni topa olasizmi?

Ular har doim tarkibda ko'rinadigan moslashuvchan Drag & Drop veb-sayt muharririni taklif qilmoqdalar. Siz ro'yxatdan bitta narsani sudrab olib, veb-saytning istalgan joyiga qo'shishingiz mumkin. Har qanday ko'rinadigan elementni ko'chirish yoki tahrirlash mumkin.

Bir noqulaylik - Wix-ning bepul rejasida saytda e'lon qilingan reklamalar. Uni sizdan kamida $ 12 / oyda o'rnatish imkonini beruvchi kombo rejasiga yangilashingiz mumkin.

Bundan tashqari, Bizning chuqur Wix tadqiqotlarimiz.

Weebly

Weebly ko'p jihatdan navigatsiya, foydalanuvchi qulayligi kabi oson. Ular tanlash uchun yuzlab shablonlarni taqdim etishadi, lekin shaxsiylashtirish imkoniyatlari cheklangan bo'lishi mumkin.

Ulardan foydalanishlari va o'zgartirishlari mumkin bo'lgan juda ko'p sonli oldindan yaratilgan sahifa tartiblari (masalan, sahifa, narx-navo varaqlari, kontakt sahifalari) mavjud.

"Drag & Drop" quruvchisidan foydalanish osonroq, lekin siz ba'zan sozlash uchun mo'ljallangan joylar bilan cheklanib qolasiz. Kengaytmalar va uchinchi tomon ilovalarining mavjudligi ham cheklangan.

Bundan tashqari, Bizning chuqur tahlilimiz.

Wix-dan foydalanib, asta-sekin veb-saytlarni yaratish jarayoni

1 bosqichi: Wix uchun ro'yxatdan o'ting

Wix.com saytida hisob yaratish.

5 ta premium rejalar va 1 ta bepul rejalar mavjud (narxlar oyiga $ 0 - $ 24.50 gacha). Saytni muvaffaqiyatli yaratgandan so'ng, yangilanish variantlarini ko'rasiz.

Bu erda Wix rejalari va narxlanishini ko'ring.

Wix ro'yxatdan o'tish sahifasi.

[/ c8]

Men Wix asosiy pullik rejasini tavsiya qilaman - Combo. Wix Combo rejasida (oyiga $ 8.50) bepul domen nomi, protsessor uchun ko'proq resurslar va Wix reklamalari mavjud emas.


2 bosqichi: shablonni tanlang

Wix sizga veb-sayt yaratishni qanday qilib so'raydi. Ular taklif qiladigan eng tezkor usul - Wix ADI (Sun'iy Tasarım Intelligence) va u oxirida juda samarali emas.

Shunday qilib, sizni bir oz ko'proq vaqt davomida yuraman, ammo yaxshi yo'l, veb-sayt quruvchisi!

Turli teglar bo'yicha tasniflangan andozalar mavjudligini ko'rasiz. Kerakli toifani ko'rib chiqing va o'zingizga mos keladiganlarni tanlang.

Siz istagan Wix mavzusini topgandan so'ng, davom etish uchun "tahrirlash" ni bosing.

"Tahrirlash" tugmasi sichqonchani mavzuga yo'naltirganda ko'rsatiladi.

3 bosqichi: veb-saytingizni Wix Website Builder yordamida loyihalash

Bir necha daqiqadan so'ng siz to'g'ridan-to'g'ri intuitiv veb-sayt quruvchisiga tushasiz.

Veb-saytlarni yaratish oddiy. Ekranning chap va o'ng tomonida turli xil asboblarni ko'rasiz. Bundan tashqari, blokni tahrirlash yoki boshqa joyga ko'chirish uchun veb-saytning istalgan joyiga bosing.

Wix drag-and-drop muharriri yordamida veb-sahifangiz elementlarini yarating.

Qadam 4: Veb-saytni nashr qiling

Nashriyot tugmasini bosganingizda, bepul subdomain yoki to'liq xususiyatli domenni xohlaysizmi deb so'raladi. Bu sizning chaqiruvingiz.

Yana bir nechta tweaks tavsiya etiladi.

"Wix Dashboard> Saytni boshqarish va tahrirlash" bo'limiga o'ting va kerak bo'lganda SEO, Favicon, Social va Yangilanishlarni sozlang.

Wix saytingizni sozlang.

Va siz ushbu asosiy sozlamalar bilan ishlagandan so'ng - veb-saytingiz tayyor.

4. Veb-saytingizni tasdiqlash va sinovdan o'tkazish

Veb-saytingiz tayyor bo'lgach - uning asosiy brauzerlarda (Chrome, Firefox, Safari, Microsoft Edge, IE 11 va boshqalar) hamda turli xil ekran o'lchamlarida ishlashini tekshirish va sinab ko'rish vaqti keldi.

Ushbu testlarni bepul onlayn vositalar yordamida amalga oshirishimiz mumkin.

Belgilashni tasdiqlash

O'zingizning veb-saytingiz markirovkasini osongina tasdiqlang W3C Markup tekshirish xizmati.

Belgilanishni tekshirish nima? Kodlash tillari yoki HTML, PHP va shunga o'xshash skriptlar har birining o'z formatlari, so'z boyligi va sintaksisiga ega. Belgilashni tasdiqlash - bu veb-saytingiz ushbu qoidalarga rioya qilish-qilmasligini tekshirish jarayoni.

Brauzer sinovi

O'zaro faoliyat veb-saytingizni bir martadan 115 tagacha turli xil brauzerlar uchun sinab ko'ring Brauzer rasmlari.

Ekran testi

Monitorlar, planshetlar, aqlli telefonlar va boshqa har xil ekran o'lchamlarida veb-sahifangizni oldindan ko'rish uchun Screenfly-dan foydalaning.

5. Nozik sozlash va o'sish

Internetda veb-saytingizni nashr etish birinchi bosqichdir. Veb-saytingiz muvaffaqiyatli bo'lishini ta'minlash uchun hali ko'p narsalar qilish kerak. Boshlash uchun bir nechta vazifalar ...

Veb-sayt tezligini aniq sozlash

Google sayt tezligi uning reyting omillaridan biri ekanligini aniq aytdi. Bu shuni anglatadiki, agar sizning saytingiz tez yuklansa, undan yuqori o'rinni egallashi mumkin.

Bundan tashqari - veb-saytingiz tezroq yuklansa, veb-saytingizga tashrif buyuruvchilar baxtliroq bo'ladi. Sekin-asta yuklanadigan veb-sayt foydalanuvchi tajribasiga zarar etkazishi va veb-sayt daromadiga ta'sir qilishi ko'plab sonli amaliy tadqiqotlar va tajribalarda isbotlangan. Agar uning sayti bir soniyada ham sekinlashsa, Amazon taxminan 1.6 milliard dollarlik daromadini yo'qotgan bo'lar edi.

Veb-saytlarni qidirish ko'rinishini yaxshilang

Veb-saytingiz e'tiborini jalb qilish uchun qidiruv tizimini optimallashtirish (SEO) bo'yicha usta bo'lishingiz shart emas. Ammo ba'zi bir asosiy qidiruv tizimini optimallashtirish qobiliyatlari har doim yaxshi bo'lishi kerak.

Veb-ustasi hisob qaydnomasini yarating Google Search Console veb-saytingizni Google-ga yuborish va har qanday SEO bilan bog'liq muammolarni aniqlash. Asosiy kalit so'zlarni tadqiq qiling, so'ngra sahifangizning sarlavhasini va sarlavhalarini asosiy kalit so'zlaringiz uchun optimallashtiring. Qidiruv natijalari sahifalaridan ajralib turish uchun saytingizda sxemani belgilashni amalga oshiring.

Qo'shimcha SEO maslahatlar uchun, bizning SEO dummies qo'llanmasini o'qing.

HTTPS-ni amalga oshirish

Google Chrome HTTP veb-saytlarini "Xavfsiz" deb belgilay boshlaganidan beri, SSL sertifikati katta kelishuvga aylandi. Veb-saytingiz foydalanuvchilar tomonidan "ishonchli" ekanligiga ishonch hosil qilish uchun - HTTPS ulanishi shart.

Muhim sahifalarni qo'shing

Hech qanday veb-sayt hech qachon bir xil emas, chunki ular boshqa maqsad va / yoki funktsiyani bajarishi mumkin. Shu bilan birga, har bir veb-saytda uchta standart sahifa bo'lishi kerak: indeks (uy sahifasi), sahifa haqida va aloqa sahifasi.

Bosh sahifa

Bosh sahifa ko'pincha ko'pchilik tashrif buyuruvchilar veb-saytingizga tushgandan keyin ko'radigan birinchi joydir. Sizning uy sahifangiz kerakli balandlikni etkazib berishi va tashrif buyuruvchilarni saytingizga chuqurroq kirib borishi kerak.

Misol - Haus bosh sahifasi aniq navigatsiya menyusi va galereya uslubidagi dizayni bilan ta'minlangan (mahsulot vitrini uchun juda mos).

Haqida

About Page - bu sizning tashrif buyuruvchilaringiz bilan o'zaro aloqalarni o'rnatishdir. Bu sizga o'zingizni tanishtirishga va veb-saytingiz haqida batafsil ma'lumot (yaxshi?) Berishga imkon beradi. Odatda veb-saytga egalik qiladigan va uni boshqaradigan odamlarning fotosuratlarini qo'shish tavsiya etiladi.

Misol - Bulldog Skincare sahifasi haqida yoqimli va unutilmas xabar yuboradi.

Aloqa sahifasi

O'zingizning foydalanuvchilaringiz va potentsial mijozlaringiz bilan muloqot qilish juda muhimdir. Shuning uchun - aloqa sahifasi. Sizning tashrif buyuruvchilaringiz siz bilan bog'lanishiga ishonch hosil qilish uchun barcha mumkin bo'lgan aloqa kanallarini (ijtimoiy tarmoq profillari, aloqa shakllari, elektron pochta manzili va boshqalarni) qo'shing.

Survicate-ning aloqa sahifasi - bu oddiy dizaynga ega chiroyli tarzda ishlab chiqilgan sahifa. U katta shakl maydonlarini, CTA tugmachasini va odatdagi aloqa ma'lumotlarini - kompaniya manzili, aloqa raqami, elektron pochta manzili, ish vaqti va boshqalarni o'qish va skanerlashni osonlashtiradigan tarzda birlashtiradi.

Ijtimoiy media platformalarida o'z imkoniyatlarini kengaytiring

Sizning veb-saytingiz, shuningdek, sizning maqsadli auditoriyangizning aksariyati qatnashadigan ijtimoiy media platformalarida bo'lishi kerak. Bizning saytimiz uchun bu Facebook va Twitter degan ma'noni anglatadi. Boshqalar uchun bu LinkedIn, Tumblr yoki Pinterest bo'lishi mumkin.

Favikon qo'shing

“Siz xatni ko'rdingizmi?B"Brauzer yorlig'ining chap qismida paydo bo'lgan sariq doirada? Bu "favikon" nomi bilan mashhur. Logotip singari favikon veb-saytni aks ettiruvchi kichikroq ingl.

Favicon - bu veb-sayt egalari ko'pincha e'tibordan chetda qoldiradigan juda yoqimli kichik brendlash texnikasi. Agar bu sizga o'xshasa - ulardan foydalaning bepul favikon generatori sizga yordam berish uchun.

Veb-sayt yaratish bo'yicha tez-tez beriladigan savollar

Qanday qilib bepul veb-sayt yaratasiz?

Bepul veb-sayt yaratishning ikkita asosiy usuli mavjud - foydalanish bepul veb hosting kabi 000Webhost yoki a veb-sayt yaratish platformasi bepul rejani taklif qiladigan Wix kabi.

GoDaddy veb-sayt yaratuvchisi bepulmi?

GoDaddy o'zining veb-sayt quruvchisi atrofida oyiga $ 10dan boshlanadigan rejalar tuzdi. GoDaddy-ning batafsil sharhini o'qing ko'proq topish uchun.

Yangi boshlanuvchilar uchun eng oson veb-sayt quruvchisi nima?

eng veb-sayt quruvchilari yangi boshlanuvchilar uchun foydalanish oson. O'z tabiatiga ko'ra veb-sayt yaratuvchilari texnologik bo'lmagan foydalanuvchilarga qaratilgan va ko'p yordam taklif qilishadi. Bu foydalanuvchilar uchun qulay interfeyslardan tortib, oldindan tayyorlangan andozalarga qadar.

Veb-saytni yaratishda nimadan boshlashim kerak?

O'zingizning saytingizni yaratishga kirishishdan oldin, xuddi shunday blog boshlash, birinchi navbatda sizning maqsadingiz. O'zingizning veb-saytingiz bo'lishini yoki unga erishishni xohlaganingiz uning dizayni va rivojlanishida muhim rol o'ynashi mumkin.

Veb-saytni kodlash uchun qancha vaqt ketadi?

Veb-saytni kodlash uchun sarflanadigan vaqt uning murakkabligiga bog'liq. Xususiyatlari va dizayni jihatidan sizga qancha ko'p kerak bo'lsa, ko'proq vaqt talab etiladi. Oddiy, statik veb-saytlarni bir necha soat ichida kodlash mumkin, kattaroq, murakkab saytlar esa bir necha oyni olishi mumkin.

Buni endi bajaring!

Siz endi muvaffaqiyatli veb-sayt yaratish va yaratish uchun etarli narsani bilasiz. O'z bilimlaringizni ishga solish vaqti keldi. Hozir boshlang va internetni larzaga keltiring!

Jerry Low haqida

WebHostingSecretRevealed.net (WHSR) asoschisi - 100,000 foydalanuvchilari tomonidan ishonchli va foydalanilgan xosting tekshiruvi. 15-dan ortiq veb-tajribasi, affiliate marketing va SEO tajribasi. ProBlogger.net, Business.com, SocialMediaToday.com va boshqa ko'plab ishtirokchilar.