Gostei muito do seu post , vou procurar conteudos sobre SEO , mas por hora dê uma olhada em como centralizo um elemento Html e me dê um feedback sincero por favor .
width 50%. max-width 500px. margin auto.
Uma coisa q percebo sobre semântica , muita gente usa div pra tudo , quando existem tags para o uso de muitos casos. Exemplo simples : por quê vou envelopar o conteudo principal de uma página com div se existe a tag main para isso?
Não é a maneira ideal de centralizar algo. Depende muito qual tipo de elemento você está centralizando, mas no geral seria algo como:
.container {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
}
Mas, como eu disse, depende de como você quer centralizar o elemento e o tipo dele. No geral, é basicamente esse que eu disse. Você também pode testar e ir adaptando a suas necessidades.