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 MijnHomepage 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.
MijnHomepage Tip
Heb je genoeg van je hostingprovider?
Neem dan een host die wel de kwaliteit kan bieden die je zoekt. Breng je site bijvoorbeeld onder bij Alphamega Hosting. Hun klanten zijn over het algemeen erg tevreden waardoor er maar weinig mensen overstappen naar een andere webhost. En dat is altijd een goede graadmeter voor de kwaliteit van een host. Alphamega biedt zelfs een niet-tevreden-geld-terug-garantie van 100 dagen.
Het First-class hostingpakket is voor veel mensen het meest geschikte pakket. Je krijgt het volgende:
100 MB» nu 512 MB schijfruimte2 GB» nu 10 GB dataverkeer- een eigen domeinnaam
- 1000 (pop)mailboxen
- 100 MySQL databases
- hoge kwaliteit techniek en prima support (helpdesk ook telefonisch bereikbaar)
Al met al is dit een prima pakket voor nog geen tientje per maand. Bekijk de site van Alphamega Hosting voor meer informatie!
