a h of h a ?
<h1><a href="/mijn_url">Linkbare kop</a></h1>
of
<a href="/mijn_url"><h1>Linkbare kop</h1></a>
Of maakt het niks uit?
Gewijzigd op 03/10/2012 13:08:33 door Sander Z
okeej, thanks!
En je a.h1_link:link, a.h1_link:visited e.d. stylen via css?
Erik: nee, dat druist tegen de semantiek in en lijkt me niet goed voor SEO.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
<head>
<style>
a {
background-color: #9999ff;
}
h1 {
background-color: #ff9999;
text-align: center;
}
</style>
</head>
<body>
<a href="#"><h1>Titel 1</h1></a>
<h1><a href="#">Titel 2</a></h1>
</body>
</html>
<head>
<style>
a {
background-color: #9999ff;
}
h1 {
background-color: #ff9999;
text-align: center;
}
</style>
</head>
<body>
<a href="#"><h1>Titel 1</h1></a>
<h1><a href="#">Titel 2</a></h1>
</body>
</html>
Bij de eerste link is de hele lijn klikbaar, bij de tweede enkel de tekst.
Gewijzigd op 03/10/2012 16:36:14 door Kris Peeters
Volgens Sander Z de laatste methode, maar waar hij dat op baseert weet ik niet.
juist, dus ik zou die maar aanhouden als je geen fouten wil hebben
Ah oké, thanks!
Misschien nog een noot... Een h1 gebruik je liefst maar één keer voor de belangrijkste kop van de huidige webpagina. Dan is een h1 + a onlogisch, want je bevindt je al op de webpagina waarvan de lading wordt gedekt door de hoogste kop in h1. Meestal beter: meerdere koppen (h2, h3 of h4) met links die verwijzen een webpagina met één h1 zonder link.
ik ben het met Ward eens. als je echt volgens de SEO richtlijnen wilt werken dan zul je per pagina maar 1 h1 hebben en een link lijkt me daar onlogisch in. overigens is het ook aan te raden om de woorden in je h1 goed uit te kiezen en een link daarin kan er soms grof gezegd heel "dirty" in zijn.
Je wilt immers alles van de <h> kunnen aanklikken. Ook padding/plaatje etc, die niet in de tekst staat. Een achtergrondafbeelding in de <h> hoort wel bij de <h>... dus waarom mag ik daar niet op klikken?
Even buiten het feit dat een <a> niet bij een <h1> past.
(Ik zie overigens systemen als Joomla die een h1 kop van een artikel laten linken naar... zichzelf!!)
Of is het om SEO voor de gek te houden?
Ik denk dat het voor SEO is... beetje vreemd vind ik het.
http://www.webpirates.nl/rory-servaas/10-html5-deel-2-nieuwe-content-elementen
en onderaan op
http://www.w3.org/TR/2012/WD-html5-20120329/the-a-element.html#the-a-element
In HTML5 mogen er meerdere blok elementen binnen een a tag zie ook. en onderaan op
http://www.w3.org/TR/2012/WD-html5-20120329/the-a-element.html#the-a-element
Gewijzigd op 03/10/2012 23:43:45 door Joey Drieling
Vreemd, in dat voorbeeld op w3.org zie ik meerdere h1's onder elkaar. Mag dat voortaan in html5?
Zie: http://www.w3.org/TR/2012/WD-html5-20120329/the-h1-h2-h3-h4-h5-and-h6-elements.html#the-h1-h2-h3-h4-h5-and-h6-elements
PS
Google vind meerdere h1 nog steeds niet fijn.
Gewijzigd op 04/10/2012 07:09:18 door Joey Drieling
okeej, thanks
Inline elementen mogen niet een block element omvatten
Stel <a> is een inline element en <b> is een block element dan mag <a><b></b></a> niet en <b><a></a></b> wel. Anders is het gewoon echt fout volgens de HTML regels.
Meerdere Heading level 1
Dit werd altijd als fout gezien, alleen in HTML5 hebben we de sectioning elements (<article>, <header>, <aside>) deze elementen geven een nieuwe sectie aan. Hierdoor veranderd de document outline en is meerdere Heading Level 1 toegestaan en aangeraden. Helaas is dit nu nog geen goed idee, meer informatie: http://html5doctor.com/outlines/
Thanks Wouter!! Mooie toelichting!