Todo mundo sabe que o layout div+css é muito popular agora. CSS separa o conteúdo e a apresentação da página web, simplifica o código da página web, altera alguns códigos e cria um novo estilo de página web, haha! Escusado será dizer que a velocidade de abertura! Mas do ponto de vista do SEO, o texto oculto é uma trapaça de SEO! ! O CSS é perfeito como mencionado acima? Não tenho certeza, então vamos discutir se a imagem css pode substituir perfeitamente a tag img? Claro que isso inclui alt!
1. O código HTML das imagens em páginas da web em geral é o seguinte:
<h1>
<img src="images/logo.jpg" alt="nome do logotipo" />
</h1>
2. Se você usar css, primeiro escreva um trecho de código css (onde .logo é o seletor de classe):
h1.main-logo {
largura: 300px; altura: 50px;
plano de fundo: url(imagens/logo.jpg);
recuo de texto: -9999px;
}
Quando você chama CSS em uma página da web, o código é o seguinte:
<h1 class="main-logo">Nome do logotipo</h1>
Os dois métodos de expressão acima são exatamente iguais, mas a forma como o CSS expressa a imagem fará com que as palavras "Nome do logotipo" fiquem ocultas no texto. Do ponto de vista de SEO, isso é trapaça? (Especialistas em SEO, por favor, deixem uma mensagem!)
Por que todo mundo gosta de usar esse CSS? Não vou explicar o motivo, já foi mencionado antes! Mas os motores de busca entendem? Embora a velocidade de abertura das páginas da web seja amigável para os usuários, os mecanismos de pesquisa conseguem entender? Como todos sabemos, os motores de busca reconhecem apenas texto, não imagens! Usando CSS, é óbvio que o texto está oculto. Os mecanismos de pesquisa punirão severamente a trapaça de texto oculto pelo SEO! Mas usar CSS é tecnicamente razoável. O Google e outros mecanismos de pesquisa podem entender isso?
Vamos ver o que Matt Cutts, engenheiro sênior do Google, tem a dizer?
Se você estiver usando CSS para ocultar texto, não se surpreenda se isso for chamado de spam. Não estou dizendo que passar o mouse ou texto DHTML ou ter um logotipo, mas também ter texto é spam. ; eu respondi a última pergunta em uma conferência quando disse “imagine como seria para um visitante, um concorrente ou alguém verificando um relatório de spam se você mostrasse o nome da sua empresa e fosse o Expo Markers em vez do logotipo da Expo Markers. você deve ficar bem. Se o texto que você decidir mostrar for 'Expo Markers barato online com desconto, compre online Expo Markers sale…' então eu seria mais cauteloso, porque isso pode parecer ruim.
Pode-se ver pelas palavras dele que se você usar CSS deliberadamente para jogar SEO, haha, isso seria um pouco perigoso! Se for razoável usar CSS para melhorar a facilidade de uso, não há com o que se preocupar.
Postscript: Ainda dei uma olhada no logotipo do Google. Ele usa o img mencionado no primeiro ponto deste artigo. E vejo que algumas Wikipédias usam imagens CSS, e suas classificações de peso não parecem ter nenhum impacto! bem! É uma questão difícil de determinar, então vamos deixar isso para todos! !
Fonte deste artigo: www.bobaiyou5.com
Obrigado a Bobaiyou pela sua contribuição