Prodajna mjesta. Što je? Svaki drugi će reći: “Naravno, ovo su odredišne ​​stranice!” One su one-pageri, one su odredišne ​​stranice, one prodaju stranice.

Neću vas uvjeravati u suprotno, jer u ovim riječima ima velike istine. Stoga ćemo u ovom članku analizirati koje se odredišne ​​stranice mogu nazvati najboljima i zašto.

Zato sam počeo tražiti najprodavanije stranice. Gdje vidjeti njihove primjere, ocjene i kako ih načelno ocijeniti. Uostalom, web stranica s jednom stranicom je izvorno izmišljena kako bi se povećala prodaja tvrtke.

U posljednje vrijeme puno se toga promijenilo. Nestale su one koje su prije bile relevantne, web stranice su se počele izrađivati ​​kvalitetnije, ljepše, sa veliki iznos animacije, slike i razne primamljive značajke.

Upitni su kriteriji ocjenjivanja

Po kojem principu ocjenjivati? Koje uzeti kao osnovu? Kako rangirati TOP 10 stranica?

Gdje mogu pronaći web stranice za natjecanje? Sve to otežava stvaranje prave i poštene ljestvice najboljih stranica.

Osim toga, ne znamo koliko prodajne tvrtke zarađuju putem takvih stranica. Ne možete ih nazvati i pitati: "Koji je vaš?" ili "Od koliko prijava primate?"

Siguran sam da nitko neće odgovoriti na takvo pitanje, jer ili nitko ne vjeruje ili će reći da je to povjerljiva informacija.

Da, sanjamo!

Pa sam to pojednostavio. Počeo sam pretraživati ​​i pregledavati ocjene i odabire najboljih odredišnih stranica. I pogodi što?

Stranica se dugo učitava, a to može uvelike utjecati na stopu napuštanja stranice. Odnosno, ljudi će otići brže nego što vide ponudu.

2. Radionica “Dinero”

Ovo nije web stranica, to je cijeli film o jednom "liku" - drvenom novčaniku. Da je koštalo 1000-2000 rubalja, stranica bi propala.

6. Projekt “Veliko sušenje”

Većina žena (njihova ciljana publika) čula je za projekt “Mad Drying”. Njihovi oglasi za lansiranje preplavili su internet. I to ne čudi kad se u promet ulažu milijuni.

Ali bez dobre web stranice nećete moći ostvariti desetke milijuna prihoda, stoga je njihova web stranica također uključena u naš TOP.

Projekt “Veliko sušenje”

Jasno je da se izradi pristupilo temeljito, jer sami tekstovi vrijede. Ali samo su napravili jednu veliku grešku - nisu pritisnuli gumb za poziv na samom kraju.

I to utječe na odljev posjetitelja, iz razloga što ne vide logičan završetak cijele priče.

7.

I sami koristimo sustav odnosa s korisnicima Bitrix24. Ali budući da naša tema nije “,” web stranica sustava Megaplan premašila je sva očekivanja.

Kroz njega su prenijeli sve glavne točke svog sustava, nakon čega shvatite da je to najbolje za posao.

CRM “MegaPlan”

Naša želja za poboljšanjem je dodati video recenziju sustava, budući da je imaju svi izravni konkurenti. Također napravite jasnije pozive, naime, zamijenite naslove (ne gumbe) s "Počnite koristiti besplatno" ili nešto slično.

Usput! Ako ga želite koristiti kao svoj CRM sustav, savjetujem vam da ne zaboravite promo kod "Megastart". Na taj način dobivate 10% popusta na prvu kupnju i 14 dana besplatnog korištenja.

8. Banka za poduzetnike “Tochka”

Još jedna odredišna stranica banke. Dobiva nagradu za svoju originalnost. Ova stranica poslan vašim prijateljima kao referentna veza.

Da bismo pojačali učinak, dodali bismo još nekoliko blokova koji vrše pritisak na logiku. Od sada je stranica više usmjerena na emocije. U nekim slučajevima to bi moglo biti prava odluka, ali budući da imamo izbor banke, ne možemo to učiniti samo emocijama.

Banka za poduzetnike "Tochka"

9. “Goodfit” oprema za teretanu

Zanimljiv prijelaz stranice iz crne u bijelu s plavom. No osim zanimljivog dizajnerskog rješenja, ova odredišna stranica koristi izvrsnu naslovnu igru.

U ovu verziju oni nisu vodi do bloka, već neovisni elementi, nakon čitanja kojih već možete stvoriti cjelovitu sliku.

Za cjelovit paket nije dovoljna video prezentacija osobe Generalni direktor. Sigurno je u izvrsnoj fizičkoj formi.

Također bi bilo super dodati brojeve na slučajeve. Odnosno, koliko košta dvorana koju je klijent dobio? Ali to nije kritično, ali poželjno.

Oprema za teretane “Goodfit”

10. Trgovački centar “METROPOLIS”

Ovo je daleko najbolja odredišna stranica trgovačkih centara koju sam ikada vidio. Boje su lijepo odabrane, glavna značenja su prenesena, a upotrebljivost je izvrsna. Sve je to odmah vidljivo kada odete na ovu odredišnu stranicu. Zato kliknite i istražite.

Iako ću staviti svojih 5 centi. Ja, naravno, razumijem da ljudi koji su upoznati s ovim centrom trebaju doći na ovu stranicu. Ali privući će i ljude koji će ga prvi put vidjeti.

To znači da je bilo logično napraviti mali opis (par riječi o tvrtki) kako bi posjetitelj odmah znao gdje je i što ga tamo čeka.

Trgovački centar"METROPOLA"

Samo Rusija!?

Da, u svojoj sam se recenziji uglavnom koncentrirao na najbolja jednostranička mjesta na Runetu, iako na svijetu postoji mnogo vrijednih, dobrih opcija.

Štoviše, najvažnija stvar (a također i najiznenađujuća stvar) je da odredišnu stranicu u burzhunetu koriste ne samo male tvrtke, već čak i velike tvrtke.

Primjerice, jedan od najpoznatijih taksi servisa na svijetu, Uber, kao svoju glavnu web stranicu uzeo je sljedeću opciju - multifunkcionalnu landing stranicu ili, kako još kažu, multi-page landing page.

Ovo je stranica koja se sastoji od mnogo odredišnih stranica. Gotovo stranica s više stranica. Ali još uvijek odredišna stranica.

https://youtu.be/ClF-txTHGnc

Ali ne objavljujem ih namjerno odredišna stranica ovdje jer su drugačiji. Neka svi kažu da sve ponavljamo za Zapadom, ali u u ovom slučaju Ja mislim drugačije.

Mi Rusi smo drugačiji. Imamo drugačiji način razmišljanja jer živimo u drugoj zemlji.

Primjerice, Amerikanac u svojoj glavi nema gotovo nikakvih strahova da će tvrtka uzeti novac i raspasti se. Pošto imaju sve zaštićeno za deset redova, košta samo jedan PayPal.

Ovdje, u Rusiji, taj strah je u prvom planu. Zato na svojoj web stranici imaju nekoliko blokova koji uvjeravaju ljude da vjeruju tvrtki, dok ih mi imamo gomilu.

Mogu dati još desetke argumenata koje ćemo imati drugačije najbolje odredišne ​​stranice. Stoga se ispričavam, ali njihove opcije neće biti ovdje.

Bolje uživajte u našim ruskim rješenjima. Modelirajte naše tekstove i blokove. A na stranim stranicama samo uzmi dobre ideje za dizajn.

Ukratko o glavnom

Sada kada ste pregledali sve kandidate, ne potičem vas da se slijepo fokusirate na njih, već pogledajte najbolje slijetanje stranicu za primjer svakako vrijedi.

U najmanju ruku, možete uzeti od nekoga ideju za zanimljivu animaciju. Ili, na primjer, jedan od kreatora savršeno poznaje svoj i koristi ga na cijeloj odredišnoj stranici. Općenito, vrijedi proučavati, donositi zaključke i usvojiti.

I usput, ako tražite ideje za svoju prvu odredišnu stranicu, možete je pokušati sami izraditi. Tako ćete shvatiti što vam treba i da nije tako jednostavno kao što se na prvi pogled čini.

Koristite za to, na primjer, LP platformu. A tek tada, čekamo Vas da nas posjetite radi zajedničkog razvoja.

Nemate drugu priliku da drugi put ostavite prvi dojam. Zato je početna stranica jedna od naj važne stranice vaše stranice. Ako se novom posjetitelju ne sviđa ono što vidi, možete se kladiti da će stisnuti gumb za povratak. Mnogi korisnici još uvijek ocjenjuju knjigu po koricama.

Što početnu stranicu čini privlačnom? Kako doći visoka konverzija I nizak koeficijent neuspjesi? Kako dizajnirati glavnu stranicu bloga? Koji su dobri primjeri tekstova o tvrtki? U ovom ćete članku pronaći odgovore na ta pitanja.

Za bilo koje početna stranica moraju biti prisutni sljedeći elementi:

• Jasan odgovor na pitanja korisnika: "Tko ste vi?", "Što nudite?" i/ili "Što mogu učiniti ovdje?" Vaša tvrtka mora odgovoriti na ova pitanja kako bi svaki posjetitelj shvatio da je unutra na pravom mjestu. Ako korisnici ne mogu pronaći odgovor na svoje pitanje u roku od nekoliko sekundi, njihov sljedeći korak je odbijanje!
• Rezonancija s ciljnom publikom. Početna stranica treba ciljanoj publici govoriti na njihovom jeziku. Pokušajte izbjeći "korporacijsko brbljanje" i eliminirajte sve nepotrebne stvari koje vam odvlače pažnju.
• Vrijedna ponuda. Naslov i još naslova! Izrazite značenje vašeg proizvoda ili usluge u jednoj rečenici kako korisnici ne bi imali želju tražiti nešto bolje od vaše konkurencije. Rješavanje problema je ono o čemu trebate pisati; nema potrebe navoditi tehničke komponente ponude.
• Upotrebljivost. Sve stranice prikazane u nastavku vrlo su jednostavne za korištenje: njima je lako navigirati, na njima nema "drečavih" objekata, poput flash bannera, animacija ili drugih previše složenih i nepotrebnih elemenata. Mnogi su također optimizirani za Mobilni uredaji, što je vrlo važno u modernom web marketingu.
• Poziv na akciju (). Svaki od 15 primjera početne stranice učinkovito koristi primarni i sekundarni CTA element. Usmjeravaju posjetitelje na sljedeći korak. Na primjer, "Besplatno probna verzija", "Kupite sada" ili "Više detalja". Imajte na umu da je svrha početne stranice zadržati posjetitelje na vašoj stranici i odvesti ih na kraj toka pretvorbe.
• Generalni dizajn. Dobro dizajnirana stranica ključ je uspjeha u njegovanju lojalnosti korisnika brendu, povezivanju s ciljnom publikom i promicanju korisnika u toku konverzije.
• Nemojte tu stati. Ako ste zadovoljni stopom konverzije svoje web stranice, znajte da je možete povećati za 10-50% jednostavnim testom dijeljenja početne stranice.

Ovaj primjer html početne stranice web stranice je sjajan jer:

• Kombinacija boja je uspješno iskorištena i CTA elementi su postavljeni učinkovito.
• Vrlo primamljiv tekst na CTA elementu: "Isprobajte besplatno 30 dana."
• Privlačan podnaslov: “Za 5+ milijuna ljudi koji koriste FreshBooks, financijska izvješća sad nema problema.” Ova je izjava privlačna ciljanu publiku, jer svladavanje računovodstva softver, obično je nesnosno teško za slobodnjake i vlasnike malih tvrtki.

2. Golden Seven: lp primjer s uspješnim dizajnom recenzija

Ovo je sjajno jer:

• Elegantan dizajn kombiniran je s uvjerljivim naslovom i podnaslovom.
• Cjelokupni koncept savršeno je podržan pozivom na akciju "Uživajte u udobnosti" i lijepa fotografija, stvarajući toplu i mirnu atmosferu.
• Posebno je vrijedno istaknuti dizajn recenzija na ovoj glavnoj stranici. Dostupnost više od fotografija i imena pravi klijenti, ali i kartice na kojima su te recenzije izvorno napisane čini ih posebno pouzdanima. Ako se pitate kako staviti recenzije na svoju početnu stranicu, vrijedi slijediti primjer ove stranice.

3. CloudPassage: video na početnoj stranici

Ovo je sjajno jer:

• Jasan i čist dizajn stranice. Tekstualni sadržaj koji točno prenosi bit aktivnosti CloudPassagea. Evo kako postaviti prezentaciju ili video na glavnu stranicu web stranice umjesto fotografije, pojačavajući poruku pomoću njih.
• Samo jedan vodeći poziv na akciju. Kako korisnici ne bi ostali u nedoumici, u nastavku su navedene dvije poruke: “Bez kreditne kartice“, „Bez obaveza“.

4.Kutija

Ovo je sjajno jer:

• Boxova početna stranica izvrstan je primjer kako lijepo smjestiti informacije na početnu stranicu koristeći moć vizualni efekti i sadržaj teksta. Jednostavan, ali snažan naslov.
• Logotipi kupaca izgledaju sjajno na početnoj stranici s porukom “Preko 140.000 tvrtki koristi Box”, što dokazuje popularnost brenda.
• Vidljivo postavljeni kontakti za stranicu daju dodatno povjerenje. Primjer kutije sadrži jasno vidljiv broj telefona na vrhu stranice.

5. Aweber: primjer dobre tekstualne stranice

Ovo je sjajno jer:

• Tekstna stranica sa snažnim naslovom “7 razloga da se pretplatite na newsletter” besplatni savjeti on email marketing" informira posjetitelja o mnogim bonusima i predstavlja društveni dokaz.
• Ova je stranica povećala postotak pretplata na newsletter za 321%.

Ovo je sjajno jer:

• Originalna i smiješna grafika jasno pokazuje za što su stručnjaci ove tvrtke sposobni.
• Brojke i kratak, ali jezgrovit popis prednosti izgledaju vrlo uvjerljivo.
• Prekrasna integracija izbornika s ikonama. Ikone početne stranice za web mjesto, odjeljci "O nama", "Primjeri radova" i "Cijene" mame osmijeh i nezaboravni su.

7. Evernote.com: Primjer stranica s opisom web mjesta

Ovo je sjajno jer:

• Naslov Evernote stranice “Remember Everything” vjerojatno bi bio pobjednik u kategoriji “Everything brilliant is simple”.
• Na ovoj stranici možete vidjeti tri jednostavne rečenice koje doslovno “iskaču” na zelenoj pozadini.
• Dok gledate stranicu, vaše se oko nehotice zaustavlja na gumbu poziva na akciju: "Isprobajte Evernote besplatno."

Ovo je sjajno jer:

• Već na prvi pogled jasno je o čemu se radi na ovoj stranici. I iako većina posjetitelja vjerojatno zna što učiniti ako im je telefon blokiran, na ovoj stranici nalazi se kratak opis rješenja ovog problema.
• Efekt početne stranice izgrađen je na kontrastu boja i snazi ​​elemenata dokaza. Na primjer, "Povjerenje milijuna: više od 4 milijuna otključanih telefona."
• Kratki obrazac za potencijalne klijente postavljen izravno na stranicu umjesto gumba s pozivom na radnju eliminira potrebu da korisnici kliknu i čekaju da se stranica učita - primjer dobrog dizajna.

9. Tribal Media: uzorak za panoramu na glavnoj stranici

Ovo je sjajno jer:

• Impresivna panorama grada u zaglavlju glavne stranice privlači maksimalnu pozornost. Kako napraviti sliku za glavnu stranicu stranice? Ne možete pogriješiti ako slijedite vodstvo Tribal Media.
• Snaga naslova je odsutnost nepotrebnih riječi.

Ovo je sjajno jer:

• Glavna stranica uključuje samo najviše potrebni elementi i ništa dodatno.
• Sjajan naslov i uvjerljiva privlačnost na akciju koja smanjuje nedoumice zahvaljujući tekstu: “Izradite svoju besplatnu web stranicu za vjenčanje u 5 minuta.” Jednostavan ntml 5. Klijentu će biti dostavljen primjer koda početne stranice.

11. Basecamp: mjesto s dobrom formom za potencijalne klijente

Ovo je sjajno jer:

• Dugo su vremena Basecamp stranice bile nevjerojatne. Njihovo Posebnost- uvijek efektan naslov i fotografije klijenata.
• Kako dizajnirati glavnu stranicu na blogu ili web stranici tako da dobijete najviše više pretplatnika? Postavite obrazac za prijavu izravno na njega, štedeći korisnike od nepotrebnih radnji, štedeći njihovo vrijeme i ne rasipajući njihovu pozornost.

12. Eventbrite: novosti na glavnoj stranici

Ovo je sjajno jer:

• Naslov na glavnoj stranici, "Ako se nešto dogodi, ovdje ćete znati o tome", funkcionira jer je radoznalost oduvijek pokretala ljudske aktivnosti.
• Zanimljiv podnaslov. Korisnicima omogućuje pregledavanje tisuća događaja ili kreiranje vlastitog događaja i prodaju ulaznica za njega.
• Svijetla fotografija s odmora, lakonski dizajn, vijesti na glavnoj stranici koje govore o nadolazećim zanimljivim događajima pojačavaju učinak.

13. GoodData: dobra slika na glavnoj stranici stranice

Ovo je sjajno jer:

• Glavna stranica je dizajnirana, blago rečeno, na nestandardan način, ali to je samo jedan od mnogih razloga zašto je sjajan.

Pravilo @page omogućuje vam da postavite vrijednosti margina prilikom ispisa dokumenta ili za stranice čija je vrsta medija postavljena za ispis.

Oznake

	Opis	Primjer
<тип>	Označava vrstu vrijednosti.	<размер>
A & & B	Vrijednosti se moraju ispisati navedenim redoslijedom.	<размер> && <цвет>
A | B	Označava da trebate odabrati samo jednu vrijednost od predloženih (A ili B).	normalno | malim slovima
A || B	Svaka se vrijednost može koristiti samostalno ili zajedno s drugima bilo kojim redoslijedom.	širina || računati
	Vrijednosti grupa.	[ obrezivanje || križ ]
*	Ponovite nula ili više puta.	[,<время>]*
+	Ponovite jednom ili više puta.	<число>+
?	Navedena vrsta, riječ ili grupa nisu obavezni.	umetak?
(A, B)	Ponovite najmanje A, ali ne više od B puta.	<радиус>{1,4}
#	Ponovite jednom ili više puta odvojene zarezima.	<время>#

×

Vrijednosti

Da biste postavili margine na stranici, koristite univerzalno vlasništvo margina ili njezine izvedenice - margin-top , margin-right , margin-bottom i margin-left , koje specificiraju gornju, desnu, donju i lijevu marginu, redom. Negativno značenje je dopušteno, ali dio stranice može biti odrezan. granična svojstva i padding nisu primjenjivi.

Ključna riječ :left omogućuje postavljanje margina za sve lijeve stranice, :right za sve desne stranice i :first za prvu stranicu.

Primjer

Metoda hvatanja lava u pustinji

Metoda sekvencijalnog pretraživanja

Neka lav ima dimenzije DxŠxV, gdje je L duljina lava od vrha nosa do kićanke repa, W je širina lava, a H je njegova visina. Nakon toga pustinju podijelimo na nekoliko elementarnih pravokutnika čija veličina odgovara širini i duljini lava. S obzirom da se lav ne može nalaziti striktno u određenom prostoru, već istovremeno u dva, kavez za hvatanje bi trebao biti veće površine, i to 2Dx2Š. Zahvaljujući tome izbjeći ćemo pogrešku da u kavezu bude uhvaćena samo polovica lava ili, još gore, samo njegov rep.

Sama datoteka print.css izgleda ovako.

Body (font-family: Times, "Times New Roman", serif; /* Serif font */ ) h1, h2, p (boja: #000; /* Crna boja teksta */) @page:first (margina: 1cm ; /* Margine za prvu stranicu */ ) @page:left ( margina: 1cm 3cm 1cm 1.5cm; /* Margine za sve lijeve stranice */ ) @page:right ( margina: 1cm 3cm 1cm 1.5cm; /* Margine za sve prave stranice */ )

Specifikacija

Svaka specifikacija prolazi kroz nekoliko faza odobravanja.

• Preporuka - Specifikaciju je odobrio W3C i preporučuje se kao standard.
• Preporuka kandidata ( Moguća preporuka ) - skupina odgovorna za standard je zadovoljna da on ispunjava svoje ciljeve, ali joj je potrebna pomoć razvojne zajednice za implementaciju standarda.
• Predložena preporuka Predložena preporuka) - u ovoj fazi dokument se podnosi Savjetodavnom vijeću W3C na konačno odobrenje.
• Radni nacrt - zrelija verzija nacrta o kojoj se raspravljalo i dopunjena radi pregleda zajednice.
• Urednikov nacrt ( Urednički nacrt) - nacrt verzije standarda nakon izmjena koje su izvršili urednici projekta.
• Nacrt ( Nacrt specifikacije) - prva verzija nacrta standarda.

×

Fleksor 5

Ažurirano:

Prilikom postavljanja strukture stalne veze kao "/%category%/%postname%.html"svi linkovi na postove počinju s " .html"Međutim, ovaj format poveznice ni na koji način ne utječe na poveznice stranica. Ono što je malo neugodno je to što s takvom strukturom veza naglašavamo što je stranica na našoj web stranici, a što nije. Stranica je ono što s " .html" na kraju, a sve ostalo su kategorije, oznake ili neka druga taksonomija. Linkovi na stranice u ovom kontekstu nisu na mjestu velika slika– čini se da su poveznice na kategorije, iako to nije slučaj. Dodatak ispravlja ovu neugodnu situaciju dodavanjem završetka " .html".

1 Raspakirajte arhivu.

2 Kopirajte datoteku u mapu /wp-content/plugins/.

3 Idite na administrativnu ploču bloga na kartici "tab" Dodaci" i aktivirajte dodatak.

U dodatku nema postavki i odmah nakon njegove aktivacije počinje raditi. Sada će se sve veze na stranice promijeniti iz ovoga:

Evo ih:

Ali što ako se trebate promijeniti" .html" na " .htm"ili čak na" .php"? U dodatku uopće nema postavki, pa ćete ga morati urediti ručno. Da biste to učinili, otvorite datoteku dodatka i promijenite sljedeće retke u njemu:

13	$wp_rewrite ->

$wp_rewrite->

18	$wp_rewrite -> page_structure = "%pagename%.html" ;

$wp_rewrite->page_structure="%pagename%.html";

Umjesto " .html"zapišite završetak koji vam je potreban. Nakon toga ćete morati deaktivirati i ponovno aktivirati dodatak. Odmah nakon ponovno aktiviranje dodatak, sve veze na vaše stranice sadržavat će završetak koji ste napisali u datoteci dodatka.

nosio sam ovaj dodatak u odjeljak " SEO", ali formalno, naravno, nema nikakve veze s ovim odjeljkom. Tražilice iskreno ne mare kako izgledaju poveznice na vaše postove, stranice ili odjeljke. Kao ni vaše posjetitelje, prema uglavnom, ni to nije bitno. Ali sa stajališta estetike poveznica, ovaj dodatak je neophodan. Uostalom, promijenili ste strukturu permalinka u ljepšu, iako to nema smisla sa stajališta SEO optimizacije bloga.

svi HTML veze dijele se na vanjske i unutarnje. Vanjske veze su poveznice koje vode s jedne stranice na drugu stranicu ili datoteku koja se nalazi na drugoj stranici. Interne poveznice- ovo su poveznice koje povezuju s jedne stranice stranice na drugu stranicu iste stranice ili na dijelove iste stranice.

svi vanjske poveznice u href atributu oznake sadrže apsolutni put do dokumenta na koji se odnose. Interne veze pak mogu sadržavati i apsolutne i relativne putanje (u ovom slučaju to ovisi o vašim osobnim preferencijama).

Sve veze se također mogu podijeliti na relativne i apsolutne. Relativne veze- ovo su HTML veze koje sadrže relativne staze, relativne veze mogu biti samo unutarnje. Apsolutne veze- ovo su poveznice koje sadrže apsolutne putanje, apsolutne veze mogu biti vanjski i unutarnji.

Relativni put

Relativni put znači da put do željene datoteke ili stranice vaše stranice počinje relativno u odnosu na direktorij u kojem se nalazi stranica s vezom ili u odnosu na korijenski direktorij stranice. Pogledajmo dijelove od kojih se relativni put može sastojati:

Dijelovi staze	Opis	Primjeri vrijednosti
naziv datoteke	Ako kao vrijednost atributa navedete samo naziv datoteke, to znači da se željena datoteka nalazi u istoj mapi kao i stranica s vezom.	"stranica.html"
katalog/	Ako se datoteka kojoj trebamo navesti stazu nalazi u podređenom direktoriju u odnosu na datoteku s vezom, to znači da se moramo spustiti jednu razinu niže (u podređenu mapu trenutnog direktorija), u ovom slučaju path počinje s nazivom podređenog direktorija, nakon čega slijedi Naziv je označen kosom crtom “/”, služi za odvajanje dijelova puta, nakon čega slijedi naziv datoteke koja nam je potrebna. Napomena: možete preći točno onoliko mapa koliko ste ih stvorili. Na primjer, ako ste stvorili mapu 10 razina ispod korijena, možete navesti stazu koja će vas odvesti dolje 10 mapa. Međutim, ako imate toliko razina, to najvjerojatnije znači da je organizacija vaše stranice nepotrebno nezgrapna.	" direktorij/stranica.html " " direktorij1/direktorij2/stranica.html "
../	Ako trebate označiti da je datoteka na koju se povezujete u nadređenoj mapi, upotrijebite simbole .. (dvije točke), oni znače ići jednu razinu gore (na nadređenu mapu trenutnog direktorija). Zatim navodimo kosu crtu " / " kako bismo odvojili dijelove staze i pišemo naziv naše datoteke. Napomena: simboli .. mogu se upotrijebiti koliko god puta zaredom, njihova upotreba će vas svaki put pomaknuti za jednu mapu prema gore. Međutim, možete se penjati dok ne stignete korijensku mapu vaše web stranice. Ne možete ići više od ove mape.	" ../stranica.html " " ../../stranica.html " " ../../../cat1/cat2/page.html " - dižemo se iz trenutna mapa tri direktorija više i odatle se spuštamo dvije razine niže do tražene datoteke
/	Relativna staza ne mora uvijek počinjati u odnosu na trenutnu lokaciju stranice za povezivanje; može također započeti u odnosu na korijenski direktorij web-mjesta. Na primjer, ako se željena datoteka nalazi u korijenskom direktoriju, put može započeti simbolom " / ", nakon čega samo trebate navesti naziv željenu datoteku, koji se nalazi u korijenskom direktoriju. Napomena: Kada se prvi pojavi znak "/", to znači da staza počinje od korijenskog direktorija.	"/stranica.html" " /cat1/cat2/car.png "

Apsolutni put

Apsolutni put se obično koristi za određivanje puta do datoteke koja se nalazi na drugoj mrežni resurs. To je puni URL do datoteke ili stranice. Prije svega, adresa označava korišteni protokol, a zatim naziv domene (naziv stranice). Na primjer: http://www.primer.ru - ovako izgleda apsolutni put do određene web stranice. http:// je protokol za prijenos podataka, a www.primer.ru je naziv stranice (domena).

Također možete koristiti apsolutni put na vlastitoj stranici. Međutim, unutar stranice preporučuje se koristiti relativnu putanju kao vrijednost poveznica.

Sada pogledajmo što je to URL-adresa. Svaka web stranica na internetu ima svoju jedinstvenu adresu koja se naziva URL. Skraćenica URL stoji za U niform R esource L Okator (uniformna adresa izvora), jednostavno rečeno, URL je identifikator za lokaciju izvora. Ovaj način pisanja adrese standardiziran je na Internetu.