Kako pokrenuti svoju prvu web-stranicu: domena, hosting i favicon

Imaš ideju. Možda je to mala trgovina, portfolio, blog o tvojoj opsesiji sobnim biljkama ili stranica za pobočni projekt. A onda dolazi dio u kojem ti svaki vodič počne bacati riječi: domena, hosting, DNS, SSL, CMS. Kimneš, zatvoriš karticu i odlučiš razmisliti idući mjesec.

Hajde da to učinimo manje strašnim. Postavljanje web-stranice online svodi se na četiri stvari i nijedna ne traži diplomu iz informatike.

Što ti zapravo treba da stranica bude online?

Zamisli da otvaraš malu trgovinu u ulici:

• Domena je tvoja adresa, ono što ljudi upisuju, poput tvojeime.com.
• Hosting je parcela i zgrada. To je računalo koje je uvijek uključeno, pa je tvoja stranica tamo kad je netko posjeti.
• Sama stranica je ono što je unutra: tvoje stranice, fotografije i riječi.
• Završni detalji su natpis na vratima i zvonce: favicon, čitljive boje, stranica za kontakt.

Kad to vidiš tako, žargon prestaje biti žargon. Prođimo ih redom.

Korak 1: Kako odabrati naziv domene?

Domena se u biti iznajmljuje, obično na godinu. Plaćaš da je zadržiš, a ako zaboraviš, netko drugi je može uzeti. Nekoliko navika kasnije te štedi muke:

1. Neka bude kratka. Ako se ne stane u SMS bez prelamanja, predugačka je.
2. Neka se lako izgovori naglas. Ako je svaki put moraš slovkati („to je dva K, pa nula, ne O“), ljudi će odustati.
3. Izbjegavaj crtice i brojeve. Lako ih je krivo utipkati, a nezgodno izgovoriti.
4. Provjeri je li naziv slobodan i drugdje. Potraži isto ime na društvenim mrežama koje planiraš koristiti, da posvuda bude isto.
5. Ako možeš, uzmi .com. To ljudi upisuju po defaultu. Druge nastavke možeš koristiti, ali češće ćeš čuti „je li to .com?“

Korak 2: Kako odabrati hosting?

Ovdje većina početnika zastane, jer opcija ima puno. Pojednostavi ih na tri puta:

• Alat za izradu stranica s uključenim hostingom. Odabereš dizajn, dodaš sadržaj, a hosting je dio paketa. Manje odluka, manje održavanja. Dobro ako želiš brzo lansirati i ne zanima te kako radi ispod haube.
• Klasični web hosting, često s WordPressom. Više slobode i ogroman izbor tema i dodataka, ali više posla oko postavljanja i ažuriranja.
• Besplatni statički hosting za jednostavnu stranicu. Neki na besplatnu uslugu stave malu, ručno kodiranu stranicu. Jeftino je i brzo, ali moraš biti snalažljiv s datotekama i kodom.

Nijedan nije „pravi“. Pravi je onaj koji ćeš stvarno dovršiti. Ako nikad nisi radio stranicu, kreni s opcijom koja te pita najmanje pitanja.

Korak 3: Koje stranice treba prva web-stranica?

Odupri se porivu da napraviš dvadeset stranica. Mala dovršena stranica bolja je od goleme nedovršene. Kreni s ovima:

• Početna. Jednom rečenicom reci tko si i što radiš, i daj ljudima jedan jasan sljedeći korak.
• O meni. Ljudi vole znati da iza svega stoji stvarna osoba. Kratak odlomak i fotografija sasvim su dovoljni.
• Kontakt. E-mail adresa ili jednostavan obrazac. Ako te ne mogu naći, stranica ne radi svoj posao.
• Stranica o privatnosti. Ako išta prikupljaš (čak i samo posjete), trebat će ti. Provjeri pravila koja vrijede tamo gdje žive tvoji posjetitelji.

Piši kako govoriš. Kratke rečenice, bez korporativne magle. I otvori stranicu na mobitelu prije nego je proglasiš gotovom, jer će je većina ljudi prvo tamo vidjeti.

Korak 4: Koje završne detalje ljudi zaborave?

Svaki traje desetak minuta, a stranica izgleda kao da je netko mario:

• Favicon. Ona sitna ikona u kartici preglednika. Bez nje se prikazuje prazna zadana ikona, što tiho poručuje „nedovršeno“. Naš Favicon Generator izrađuje sve veličine iz jedne slike, a korak po korak imaš u ovom vodiču.
• Čitljive boje. Lijepo je fino, čitljivo je obavezno. CSS i alati za boje mogu provjeriti ističe li se tekst dovoljno od pozadine.
• QR kod, ako išta tiskaš. Na letku, posjetnici ili izlogu QR kod vodi ljude ravno na tvoju stranicu.

Popis za dan lansiranja

1. Domena otvara stranicu, s www i bez njega.
2. Adresa počinje s https, pa preglednik prikazuje lokot.
3. Svaka stranica se učitava na mobitelu i izgleda kako treba.
4. Kontakt zaista stiže do tebe (pošalji si probnu poruku).
5. Favicon se vidi u kartici.
6. Svaka poveznica vodi gdje treba.
7. Tekst je lektoriran. Pročitaj ga naglas i uhvatit ćeš ono što oči preskoče.

Pogreške koje radi gotovo svatko

• Čekanje na savršeno. Lansiraj malu verziju pa je poboljšavaj. Prvi dan nitko ne provjerava tvoju stranicu.
• Zaboravljen datum obnove. Domene i hosting obnavljaju se po rasporedu. Stavi podsjetnik u kalendar.
• Kupnja pet stvari odjednom. Kreni s osnovama. Dodatke možeš dodati kasnije, kad znaš da ti trebaju.
• Nikad ne otvoriš stranicu kao posjetitelj. Povremeno je posjeti s drugog uređaja. Ponizno je, i korisno.

Jedna iskrena napomena o ovom postu

Bluehost, DesignEvo i Weblium poveznice u ovom postu su affiliate poveznice. Ako kupiš preko njih, možemo dobiti proviziju, a tebe to ne košta ništa dodatno. Ostali savjeti vrijede kako god odlučiš graditi. Sve pojedinosti su na našoj stranici s izjavom.

Česta pitanja