Todo el mundo sabe que el diseño div + css es muy popular ahora. CSS separa el contenido y la presentación de la página web, simplifica el código de la página web, cambia algunos códigos y crea un nuevo estilo de página web, ¡jaja! ¡No hace falta decir que la velocidad de apertura! Pero desde una perspectiva de SEO, ¡el texto oculto es una trampa de SEO! ! ¿Es CSS perfecto como se mencionó anteriormente? No estoy seguro, así que analicemos si la imagen CSS puede reemplazar perfectamente la etiqueta img. ¡Por supuesto que eso incluye alt!
1. El código html de las imágenes en las páginas web generales es el siguiente:
<h1>
<img src="images/logo.jpg" alt="nombre del logotipo" />
</h1>
2. Si usa css en su lugar, primero escriba un fragmento de código css (donde .logo es el selector de clase):
h1.logotipo principal {
ancho: 300 px; alto: 50 px;
fondo: url(imágenes/logo.jpg);
sangría de texto: -9999px;
}
Cuando llamas a CSS en una página web, el código es el siguiente:
<h1 class="main-logo">Nombre del logotipo</h1>
Los dos métodos de expresión anteriores son exactamente iguales, pero la forma en que CSS expresa la imagen hará que las palabras "Nombre del logotipo" se oculten en el texto. Desde una perspectiva de SEO, ¿es esto una trampa? (¡Expertos en SEO, dejen un mensaje!)
¿Por qué a todos les gusta usar este CSS? No explicaré el motivo, ¡se ha mencionado antes! ¿Pero lo entienden los motores de búsqueda? Aunque la velocidad de apertura de las páginas web es amigable para los usuarios, ¿pueden entenderlo los motores de búsqueda? Como todos sabemos, los motores de búsqueda sólo reconocen texto, no imágenes. Al usar CSS, es obvio que el texto está oculto. ¡Los motores de búsqueda castigarán severamente las trampas de texto oculto de SEO! Pero usar CSS es técnicamente razonable. ¿Pueden entenderlo Google y otros motores de búsqueda?
Veamos qué tiene que decir Matt Cutts, ingeniero senior de Google.
Si estás usando CSS para ocultar texto, no te sorprendas si eso se llama spam. No estoy diciendo que los mouseovers o el texto DHTML o tener-un-logo-pero-también-texto sean spam. ; respondí a esta última pregunta en una conferencia cuando dije “imagínese cómo se vería para un visitante, un competidor o alguien que revisa un informe de spam si muestra el nombre de su empresa y es Expo Markers en lugar del logotipo de Expo Markers. Debería estar bien si el texto que decide mostrar es 'Marcadores Expo baratos con descuento en línea, compre venta de marcadores Expo en línea...', entonces sería más cauteloso, porque eso puede verse mal.
Se puede ver en sus palabras que si usas CSS deliberadamente para jugar SEO, jaja, ¡sería un poco peligroso! Si es razonable utilizar CSS para mejorar la facilidad de uso, entonces no hay nada de qué preocuparse.
Posdata: todavía eché un vistazo al logotipo de Google. Utiliza la img mencionada en el primer punto de este artículo. ¡Y veo que algunas Wikipedias usan imágenes CSS y sus clasificaciones de peso no parecen tener ningún impacto! ¡Bueno! Es una pregunta difícil de determinar, ¡así que dejémosla en manos de todos! !
Fuente de este artículo: www.bobaiyou5.com
Gracias a Bobaiyou por tu contribución.