SEO在網頁製作中的應用

2022-09-15 18:18:11 字數 1704 閱讀 7143

全稱:search english optimization,搜尋引擎優化。自從有了搜尋引擎,seo便誕生了。

3. 在**上合理設定robot.txt檔案;

通過**的結構布局設計和網頁**優化,使前端頁面既能讓瀏覽器使用者能夠看懂,也能讓「蜘蛛」看懂。

一般而言,建立的**結構層次越少,越容易被「蜘蛛」抓取,也就容易被收錄。一般中小型**目錄結構超過**,「蜘蛛」便不願意往下爬,「萬一天黑迷路了怎麼辦」。並且根據相關調查:訪客如果經過跳轉3次還沒找到需要的資訊,很可能離開。因此,三層目錄結構也是體驗的需要。為此我們需要做到:

1. 控制首頁鏈結數量

**首頁是權重最高的地方,如果首頁鏈結太少,沒有「橋」,「蜘蛛」不能繼續往下爬到內頁,直接影響**收錄數量。但是首頁鏈結也不能太多,一旦太多,沒有實質性的鏈結,很容易影響使用者體驗,也會降低**首頁的權重,收錄效果也不好。

因此對於中小型企業**,建議首頁鏈結在100個以內,鏈結的性質可以包含頁面導航、底部導航、錨文字鏈結等等,注意鏈結要建立在使用者的良好體驗和引導使用者獲取資訊的基礎之上。

2.扁平化的目錄層次,盡量讓「蜘蛛」只要跳轉3次,就能到達**內的任何乙個內頁。扁平化的目錄結構,比如:「植物」--> "水果" --> "蘋果"、「桔子」、「香蕉」,通過3級就能找到香蕉了。

3.導航優化

導航應該盡量採用文字方式,也可以搭配導航,但是**一定要進行優化,

標籤必須新增「alt」和「title」屬性,告訴搜尋引擎導航的定位,做到即使未能正常顯示時,使用者也能看到提示文字。

其次,在每乙個網頁上應該加上麵包屑導航,好處:從使用者體驗方面來說,可以讓使用者了解當前所處的位置以及當前頁面在整個**中的位置,幫助使用者很快了解**組織形式,從而形成更好的位置感,同時提供了返回各個頁面的介面,方便使用者操作;對「蜘蛛」而言,能夠清楚的了解**結構,同時還增加了大量的內部鏈結,方便抓取,降低跳出率。

4. **的結構布局--不可忽略的細節

頁面頭部:logo及主導航,以及使用者的資訊。

5.控制頁面的大小,減少http請求,提高**的載入速度。

乙個頁面最好不要超過100k,太大,頁面載入速度慢。當速度很慢時,使用者體驗不好,留不住訪客,並且一旦超時,「蜘蛛」也會離開。

4.中的標籤:盡量讓**語義化,在適當的位置使用適當的標籤,用正確的標籤做正確的事。讓閱讀原始碼者和「蜘蛛」都一目了然。比如:h1-h6 是用於標題類的,標籤是用來設定頁面主導航的等。

5.標籤:頁內鏈結,要加 「title」 屬性加以說明,讓訪客和 「蜘蛛」 知道。而外部鏈結,鏈結到其他**的,則需要加上 el="nofollow" 屬性, 告訴 「蜘蛛」 不要爬,因為一旦「蜘蛛」爬了外部鏈結之後,就不會再回來了。

7.標籤:只用於文字內容的換行,比如:

第一行文字內容

第二行文字內容

第三行文字內容

8.**應該使用**標題標籤

9.應使用 "alt" 屬性加以說明

、標籤: 只是用於顯示效果時使用,在seo中不會起任何效果。

13.重要內容不要用js輸出,因為「蜘蛛」不認識

14.盡量少使用iframe框架,因為「蜘蛛」一般不會讀取其中的內容

15.謹慎使用 display:none :對於不想顯示的文字內容,應當設定z-index或設定到瀏覽器顯示器之外。因為搜尋引擎會過濾掉display:none其中的內容。

16. 不斷精簡**

17.js**如果是操作dom操作,應盡量放在body結束標籤之前,html**之後。

慕課網 SEO在網頁製作中的應用學習筆記

控制首頁鏈結數量 扁平化目錄層次 最多三層 導航seo優化 麵包屑導航 分頁要做到隨時可到某乙個頁面 頁面不超過100k 語義化 鏈結用a標籤,標題用h1h2,段落用p,文字換行用br,table用caption做標題,img要用alt說明,strong和em強調文字,重要內容html放最前面,重要...

dl,dt,dd標記在網頁製作中的應用

我們在做列表的時候通常只會用到ul和li標籤,至於dl,dt,dd一般都很少用到,這三個標籤就是屬於定義列表類的標籤,先來分解一下這個列表的 看上面這段 我們發現這裡並沒有出現標籤,而是由dl dt dd三個標籤組成,根據外型以及之前的列表我們可以知道,dl是這個列表的乙個容器,就像個箱子,不同的是...

在網頁中應用CSS

1.外部樣式表 把css單獨放到乙個檔案裡,字尾名自然是.css,然後在html內引用 rel stylesheet type text css href mystyle.css head 2.內部樣式表 當單個文件需要特殊的樣式時,可以使用內部樣式表。顧名思義就是把css寫在html檔案內部,可以...