DIV CSS 佈局教程網

搜狐門戶網站的新聞平台我想很多人都很熟悉。筆者已經習慣每天從這個門戶網站的新聞版塊獲得最新的新聞資訊。搜狐能夠如此吸引筆者除了有大量的新鮮的新聞自選外，搜狐新聞能夠如此成功，關鍵的一點還是有好的用戶體驗。可能我們平常都只是關注於新聞之中，對於搜狐新聞的設計細節並沒有多大的在意，筆者今天與分享一下搜狐新聞頻道內鏈的設計小細節，希望能夠給大家在新聞資訊內鏈建設上有所啟示。

我們知道一般的內容站點首頁上的不同欄目的文章都是直接指向文章的內容頁面的，而且鏈接的錨文本一般也是相關內容的標題。但是搜狐新聞頻道的首頁是怎麼做的？我們來看下面的圖片。

上圖是筆者在寫本文的時候截取的搜狐新聞頻道首頁的圖片，可能大家過一會兒到搜狐新聞頻道首頁的時候已經不是上圖的內容了，但是就算文字內容不一樣，這種形式的顯示方式也是不會變化的，那麼筆者就簡單的分析下其中設計的幾點小細節：

1、我們看到圖中黑色方框中的鏈接。看起來像是一篇文章：“長沙母親送考遭遇車禍 女兒含淚進考場”，但是其實實際並不是，當我們點擊這個鏈接的後進入的是一個專題頁面。如下圖所示為今年高考的專題頁面。

2、紅色方框中的鏈接。我們看到這些相關新聞則是真正的文章標題，指向的都是在上文筆者提到的專題頁面中的文章。

根據上文中的例子我們可以這樣分析：

1、“長沙母親送考遭遇車禍 女兒含淚進考場”鏈接的是“2012年高考”的專題頁面。雖然專題頁面的Title並不是“長沙母親送考遭遇車禍 女兒含淚進考場” ，但“長沙母親送考遭遇車禍 女兒含淚進考場”與2012年高考這一專題是密切相關的。並且這個錨文本是會根據相關新聞事件的出現而不斷的變化，但是無論錨文本如何變化，鏈接指向該專題頁面是不變的。

2、“高三男生考試前自殺”的鏈接是指向的對應的文章內容頁，我們從該新聞的內容頁上的面包屑導航欄也可以看其與相關專題頁面的從屬關系。

搜狐新聞頻道首頁的內鏈為什麼要這麼做呢？大概判斷為：

1、雖然首頁中錨文本內容與目標頁面的標題是不行同的，但是因為內容具有高度的相關性，搜索引擎可以很好的識別，而且如果我們這樣做的話可以很好的將用戶指引到相關的專題頁面，讓用戶可以更加清晰的了解最新的相關新聞資訊。

2、這樣設計除了有吸引用戶方便用戶浏覽的效果外，也可以讓我們站點的新聞主頁更加的簡潔明了。

當然效果並不只是這兩點，這裡就不詳談了。那麼我們可以在什麼地方使用這種設置呢？除了利用在專題頁面上，我們也可以在我們的網站的欄目頁、二級域名、頻道頁面等都使用這個方法，那麼具體要如何操作呢？

一、根據搜狐新聞頻道的首頁設計，我們的內容設置兩個標題，首頁給專題或者欄目頁面的鏈接是最新文章的簡潔標題，標題不宜過長，此標題起到吸引用戶到達專題頁面的效果。例如我們看到搜狐新聞頻道首頁的指向專題頁面的短標題為“長沙母親送考遭遇車禍 女兒含淚進考場”，而改文章的實際標題為“母親送考出車禍倒在血泊 考生含淚進考場”。

二、假如我們首頁有好幾條相關的新聞事件，就不要讓每一條內容都指向專題或者欄目頁面。這樣的話會讓訪客感覺被欺騙點擊。我們只要將第一條最新的新聞指向專題或者欄目頁面，其他的則指向相關的內容頁面就可以了。

三、我們在搜狐新聞頻道的相關的專題頁面中可以看到首頁指向專題頁面的新聞放置在改專題頁面的第一位置上，我們這樣做的目的是讓用戶點擊進專題或者目錄頁後第一眼能看到，不會覺得被欺騙。

以上就是本片文章研究的搜狐新聞頻道首頁內鏈的一些小細節，具體的做法相信很多CMS建站系統都是可以勝任的。希望本文對於大家在做資訊站點的內鏈建設上有所幫助。本文由淘寶皇冠店http://www.jgdq.org 獨家供稿，轉載請留鏈接，謝謝！