Заголовок сайта

Помогите пожалуйста правильно написать код ля вывода заголовка как на картинке

Оформил заголовок следующим образом:
<div id="logo"><h1>Master<span> Dik</span></h1><h4>красиво - своими руками</h4></div>
1. Подскажите насколько это будет правильно для поисковых систем ?
2. Будет ли правильно использовать тег h4 для подписи?
3. Может подпись сделать как продолжение названия заголовка!?
4. (Master Dik красиво - своими руками) можно заключить это всё в тег h1 и чтобы у каждого слова был свой стиль как на картинке?
Спасибо!

 

Теги h1 и h4 лучше в заголовке не используй. Тег h1 тебе понадобится для Названия статьи на странице.

 

а для заголовка сайта какой тег использовать или можно без тега заголовок писать?

 

Если h1 применить для названия статей тогда какой тег писать для названия сайта?

 

Сделай название ссылкой, очень часто так делается.

 

а не подскажите как это делается?

 

< a href="ссылка" > здесь названия сайта < /a >

уберите там пробелы

 

< a href="ссылка" >Master <span> Dik</span><span> красиво - своими руками</span>< /a > Если я так напишу у меня получится сделать как на картинке

 

ещё вопросик!
На странице присутствуют заголовки категории и подкатегории их тоже можно сделать ссылками чтобы заголовки статей выводить в теге h1 ?