Questions sur différents problèmes de mon site internet

Bonjour,
J'ai plusieurs questions concernant mon site interner : https://www.dorianconstant.com/ (il n'est pas encore terminé, il est en ligne depuis moins d'une semaine)

Question 1 :

J'aimerais obtenir la même structure que l'on peut retrouver sur différents sites, je ne sais malheureseument pas comment cela s'appelle mais j'ai différents screen pour vous aider à comprendre de quoi je parle !

https://gyazo.com/ede0a1f5b3c428561a0a55472d9105a9

Comme l'illustre l'exemple de grafikart, c'est à dire la page (index) et les catégories en dessous.

https://gyazo.com/d8e1f539570330559b9cf8bd1abc1db5 (le résultat de la recherche de mon site)

Question 2 :

Pourquoi le titre de ma page n'est pas celui indiqué dans la balise title de ma page about ?

https://gyazo.com/185c61ce1ef30b0ceb7478c61cb05db4

On dirait un mélange de titre entre ma page index et about.

Question 3 :

J'ai réalisé une page de chargement avec une petite animation, suivant le navigateur, ou parfois la page (index ou about) celle-ci ne sa charge pas, la page de chargement reste et mon site n'est donc pas visible.

Mon JS (la page part avec un fadeOut)

jQuery(document).ready(function($){

    // Preloader
    $(window).on('load', function(){
        $('#preloader').fadeOut(800);
    });
});

Pour vous donner une idée, voici le lien : https://www.dorianconstant.com/

J'espère avoir été claire, si vous pouviez m'apporter des solutions sur ces différents problèmes, je vous en serai très reconnaissant !