Na otimização de mecanismos de pesquisa, a otimização do código é uma parte muito importante. Se o código de uma página web for muito simples, é muito benéfico melhorar a classificação do site. Da mesma forma, em folhas de estilo CSS, uma nomenclatura razoável e ordenada também pode trazer uma simplicidade inesperada a todo o trabalho CSS. Para estar mais alinhado com as especificações do mecanismo de pesquisa, a seguir estão alguns padrões de nomenclatura de código CSS comumente usados. Embora esses padrões não sejam uma norma que deva ser seguida, eles são aceitos pela maioria dos SEOers e trazem comodidade na atualização de todo o site.
Cabeçalho da página: cabeçalho (geralmente escrito como: #header em CSS)
Barra de login: loginBar
Logotipo: logotipo
Barra lateral: barra lateral
Anúncio:banner
Navegação:nav
Subnavegação: subNav
Cardápio: cardápio
Submenu: submenu
Pesquisa:pesquisar
rolar: rolar
Corpo da página: principal
conteúdo: conteúdo
Página de tags: guia
Lista de artigos:lista
Mensagem de alerta: msg
Dicas: dicas
Título da coluna:título
Junte-se: junte-se
guia: guia
serviço:serviço
Ponto de acesso: quente
notícias: notícias
Baixar: baixar
Cadastre-se: cadastre-se
Estado: estado
Botão: btn
Votar:votar
Parceiro:parceiro
Link amigável: friendLink
Rodapé: rodapé
Direitos autorais: copyRight
Convenção de nomenclatura para IDs em CSS
Jaqueta: envoltório
Navegação principal: mainNav
Subnavegação: subnavegação
rodapé: rodapé
Página inteira: conteúdo
cabeçalho: cabeçalho
rodapé: rodapé
Marca registrada: etiqueta
título: título