Me and a fellow webdeveloper are having a discussion about whether or not this is SEO-friendly. I think it's okay to have an anchor <a>
tag wrapped around a div. As it's perfectly valid in HTML5.
However, he says it's bad for SEO. As the <h1>
tag will lose value in terms of SEO.
The HTML:
<a href="/link">
<div>
<h1>Header </h1>
<img />
<p>Some test</p>
<span>SPAN ACTING LIKE A LINK HERE</span>
</div>
</a>
Does the <h1>
lose value cause of this? We want the entire div to be clickable (for user experience) but don't want to make the <h1>
lose value in terms of SEO.