Я пытаюсь реализовать правильное разбиение на разделы с элементами и заголовками html5, при этом добиваясь дизайна / макета, запрошенного моим клиентом (включая определенные ограничения).

Общий макет будет примерно таким :

  

    
    
page title
    
visual title
    
sponsor
    
  
  

    
Article title
    
Article title
    
Article title
    
Article title
  
  

Сейчас меня беспокоит то, что если я использую html5 outliner , я получаю навигацию по хлебным крошкам, а основная навигация отображается как разделы без названия. Следуя иерархической структуре заголовков, я не могу давать им заголовки ниже h2, и, естественно, я бы вообще не стал их «присваивать» и скрывать заголовок с помощью css для «заголовка» - это неправильно.

Как лучше всего остаться семантически корректно, соответствовать стандартам поисковой оптимизации и предотвратить их отображение в виде безымянных разделов?