Ik wil graag even met jullie bijpraten, want we krijgen veel reacties! We krijgen veel complimenten en veel vragen. Deze kunnen we helaas niet allemaal persoonlijk beantwoorden omdat het er te veel zijn.We hebben inmiddels 2884 lezers, vandaar. We verzamelen wel alle vragen en als een bepaalde vraag vaak terugkeert behandelen we die in het magazine. Blijf dus vooral je vragen per email stellen, wie weet zie je het antwoord wel in één van de volgende nummers!

We krijgen ook wel eens opmerkingen dat de inhoud van het magazine eigenlijk te eenvoudig is. Daar wil ik graag antwoord op geven. Het magazine is bedoeld om startende en gevorderde webmasters te helpen om van hun website een groot succes te maken. En aangezien dat succes afhangt van een heleboel factoren, denk ik dat de meeste lezers er wat van op steken. Ben je vergevorderd op gebied van HTML? Doe dan je voordeel met de marketing tips die we geven. Ben je goed in het vormgeven van een site? Doe dan je voordeel met de tips die we geven hoe je hoog in de zoekmachines kunt komen.

Er zit altijd wel iets bij waar je wat van kunt leren. Een website is namelijk nooit af. Omdat het Internet altijd in beweging is moet je je site altijd fris en actueel houden. En daar wil ik je graag bij helpen.

Wist je bijvoorbeeld dat vanaf 29 januari 2003 .nl domeinnamen ook door particulieren geregistreerd mogen worden? Klik hier om te kijken of je domeinnaam nog vrij is.

Veel lees plezier en maak van je site een groot succes!

Robert Heessels

Hyperlinks (=links) maken het World Wide Web tot dat wat het is.
Zonder links zouden alle files op het web geïsoleerd zijn en zou je alleen een pagina bezoeken waarvan je het adres wist. Door links zijn een enorme hoeveelheid files op het web aan elkaar gekoppeld en is het mogelijk op je pagina te verwijzen naar (delen van) andere pagina's op je site, maar ook naar pagina's en bestanden van een totaal andere site.

Nu gaan we dus kijken hoe je links maakt met HTML.
De link tags in HTML zijn: <A> als begintag, de eindtag is dan </A>.

Eerst komt het linken naar bestanden op je eigen site aan de orde, dan het linken naar bestanden elders op het web.
Vervolgens gaat het over afbeeldingen als links gebruiken.
Tenslotte komt de mail-link aan bod.

Linken naar bestanden op je eigen site

Er zijn twee soorten links die onder deze categorie vallen:

1.Linken naar bestanden op een andere pagina van je site.
2.Linken naar een bepaald gedeelte op een pagina.

Het is bij deze bestanden niet nodig om bij de links "http:// " en "www." toe te voegen, aangezien de bezoeker zich al op je site bevindt en hij alleen doorgestuurd hoeft te worden naar een ander bestand op dezelfde server.

1.Linken naar bestanden op een andere pagina van je site

Een link naar een bestand op een andere pagina van je site maak je als volgt.

Je begint met de A tag en vervolgens voeg je hier het attribuut href aan toe. Href staat voor Hyper Reference en definieert het adres waar men naartoe gebracht wordt nadat op de link is geklikt.

Daarna type je de naam van het bestand/de pagina waar je naar toe wilt linken. Bijvoorbeeld index.html. Nu verwijs je dus naar het bestand index.html.
Dit bestand moet dan wel in dezelfde directory staan als het bestand waarin je de link plaatst.
Heb je het bestand in een directory die daar "onder" staat dan krijg je zo'n soort link:

/directory/index.html.

Nu stuur je de bezoeker naar de onderliggende directory: "directory" en het bestand "index.html" dat daar in staat.

Staat het bestand in een directory "boven" het bestand waarin je de link plaatst dan schrijf je deze link:

../diversen/index.html.

Hier wordt verwezen naar het bestand "index.html" in de bovenliggende directory "diversen". De twee puntjes geven aan dat er verwezen wordt naar een directory die zich "boven" de huidige directory bevindt.

Nog even alles op een rij:

<A href="index.html">Met deze link verwijs je naar het bestand "index.html" in dezelfde directory.</A>

<A href="/sitecoach/directory/index.html">Nu verwijs je naar het bestand "index.html" dat zich in de onderliggende directory "directory" bevindt. </A>

<A href="../diversen/index.html">Ook nu verwijs je weer naar het bestand "index.html" , maar nu bevindt het zich in de bovenliggende directory "diversen".</A>

Nog één belangrijk ding: de tekst die je tussen de <A..> en </A> tags plaatst, is de link-tekst. Deze wordt onderstreept weergegeven en als erop geklikt wordt, wordt de link geactiveerd.

1.Linken naar bestanden op een andere pagina van je site

Soms kan het handig zijn om een bezoeker gelijk naar een bepaald gedeelte op een pagina te verwijzen. Denk aan een lange pagina met veel tekst. Het is dan ideaal om een link naar een specifieke paragraaf te kunnen opnemen.

Hiervoor dient het attribuut name.

Je zet de tag <A name="de naam"> De tekst waar je naar toe linkt </A> bij het gedeelte waar je naar toe wilt linken.
Dan gebruik je de tag <A href="#de naam"> Hier komt de link tekst</A>daar waar je de link wilt plaatsen.

Even een voorbeeld:

Als je hier klikt, ga je naar de tekst "Linken naar bestanden op je eigen site" hierboven op deze pagina.

Bij de tekst waar ik naar wil linken heb ik dit geplaatst:

<A name="tekst">Links naar bestanden op je eigen site:</A>

En de link zelf heb ik als volgt gemaakt:

<A href="#tekst">hier</A>

Linken naar bestanden elders op het web

Linken naar een bestand op een totaal andere website is vrij eenvoudig.
Je gebruikt natuurlijk weer de tags <A> en </A>.
Nu moet je wel "http://" en "www." toevoegen aan het link-adres, want nu verwijs je naar een bestand op een andere server.

Een voorbeeld:

<A href="http://www.hetadres.nl/index.html">De link-tekst hier!</A>

Met deze link verwijs je dus naar het bestand "index.html" wat een onderdeel is van "http://www.hetadres.nl/".

Het attribuut "target"

Nu nog iets over het attribuut target.
Dit attribuut wordt vooral gebruikt in pagina's met frames (bespreken we in een volgende les), maar kan ook gebruikt worden in normale pagina's.

Het attribuut target kan vier verschillende waarden hebben:

_blank
    Zorgt ervoor dat de link in een nieuw browserscherm geladen wordt.
_self
    Link wordt in hetzelfde browserscherm geladen.
_parent
    Laadt de link in de bron van het document.
_top
    Laadt de link in het gehele scherm. Alleen van belang bij frames.

Zo zien de tags er dus uit als je het "target" attribuut gebruikt met één van de vier bijbehorende waarden:

<A href="http://www.voorbeeld.nl/" target="_blank">Zo wordt de link in een nieuw browserscherm geladen</A>

<A href="http://www.voorbeeld.nl/" target="_self">Zo wordt de link in hetzelfde browserscherm geladen</A>

<A href="http://www.voorbeeld.nl/" target="_parent">Zo wordt de link in de bron van het document geladen</A>

<A href="http://www.voorbeeld.nl/" target="_top">Zo wordt de link in het hele scherm geladen (alleen voor frames-pagina's)</A>

Afbeeldingen als links gebruiken

Je kunt ook afbeeldingen als link gebruiken. Deze heten dan clickable images.
Het maken van de link-tag verschilt niet veel van wat je hierboven geleerd hebt. Alleen gebruik je nu in plaats van de onderstreepte link-tekst, het adres van de afbeelding.

Afbeeldingen komen pas in een volgende les aan de orde. Toch is het handig om nu alvast aan te geven hoe je een afbeelding als link kunt gebruiken.

Voor nu volsta ik dus met het weergeven van de tag:

<A href="http://www.voorbeeld.nl/"><IMG src="afbeelding.gif"></A>

Op de plaats waar nu "afbeelding.gif" staat, vul je het adres in van de afbeelding in die je gebruikt voor je link. Meestal is dit een .gif of .jpg (.jpeg) bestand.

Email Link

Deze links worden ook wel mailto links genoemd. Deze link verschijnt als elke andere link, maar wanneer er op geklikt wordt, kan de bezoeker een email aan je sturen.

Een mailto link maak je als volgt:

 <A href="mailto:jouw@emailnaam.nl">Stuur me een email!</A>

De tekst:"Stuur me een email! " wordt weergegeven als de link-tekst.
(Het emailadres in dit voorbeeld is een niet bestaand adres)

In het volgende artiekel volgt deel 7:
Lijsten maken.

Deze cursus HTML valt onder copyright van mijnhomepage.nl. Dit artikel mag niet worden overgenomen zonder uitdrukkelijke toestemming van de webmaster van mijnhomepage.nl.

Waarom heb je een website? Omdat je er bezoekers op wilt ontvangen en omdat je die bezoekers wat te vertellen / te bieden hebt. Of het nu over je hobby gaat, je bedrijf of je verreniging of stichting, het doel blijft hetzelfde. Je wilt veel bezoekers en je wilt dat al die bezoekers je site serieus nemen en goed bekijken. Maar waarom gebeurt dat dan niet? De gemiddelde bezoeker bekijkt maar een paar pagina's.

Om je te helpen bij het grijpen van de aandacht van de bezoeker en deze vast te houden heb ik de volgende vijf super simpele tips voor je uitgewerkt. Doe er één of twee en zult al verschil gaan zien. Doe ze allemaal en je site wordt een groot succes!

What's in it for me?

Vooral bij offline marketing zoals reclame op bushokjes en advertenties in kranten en bladen zie je het vaak. Van die niets-zeggende beelden of teksten die eigenlijk nergens over gaan. Op zijn best zijn ze nog vaag. Vaak is het egostrelerij van de adverteerder. "Wij bestaan 70 jaar". "Wij zijn de grootste". "Wij zijn zo geweldig, kom maar bij ons". Wij-wij-wij! En ik dan? Wat heb ik er aan? Waarom zou ik bij jouw kopen? Waarom zou ik bij jou gaan bankieren? Waarom zou ik bij jou mijn verzekeringen onder brengen? What's in it for me?

Sorry dat ik een beetje door draaf, maar het zit me dan ook erg hoog. De belangen van de cliënt moet centraal staan. Welk voordeel zal de cliënt ervaren als die bij je koopt - bestelt? Welk voordeel zal de bezoeker van je site ervaren als hij je website gaat lezen?

De vraag "What's in it for me?" moet je zo snel mogelijk beantwoorden. Kort en krachtig. Meteen op je homepage. Dus geen welkomstpraatje. Geen dit-zijn-wij-en-wij-zijn-zo-geweldig-praatjes. Geen vaag verhaal maar zonder omhaal van woorden, kort en bondig, direct en to-the-point een statement neerzetten wat de bezoeker er aan heeft om jouw site te bekijken.

De kopregel (openingszin) is het belangrijkste van je hele site. Het is de advertentie voor de advertentie. Als de kopregel niet boeiend is zal de bezoeker je tekst niet eens lezen. Hooguit scannen (doorbladeren en slechts enkele fragmenten lezen). De kopregel dient ook als filter. Daarin spreek je direct en exact je doelgroep aan. Als je een site hebt met allerlei informatie over sportvissen en ik ben op zoek naar een viswinkel waar ik kaviaar kan bestellen dan moet de kopregel mij direct duidelijk maken dat ik niet op jouw site thuis hoor. Andersom werkt het ook. Als ik geïnteresseerd ben in sportvissen dan weet ik dat ik op je site waardevolle informatie kan vinden.

Goed. Hoe pas je dit nou toe op je eigen site? Dat is best makkelijk, maar onderschat het niet. De eerste stap is zelf eens kritisch naar je site kijken. Niet als site eigenaar, maar als bezoeker. Kruip in de huid van je bezoeker en vraag je telkens af: "Wat heb ik hier aan? Wat schiet ik hier mee op?". Dat kan een ontnuchterende ervaring zijn. Begin dan met het schrijven van pakkende kopregels. Schrijf er voor elke pagina minstens twintig. Kies er dan drie of vier uit die je de komende maanden gaat testen. Lees de teksten nog eens door en herschrijf ze vanuit het oogpunt van de bezoeker. Dus niet: "Dit ben ik en dit heb ik te vertellen.", maar "Op die en die manier kun je je voordeel doen met deze site." of "Op die en die manier zul je de voordelen ervaren door met ons zaken te doen." Wees zo concreet mogelijk.

In een volgend artikel behandelen we tip 2: Leid je bezoeker door je site.