Werken met de kopinhoud van pagina's

Laatst bijgewerkt op 27 apr. 2021

Bekijk en bewerk inhoud in een Dreamweaver-webpagina, stel de meta-eigenschappen en de paginatitel in, geef trefwoorden en beschrijvingen voor een pagina op enzovoort.

Pagina's bevatten elementen die de informatie op de pagina beschrijven, die wordt gebruikt door zoekbrowsers. Je kunt de eigenschappen van head-elementen instellen om te bepalen hoe je pagina's worden geïdentificeerd.

Kopinhoud weergeven en bewerken

U kunt de elementen in de head-sectie van een document weergeven in de codeweergave of door gebruik te maken van de codecontrole.

Een element in de head-sectie van een document invoegen

Selecteer een head-tag via Invoegen > HTML.

Voer opties voor het element in het dialoogvenster in dat verschijnt of in de Property inspector.

Een element in de head-sectie van een document bewerken

U kunt head-elementen bewerken door rechtstreeks code te typen in de codeweergave of in de eigenschappencontrole.

Als u elementen in de head-sectie wilt bewerken met de eigenschappencontrole, gaat u als volgt te werk:

Selecteer het head-element in het deelvenster DOM (Venster > Deelvenster DOM). 

In de eigenschappencontrole worden de eigenschappen voor het geselecteerde element weergegeven.

Stel de eigenschappen van het element in de Property inspector in of wijzig deze.

De meta-eigenschappen voor de pagina instellen

Een meta tag is een head-element dat informatie over de huidige pagina vastlegt, zoals de tekencodering, auteur, copyright of zoektermen. Deze tags kunnen ook worden gebruikt om informatie aan de server te geven, zoals de vervaldatum, vernieuwingsinterval en POWDER-beoordeling voor de pagina.(POWDER, het Protocol for Web Description Resources, biedt een methode voor het toewijzen van ratings, zoals filmratings, aan webpagina's.)

Een meta-tag toevoegen

Selecteer Invoegen > HTML > Meta.

Geef de eigenschappen op in het dialoogvenster dat wordt weergegeven.

Een bestaande meta-tag bewerken

U kunt meta-elementen bewerken door rechtstreeks code te typen in de codeweergave of in de eigenschappencontrole.

Als u elementen in de metasectie wilt bewerken met de eigenschappencontrole, gaat u als volgt te werk:

Selecteer het head-element in het deelvenster DOM (Venster > Deelvenster DOM). 

In de eigenschappencontrole worden de eigenschappen voor het geselecteerde element weergegeven.

Selecteer een meta-tag in het deelvenster DOM.

Geef de eigenschappen op in de eigenschappencontrole.

Kenmerk

Geeft aan of de meta tag beschrijvende informatie over de pagina bevat (name) of HTTP header-informatie (http-equiv).

Waarde

Geeft het type informatie aan dat je in deze tag verstrekt. Sommige waarden, zoals description, keywords en refresh, zijn al goed gedefinieerd (en hebben hun eigen individuele Property inspectors in Dreamweaver), maar je kunt vrijwel elke waarde specificeren (bijvoorbeeld creationdate, documentID of level).

Inhoud

Hier kunt u de daadwerkelijke informatie opgeven. Als je bijvoorbeeld level voor Waarde hebt opgegeven, kun je beginner, intermediate of advanced voor content opgeven.

De paginatitel instellen

Er is slechts één titeleigenschap: de titel van de pagina. U kunt de paginatitel bewerken met een van de volgende methoden:

  • De titel rechtstreeks in de code bewerken (in de codeweergave)
  • Selecteer de title-tag in het deelvenster DOM en bewerk de titel in de eigenschappencontrole

Trefwoorden opgeven voor de pagina

Veel zoekmachinerobots (programma's die automatisch het web browsen om informatie te verzamelen voor zoekmachines om te indexeren) lezen de inhoud van de Keywords meta tag en gebruiken de informatie om je pagina's in hun databases te indexeren. Omdat sommige zoekmachines het aantal zoektermen of tekens dat ze indexeren beperken, of alle zoektermen negeren als je de limiet overschrijdt, is het een goed idee om slechts een paar goed gekozen zoektermen te gebruiken.

De meta-tag Trefwoorden toevoegen

Selecteer Invoegen > HTML > Trefwoorden.

Geef de zoektermen op, gescheiden door komma's, in het dialoogvenster dat verschijnt.

De meta-tag Trefwoorden bewerken

U kunt de metabeschrijvingen van trefwoorden bewerken met een van de volgende methoden:

  • Het trefwoord rechtstreeks in de code bewerken (in de codeweergave)
  • Selecteer de meta-tag voor het trefwoord in het deelvenster DOM en bekijk, wijzig of verwijder de trefwoorden in de eigenschappencontrole.
Notitie

De trefwoorden moeten van elkaar worden gescheiden door komma's.

Beschrijvingen opgeven voor de pagina

Veel zoekmachinerobots (programma's die automatisch het web verkennen om informatie te verzamelen zodat zoekmachines deze kunnen indexeren) lezen de inhoud van de Description meta tag.Sommige gebruiken de informatie om je pagina's in hun databases te indexeren en sommige tonen ook de informatie op de zoekresultatenpagina (in plaats van de eerste paar regels van je document weer te geven). Sommige zoekmachines beperken het aantal tekens dat ze indexeren, dus het is een goed idee om je beschrijving te beperken tot een paar woorden (bijvoorbeeld Pork barbecue catering in Albany, Georgia of Web design at reasonable rates for clients worldwide).

De meta-tag Beschrijving toevoegen

Selecteer Invoegen > HTML > Beschrijving.

Voer een beschrijvende tekst in in het dialoogvenster dat verschijnt.

De meta-tag Beschrijving bewerken

U kunt de metabeschrijvingen bewerken met een van de volgende methoden:

  • De beschrijving rechtstreeks in de code bewerken (in de codeweergave)
  • Selecteer de meta-tag voor de beschrijving in het DOM-deelvenster en bewerk de beschrijving in de eigenschappencontrole.

Refresh-eigenschappen van de pagina instellen

Gebruik het Refresh-element om op te geven dat de browser automatisch je pagina moet vernieuwen—door de huidige pagina opnieuw te laden of naar een andere te gaan—na een bepaalde tijd. Dit element wordt vaak gebruikt om gebruikers van de ene URL naar een andere door te sturen, vaak na het weergeven van een tekstbericht dat de URL is gewijzigd.

De meta-tag Vernieuwen toevoegen

Selecteer Invoegen > HTML > Meta.

Geef als volgt de eigenschappen op in het dialoogvenster dat wordt weergegeven:

Kenmerk

Hiermee kunt u opgeven dat de meta-tag HTTP-headergegevens bevat (http-equivalent).

Waarde

Hiermee geeft u op dat het type informatie dat u verstrekt in deze tag refresh is.

Inhoud

Geef op in seconden hoe lang de browser moet wachten voordat deze de pagina vernieuwt. Als u wilt dat de browser de pagina direct vernieuwt nadat deze is geladen, typt u 0 in dit vak.

De meta-tag voor vernieuwen bewerken

U kunt de meta-tag voor vernieuwen bewerken met een van de volgende methoden:

  • U kunt de eigenschappen rechtstreeks in de code bewerken (in de codeweergave)
  • Selecteer de meta-tag voor vernieuwen in het deelvenster DOM of in de code en bewerk de eigenschappen in de eigenschappencontrole.

De meta-tag Base bewerken

U kunt het element Base bewerken dat is gebruikt om de basis-URL in te stellen. Alle relatieve paden op de pagina zijn relatief ten opzichte van de basis-URL.

Selecteer het element Base in het deelvenster DOM.

Geef in de Property inspector de Base meta tag- eigenschappen op.

Href

Geef hier de basis-URL op. Klik op de knop Bladeren om naar een bestand te bladeren en het te selecteren, of typ een pad in het vak.

Doel

Geeft het frame of venster aan waarin alle gekoppelde documenten moeten openen. Selecteer een van de frames in de huidige frameset of een van de volgende gereserveerde namen:

  • _blank laadt het gekoppelde document in een nieuw, naamloos browservenster.

  • _parent laadt het gekoppelde document in de bovenliggende frameset of het venster van het frame dat de koppeling bevat. Als het frame met de koppeling niet genest is, dan is dit equivalent aan _top; het gekoppelde document wordt geladen in het volledige browservenster.

  • _self laadt het gekoppelde document in hetzelfde frame of venster als de koppeling. Deze target is de standaard, dus je hoeft dit meestal niet op te geven.

  • _top laadt het gekoppelde document in het volledige browservenster en verwijdert daarbij alle frames.

U kunt een link-tag bewerken die de relatie tussen het huidige document en een ander bestand definieert.

Notitie

De link tag in de head sectie is niet hetzelfde als een HTML-koppeling tussen documenten in de body sectie.

Selecteer het element Link in het deelvenster DOM of de codeweergave.

Geef in de Property inspector de eigenschappen van de Link meta tag op.

Href

De URL van het bestand waarvoor je een relatie definiëert. Klik op de knop Verkennen om naar een bestand te verkennen en het te selecteren, of typ een pad in het vak. Let op dat dit attribuut geen bestand aangeeft waarnaar je koppelt in de gebruikelijke HTML-betekenis; de relaties die in een Link-element worden gespecificeerd zijn complexer.

ID

Hiermee kunt u een unieke id opgeven voor de koppeling.

Titel

Hiermee kunt u de relatie beschrijven. Dit attribuut is speciaal relevant voor gekoppelde stylesheets; voor meer informatie, zie de sectie External Style Sheets van de HTML 4.0 specificatie op de website van het World Wide Web Consortium op www.w3.org/TR/REC-html40/present/styles.html#style-external.

Rel

Geeft de relatie aan tussen het huidige document en het document in het Href-vak. Mogelijke waarden zijn Alternate, Stylesheet, Start, Next, Prev, Contents, Index, Glossary, Copyright, Chapter, Section, Subsection, Appendix, Help, en Bookmark. Om meer dan een relatie op te geven, scheid je waarden met een spatie.

Rev

Geeft een omgekeerde relatie aan (het tegenovergestelde van Rel) tussen het huidige document en het document in het Href-vak. Mogelijke waarden zijn hetzelfde als die voor Rel.