Можно ли использовать несколько тегов h1 на одной странице, но стилизовать их по-разному?

Просто помните, что ваши css-layout h1 используются для обозначения div-layouts контекста, а не макета. Таким max-width образом, нет ничего плохого max-width в том, чтобы их было несколько seo-friendly на странице.

В этом конкретном css-classes примере вам нужно решить, имеют box-shadow ли ваши h1 для левой навигации seo-friendly такую ​​же контекстную важность, как html5 h1s контента и h1s последних div новостей. Если в вашем уме span существует четкая иерархия, используйте max-height теги заголовков, чтобы продемонстрировать inline-block это.