Div+CSS结构优势_html/css_WEB-ITnose
网站的历史已经有好多年了,到目前为止,众所周知的是,现在最流行的网站代码结构就是DIV+CSS,但为什么DIV+CSS会这么流行,有什么好处呢,今天天纵网站优化就跟大家谈谈CSS对于搜索引擎优化的帮助。
首先,要知道的是,CSS可以让你的网站代码结构清晰,不嵌套,从而对搜索引擎更友好,网站合理使用CSS,可以让搜索引擎的Spider(如:百度蜘蛛)对你的网站更具可读性,更容易被索引。
举个很简单的例子,你的网站上的某一处图片,虽然搜索引擎的蜘蛛(参考什么是百度蜘蛛)很聪明,但他们仍然看不懂文字中的图片,这时搜索引擎爬行你的网站就会遇到障碍,看到这个图片,不知道是什么。然而我们完全可以利用CSS,把这个图片控制做为背景显示,这样页面代码中并没有出现这个图片,但用户浏览页面却可以正常的显示。
还有一点,我们的很多带有文字的图片应该尽量缩减,把图片的背景和文字独立出来,背景用CSS控制,而文字直接写在代码中,这样外观既可保留,而对搜索引擎蜘蛛抓取也很友好。很明显,直接的文字比在图片上加ALT属性更利于搜索引擎优化,因为搜索引擎并不能判断你的ALT文字跟图片有完全的相关性。所以,文字比图片及ALT属性对搜索引擎的信任度更高。
下面我列出几种不利用搜索优化的常见情况,以供参考:
1.网站导航使用的是图片 (解决方法:利用CSS控制显示背景,使用文字连接。)
2.使用大量表格布局 (解决方法:网站重构改版,建议用DIV+CSS布局,因为结构清晰,代码精简。)
3.网站使用大量FLASH (解决方法:尽量减少使用,但有些网站必须要使用的,请使用GOOGLE的swfobject工具添加适当的文字。有点像ALT,swfobject的地址:http://code.google.com/p/swfobject/)
4.网站页面使用CSS和JAVASCRIPT代码 (解决方法:在头部用连接调用外部CSS文件和JS文件)
文章来源于 天津SEO: http://blog.tianya.cn/blogger/post_show.asp?idWriter=22046825&Key=504767210&BlogID=3032102&PostID=24954744

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas



Artikel ini membincangkan html & lt; kemajuan & gt; elemen, tujuan, gaya, dan perbezaan dari & lt; meter & gt; elemen. Tumpuan utama adalah menggunakan & lt; kemajuan & gt; untuk menyelesaikan tugas dan & lt; meter & gt; untuk stati

Artikel ini membincangkan html & lt; datalist & gt; elemen, yang meningkatkan bentuk dengan menyediakan cadangan autokomplete, meningkatkan pengalaman pengguna dan mengurangkan kesilapan. Kira -kira: 159

Artikel ini membincangkan html & lt; meter & gt; elemen, digunakan untuk memaparkan nilai skalar atau pecahan dalam julat, dan aplikasi umum dalam pembangunan web. Ia membezakan & lt; meter & gt; dari & lt; kemajuan & gt; dan Ex

Artikel ini membincangkan tag Meta Viewport, penting untuk reka bentuk web responsif pada peranti mudah alih. Ia menerangkan bagaimana penggunaan yang betul memastikan skala kandungan yang optimum dan interaksi pengguna, sementara penyalahgunaan boleh membawa kepada isu reka bentuk dan kebolehaksesan.

Artikel membincangkan amalan terbaik untuk memastikan keserasian silang pelayar HTML5, memberi tumpuan kepada pengesanan ciri, peningkatan progresif, dan kaedah ujian.

Artikel ini menerangkan html5 & lt; time & gt; elemen untuk perwakilan tarikh/masa semantik. Ia menekankan pentingnya atribut DateTime untuk pembacaan mesin (format ISO 8601) bersama teks yang boleh dibaca manusia, meningkatkan aksesibilit

Artikel ini membincangkan menggunakan atribut pengesahan bentuk HTML5 seperti had, corak, min, max, dan panjang untuk mengesahkan input pengguna secara langsung dalam penyemak imbas.

Artikel ini membincangkan & lt; iframe & gt; Tujuan TAG dalam membenamkan kandungan luaran ke dalam halaman web, kegunaan umum, risiko keselamatan, dan alternatif seperti tag objek dan API.
