Het vervangen van target="blank" in XHTML strict
In de W3C specificaties voor HTML 4 Strict en XHTML Strict wordt het target attribuut voor hyperlinks (de <a> tag) niet meer ondersteund. Veel webmasters gebruiken het target attribuut om (externe) links in een nieuw venster te openen. Ook op Homepage-Maken doen we dit.
Wat kun je doen om links in een nieuw venster te openen én geldige code te gebruiken? Allereerst kun je de Transitional doctype gebruiken. Dan kun je het target attribuut blijven gebruiken voor de links:
<a href="http://www.link.nl/" target="_blank">
Als je echter voor XHTML Strict kiest dan moet er een andere oplossing gevonden worden om links in een nieuw venster te openen. Het target attribuut kan daar immers niet meer gebruikt worden. Deze oplossing is het rel attribuut.
Oplossing: rel="external"
Het rel attribuut is bedoeld om de relatie tussen het document met de link en het doel van de link te beschrijven. De specificaties geven de mogelijkheid om nieuwe waarden toe te voegen aan dit attribuut. Webmasters kunnen daar gebruik van maken door rel="external" te introduceren voor links die in een nieuw venster geopend moeten worden. De link komt er dan als volgt uit te zien:
<a href="http://www.link.nl/" rel="external">
Nu moeten we nog een script hebben dat de links met rel="external" in een nieuw scherm laat openen. Daar kunnen we JavaScript voor gebruiken. Het onderstaande script is afkomstig van Sitepoint.
De JavaScript code
function externalLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++) {
var anchor = anchors[i];
if (anchor.getAttribute("href") &&
anchor.getAttribute("rel") == "external")
anchor.target = "_blank";
}
}
window.onload = externalLinks;
Als je dit script op al de pagina's van je site wilt gebruiken dan moet je deze code opslaan als een .js bestand (noem het bijvoorbeeld external.js). Vervolgens moet je er naar linken in het <head> gedeelte van je pagina's:
<script type="text/javascript" src="external.js"></script>
Nu zullen de met een rel="external" gemarkeerde links in een nieuw venster worden geopend.
Wat is de invloed van rel="external" op SEO en PageRank?
Geen. Sommige webmasters verwarren rel="external" met rel="nofollow". Deze laatstgenoemde waarde zorgt ervoor dat er geen PageRank doorgegeven wordt aan de pagina waar naar gelinkt wordt. Nofollow wordt daar speciaal voor gebruikt door Google. Het gebruik van rel="external" heeft echter niets met SEO of het doorgeven van PageRank te maken.
Soms zie je allebei de waardes gebruikt worden in één link:
<a href="http://www.link.nl/" rel="external nofollow">
In dit geval betreft het dus een link die in een nieuw venster geopend zal worden én waar geen PageRank naar zal worden doorgegeven.
Homepage-Maken Tip
De makkelijkste manier om je eigen website te maken?
Dat is via een website bouwer als Weebly. Hiermee kun je eenvoudig via je browser door middel van drag-en-drop een website bouwen. Je kunt volledig gratis beginnen met 500MB webruimte voor je site. Zo nodig kun je een betaald pakket nemen met eigen domeinnaam, "onbeperkte" opslag (fair use policy) en e-commerce mogelijkheden.
Weebly is daarom een prima optie als je snel een website in elkaar wilt zetten. Kennis van HTML of het installeren van een eigen content management systeem is niet nodig bij Weebly.