Vietnes izveide agrāk šķita projekts, kuram bija jāalgo kāds speciālists. Vairs ne.
Es izmantoju Hostinger Website Builder, un šajā ceļvedī es parādīšu visu procesu soli pa solim — no brīža, kad piesakāties, līdz brīdim, kad jūsu vietne kļūst pieejama internetā.
Sāksim.
Kas ir Hostinger Website Builder?
Hostinger Website Builder ir ar mākslīgo intelektu darbināms vilkšanas-nomešanas vietņu veidotājs, kas integrēts tieši jūsu Hostinger kontā.
Jums nav jāinstalē nekas, nav jāzina programmēšana un nav nepieciešamas dizaina iemaņas. Jūs aprakstāt, ko vēlaties, AI izveido pilnu vietni, un pēc tam jūs to pielāgojat savai zīmolam.
Tas ir viens no ātrākajiem veidiem, kā no nulles nonākt līdz pilnībā darboties spējīgai un profesionālam izskatam atbilstošai vietnei.
1. solis: piesakieties un atrodiet veidotāju
Piesakoties savā Hostinger kontā, jūs nokļūstat hPanel. Tas ir Hostinger galvenais kontrolpanelis, kur varat pārvaldīt visu – savas vietnes, domēnus, e-pastus un maksājumus.
Kreisajā sānjoslā jūs redzēsiet navigācijas opciju sarakstu. Noklikšķiniet uz Websites. Zem tā parādīsies neliela izvēlne ar divām iespējām: Websites list un Migrations. Noklikšķiniet uz Websites list.
Jūs esat lapā Websites list, kurā tiek parādītas visas ar jūsu kontu saistītās vietnes.
Lapā augšējā labajā stūrī redzēsit purpura krāsas pogu + Add website. Noklikšķiniet uz tās.
Parādās neliela izvēlne ar četriem variantiem:
- Hostinger Horizons
- WordPress
- Hostinger Website Builder
- Un pielāgota PHP/HTML vietne
Jums jāklikšķina uz Hostinger Website Builder, kas tiek aprakstīts kā “ar mākslīgo intelektu darbināms vilkšanas-nomešanas vietņu veidotājs”.
2. solis: aprakstiet savu vietni AI
Pēc Hostinger Website Builder izvēles jūs nokļūsiet iestatīšanas ekrānā ar virsrakstu “Ļauj AI izveidot jūsu tiešsaistes klātbūtni.”
Šeit jūs sakāt AI, kāda veida vietni vēlaties izveidot.
Jūs redzēsiet lielu tekstlodziņu ar vietturtekstu “Describe your website or business.” Šis ir jūsu uzvednes lodziņš, un viss, ko šeit ierakstīsiet, nosaka to, ko AI ģenerēs. Jo detalizētāk, jo labāks rezultāts.
Zem tekstlodziņa pamanīsiet arī virkni ātrās palaišanas ieteikumu pogu. Tajā ietilpst opcijas, piemēram, “Izveidot biznesa vietni”, “Izveidot interneta veikalu”, “Izstrādāt portfeli”, “Izveidot pierakstu vietni”, “Sākt blogu”, “Izveidot restorāna vietni” un “Izveidot vienas lapas vietni”.
Uzklikšķinot uz jebkuras no tām, tiek aizpildīta sākotnējā uzvedne, ko varat rediģēt un papildināt.
Ekrāna apakšā redzēsiet vēl divas saites: Pre-made templates un Link in bio website.
Ja vēlaties izlaist AI un pārlūkot esošos dizainus, noklikšķiniet uz Pre-made templates.
Ja jums nepieciešama vienkārša vienas lapas vietne sociālo tīklu profiliem, ir vērts izmēģināt Link in bio variantu.
Tomēr lielākajai daļai, kas veido reālu vietni, AI uzvednes lodziņš ir labākais sākums.
Kā uzrakstīt labu AI uzvedni
Tas ir vissvarīgākais šī procesa posms. Domājiet par AI uzvedni kā par īsu uzdevumu dizainerim. Jo skaidrāk izskaidrosit savu vīziju, jo tuvāks būs rezultāts tam, ko patiesībā vēlaties.
Šī ir uzvedne, ko izmantoju šim ceļvedim. Es veidoju vietni radošai aģentūrai:
“Izveidojiet mūsdienīgu, profesionālu vietni radošai aģentūrai, kas piedāvā zīmola veidošanu, grafisko dizainu, tīmekļa dizainu un digitālā mārketinga pakalpojumus. Vietnei jābūt radošai, drosmīgai un uzticamai, vienlaikus tīrai un viegli pārvietojamai. Izmantojiet mūsdienīgu izkārtojumu ar spēcīgiem vizuāliem elementiem, labu atstarpju izmantojumu un stilīgu tipogrāfiju. Iekļaujiet šādas lapas: Sākumlapa, Par mums, Pakalpojumi, Portfelis, Blogs un Kontakti. Sākumlapā pievienojiet galveno sadaļu ar spēcīgu virsrakstu, īsu vērtību uzsvēru aprakstu un skaidru aicinājumu uz darbību, piemēram, ‘Sāc savu projektu’ vai ‘Saņem piedāvājumu’. Rakstiet vienkāršu, pārliecinošu tekstu, kas izskaidro, ko mēs darām, kam palīdzam un kādus rezultātus nodrošinām. Padariet vietni draudzīgu mobilajām ierīcēm, ātri ielādējamu un optimizētu pamat SEO prasībām.”
Pamaniet, cik tas ir specifiski. Tas aptver nozari, toni, izkārtojuma stilu, nepieciešamās lapas, sākumlapas struktūru un satura mērķus. Šāds detalizācijas līmenis dod AI stabilu pamatu darbam.
Kad būsiet ierakstījis aprakstu, tekstlodziņa augšējā labajā stūrī parādīsies “Improve description” poga.
Iesaku uzklikšķināt pirms iesniegšanas. AI paplašinās un precizēs jūsu uzvedni, bieži pievienojot lietas, ko nebijāt apdomājuši.
Kad esat gatavs, teksta lodziņa apakšējā labajā stūrī noklikšķiniet uz purpura bultiņas pogas (sūtīšanas ikona), lai iesniegtu uzvedni un sāktu ģenerēšanu.
3. solis: gaidiet, kamēr AI izveidos jūsu vietni
Kad esat iesniedzis uzvedni, Hostinger AI sāk strādāt uzreiz. Redzēsiet pilnekrāna ielādes animāciju tumši purpura fona augšā ar tekstu “Looking for matching pictures…” un progresa joslu, kas rāda procesa gaitu.
Šis posms parasti ilgst no 30 līdz 60 sekundēm. Šajā laikā AI veic daudz darbu: ģenerē lapu izkārtojumus, raksta vietnes tekstu, izvēlas atbilstošas bildes no krājumu bibliotēkas, izveido navigāciju un strukturē visu vietni pēc jūsu uzvednes.
Neaizveriet cilni ģenerēšanas laikā. Vienkārši pagaidiet un ļaujiet procesam notikt.
4. solis: pārskatiet, ko AI izveidoja
Kad AI pabeidz, jums tiek rādīta jūsu jaunās vietnes priekšskatījums. Tas ir rezultātu ekrāns, un ir patiešām aizraujoši redzēt, kas ir radīts.
Ekrāna kreisajā pusē redzēsiet vietnes tiešraides priekšskatījumu. Labajā pusē redzama paneļa sadaļa ar nosaukumu “Your idea summary,” kas rāda jūsu iesniegtās uzvednes kopsavilkumu un “Edit idea” pogu, ja vēlaties atgriezties un ģenerēt ar citu vai atjauninātu uzvedni.
Manā gadījumā AI nosauca vietni par “BoldCraft Studio” un ģenerēja sākumlapu ar virsrakstu “Crafting Bold Brands That Shine”, papildinošu aprakstu un divām aicinājuma uz darbību pogām: “Start Now” un “Get Quote”.
Navigācijas joslā tika iekļautas visas sešas lapas, ko es pieprasīju: Home, About, Services, Portfolio, Blog un Contact.
Priekšskatījuma ekrāna augšējā kreisajā stūrī redzēsiet arī divas pogas: Previous versions, kas ļauj pārlūkot AI piedāvātās alternatīvās versijas, un Rate site, kas ļauj sniegt atsauksmes par rezultātu.
Priekšskatījuma ekrāna augšējā labajā stūrī redzēsiet ikonas, kas pārslēdz uz darbvirsmas un mobilo skatu. Izmantojiet tās, lai pārbaudītu, kā jūsu vietne izskatās telefonā, pirms turpināt. Ir labs ieradums to izdarīt agri.
Ja esat apmierināts ar kopējo virzienu, labajā panelī noklikšķiniet uz purpura pogas Continue. Tas jūs aizved pilnajā redaktorā, kur notiek patiesā pielāgošana.
Ja rezultāts neapmierina, noklikšķiniet uz Edit idea, pārskatiet uzvedni un ģenerējiet atkārtoti. To varat darīt tik reižu, cik nepieciešams.
5. solis: iepazīstieties ar redaktoru
Redaktorā pavadīsiet lielāko daļu sava laika. Pirmajā reizē šeit nonākot, veltiet brīdi, lai saprastu izkārtojumu, pirms sākat klikšķināt.
Redaktorā ir divas galvenās zonas.
- Lielā centrālā zona ir jūsu vietnes audekls, kurā varat redzēt un mijiedarboties ar vietni reāllaikā.
- Kreisajā pusē esošā šaurā vertikālā sānjosla ir jūsu vadības panelis, un tajā ir viss nepieciešamais.
Šeit ir, ko katra vienība sānjoslā dara:
- Setup sniedz piekļuvi vietnes pamatiestatījumiem, piesaistītajam domēnam un plāna informācijai.
- Elements atver vilkšanas-nomešanas paneli, kur var pievienot jaunas satura blokus jebkurā lapā. Par to sīkāk pastāstīšu vēlāk.
- Pages rāda visas jūsu lapas vienuviet. Varat pāriet starp lapām, pievienot jaunas, pārdēvēt esošās, mainīt kārtojumu vai izdzēst nevajadzīgās.
- Styles kontrolē jūsu vietnes globālo dizainu. Šeit iestatāt fontus, krāsu paleti un pogu stilus. Visi šeit veiktie pasākumi ietekmē visu vietni, tāpēc plašas dizaina izmaiņas labāk veikt šeit, nevis rediģēt katru sadaļu atsevišķi.
- AI tools nodrošina piekļuvi Hostinger rakstīšanas un satura AI. Varat to izmantot, lai pārrakstītu teksta sadaļas, ģenerētu jaunu saturu un daudz ko citu.
- Blog ir vieta, kur veidot un pārvaldīt emuāra ierakstus, ja jūsu vietnei ir emuārs.
- Store ir vieta, kur iestatīt interneta veikalu, ja pārdodat produktus. Ņemiet vērā, ka e-komercijas funkcijas pieejamas augstākas kategorijas plānā.
- SEO atver iebūvēto SEO pārvaldnieku, kur var iestatīt meta virsrakstus, aprakstus un citus meklētājprogrammu optimizācijas parametrus katrai lapai.
- More paplašina otro izvēlni ar papildu rīkiem, tostarp Appointments, General settings, Integrations, Form submissions, Analytics, Media library, Multi-language support, Manage backups, Export content to WordPress un Help and Resources.
Redaktora augšpusē atradīsiet galveno ierīču joslu. No kreisās uz labo tā satur: pārslēdzēju darbvirsmas un mobilo priekšskatījumu, atsaukšanas (undo) un atgriešanās (redo) pogas, Connect domain pogu, Preview pogu un zaļo Go live pogu.
6. solis: rediģējiet saturu
Tagad pienāk brīdis, kad padarīt vietni par savu. Noklikšķiniet jebkurā vietnes audeklā, lai sāktu rediģēšanu.
Kad peles kursoru novietojat virs jebkuras lapas sadaļas, tās augšējā kreisajā stūrī parādās zilā uzlīme ar elementa nosaukumu, piemēram, “Section” vai “Header”. Tajā pašā laikā virs sadaļas parādās neliela peldoša rīku josla ar rediģēšanas iespējām.
Sadaļas rīku josla no kreisās uz labo nodrošina šādas vadības pogas: Edit section atver sadaļas iestatījumu paneli, kur var mainīt fona attēlu vai krāsu, pielāgot atstarpes un izkārtojuma opcijas.
Tālāk seko Generate image, kas atver AI attēlu ģeneratoru.
Kam seko Dublēt ikona, Slēpt/Rādīt slēdzis, Dzēst ikona, bultiņas Pārvietot uz augšu un Pārvietot uz leju, lai mainītu sadaļu secību, un trīs punktu “More options” izvēlne.
Lai rediģētu jebkuru lapas tekstu, vienkārši noklikšķiniet uz tā un sāciet rakstīt. Teksta elements kļūs rediģējams, un parādīsies formatēšanas rīki. Šajā panelī varat mainīt fonta izmēru, treknumu, izlīdzinājumu un krāsu.
Lai nomainītu attēlu, noklikšķiniet uz tā. Redzēsiet iespējas aizvietot to ar attēlu no saviem failiem, pārlūkot Hostinger krājattēlu bibliotēku vai ģenerēt jaunu ar AI.
Sāciet ar sākumlapu, pēc tam izmantojiet Pages paneli, lai pārietu uz katru papildu lapu un pakāpeniski tās rediģētu.
7. solis: izmantojiet AI attēlu ģeneratoru
Vērts pievērst uzmanību AI image generator, jo tas patiešām noder, ja jums nav profesionālu fotogrāfiju.
Lai to izmantotu, novietojiet kursoru virs jebkuras sava lapas sadaļas un peldošajās sadaļas rīkjoslā noklikšķiniet uz Generate image. No ekrāna labās puses tiks atvērts panelis.
Panelī redzēsiet tekstlodziņu “Image description”. Ierakstiet attēla, ko vēlaties izveidot, aprakstu.
Jo konkrētāks un vizuālāks ir apraksts, jo labāks būs rezultāts. Panelis parāda 3000 rakstzīmju ierobežojumu un reāllaika kvalitātes indikatoru, kas norāda, vai apraksts ir pietiekami labs.
Piemēram, kad ierakstīju “Mūsdienīga radošas aģentūras darba vide, kur dizaineri sadarbojas pie klēpjdatoriem un lielajiem ekrāniem, rādīdami zīmola dizainus, vietņu maketus un digitālo mākslu. Gaišs, tīrs un stilīgs birojs”, panelī parādījās paziņojums “Great description!” ar pilnībā aizpildītām kvalitātes joslām.
Kad apraksts apmierina, noklikšķiniet uz Create images pogas. AI izveidos vairākus attēlus, no kuriem varēsiet izvēlēties.
Vērts zināt: AI attēlu ģeneratoram nepieciešams Business plāns vai augstāks. Ja esat Premium plānā, panelī apakšā redzēsiet uzaicinājumu uzlabot plānu.
8. solis: pievienojiet jaunus elementus jebkurai lapai
Ja vēlaties pievienot satura bloku, kas jūsu lapā vēl nav, kreisajā sānjoslā noklikšķiniet uz Elements. Tas atver “Add elements” paneli.
Redzēsiet tīklu ar visiem pieejamajiem elementiem, ieskaitot Text, Button, Affiliate link, Add to bag, Image, Gallery, Video, Shape, Card, Map, Instagram feed un Contact form. Lai pievienotu jebkuru no tiem lapai, velciet to no paneļa un nometiet uz audekla vietā, kur vēlaties to parādīt.
Kad elements ir pievienots, noklikšķiniet uz tā, lai piekļūtu individuālajiem iestatījumiem un stila opcijām.
Šāda vilkšanas-nomešanas pieeja nozīmē, ka neesat ierobežots ar AI ģenerēto izkārtojumu. Varat brīvi pievienot, noņemt un pārvietot elementus.
9. solis: pārvaldiet savas lapas
Kreisajā sānjoslā noklikšķiniet uz Pages, lai redzētu visu lapu sarakstu vienuviet.
Lai pievienotu jaunu lapu, izmantojiet plusa pogu. Lai mainītu lapu kārtību navigācijā, pārvietojiet tās uz augšu vai leju sarakstā.
Ja AI izveidoja lapas, kas jums nav nepieciešamas, varat tās šeit izdzēst. Līdzīgi, ja jums nepieciešama lapa, ko AI neiekļāva, piemēram, Atsauksmju lapa vai Cenu lapa, varat to pievienot un izveidot, izmantojot Elements paneli.
10. solis: iestatiet SEO
Pirms publicēšanas jums jāiestata SEO. To daudzi izlaiž, un tas ir kļūda.
15 minūšu ieguldījums, lai pareizi aizpildītu SEO iestatījumus, var nopietni ietekmēt to, vai cilvēki atradīs jūsu vietni Google meklēšanā.
Kreisajā sānjoslā noklikšķiniet uz SEO, lai atvērtu SEO paneli ar nosaukumu “Let’s be found on Google (SEO).”
Panelis ir sadalīts divās daļās. Kreisajā pusē redzēsiet visu lapu sarakstu. Labajā pusē redzams Website overview, kurā norādīts uzņēmuma nosaukums un vietnes valoda. Noklikšķiniet uz Edit, lai tos atjauninātu, ja tie nav pareizi.
Zem vietnes informācijas redzēsiet sadaļu ar nosaukumu “Some pages require your attention.”
Katrai lapai, kurai nepieciešama uzmanība, ir oranžs brīdinājuma ikona. Kreisajā panelī noklikšķiniet uz jebkuras lapas, lai atvērtu tās individuālos SEO iestatījumus, kur varat uzrakstīt meta virsrakstu un meta aprakstu konkrētajai
lapai.
Strādājiet ar katru lapu sarakstā. Labs meta virsraksts ir skaidrs, satur galveno atslēgvārdu un nepārsniedz 60 rakstzīmju. Labs meta apraksts kopsavilkuma veidā stāsta, par ko ir lapa, un nepārsniedz 160 rakstzīmju. Tie ir fragmenti, kas parādās Google meklēšanas rezultātos, tāpēc vērts veltīt dažas minūtes katram.
11. solis: piesaistiet savu domēnu
Ja vēl neesat piesaistījis pielāgotu domēnu savai vietnei, tagad ir īstais laiks. Redaktora augšējā rīkjoslā noklikšķiniet uz Connect domain pogas.
Ir divas iespējas. Ja jau pieder domēns, to var piesaistīt, atjauninot DNS iestatījumus, lai tie norādītu uz Hostinger serveriem. Ja domēna vēl nav, to varat iegādāties tieši no Hostinger šajā pašā ekrānā.
Kamēr neesat piesaistījis domēnu, jūsu vietnei varēs piekļūt pa pagaidu Hostinger apakšdomēnu, piemēram, yoursite.builder-preview.com. Tas ir pietiekami testēšanai, taču pirms vietnes publiskās koplietošanas vēlams iegūt īsto domēnu.
12. solis: priekšskatiet vietni un publicējiet
Gandrīz gatavs. Pirms publicēšanas augšējā labajā rīkjoslā noklikšķiniet uz Preview pogas.
Tādējādi tiek atvērts pilnekrāna priekšskatījums, kā jūsu vietne izskatīsies apmeklētājiem. Priekšskatījuma ekrāna augšā izmantojiet ikonas, lai pārslēgtos starp darbvirsmas un mobilā skata režīmiem, un pārliecinieties, ka viss darbojas abos.
Īpaši pārbaudiet, kā mobilajā skatā izskatās jūsu sākumlapas galvenā sadaļa (hero), kā sakļaujas navigācija un vai kādi attēli netiek nevēlami apgriezti.
Kad esat pārliecinājies, ka viss ir kārtībā, atgriezieties redaktorā un augšējā labajā stūrī noklikšķiniet uz zaļās Go live pogas. Jūsu vietne tagad ir publicēta un pieejama internetā.
13. solis: izpētiet integrācijas
Kad vietne ir tiešsaistē, vērts izpētīt pieejamās integrācijas. Kreisajā sānjoslā dodieties uz More > Integrations.
Integrāciju panelis ļauj savienot jūsu vietni ar ārējiem rīkiem un pakalpojumiem. Pašreiz pieejamie varianti ir Shippo sūtījumu uzlīmju ģenerēšanai un pasūtījumu izpildes pārvaldībai, Printful pielāgotu preču izveidei un pārdošanai pēc pieprasījuma, Hostinger Reach e-pasta mārketingam un biļetenu sūtīšanai abonentiem, Google Ads maksas reklāmu kampaņām un Custom code, ja vēlaties pievienot savu HTML, CSS vai JavaScript, lai paplašinātu vietnes funkcionalitāti.
Lai aktivizētu jebkuru integrāciju, noklikšķiniet uz Get started blakus tai, sekojiet savienošanas soļiem un pēc tam atjauniniet vietni, to atkal publicējot.
Padomi, kā maksimāli izmantot Hostinger Website Builder
Izmantojiet dāsnu AI uzvedni. Divrindišu uzvedne dos vispārīgu rezultātu. Detalizēta, specifiska uzvedne, kas aptver jūsu nozari, auditoriju, dizaina preferences, lapu struktūru un balsi, sniegs daudz tuvāku rezultātu tam, ko patiesībā vēlaties. Veltiet piecas minūtes pilnvērtīga uzdevuma sagatavošanai, un tas ietaupīs jums stundas rediģēšanas vēlāk.
Katrreiz izmantojiet pogu Improve description. To ir viegli palaist garām, bet tas patiešām noder. AI bieži pamanīs lietas, ko jūs atstājāt neskaidras, un pārvērš tās konkrētos dizaina un satura norādījumos.
Rūpīgi rediģējiet tekstu. AI ģenerē pienācīgu pagaidu tekstu, bet tas nezin jūsu biznesu tā, kā to zināt jūs. Pārejiet cauri katrai lapai un pārrakstiet tekstu, lai atspoguļotu jūsu pakalpojumus, reālo vērtību un autentisko balsi.
Pārbaudiet mobilo skatu pirms publicēšanas. Hostinger automātiski padara jūsu vietni atsaucīgu, bet attēliem un atstarpēm dažreiz nepieciešami nelieli pielāgojumi mazākos ekrānos. Vienmēr veiciet priekšskatījumu mobilajā skatā pirms publicēšanas.
Aizpildiet SEO katrai lapai. Ne tikai sākumlapai. Katrai jūsu vietnes lapai ir pelnījusi pienācīgu meta virsrakstu un aprakstu. Tas prasa tikai dažas minūtes lapai, un tas ir viens no vienkāršākajiem veidiem, kā uzlabot redzamību meklēšanas rezultātos.
Izmantojiet Media library, lai saglabātu kārtību. Sadaļā More > Media library varat augšupielādēt un pārvaldīt visus savus attēlus vienuviet. Tas ievērojami atvieglo attēlu atkārtotu izmantošanu vairākās lapās un nodrošina vietnes konsekvenci.
Atgriezieties un uzlabojiet laika gaitā. Vietnes publicēšana nav procesa beigas, bet sākums. Regulāri atgriezieties, lai atjauninātu saturu, pievienotu jaunus bloga ierakstus un pilnveidotu lapas, kamēr jūsu bizness attīstās.
Hostinger Website Builder noņem gandrīz visus šķēršļus, kas agrāk stāvēja starp jums un profesionālas vietnes izveidi. AI veic smago darbu dizainā un tekstā, redaktors padara pielāgošanu vienkāršu, un iebūvētie SEO un integrāciju rīki nodrošina visu nepieciešamo vienuviet.
Ievērojiet šī ceļveža soļus, un reāli iespējams izveidot dzīvu, kvalitatīvu vietni vienā stundā.
