Esta es mi solución para mejorar la semántica del código
<div class="encabezado__container">
<header class="encabezado">
<a href="" class="encabezado__logo" aria-label="Ir a la página de inicio">
<img class="encabezado__logo--icono" alt="Logo Jornada" src="./img/logoprovisriablanca-1@2x.png" />
</a>
<nav class="encabezado__navegacion">
<ul>
<li><a class="encabezado__navegacion--elemento" href="" aria-label="Ir al blog">Blog</a></li>
<li><a class="encabezado__navegacion--elemento" href="" aria-label="Ir a paquetes de viajes">Paquetes de viaje</a></li>
<li><a class="encabezado__navegacion--elemento" href="" aria-label="Ir a contacto">Contacto</a></li>
</ul>
</nav>
</header>
</div>
