SEO é uma ciência que envolve uma ampla gama de coisas. Ao fazer SEO, muitos amigos tendem a se concentrar em algumas coisas externas, como links externos ou publicidade, etc., enquanto ignoram algumas das coisas internas de seus próprios sites hoje. Falarei com você sobre algumas coisas sobre layout HTML. Espero que seja útil para você e vocês estão convidados a discutir isso juntos.
1. Escreva uma boa estrutura HTML
Uma boa estrutura de documento HTML é benéfica tanto para mecanismos de pesquisa quanto para codificadores (slicers ou programadores). Lembre-se de que a razão pela qual as pessoas abandonaram o layout TABLE (tabela) é porque o uso do layout TABLE produzia muito código redundante e, para obter um certo efeito visual, apenas várias tabelas podem ser aplicadas. Portanto, se você usar o layout DIV + CSS, mas seu documento HTML estiver muito aninhado ou tiver muitos códigos redundantes, basicamente não será diferente de um layout de tabela. Aqui eu recomendo um site escrito por um especialista estrangeiro. Você pode consultar a estrutura do documento Zengarden (Cicada Wing Garden) e ele aparecerá no Baidu.
2. Use seu LOGOTIPO com habilidade
Muitos amigos gostam de inserir uma tag IMG como logotipo do site. Pessoalmente, acho que é um desperdício de recursos. Porque os motores de busca agora quase ignoram o atributo ALT da tag IMG. Há também o fato de que os mecanismos de busca atribuem grande importância à primeira parte do HTML de um site. Aqui vou dar um exemplo para ensiná-lo a usar seu LOGO com habilidade. Vamos abrir o site do Sohu para visualizar seu arquivo fonte e descobrir que é. LOGO não está sendo usado A imagem inserida pela tag IMG é definida assim:
Parte HTML
<h1><a href=http://www.sohu.com title="O maior portal da Sohu-China">Sohu</a></h1>
Parte CSS
h1 {recuo do texto:-5000px;display:bloco;largura:143px;altura:67px;float:esquerda;margem:0 automático;}
h1 a {largura:143px;altura:67px;float:esquerda;fundo:url（../images/logo.gif） no-repeat;overflow:hidden;}
Muitas pessoas podem perguntar por que é uma tag H1? Isso conta como trapaça? Isso não é oficialmente declarado pelo mecanismo de busca como trapaça, e um grande site como o Sohu faz isso, então podemos encarar isso, e eu usei esse truque muitas vezes e não encontrei nenhum problema até agora.
3. Coloque tags H apropriadamente
Amigos com experiência em SEO sabem disso. As tags H1 ~ H6 são boas para otimização de sites, sim, mas se suas tags H forem abusadas, elas não apenas não trarão nenhum benefício para o SEO, mas serão rebaixadas ou até mesmo destruídas. Por exemplo, vamos pegar uma notícia como exemplo. Pessoalmente, recomendo colocar o título na tag H1. Uma breve descrição de cerca de 50 palavras pode ser colocada na tag H2. podem ser adicionadas à tag H2 para desativá-la. As tags H3 podem ser usadas como legendas em conteúdo de notícias. Assim como o H2, você também pode adicionar algumas modificações de palavras-chave, mas a proporção deve ser controlada. H4, assim como H3, funciona melhor quando usado em conjunto.
4. Combinação de estética e otimização de sites
Atualmente, fazer o layout HTML na China costuma ser a maior dor de cabeça para os artistas ou para o pessoal de corte, porque o sistema operacional doméstico pode exibir muito poucas fontes nas páginas da web. A mais comumente usada é a Dinastia Song, mas muitos designers a usam no design de sites. . É normal usar algumas fontes artísticas em seu manuscrito. Mas, infelizmente, os navegadores domésticos suportam apenas a fonte Song e algumas fontes em negrito e itálico raramente usadas. Amigos que têm experiência em fatiar pensam imediatamente em fatiar imagens. Sim, esse é o método mais comum, mas e se essas coisas usando fontes artísticas forem muito úteis para SEO? O autor usou um truque que muitos amigos não perceberam, que é incorporar fontes, ou apenas adicionar o código diretamente de acordo com as regras antigas:
Parte CSS
@font-face {font-family:'flagwindRegular';src:url('/DBFNT0.eot');}
#navigation li{font:normal 15px 'Microsoft Yahei','flagwindRegular';}
Observe cuidadosamente a definição da fonte do meu #navigation Primeiro, é Microsoft Yahei e, em seguida, o conteúdo entre aspas simples é o nome da fonte que personalizei acima. Não entrarei em detalhes sobre fontes incorporadas personalizadas aqui. Você pode pesquisar no Baidu. É muito simples e você pode aprender em minutos.
Eu escrevi muito. Minha redação é ruim e esta é a primeira vez que envio, é uma questão. No entanto, o que eu disse é baseado em meus 7 anos de experiência na construção de sites. , sinta-se à vontade para comentar. Paizhuan, se passar na revisão, tente escrever o máximo de coisas práticas possível.
Este artigo foi originalmente criado pela Flagwind Network ( www.flagwind.com ), uma empresa de construção de sites de Shenzhen. Por favor, não exclua as informações de direitos autorais do autor original ao encaminhar, obrigado!
Obrigado à Shenzhen Qifeng Network pela contribuição