Layout: TopBar H1

С точки зрения SEO некорректно иметь везде h1 с названием компании. Стандартная разметка foundation должна быть изменена.

Было:

<h1><a href="#">My Site</a></h1>

Стало:

<div class=”site-name”><a href="#">My Site</a></div>

Для того, чтобы это заработало, нужно в app.scss дописать следующие строки:

.top-bar .name .site-name{
        line-height: $topbar-height;
        font-size: $topbar-title-font-size;
        margin: 0;
        a {
                font-weight: $topbar-title-weight;
                color: $topbar-link-color;
                width: 50%;
                display: block;
                padding: 0 $topbar-link-padding;
        }
}
 
@media #{$topbar-media-query} {
        .top-bar .name .site-name a { width: auto; }
}