Länka rätt!

Att skriva rätt länkkod kan kännas som en hel vetenskap i början.
Du kan i princip alltid skriva in en egen html-kod och göra en egen länk, även om det här lilla tecknet inte finns där du skriver

Det kan t.ex. vara i en html-gadget eller i en kommentarsruta på någons blogg.


Vi kan dela in länkarna i tre varianter -

• Länka med ord
• Länka med bild
• Länka till en emailadress

I variant 1 vill du ha en textlänk, understrukna ord som visar att här finns en länk att klicka på.
Då ser koden ut så här:

<a href="http://DinLänk">DinText</a>

Du skriver in den webadress du vill länka till och den text du vill att dina läsare ska se.
Enkelt och praktiskt.

Om du dessutom vill lägga till att länken ska öppnas i en ny flik så att besökaren har din sida kvar öppen behöver du lägga till en liten kodsnutt. Då ser koden ut så här:

<a href="http://DinLänk"target="_blank">DinText</a>

I variant 2 vill vi ha en bild som länkar till en sida då vi klickar på den.
Ett exempel på en sådan bild är en banner som länkar till någons blogg eller websida.



Då ser den enklaste koden ut så här:

<a href="http://DinLänk"><img src="http://DinBildadress"/></a>

Här skriver du bara in länken till websidan och bildens direktlänk.

Om vi däremot vill ha en bildlänk som öppnas i en annan flik och dessutom har en alt-tagg där du kan skriva in ett sökord till bilden ser koden ut så här:

<a href="http://DinLänk" target="_blank"><img alt="BildensSökord" src="http://DinBildadress"/></a>

Anledningen till att vi lägger till ett sökord är för att Google och andra sökmotorer lättare ska kunna indexera bilden och din bild hamnar högre upp i sökresultat. Bra om du vill få besökare till din blogg med andra ord!

När du väljer sökord, tänk dig vad någon annan skulle googla/söka på. Det är troligare att de söker på hund eller golden retriver än din hunds namn "Pluto"

Om du bara vill använda dig av Öppna i nytt fönster kan du bara radera orden BildensSökord.

Och, till sist, länka till en mailadress.

Om du vill ha en textlänk till en mailadress ser koden ut så här:

<a href="mailto:DinEmailadress">DinText</a>

Om du vill länka en bild till en mailadress ser koden ut så här:

<a href="mailto:DinEmailadress"><img src="http://DinBildadress"/></a>

Ett tips är att kopiera de här koderna och spara dem i ett anteckningsdokument på din dator.
Det sista man vill när man vill länka lite snabbt är att börja leta efter vart man såg de där länkkoderna - vilken sida var de nu på???