HTML links

Links in HTML

Wat zou het internet zijn zonder links? Ook wel hyperlinks genaamd? Een gigantische brij van informatie waar niemand maar dan ook niemand ooit meer de weg in zou weten te vinden.

Tijd om eens te kijken hoe we in HTML een hyperlink of kortweg Link coderen.

Een link coderen we in HTML als volgt:

<A href=”doel”> tekst of plaatje </a>

Het spreekt haast voor zich dat doel het webadres is van de pagina waar we naar toe willen. Stel dat dit doel home.htm heet dan krijgen we <A href=”home.htm”>

Hoe we tekst of plaatjes coderen hebben we eerder gezien in andere artikelen. Tekst kunnen we hier gewoon coderen met <FONT>,<B> etc. Overigens worden door de meeste mensen links nog altijd geassocieerd met blauw en onderstreept. En daar zal men ook het meest op klikken. Stel dat we trefwoord wijnfles hebben en een plaatje wijnfles.jpg op de site hebben staan.

Dan zal een klikbare versie van wijnfles.jpg er uit zien als
<a href=”wijnfles-pagina.htm”><img src=”wijnfles.jpg” alt=”wijnfles”></a>

Bij aanklikken van het plaatje gaan we naar een pagina die wijnfles-pagina.htm heet en die op onze eigen websiteaanwezig moet zijn. Zo niet dan krijgen we een zogenaamde 404 error. 

Ook kunnen we naar een webadres buiten de eigen site verwijzen. Bijvoorbeeld naar www.nebsite.nl. In dat geval ziet het doel er als volgt uit: <a href=”http://www.nebsite.nl“>. let op de http. Deze geeft aan dat het webadres buiten onze eigen site ligt.

Het mag duidelijk zijn dat heel veel zaken op deze manier als link gebruikt kunnen worden. Ook links binnen onze eigen website kunnen invloed hebben op de zoekresultaten.

Het verdient daarom altijd aanbeveling onze trefwoorden in de namen van de pagina op te nemen waar we heen springen. In de naam wijnfles-pagina komt ons trefwoord wijnfles terug.