Лучшая практика для логотипа бренда на веб-сайтах

Мне нужно создать микросайт, и я хочу узнать, как лучше всего использовать логотип в HTML-шаблон. (Игнорируйте тот факт, что это недопустимый код, это просто произвольная пустая фраза, если я использую, например, alt = "".)

Вариант 1:

<a href="#">
   <img src="logo.gif" /> 
</a>

Вариант 2:

<h1>
   <a href="#">
      <img src="logo.gif" /> 
   </a>
</h1>

Вариант 3:

<h1>
   <a href="#">
   </a>
</h1>

h1{background: url(logo.gif);}
h1 a{height: #px; width: #px;}

Вариант 4 :

Использует ли h1, h2 или h3 для SEO лучше, насколько я понимаю, повторяющиеся h1 плохая идея и бренд компании НЕ является главной темой каждой страницы на его веб-сайте?

Обычно я использую Вариант 3 , например:

<h2>
   <span>Company name</span>
   <a href="#">
   </a>
</h2>

h2{height: #px; width: #px; background: url(logo.gif);}
h2 a{display: block; height: #px; width: #px;}
h2 a span{display: none;}