Per rendere ben percepite le informazioni pubblicate sulle pagine WEB, attirare l'attenzione del visitatore e, infine, incoraggiarlo a compiere determinate azioni - acquisti, ordini e così via, ci sono molte tecniche. La maggior parte di essi mira a fornire rapidamente al visitatore del sito informazioni aggiuntive, come si dice in un clic. Queste informazioni possono essere ottenute da un'altra pagina dello stesso sito, da una risorsa esterna o direttamente sulla stessa pagina secondo il principio del "puntare il dito". Questa possibilità è realizzata con metodi programmatici, utilizzando i cosiddetti collegamenti "di ancoraggio" e "non di ancoraggio".
Che cos'è un collegamento di ancoraggio?
Il collegamento di ancoraggio è progettato per facilitare la ricerca di informazioni all'interno di una pagina WEB. Questa azione può essere illustrata dal seguente esempio: sulla tua pagina è scritto che questo prodotto può essere acquistato in questo o quell'altro negozio, ma l'indirizzo del punto vendita stesso è scritto in fondo alla pagina. Un visitatore impaziente potrebbe non voler leggere tutte le informazioni, ma ottenere subito l'indirizzo del negozio. Per realizzare il suo desiderio, la parola "negozio" deve essere composta utilizzando il tag A come collegamento di ancoraggio e un "ancoraggio" (ancora) deve essere posizionato vicino all'indirizzo nel codice della pagina.
È implementato in questo modo:
- Negli attributi del tag, che contiene l'indirizzo del negozio, scrivi il suo "nome": nome = "indirizzo1".
- La parola da cui si intende indirizzare il visitatore all'indirizzo diventa un link con un indirizzo speciale: href = "# address1".
Naturalmente, la parola "negozio" deve essere evidenziata utilizzando CSS: colore, dimensione del carattere o tipo.
Con l'aiuto di link non di ancoraggio, puoi implementare un rapido salto all'inizio della pagina in modo da non costringere il visitatore a utilizzare la barra di scorrimento. Un collegamento può essere creato non solo con il testo, ma anche con un'immagine, se alleghi il tag img all'interno del tag A
Senza ancora o collegamento ipertestuale
Spesso, un visitatore del sito deve essere indirizzato a un'altra pagina del sito o anche a una risorsa di terze parti per ulteriori informazioni. Costringerlo a digitare una riga intera nella barra degli indirizzi del browser che inizia con https:// significa sicuramente perdere il visitatore. Pertanto, nel testo della pagina, viene selezionata una parola adatta nel significato per iniziare la transizione. Ad esempio: "Puoi trovare informazioni dettagliate qui". La parola adatta per la transizione viene creata con un collegamento ed evidenziata utilizzando i CSS.
Un collegamento non di ancoraggio è implementato con lo stesso tag A, ma l'indirizzo href contiene quello completo che inizia con https:// o il relativo (abbreviato) www.address del resource.ru / nome file.
Quando si organizzano i collegamenti ipertestuali all'interno del testo, vale la pena prestare attenzione all'attributo di destinazione del tag. Se non lo specifichi, il browser predefinito aprirà la pagina successiva nella stessa finestra e il visitatore del sito verrà perso per te. Pertanto, indica sempre lo scopo del collegamento: in questo caso, il visitatore aggiungerà solo un'altra scheda aperta nel browser e potrà sempre tornare da te "in un clic".