Siti di vendita. Cos'è? Ogni seconda persona dirà: "Certo, queste sono landing page!". Sono one-pager, sono anche landing page, vendono anche pagine.

Non ti convincerò del contrario, perché c'è molta verità in queste parole. Pertanto, in questo articolo analizzeremo quali landing page possono essere definite le migliori e perché.

Ecco perché ho iniziato a cercare i siti più venduti. Dove vedere i loro esempi, valutazioni e come valutarli in linea di principio. Dopotutto, inizialmente è stato inventato un sito di una pagina per aumentare le vendite dell'azienda.

Di recente, molto è cambiato. Erano finiti quelli che erano rilevanti prima, i siti hanno iniziato a essere migliorati, più belli, con grande quantità animazioni, immagini e varie caratteristiche allettanti.

I criteri di valutazione sono discutibili

Su quali basi valutare? Cosa prendere come base? Come classificare i siti TOP-10?

Dove portare i siti per la competizione? Tutto ciò complica la situazione nel creare una classifica reale e onesta dei migliori siti.

Inoltre, non sappiamo quante società di vendita guadagnino attraverso tali siti. Non puoi chiamarli e chiedere: "Qual è il tuo?" o "Da quante applicazioni ottieni?".

Sono sicuro che nessuno risponderà a una domanda del genere, perché o nessuno ci pensa o dirà che si tratta di informazioni riservate.

Sì, sognando!

Quindi l'ho reso più facile. Ho iniziato a cercare e visualizzare valutazioni e selezioni dei migliori atterraggi. E tu sai cosa?

Il caricamento del sito richiede molto tempo e ciò può influire notevolmente sulla frequenza di rimbalzo. Cioè, le persone lo lasceranno più velocemente di quanto non vedano l'offerta.

2. Laboratorio “Dinero”

Questo non è un sito Web, questo è un intero film su un "personaggio": un portafoglio di legno. Se fosse costato 1.000-2.000 rubli, il sito avrebbe fallito.

6. Progetto “Grande Essiccazione”

La maggior parte delle donne (il loro pubblico di destinazione) ha sentito parlare del progetto Crazy Drying. I loro annunci di lancio sono ovunque su Internet. E questo non sorprende quando si investono milioni nel traffico.

Ma senza un buon sito, non sarai in grado di ottenere decine di milioni di entrate, quindi anche il loro sito è incluso nel nostro TOP.

Progetto “Grande Essiccazione”

Si può vedere che la creazione è stata affrontata a fondo, cosa che solo alcuni testi valgono. Ma hanno solo commesso un grosso errore: non hanno premuto il pulsante di chiamata alla fine.

E questo incide sul deflusso dei visitatori, per il fatto che non vedono la chiusura logica dell'intera storia.

7.

Noi stessi utilizziamo il sistema di relazioni con i clienti Bitrix24. Ma poiché il nostro argomento non è " ", il sito Web del sistema Megaplan ha superato tutte le aspettative.

Hanno trasmesso tutti i punti principali del loro sistema attraverso di esso, dopo di che capisci che questa è la cosa migliore per gli affari.

CRM "Megaplan"

Dai nostri desideri di miglioramento: aggiungere una recensione video del sistema, poiché tutti i concorrenti diretti ce l'hanno. E fai anche chiamate più comprensibili, ovvero sostituisci i titoli (non i pulsanti) con "Inizia gratis" o qualcosa del genere.

A proposito! Se vuoi usarlo come tuo sistema CRM, allora ti consiglio di non dimenticare il codice promozionale "Megastart". Quindi riceverai uno sconto del 10% sul tuo primo acquisto e 14 giorni di utilizzo gratuito.

8. Banca per Imprenditori “Tochka”

Un altro sbarco dalla sponda. Riceve un premio per la sua originalità. Questa pagina inviato ai tuoi amici come link di riferimento.

Per migliorare l'effetto, vorremmo aggiungere alcuni blocchi in più che mettono sotto pressione la logica. Da ora il sito è più incentrato sulle emozioni. In alcuni casi potrebbe essere giusta decisione, ma poiché abbiamo una scelta di banca, le emozioni da sole non possono fare qui.

Banca per Imprenditori "Tochka"

9. Attrezzatura da palestra Goodfit

Un'interessante transizione del sito dal nero al bianco con il blu. Ma oltre a un'interessante soluzione di design, questo atterraggio utilizza un eccellente gioco di intestazioni.

IN questa versione non sono un eyeliner al blocco, ma elementi indipendenti, dopo aver letto i quali, puoi già creare un quadro completo.

Per un pacchetto completo, non c'è abbastanza presentazione video dal viso Amministratore delegato. Deve essere in ottima forma fisica.

E sarebbe anche bello aggiungere numeri ai casi. Cioè, quanto è la sala che ha ricevuto il cliente. Ma questo non è critico, ma auspicabile.

Attrezzatura da palestra “Goodfit”

10. Centro commerciale "METROPOLIS"

Sicuramente la migliore landing page di un centro commerciale che abbia mai visto. I colori sono scelti con cura, i significati principali sono veicolati, ottima usabilità. Tutto questo è immediatamente visibile quando vai su questa pagina di destinazione. Quindi clicca ed esplora.

Metto comunque i miei 5 centesimi. Naturalmente, capisco che le persone che hanno familiarità con questo centro dovrebbero accedere a questo sito. Ma anche le persone che lo vedranno per la prima volta ci cadranno sopra.

Quindi era logico fare una piccola descrizione (una descrizione in poche parole dell'azienda), in modo che il visitatore sapesse subito dove è arrivato e cosa lo aspetta lì.

Centro commerciale"METROPOLI"

Solo Russia!?

Sì, nella mia recensione mi sono concentrato principalmente sui migliori siti di una pagina su Internet russo, anche se ci sono molte opzioni decenti e buone nel mondo.

E, soprattutto (ed è anche la più sorprendente), la landing page nella borghesia è utilizzata non solo dalle piccole imprese, ma anche dalle grandi imprese.

Ad esempio, uno dei servizi di taxi più famosi al mondo, Uber, ha scelto la seguente opzione come sito principale: una pagina di destinazione multifunzionale o, come si suol dire, una pagina di destinazione multipagina.

Questo è un sito web con molte landing page. Quasi un sito multipagina. Ma pur sempre una landing page.

https://youtu.be/ClF-txTHGnc

Ma non li pubblico apposta. pagina di destinazione qui perché sono diversi. Diciamo tutti che ripetiamo tutto dopo l'Occidente, ma dentro questo caso Penso diversamente.

Noi russi siamo diversi. Abbiamo un tipo di pensiero diverso perché viviamo in un paese diverso.

Ad esempio, un americano non ha quasi paura nella testa che l'azienda prenda i soldi e si sciolga. Dal momento che hanno tutto protetto da dieci righe, solo un PayPal costa.

Qui, in Russia, questa paura è in primo piano. Pertanto, hanno pochi blocchi convincenti sul loro sito Web per fidarsi dell'azienda e ne abbiamo molti.

Posso fornire dozzine di argomenti in più che avremo diversi migliori landing page. Pertanto, mi scuso, ma le loro opzioni non saranno qui.

Goditi meglio le nostre soluzioni russe. Modella i nostri testi e blocchi. E nei siti stranieri basta prendere buone idee per il design.

Brevemente sul principale

Ora che hai esaminato tutti i candidati, non ti esorto a concentrarti ciecamente su di loro, ma guarda miglior atterraggio la pagina per un esempio ne vale sicuramente la pena.

Come minimo, puoi prendere l'idea di un'animazione realizzata in modo interessante da qualcuno. O, ad esempio, uno dei creatori conosce perfettamente il proprio e lo usa durante l'intero atterraggio. In generale, vale la pena studiare, trarre conclusioni e adottare.

E comunque, se stai cercando idee per la tua prima landing page, puoi provare a crearla tu stesso. Così capirai di cosa hai bisogno e che non è così semplice come sembra a prima vista.

Utilizzare per questo, ad esempio Platform LP. E solo allora, ti aspettiamo a trovarci per lo sviluppo congiunto.

Non avrai una seconda possibilità di fare una prima impressione una seconda volta. Ecco perché la home page è una delle più pagine importanti il tuo sito. Se a un nuovo visitatore non piace quello che vede, assicurati che premerà il pulsante Indietro. Molti utenti giudicano ancora un libro dalla copertina.

Cosa rende attraente la home page? Come ottenere un alta conversione e basso coefficiente rimbalzo? Come progettare la pagina principale di un blog? Quali sono i buoni esempi di testi aziendali? In questo articolo troverai le risposte a queste domande.

Per ogni pagina iniziale dovrebbe avere i seguenti elementi:

• Una risposta chiara alle domande dell'utente: "Chi sei?", "Cosa offri?" e/o "Cosa posso fare qui?". La tua azienda deve rispondere a queste domande in modo tale che ogni visitatore capisca di trovarsi posto giusto. Se gli utenti non riescono a trovare una risposta alle loro domande entro pochi secondi, il loro prossimo passo è rifiutare!
• Risonanza con il pubblico di destinazione. La home page dovrebbe parlare al pubblico di destinazione nella loro lingua. Cerca di evitare le "incomprensioni aziendali" ed elimina tutto ciò che è superfluo e che distrae.
• Offerta preziosa. Titolo e ancora titolo! Esprimi il significato del tuo prodotto o servizio in una frase in modo che gli utenti non abbiano il desiderio di cercare qualcosa di meglio dai tuoi concorrenti. La risoluzione dei problemi è ciò di cui è necessario scrivere; non è necessario elencare le componenti tecniche dell'offerta.
• Usabilità. Tutte le pagine mostrate di seguito sono molto user-friendly: sono facili da navigare e non contengono oggetti appariscenti come banner flash, animazioni o altro eccessivamente complesso e elementi non necessari. Molti sono anche ottimizzati per dispositivi mobili che è molto importante nel web marketing di oggi.
• Chiamare all'azione (). Ciascuno dei 15 esempi di homepage fa un uso efficace degli elementi CTA primari e secondari. Dirigono i visitatori a passo successivo. Ad esempio, "Gratuito versione di prova”, “Acquista ora” o “Ulteriori informazioni”. Ricorda che lo scopo della home page è mantenere i visitatori sul tuo sito e portarli alla fine del funnel di conversione.
• Disegno generale. Una pagina ben progettata è la chiave del successo nel coltivare la fedeltà degli utenti al marchio, nella creazione di una connessione con il pubblico di destinazione e nella promozione degli utenti nella canalizzazione di conversione.
• Non fermarti qui. Se sei soddisfatto del tasso di conversione del tuo sito, sappi che puoi aumentarlo del 10-50% con un semplice test di divisione della prima pagina.

Questo esempio di homepage di un sito Web html è geniale perché:

• Una combinazione di colori viene utilizzata con successo e gli elementi STA vengono posizionati in modo efficace.
• Testo molto allettante sull'elemento CTA: "Provalo gratis per 30 giorni".
• Sottotitolo accattivante: “Per gli oltre 5 milioni di persone che usano FreshBooks, bilancio d'esercizio nessun problema ora". Questa affermazione è attraente pubblico di destinazione perché padroneggiare la contabilità Software tende a essere estremamente difficile per i liberi professionisti e i proprietari di piccole imprese.

2. Golden Seven: esempio di lp con una progettazione di recensioni di successo

Questo è geniale perché:

• Un design pulito è abbinato a un titolo e un sottotitolo avvincenti.
• Il concetto generale è perfettamente supportato dall'invito all'azione "Enjoy Coziness" e bella foto creando un'atmosfera calda e tranquilla.
• Vale la pena notare separatamente in questa pagina principale il design delle recensioni. Avere più di semplici immagini e nomi clienti reali, ma anche le carte su cui sono state originariamente scritte queste recensioni, le rende particolarmente affidabili. Se ti stai chiedendo come inserire testimonianze sulla home page, questo sito è un esempio da seguire.

3. CloudPassage: video della home page

Questo è geniale perché:

• Design della pagina chiaro e pulito. Contenuti testuali che trasmettono accuratamente l'essenza dell'attività CloudPassage. Ecco come posizionare una presentazione o un video al posto di una foto nella pagina principale del sito, correggendo con esso il messaggio (messaggio, messaggio).
• Un solo invito all'azione guida. Per garantire che gli utenti non abbiano dubbi, di seguito sono riportati due messaggi: “Senza carte di credito", "Senza obblighi".

4. Scatola

Questo è geniale perché:

• La home page di Box è un ottimo esempio di come posizionare magnificamente le informazioni sulla pagina principale usando il potere. effetti visivi e contenuto testuale. Un titolo semplice ma potente.
• Sulla home page, i loghi dei clienti con le parole "Più di 140.000 aziende usano Box" hanno un bell'aspetto, a dimostrazione della popolarità del marchio.
• Ulteriore fiducia è causata dai contatti posti in un posto ben visibile per il sito. Esempio di scatola contiene un numero di telefono altamente visibile nella parte superiore della pagina.

5. Aweber: un esempio di una buona pagina di testo

Questo è geniale perché:

• Una pagina di testo dal titolo forte "7 motivi per iscriversi alla newsletter consulenza gratuita sull'email marketing” informa il visitatore sui numerosi bonus e presenta prove sociali.
• Questa pagina ha aumentato del 321% la percentuale di abbonamenti alla newsletter.

Questo è geniale perché:

• La grafica originale e divertente dimostra chiaramente di cosa sono capaci gli specialisti di questa azienda.
• I numeri e il breve ma completo elenco di vantaggi sono molto convincenti.
• Bella integrazione del menu con le icone. Le icone della pagina principale del sito, le sezioni "Chi siamo", "Esempi di lavoro" e "Prezzi" fanno sorridere e vengono ricordate.

7. Evernote.com: pagine di descrizione del sito di esempio

Questo è geniale perché:

• Il titolo della pagina "Ricorda tutto" di Evernote sarebbe stato il vincitore nella categoria "Tutto geniale è semplice".
• In questa pagina sono visibili tre semplici frasi che letteralmente “spuntano” su uno sfondo verde.
• Durante la navigazione nella pagina, l'occhio si ferma involontariamente al pulsante di invito all'azione: "Prova Evernote gratuitamente".

Questo è geniale perché:

• A prima vista è chiaro di cosa tratta questo sito. E anche se la maggior parte dei visitatori probabilmente sa cosa fare in caso di blocco del telefono, questa pagina contiene una piccola descrizione della soluzione a questo problema.
• L'effetto della pagina principale è costruito sul contrasto dei colori e sulla forza degli elementi di prova. Ad esempio, "Scelto da milioni di persone: oltre 4 milioni di telefoni sbloccati".
• Un breve modulo per i lead posizionato direttamente sulla pagina invece di un pulsante di invito all'azione elimina la necessità per gli utenti di navigare e attendere il caricamento del sito, un esempio di progettazione corretta.

9. Tribal Media: esempio di panorama della homepage

Questo è geniale perché:

• Un impressionante panorama della città nell'intestazione della pagina principale attira la massima attenzione. Come fare un'immagine per la pagina principale del sito? Non puoi sbagliare se segui l'esempio di Tribal Media.
• La forza del titolo sta nell'assenza di parole superflue.

Questo è geniale perché:

• La pagina principale include solo la maggior parte elementi necessari e niente di più.
• Ottimo titolo e appello convincente all'azione che riduce i dubbi con il testo: "Crea il tuo sito web per matrimoni gratuito in 5 minuti". HTML semplice 5. Al cliente verrà fornito un esempio del codice della pagina principale.

11. Basecamp: un sito con un lead form di successo

Questo è geniale perché:

• Per molto tempo, le pagine di Basecamp sono state fantastiche. Loro caratteristica distintiva- sempre un titolo e una foto spettacolari dei clienti.
• Come progettare la pagina principale di un blog o sito web in modo da ottenere il più possibile più seguaci? Posiziona il modulo per i lead di registrazione direttamente su di esso, salvando gli utenti da azioni non necessarie, risparmiando tempo e distraendo la loro attenzione.

12. Eventbrite: notizie in prima pagina

Questo è geniale perché:

• Il titolo in prima pagina, "Se succede qualcosa, lo scoprirai qui", funziona perché la curiosità ha sempre guidato le attività delle persone.
• Sottotitolo interessante. In esso, agli utenti viene offerto di visualizzare migliaia di eventi o creare il proprio evento e vendere i biglietti per esso.
• Una brillante foto delle vacanze, un design laconico, le notizie sulla pagina principale, che raccontano di eventi interessanti imminenti, migliorano l'effetto.

13. GoodData: una buona immagine nella pagina principale del sito

Questo è geniale perché:

• La pagina principale è progettata, per usare un eufemismo, in modo non standard, ma questo è solo uno dei tanti motivi per cui è fantastico.

La regola @page consente di impostare i margini durante la stampa di un documento o per le pagine con un tipo di supporto impostato per la stampa.

Notazione

	Descrizione	Esempio
<тип>	Specifica il tipo del valore.	<размер>
A&B	I valori devono essere emessi nell'ordine specificato.	<размер> && <цвет>
A | B	Indica che deve essere selezionato solo uno dei valori suggeriti (A o B).	normale | maiuscoletto
A || B	Ogni valore può essere utilizzato da solo o in combinazione con altri in qualsiasi ordine.	larghezza || contano
	Raggruppa i valori.	[ ritaglia || attraverso]
*	Ripetere zero o più volte.	[,<время>]*
+	Ripetere una o più volte.	<число>+
?	Il tipo, la parola o il gruppo specificato è facoltativo.	inserto?
(A, B)	Ripeti almeno A, ma non più di B volte.	<радиус>{1,4}
#	Ripetere una o più volte separate da virgole.	<время>#

×

I valori

Per impostare i margini sulla pagina, utilizzare proprietà generica margin o suoi derivati ​​- margin-top , margin-right , margin-bottom e margin-left , che impostano rispettivamente i margini superiore, destro, inferiore e sinistro. Significato negativo consentito, ma parte della pagina potrebbe essere "tagliata". proprietà di confine e l'imbottitura non sono applicabili.

La parola chiave :left consente di impostare i margini per tutte le pagine a sinistra, :right per tutte le pagine a destra e :first per la prima pagina.

Esempio

Metodo per catturare un leone nel deserto

Metodo di enumerazione sequenziale

Lascia che il leone abbia dimensioni LxWxH, dove L è la lunghezza del leone dalla punta del naso alla nappa della coda, W è la larghezza del leone e H è la sua altezza. Successivamente, dividiamo il deserto in una serie di rettangoli elementari, la cui dimensione coincide con la larghezza e la lunghezza del leone. Dato che il leone potrebbe non essere rigorosamente su una determinata area, ma contemporaneamente su due di esse, la gabbia per la cattura dovrebbe essere realizzata con un'area maggiorata, ovvero 2Lx2W. Grazie a questo, eviteremo l'errore quando solo la metà del leone viene catturata nella gabbia, o, peggio, solo la sua coda.

Il file print.css stesso ha questo aspetto.

Corpo ( famiglia di caratteri: Times, "Times New Roman", serif; /* Carattere Serif */ ) h1, h2, p ( colore: #000; /* Colore testo nero */ ) @page:first ( margin: 1cm ; /* Margini per la prima pagina */ ) @page:left (margine: 1 cm 3 cm 1 cm 1,5 cm; /* Margini per tutte le pagine a sinistra */ ) @page:right (margine: 1 cm 3 cm 1 cm 1,5 cm; /* Margini per tutte le pagine corrette */ )

Specifica

Ogni specifica passa attraverso diverse fasi di approvazione.

• Raccomandazione (raccomandazione) - la specifica è approvata dal W3C e raccomandata come standard.
• Raccomandazione del candidato ( Possibile raccomandazione ) - il gruppo responsabile della norma è soddisfatto del raggiungimento dei suoi obiettivi, ma per l'attuazione della norma è necessario il supporto della comunità di sviluppo.
• Raccomandazione proposta ( Raccomandazione suggerita) - in questa fase, il documento viene sottoposto all'Advisory Board del W3C per l'approvazione finale.
• Bozza di lavoro - Una bozza più matura dopo la discussione e gli emendamenti per la revisione della comunità.
• Bozza del redattore ( Bozza editoriale) è una bozza della norma dopo che le modifiche sono state apportate dagli editori del progetto.
• bozza ( Bozza di specifica) è la prima bozza della norma.

×

Flettore 5

Aggiornato:

Quando si imposta la struttura del permalink come "/%categoria%/%nomepost%.html" tutti i link ai post iniziano con " .html". Tuttavia, questo formato di collegamento non influisce in alcun modo sui collegamenti alle pagine. Ciò che è un po 'fastidioso: con una struttura di collegamento simile, sottolineiamo cosa è una pagina sul nostro sito e cosa non lo è. Una pagina è ciò con " .html" alla fine, e tutto il resto sono intestazioni, tag o altre tassonomie. I collegamenti alle pagine in questo contesto vengono eliminati quadro complessivo– sembrano essere collegamenti a rubriche, anche se non lo sono. Il plugin corregge questa spiacevole situazione aggiungendo il finale " .html".

1 Decomprimere l'archivio.

2 Copiare il file nella cartella /wp-content/plugin/.

3 Vai al pannello di amministrazione del blog nella scheda " Plugin e attiva il plugin.

Non ci sono impostazioni nel plugin e subito dopo la sua attivazione inizia a funzionare. Ora tutti i collegamenti alle pagine passeranno da queste:

Qui in questi:

Ma cosa succede se hai bisogno di cambiare .html" sul " .htm" o generalmente su " .php"? Non ci sono impostazioni nel plug-in, quindi dovrai modificarlo manualmente. Per fare ciò, apri il file del plug-in e modifica le seguenti righe:

13	$wp_riscrivi ->

$wp_riscrivi->

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

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

Invece di " .html"scrivi il finale che ti serve. Successivamente, dovrai disattivare e riattivare il plugin. Subito dopo riattivazione plug-in, tutti i collegamenti alle tue pagine conterranno il finale che hai specificato nel file del plug-in.

ho preso questo plugin alla rubrica " SEO", ma formalmente, ovviamente, non ha nulla a che fare con questa sezione. Ai motori di ricerca francamente non interessa come appaiono i link ai tuoi post, pagine o sezioni. Sì, e i tuoi visitatori, secondo nell'insieme, non importa neanche questo. Ma dal punto di vista dei link estetici, questo plugin è necessario. Dopotutto, hai cambiato la tua struttura permalink in una più carina, anche se non ha alcun senso dal punto di vista SEO di un blog.

Qualunque cosa Collegamenti HTML diviso in esterno e interno. I collegamenti esterni sono collegamenti che portano da un sito a un altro sito o file che si trova su un altro sito. Collegamenti interni- trattasi di link che rimandano da una pagina del sito ad un'altra pagina dello stesso sito oa sezioni della stessa pagina.

Qualunque cosa link esterno nell'attributo href del tag contengono il percorso assoluto del documento a cui si riferiscono. I link interni, a loro volta, possono contenere sia un percorso assoluto che uno relativo (in questo caso, dipende dalle tue preferenze personali).

Tutti i collegamenti possono anche essere suddivisi condizionatamente in relativi e assoluti. Collegamenti relativi sono collegamenti HTML contenenti percorsi relativi, link relativi può essere solo interno. Collegamenti assoluti sono collegamenti contenenti percorsi assoluti, legami assoluti può essere sia esterno che interno.

Percorso relativo

Percorso relativo significa che specificando il percorso del file o della pagina desiderati del tuo sito inizia rispetto alla directory in cui si trova la pagina con il collegamento, oppure rispetto alla directory principale del sito. Considera le parti in cui può essere costituito un percorso relativo:

Parti del percorso	Descrizione	Esempi di valore
Nome del file	Se si specifica solo il nome del file come valore dell'attributo, significa che il file richiesto si trova nella stessa cartella della pagina con il collegamento.	"pagina.html"
Catalogare/	Se il file di cui devi specificare il percorso si trova in una directory figlio relativa al file con un collegamento, significa che dobbiamo scendere di un livello (alla cartella figlio della directory corrente), in questo caso il percorso inizia con il nome della directory figlio, dopo di esso il nome è indicato da una barra "/", serve per separare parti del percorso, dopo di esso viene indicato il nome del file di cui abbiamo bisogno. Nota: puoi scendere solo per tutte le cartelle che hai creato. Ad esempio, se hai creato una cartella 10 livelli sotto la radice, puoi specificare un percorso che ti porterà giù di 10 cartelle. Tuttavia, se hai così tanti livelli, molto probabilmente significa che l'organizzazione del tuo sito è inutilmente imbarazzante.	" directory/pagina.html " " directory1/directory2/pagina.html "
../	Se vuoi indicare che il file a cui ti riferisci si trova nella cartella principale, usa i simboli .. (due punti), significano salire di un livello (alla cartella principale della directory corrente). Successivamente, specifichiamo una barra "/" per separare parti del percorso e scrivere il nome del nostro file. Nota: i simboli .. possono essere usati tutte le volte che vuoi di seguito, usandoli, sali di una cartella ogni volta. Tuttavia, puoi salire fino a quando non arrivi cartella root il tuo sito. Non puoi andare più in alto di questa cartella.	"../pagina.html" "../../page.html" " ../../../cat1/cat2/page.html " - aumento da cartella corrente tre directory sopra e già da esso scendiamo di due livelli sotto al file richiesto
/	Un percorso relativo non deve sempre iniziare rispetto alla posizione corrente della pagina di collegamento, può anche iniziare rispetto alla directory principale del sito. Ad esempio, se il file desiderato si trova nella directory principale, il percorso può iniziare con il carattere " / ", dopodiché è sufficiente specificare il nome file desiderato, che si trova nella directory principale. Nota: quando viene specificato per primo il carattere " / ", significa che il percorso inizia dalla directory principale.	"/pagina.html" "/cat1/cat2/car.png"

Percorso assoluto

Un percorso assoluto viene solitamente utilizzato per specificare il percorso di un file che si trova su un altro risorsa di rete. È l'URL completo di un file o di una pagina. Innanzitutto nell'indirizzo è indicato il protocollo utilizzato, seguito dal nome a dominio (nome del sito). Ad esempio: http://www.example.ru - ecco come appare il percorso assoluto di un sito Web specifico. http:// è un protocollo di trasferimento dati e www.example.ru è il nome del sito (dominio).

Un percorso assoluto può essere utilizzato anche sul proprio sito. Tuttavia, all'interno di un sito, si consiglia di utilizzare un percorso relativo come valore del collegamento.

Ora diamo un'occhiata a cosa è URL-l'indirizzo. Ogni pagina web su Internet ha un proprio indirizzo univoco, che è quello che viene chiamato URL. Abbreviazione URL sta per u uniforme R risorsa l ocator (Uniform Resource Address), in poche parole, un URL è un localizzatore di risorse. Questo modo di scrivere un indirizzo è standardizzato su Internet.