Как правильно расставить заголовки?
Тег h1 должен быть на странице только один раз, и должен быть самым заметным. Остальные - по значимости заголовков. Поисковики учитывают текст в заголовках, особенно h1, при ранжировании, насколько велико влияние h1 - трудно сказать, но оно точно есть. 
Еще, некоторые оптимизаторы считают, что у h1 не должно быть никаких атрибутов и вложенных тегов, и что лучше не перебарщивать с заголовками.
На мой взгляд, на вашем скриншоте h1 - верно, h2  - неверно,  там должно быть что-то типа p,  где h4 - должно быть p. h3 - должно быть h2, а где "???" - h3.
Вообще не используй эти теги заголовков
Это пережиток эпохи веб диназавров
Любой span через его classname можно оформить как угодно