¿Cómo insertar un HTML en otro archivo HTML?

Hola!

El cambio de la extensión no importa en cuanto a SEO, mientras el contenido de tu página no cambie.

No obstante, para hacerlo con jQuery, haz lo siguiente:

<script>
// Esto va después de incluir jQuery (por si acaso :P)
jQuery(document).ready(function($) {
    $.get('carpeta/sub-carpeta/archivo.html', function(data) {
      $('#SUBNAVLIST').append(data);
    });

    // Repite lo mismo para los demás archivos.
});
</script>

<ul id="SUBNAVLIST"></ul>

Cambia tu extensión de html a php y usa include o require en ambos archivos, para que sea todo dinámico.

Nota: No es recomendable usar javascript or la libreria jquery para cargar un archivo html, esto puede afectar al seo.