Kaip sukurti svetainę su DI: nuo pirmo prompto iki veikiančios svetainės

Norėdami sukurti svetainę su DI, užrašykite, kam skirta svetainė ir kokių puslapių jai reikia, aprašykite tai DI svetainių ar programėlių kūrimo įrankiui keliais paprastais sakiniais ir leiskite jam sugeneruoti pirmąją versiją, kurią galėsite pamatyti tiesioginėje peržiūroje. Tada pataisykite tekstą, patikrinkite telefone, pridėkite pagrindinius dalykus, kurių reikia paieškos sistemoms, ir publikuokite domene. Dauguma mažų svetainių – verslo svetainė, portfolio, nukreipimo puslapis, paprastas tinklaraštis – nuo idėjos iki veikiančios svetainės gali pasiekti per vieną darbo sesiją.

Kokią svetainę kuriate?

„Svetainė“ apima labai skirtingus dalykus, o pasirinktas tipas keičia tai, ko prašote:

Jei jūsų svetainė patenka į paskutinę eilutę, iš tikrųjų kuriate žiniatinklio programėlę su rinkodaros priekiu. Tai gerai – DI programėlių kūrimo įrankiai tvarko abu – bet programėlės dalį planuokite atskirai; ją aprašo mūsų vadovas kaip sukurti programėlę su DI.

DI svetainių kūrimo įrankiai, šablonai ir DI programėlių kūrimo įrankiai

Yra trys įprasti keliai, ir kiekvienas tinka skirtingiems žmonėms.

• Šablonais pagrįsti kūrimo įrankiai su DI funkcijomis (Wix, Squarespace, Framer ir panašūs). Pradedate nuo suprojektuoto šablono ir redaguojate vizualiai; DI padeda rašyti tekstą ar siūlo išdėstymą. Jie tinka, kai norite patikrinto dizaino, vizualaus redaktoriaus ir įmontuotų priedų, pvz., tinklaraščio ar rezervacijų valdiklio.
• DI programėlių kūrimo įrankiai (Mythex, Lovable, Bolt ir kiti). Svetainę aprašote pokalbyje, o DI parašo kodą nuo nulio ir paleidžia tiesioginėje peržiūroje. Jie tinka, kai norite kažko pritaikyto, norite keisti kalbėdami, o ne vilkdami langelius, arba tikitės vėliau pridėti programėlės funkcijų.
• Rankiniu būdu sukurtos arba agentūrų svetainės. Vis dar tinkamiausias pasirinkimas dideliems tinklalapiams su sudėtingu turiniu, griežtomis prekės ženklo sistemomis ar teisine peržiūra kiekviename puslapyje.

Norėdami greitai palyginti konkrečius įrankius, žr. geriausi DI svetainių kūrimo įrankiai.

1 žingsnis. Suplanuokite svetainę viename puslapyje

Prieš atidarydami bet kurį įrankį, atsakykite į šiuos penkis klausimus. Tai užtrunka dešimt minučių ir sutaupo valandų derinimo:

1. Kas yra lankytojas ir ką jis turėtų padaryti? „Vietiniai namų savininkai, kurie turėtų paskambinti dėl pasiūlymo“ – tai planas. „Visi“ – ne.
2. Kokie puslapiai reikalingi? Surašykite juos. Dauguma mažų svetainių turi keturis ar penkis.
3. Kas turi būti kiekviename puslapyje? Po vieną ar dvi eilutes: „Paslaugos: trys paslaugos su trumpu aprašymu ir pradine kaina.“
4. Kas yra tikra? Surinkite tikrą verslo pavadinimą, paslaugas, kainas, adresą, darbo laiką, nuotraukas ir atsiliepimus, kuriuos galite naudoti. DI sugalvos vietos rezervuotojus visam, ko jai neduosite.
5. Koks turi būti jausmas? Du ar trys žodžiai („ramu, švaru, daug baltos erdvės“) arba nuoroda į tinkamą svetainę.

2 žingsnis. Parašykite pirmąjį promptą

Geras pirmasis promptas aprašo verslą ir puslapius, o ne kodą:

Sukurk svetainę Harbor Physio, fizioterapijos klinikai mažame pajūrio miestelyje. Puslapiai: Pagrindinis (pagrindinė dalis su mygtuku „Užsisakyti įvertinimą“, trys priežastys rinktis mus, trumpas atsiliepimų skyrius), Paslaugos (sporto traumos, nugaros skausmas, reabilitacija po operacijos – kiekvienai paragrafas ir seansų trukmė), Apie mus (du fizioterapeutai, su vietos rezervavimu nuotraukoms) ir Kontaktai (adresas, darbo laikas, telefonas ir kontaktų forma). Ramus, švarus dizainas su švelniai mėlynu akcentu. Pirmiausia mobiliesiems. Naudok natūraliai skambantį tekstą, be lorem ipsum, ir neišgalvok atsiliepimų ar apdovanojimų.

Paskutinis sakinys svarbus. DI įrankiai noriai užpildo tuščias vietas išgalvotais atsiliepimais, pranešimais, pvz., „mums pasitiki 10 000 klientų“, ar netikrais apdovanojimais. Pasakykite jam to nedaryti ir vis tiek patikrinkite.

Jei jau turite logotipą, prekės ženklo spalvas ar mėgstamos svetainės ekrano kopiją, pridėkite ją. Daugiau pavyzdžių rasite kaip rašyti promptus DI programėlių kūrimo įrankiams.

3 žingsnis. Peržiūrėkite kaip lankytojas

Kai pasirodo pirmoji versija, nepradėkite keisti šriftų. Eikite per ją taip, kaip eitų jūsų lankytojas:

• Ar per penkias sekundes suprantate, ką daro verslas?
• Ar pagrindinis mygtukas akivaizdus ir ar jis kur nors veda?
• Ar kiekvienas puslapis meniu egzistuoja ir teisingai nukreipia?
• Perjunkite į telefono dydžio vaizdą. Dauguma lankytojų ateis iš telefono, o būtent ten pasirodo suspausti tekstai ir per dideli vaizdai.

Tada keiskite po vieną dalyką. „Padaryk pagrindinę antraštę trumpesnę ir perkelk telefono numerį į viršutinę juostą“ duoda geresnį rezultatą nei „padaryk geriau“. Jei pakeitimas nepavyko, grįžkite į ankstesnę versiją, o ne bandykite pataisyti pokalbiu.

4 žingsnis. Pakeiskite vietos rezervuotojus tikru turiniu

Pirmajame variante bus vietos rezervuotojų nuotraukos ir bendri sakiniai. Dirbkite puslapis po puslapio:

• Tekstas. Įklijuokite tikrus paslaugų aprašymus, kainas ir darbo laiką. Galite paprašyti DI sutrumpinti, bet faktai tegul lieka jūsų.
• Nuotraukos. Kur galite, įkelkite savo nuotraukas. Stock nuotraukos tinka fonams, o tikros nuotraukos iš jūsų darbų, komandos ar patalpų labiau kelia pasitikėjimą.
• Įrodymai. Naudokite tik atsiliepimus, logotipus ir skaičius, kuriuos galite pagrįsti.
• Teisiniai puslapiai. Jei per formą renkate asmens duomenis, paprastai reikės privatumo politikos. Paprašykite DI sugeneruoti puslapį, o tada patikrinkite pagal taisykles, galiojančias ten, kur veikiate – sugeneruota politika yra atspirties taškas, o ne teisinė konsultacija.

5 žingsnis. Formos, rezervacijos ir kitos „programėlės“ dalys

Kontaktų formai reikia vietos, kur siųsti pateikimus. Variantai nuo paprasčiausio iki sudėtingesnio:

Jei jums reikia tikrų rezervacijų ar mokėjimų, žr. kaip sukurti rezervacijų programėlę ir kaip pridėti mokėjimus į programėlę.

6 žingsnis. SEO pagrindai prieš dalijantis

DI gali parašyti gražų puslapį, kurio paieškos sistemos beveik nesupranta. Prieš paleisdami prašykite:

• Unikalaus pavadinimo ir meta aprašymo kiekvienam puslapiui
• Vienos aiškios pagrindinės antraštės kiekviename puslapyje, su tinkamais tarpiniais antraštėmis
• Aprašomojo alt teksto nuotraukoms
• Open Graph žymų, kad nuorodos teisingai atrodytų dalijantis socialiniuose tinkluose ar žinutėse
• Sitemap ir robots failo

Vieną techninį dalyką verta žinoti. Daugelis DI kūrimo įrankių sukuria vieno puslapio programas, kuriose naršyklė puslapį sukuria JavaScript pagalba. Paieškos sistemos gali jas indeksuoti, bet statinis arba serveryje atvaizduojamas HTML patikimesnis puslapiams, kurie turi patekti į paieškos rezultatus. Jei paieškos srautas jums svarbus, prašykite statinės svetainės arba karkaso, kuris puslapius atvaizduoja serveryje. Išsamiau – mūsų vadove SEO DI sukurtoms svetainėms.

7 žingsnis. Publikuokite ir prijunkite domeną

Publikavimas paverčia peržiūrą viešą svetaine. Dauguma kūrimo įrankių pirmiausia suteikia nemokamą subdomeną, kuris tinka bandymui ir dalijimuisi su draugais. Verslui prijunkite savo domeną: arba nusipirkite jį per kūrimo įrankį, arba nukreipkite jau turimą domeną į svetainę DNS įrašu. Kaip prijungti individualų domeną aprašo DNS dalį.

Po paleidimo nustatykite nemokamą Google Search Console paskyrą, kad matytumėte, ar jūsų puslapiai indeksuojami.

Dažniausios klaidos

• Prašymas visko vienu metu. Dvylika puslapių, tinklaraštis, parduotuvė ir narių zona viename prompte duoda paviršutinišką kiekvienos dalies versiją. Pirmiausia sukurkite pagrindinius puslapius.
• Vietos rezervuotojų teksto publikavimas. Prieš paleidimą ieškokite kiekviename puslapyje žodžių „Lorem“, „Your Company“ ir išgalvotų skaičių.
• Mobilaus įrenginio ignoravimas. Patikrinkite kiekvieną puslapį telefono pločiu, o ne vien pagrindinį.
• Neaiškus raginimas veikti. Kiekvienas puslapis turi aiškiai rodyti kitą žingsnį: paskambinti, rezervuoti, pirkti ar susisiekti.
• Pamirštama, kas atnaujins. Jei svetainę kas savaitę redaguos kitas žmogus, įsitikinkite, kad jis gali – arba pokalbiu su tuo pačiu kūrimo įrankiu, arba pasirinkdami įrankį su vizualiu redaktoriumi.

Kiek tai kainuoja

Paprasta DI sukurta svetainė paprastai kainuoja gerokai mažiau nei suprojektuota ir sukurta rankiniu būdu. Eksploatacinės išlaidos, kurias reikia planuoti:

• Kūrimo įrankis. Dauguma turi nemokamą pakopą bandymams ir mokamą planą individualiems domenams bei didesniam naudojimui.
• Talpinimas. Kartais įskaičiuotas į planą, kartais mokamas pagal naudojimą.
• Domeno vardas. Metinis registracijos mokestis, priklausantis nuo vardo ir galūnės.
• Papildomi dalykai. El. pašto teikėjas formų pranešimams arba mokami įrankiai rezervacijoms ar naujienlaiškiams.

Kada geresnis pasirinkimas yra svetainių kūrimo įrankis

Būkite sąžiningi dėl to, ko jums reikia. Jei norite klasikinės brošiūros tipo svetainės, vizualaus redaktoriaus kolegai, kuris nėra techninis specialistas, įmontuoto tinklaraščio su planavimu arba internetinės parduotuvės, kurioje prekių likučiai ir siuntimas tvarkomi už jus, šablonais pagrįstas svetainių kūrimo įrankis ar specializuota platforma, pvz., Shopify, gali tikti geriau nei bet koks DI generuojamas kodas. DI programėlių kūrimo įrankiai pranoksta, kai svetainė neįprasta, dažnai keičiasi arba yra įėjimas į kažką, kas veikia kaip programėlė.

Kuriame svetainę su Mythex

Mythex yra DI programėlių kūrimo įrankis, o svetainės – vienas dažniausių dalykų, kuriuos žmonės kuria jame. Aprašote svetainę, ji sukuriama tiesioginėje peržiūroje (įskaitant vaizdą telefono dydžiu), o publikuojate adresu jusuvardas.mythex.app; Pro plane galite nusipirkti domeną per Mythex arba prijungti jau turimą. Jei svarbūs paieškos reitingai, galite paprašyti paprastos statinės svetainės, o ne numatytosios React programos – žr. dokumentaciją apie statines svetaines ir SEO publikuotai programėlei.

Mythex nėra CMS: rinkodaros komandai atskiro redaktoriaus prisijungimo nėra, todėl pakeitimus darote pokalbiu su kūrimo įrankiu arba redaguodami kodą. Kad nereikėtų pradėti nuo tuščio puslapio, pasirinkite vieną iš svetainių šablonų ar portfolio šablonų; kiekvienas jų atidaro naują projektą su užpildytu pradiniu promptu.

Klausimai