Qual a melhor maneira de criar semântica em imagens [HTML5]?

Vamos supor que eu coloque uma logomarca no topo do meu site, e queira dar semântica à ela. Tudo bem se eu fizer dessa forma? Existe uma maneira mais simples?

Basicamente criei um cabeçalho para minha logomarca, de forma a dar importância e contexto para que o "robo" do Google, por exemplo, tenha mais facilidade em interpretar o "conteúdo" da minha imagem e conseguir catalogá-la adequadamente em seu motor de buscas.

span.td-visual-hidden {

 display: none;
}

<div class="td-header-logo">
	<h1 class="td-logo">
 <a href="#">
 <img src="_images/defesa-evangelho.png" alt="Defesa do Evangelho" title="Defesa do Evangelho"/>
 <span class="td-visual-hidden">Defesa do evangelho</span>
 </a>
	</h1>
</div>

	Desde já agradeço!