I'm in need for clarity. I'm at an annoying step in my development of a website, and I have read a lot about semantic structure etc, but I'm a bit nervous for my current structure, so I would like to ask your expertise to see, if I might get problems with search engine bots with this setup.<body itemscope itemtype=http://schema.org/WebPage>    <a class=skip-link screen-reader-text href=#content>Skip menuen</a>    <header class=site-header itemscope itemtype=http://schema.org/WPHeader>        <h1>            <a class=site-title-link href=https://crafthouse.dk>                <svg id=header-logo class=header-logo xmlns=http://www.w3.org/2000/svg role=img aria-labelledby=title desc viewBox=0 0 158 24.7>                    <title id=title itemprop=headline>Brand Name</title>                    <desc id=desc itemprop=description>- brand description</desc>                    <!-- A lot of svg logo code here -->                </svg>             </a>        </h1>        <nav itemscope itemtype=http://schema.org/SiteNavigationElement>            <button id=hamburger-btn>                <span></span>                <span></span>                <span></span>                <span></span>            </button>            <div id=site-navigation class=site-navigation>                <ul class=navigation-list>                    <li><a class=navigation-link href=#>page</a></li>                    <li><a class=navigation-link href=#>page</a></li>                    <li><a class=navigation-link href=#>page</a></li>                    <li><a class=navigation-link href=#>page</a></li>                    <li><a class=navigation-link href=#>page</a></li>                    <li><a class=navigation-link href=#>page</a></li>                </ul>            </div>            <div id=menu-speciel class=menu-speciel>                <div class=nav-btn-wrap>                    <button id=siteLogin class=nav-btn>                        <span class=screen-reader-text>Admin login</span>                        <svg class=nav-admin-icon nav-icons>                            <use xlink:href=img/generel/svg-system.svg#admin-icon></use>                        </svg>                    </button>                </div>                <button id=siteSearch class=nav-btn>                    <span class=screen-reader-text>Sg</span>                    <svg class=nav-search-icon nav-icons>                        <use xlink:href=img/generel/svg-system.svg#search-icon></use>                    </svg>                </button>            </div>        </nav>    </header>    <main id=content class=main itemscope itemprop=mainContentOfPage itemtype=http://schema.org/WebPageElement>         <h2>Main content header</h2>     </main>    <footer itemscope itemtype=http://schema.org/WPFooter>    </footer>In the outline it will look like this:Brand name - brand descriptionuntitled navMain content header
Semantic HTML5 structure and Google penalty
html5;microdata