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

[Raphaeldidata 0]

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!