Linken leggen tussen verschillende pagina's.

Terug naar de inhoudstafel

Doelstelling van deze Steples

• Uitleggen hoe linken worden gelegd tussen verschillende pagina's van de website, al dan niet tussen pagina's aangemaakt in verschillende talen.

Steplessen die best gevolgd zijn vooraleer deze Steples te starten

Voorkennis

Logische vervolg

Link invoegen naar een andere pagina

Sitestepper maakt het extreem gemakkelijk om linken te leggen tussen pagina's van de gegenereerde website.

Het zijn, tenslotte, de linken op de website die de samenhang van de website bepalen en die ervoor zullen zorgen dat bezoekers alle aangeboden pagina's (gemakkelijk) te zien krijgen.

Linken worden veelal geplaatst in menu-achtige gedeeltes van de pagina's van de websites. Deze menu's zijn een bij elkaar geplaatst verzameling van woorden waarop kan worden geklikt teneinde een andere pagina van de website te bezoeken.

Maar menu's zijn niet de enige plaats waar linken belangrijk zijn. Ook in de tekstdelen van de webpagina's kunnen (dienen) linken toegevoegd te worden om de bezoeker gemakkelijk te leiden naar een andere pagina van de site. Wat meer is, linken in teksten zijn uitermate belangrijk om de website voor de bezoeker overzichtelijk en toegankelijk te maken. Ook zoek-engines, zoals Google, Yahoo en MSN gebruiken de linken om alle pagina's van de website te bezoeken.

Keywords

In plaats van een traditionele html-link toe te voegen tussen de pagina's van de website, zal Sitestepper de keywords gebruiken die zijn verbonden aan elke bronpagina om tijdens de buildfase een link te leggen.

M.a.w., in plaats van rechtstreeks een link te plaatsen naar pagina's als 'default', 'fotos' of 'wie', zal Sitestepper linken door het gebruik van keywords. Hier respectievelijk 'root', 'fotos' en ook 'wie'.

Keywords zijn (bij voorkeur) korte woorden die eenduidig een pagina kunnen identificeren. Zij moeten bestaan uit alfabetische karakters, cijfers en het onderlijnkarakter (_).

Spaties en speciale karakters zijn niet toegelaten.

Invoeren van keywords in de pagina parameters

Keywords worden ingevoerd in één van de velden van de paginaparameters. Deze velden zijn, tijdens de normale werking van Sitestepper, inactief en dus niet aanpasbaar. Ze zullen dan ook in de inactieve kleur worden getoond (ter info: deze kleur kan worden ingesteld in de projectparameters).

Om de paginaparameters te kunnen aanpassen, dienen deze actief te worden gemaakt door het kiezen van de menu-optie: 'Edit – Node Data – Edit' of via de sneltoets Ctrl-E. Een laatste mogelijkheid is het aanklikken van de 'Editeer'-knop rechtsboven in de paginaparameters.

De paginaparameters zullen actief worden geplaatst en de projectboom zal inactief worden geplaatst (en dus worden getoond in de inactieve kleur). De projectboom wordt inactief geplaatst omdat het enkel mogelijk is de parameters van één pagina aan te passen op hetzelfde moment.

Het keyword dient te worden ingevoerd in het Keyword veld.

Enkel karakters, cijfers en het onderlijn-karakter (_) mogen worden ingevoerd. Sitestepper zal niet toestaan foutieve karakters in te voeren en zal het invoeren van het onderlijn-karakter vergemakkelijken door elk ingevoerd spatiekarakter automatisch te veranderen in een '_'-karakter.

Keywords mogen kleine en hoofdletters bevatten, maar tijdens het opzoeken en het vervangen van de keywords bij het invullen van de steplinken, worden kleine karakters en hoofdletters als gelijk beschouwd. Met andere woorden: de keywords 'VakantieFotos', 'VAKANTIEFOTOS' en 'vakantiefotos' zijn, qua verwerking, binnen Sitestepper, van de keywords gelijk.

Opgelet

• Keywords dienen uniek te zijn en mogen derhalve maar éénmaal per project worden gebruikt¹.

Waarom keywords en geen linken rechtstreeks naar de pagina

Het gebruik van keywords levert de volgende voordelen op in vergelijking met het rechtstreeks gebruiken van de naam van de webpagina om linken te leggen tussen de verschillende pagina's.

Keywords zijn gemakkelijker te onthouden

Vermits keywords (bij voorkeur) gemakkelijk te onthouden woorden zijn, zijn deze gemakkelijker te onthouden dan de echte naam van de bronpagina.

Alhoewel het keyword in sommige gevallen dezelfde naam zal zijn als de naam van de bronpagina, is dit niet altijd nodig.

In afbeelding 32 zijn twee bronpagina's ('root' en 'waar wonen wij') aangeduid die een keyword toegewezen hebben gekregen die verschillend zijn van de paginanaam.

Zo kan als naam van de bronpagina een duidelijke (lange) naam worden gekozen, terwijl het korte keyword wordt gebruikt binnen de Sitestepperomgeving.

Ter info:

Lange namen van bronpagina's zullen ook lange namen van effectieve webpagina's opleveren, en lange namen van webpagina's zullen zeer belangrijk zijn voor zoek-engines want, hoe meer betekenisvolle woorden in de webpagina aanwezig zijn, hoe meer zoektermen door de zoek-engines kunnen worden gebruikt.

Paginanamen kunnen op elk moment worden hernoemd

Vermits Sitestepper, om linken te leggen tussen pagina's, volledig werkt via de toegekende keywords, en bijgevolg de effectief te gebruiken naam van de webpagina pas wordt ingevuld tijdens het builden van de webpagina's, kunnen de namen van de bronpagina's op elk moment worden veranderd.

Hier volgen enkele reden waarom een bronpagina zou worden hernoemd:

• Een schrijffout in de benaming van de bronpagina wordt ontdekt. Deze schrijffout kan worden verbeterd door de paginanaam te hernoemen.

• De inhoud van de pagina is veranderd en de naam van de pagina dient hernoemd te worden om zogenaamd: de lading beter te dekken.

• Vermits de verschillende termen binnen een webpagina belangrijk zijn voor zoek engines, kan het zijn dat u de pagina wenst te hernoemen teneinde meer of betere termen in de naam van de webpagina te kunnen plaatsen.

Door een keyword te herleggen, worden linken gemakkelijk naar een andere pagina herlegd

Door binnen een project een keyword toe te wijzen aan een andere bronpagina, zullen, bij het opnieuw aanmaken van de website, alle linken die in een vroegere versie naar de 'oude' pagina verwijzen, nu naar de 'nieuwe' pagina wijzen.

Een realistisch praktijkvoorbeeld zal dit duidelijker maken.

Stel u een website voor waarop elke maand een promotie wordt voorgesteld.

De ontwerper van de website heeft dan ook een webpagina aangemaakt met de naam 'promotie januari 2006'. Als keywords is het keyword 'promotie' toegewezen aan deze bronpagina. En overal op de website zijn steplinken ingevoegd die verwijzen naar deze promotiepagina door middel van het keyword 'promotie' en waarin de bezoeker wordt uitgenodigd door te klikken op de teksten 'klik hier voor onze huidige promotie'.

De volgende maand dient een nieuwe promotie online te worden geplaatst. Deze promotiepagina wordt aangemaakt in de maand januari maar krijgt – uiteraard – tijdens het aanmaken van de pagina niet het keyword 'promotie' toegewezen (want volgens de regels van Sitestepper, mag een keyword slechts éénmaal voorkomen). Als naam van de nieuwe pagina wordt (om de logische naamgeving van de promotiepagina's te behouden) gekozen voor 'promotie februari 2006'.

In een traditioneel pakket zou, begin februari, de volledige site moeten worden aangepast teneinde alle linken naar de promotie te laten verwijzen naar de de pagina met naam 'promotie februari 2006' in plaats van naar de 'oude' pagina met naam 'promotie januari 2006'. Niet zo erg als dit over twee of drie verwijzingen gaat, maar het wordt heel wat meer problematisch indien dit gaat over tientallen linken. En dan spreken we nog niet over eventuele linken in pagina's in verschillende talen.

Binnen Sitestepper zijn (enkel) de volgende handelingen nodig:

1. Zoek de oude (januari-)promotiepagina op.
2. Koppel een nieuw keyword aan deze pagina (of verwijder het keyword).
3. Zoek de nieuwe (februari)-promotiepagina op.
4. Koppel het keyword 'promotie' aan deze pagina.\
5. Herbouw de volledige site: automatisch zullen alle verwijzingen achter de teksten 'klik hier voor onze huidige promotie'' verwijzen naar de promotiepagina van februari (zonder dat er kans bestaat dat een (promotie)link wordt vergeten.

Gemakkelijk, snel en zeker ☺.

Sitestepper kan zelf die logica toepassen bij het benoemen van de webpagina's die het nodig acht

Sitestepper zal de naamgeving van de effectieve webpagina's volledige onder controle kunnen houden.

Zo zullen, in de huidige versie, alle spaties die voorkomen in de namen van de bronpagina's, worden vervangen door '-'-tekens. Zo wordt voorkomen dat spatiekarakters, ofwel problemen geven bij het linken naar webpagina's, of dat spaties worden vervangen door de onduidelijke '%20'-code (een %20-code zal door internetprogramma's worden vervangen door een spatie om de webpagina op te zoeken, maar deze codering geeft onduidelijke benamingen in de verschillende internetprogramma's).

Waar worden keywords gebruikt?

Keywords worden binnen Sitestepper op twee plaatsen gebruikt:

1. In steplinken: gebruikt om op de website linken te leggen tussen pagina's.
2. In skeletons om aan te duiden dat bronpagina's moeten worden ingevoegd.

Hoe keywords gebruiken in Steplinken

Keywords vormen, binnen Sitestepper, een onderdeel van de Steplink-syntax. Een steplink is een normale html-syntactisch correcte link (in het <a>...</a>, -formaat), die door Sitestepper, tijdens het builden van de website zal worden vervangen door de webpagina aangeduid door het aanwezige keyword in de steplink.

HTML-syntax voor linken op een webpagina

Linken leggen rond tekst

De normale manier om op een webpagina een link toe te voegen naar een andere pagina is via het <A> html-commando.

Zo zal de volgende html-code een link toevoegen op een webpagina naar de Sitestepper-website.

Bovenstaande html-code zal de volgende tekst tonen op een webpagina (voorbeeld genomen vanaf de E.De.L.Com bvba website (www.edelcom.be).

Indien de bezoeker van de webpagina op het woord 'Sitestepper' klikt, dan wordt de website van Sitestepper geopend omdat het webprogramma dan de pagina: http://www.sitestepper.be zal laden.

De syntax van een html-link is dus:

• De html-code <A> met als parameter..
• ... De pagina waarnaar moet worden gesprongen.
  Deze pagina dient te worden geplaatst als href=””-waarde ná '<A' en vóór '>'. Zoals steeds bij html, moet minstens één spatie aanwezig zijn tussen de html-code en de parameters die een instelling toevoegen voor de html-code.
  Ter info: de dubbele quotes in het bovenstaande voorbeeld, zouden ook enkele quotes mogen zijn (zolang de webpagina maar wordt voorafgegaan en gevolgd door hetzelfde karakter (enkele of dubbele quote).
• De tekst waarop moet worden geklikt om de gewenste pagina te laden.
• De html-code die het <A>-commando afsluit (</A>).
  Zoals de meeste html-commando's wordt ook het <A>-commando afgesloten door dezelfde html-code als waarmee het commando wordt geopend maar dan voorafgegaan door een voorwaartse schuine streep (een slash-karakter): <A> wordt afgesloten door </A>.

Linken leggen rond afbeeldingen.

Linken kunnen, uiteraard, ook worden gelegd rond afbeeldingen. Zo kan de gebruiker op een afbeelding klikken om een andere pagina te laden.

Zo zal de volgende html-code eveneens een link toevoegen op een webpagina naar de Sitestepper-website, maar deze keer dient de bezoeker niet te klikken op een tekst maar op een afbeelding.

Bovenstaande code zal de volgende afbeelding tonen op een webpagina (ook dit voorbeeld is genomen vanaf de E.De.L.Com bvba website (www.edelcom.be).

Indien de bezoeker van de webpagina op de getoonde afbeelding klikt, dan wordt de website van Sitestepper geopend omdat het webprogramma dan de pagina: http://www.sitestepper.be zal laden.

Externe versus interne linken

De voorgaande voorbeelden leggen een externe link naar een webpagina. Een externe link is een link naar een webpagina op een andere website dan de website waarop de link voorkomt. In de voorgaande voorbeelden vanaf www.edelcom.be naar www.sitestepper.be.

Interne linken zijn linken naar pagina's binnen dezelfde website. Alhoewel een andere pagina zal worden getoond, blijft de bezoeker op dezelfde website als de pagina waarop de link staat.

Steplinken zullen het beheren van deze interne linken vereenvoudigingen, want, in plaats van de linken te laten verwijzen naar de effectieve naam van de webpagina, zal een link worden gelegd door middel van het toegekende keyword.

Hoe keywords gebruiken in skeletons

Zoals uitgelegd in het hoofdstuk Wat zijn Sitestepper skeletons? op pagina 44 worden keywords ook gebuikt om in een Sitestepper-skeleton aan te geven welk bestand moet worden tussengevoegd tijdens het builden van de webpagina's via de 'StepIncl'-lijnen.

De StepIncl-lijn bestaat uit de volgende 4 delen:

1. de normale html-code voor het begin van commentaar (<!--)
2. het gereserveerde woord StepIncl.
3. een steplink-keyword
4. de normale html-code voor het einde van commentaar (-->)

De StepIncl-lijnen zijn dus normale html-commentaarlijnen en zullen, als dusdanig, door elke html-editor worden genegeerd.

Voorbeeld:

In voorgaande skeleton zijn alle lijnen gemarkeerd die, tijdens het builden van een pagina, zullen aanleiding geven tot het tussenvoegen van bronbestanden.

Het keyword tussen de '<!--StepIncl' en '>'-kommentaardelen op elke gemarkeerde lijn zal worden opgezocht in de projectboom, en het overeenkomstige bronbestand zal worden gebruikt om de inhoud te plaatsen in de plaats van de gemarkeerde StepIncl-lijn.

Een overzicht van de aanwezige keywords genereren

Sitestepper bevat een optie om een overzicht te genereren van alle aanwezige keywords in het project.

Kies de optie 'Rapporteer – Keywords'.

Een volgend rapport zal worden getoond:

Het rapport toont voor elke bronpagina:

• het toegekend keyword
• de toegekende skeleton

1In versie 1.7 zal Sitestepper geen waarschuwing geven indien een keyword meer dan éénmaal wordt ingevoerd in een project. Dit staat op de to-do-lijst ☺.

Terug naar de inhoudstafel