H1 и SEO

Да, часто использую подобный метод, все норм.

Неправильно

Diversant, как привильно сделать?

в таблице стилей пропишите правило для вывода H1

h1 лучше описывать только в css и никакие классы не присваивать.

Хотя конечно если вам важно сделать разноцветный заголовок, то не знаю как лучше всего это реализовать.

ТС, не переживайте все нормально. Не ведитесь на домыслы =) Чистый код не значит что там не должно быть классов

Краулер очистит стили. Можете писать так, но это не тру, не красиво и не симметрично.

правильно h1 в чистом виде, без классов. Хотя я лично не заметил разницы в позициях, но учили меня именно так - h1 чистый.

судя по вопросу, ТС запилит в итоге либо <h1 class="krasivenkiy">...<h1> либо <div class="krasivenkiy"><h1>....</h1></div> можете сколько угодно рассказывать, что второй вариант лучше =) по сути получаем те же яйца только в профиль

всё стили в css.

исходный код должен быть максимально чист от этого мусора.