The design of my website looks good, but trying to put a main big heading at the top doesn't look as nice. But I know how important a H1 tag is for SEO , after all it is the main heading describing the page the visitor is on.
That being said, I have a breadcrumb as the top of my page which looks similar to:
Home > directory > page
The HTML for the bread crumb looks like this:
<ul> <li><a href="/">Home</a></li> <li class="bread-separator"> > </li> <li><a href="/the-website-page" class="red">The website page heading</a></li> </ul>
Now because the H1 tag that I want to put on my page is the same as the title in the breadcrumb, would it be acceptable for SEO to put the H1 tag in the bread crumb like this:
<li><a href="/the-website-page" class="red"><h1>The website page heading</h1></a></li>