為自己的網站加一個網站地圖/目錄索引

Views

當一個部落格擁有了超過了100篇的文章, 和使用超過了5種以上的分類時, 即便是格主本身有時都會發現文章難尋啊. 再加上如果一開始在為文章加標籤時缺乏一個全面性的規劃, 有時為了找一篇自己已發佈的文章都覺得滿費時的, 對訪客而言, 將是更加的困難了.

本篇將介紹幾種不同類型的[網站文章目錄索引]讓網站上所有已發佈的文章以一種有組織的方式, 分別依文章的分類, 或是依發表的時間, 或是依作者(如果是多人共筆的網站)顯示出該網站上所有的文章,  以便訪客可以在單個頁面下瀏覽網站上所有的文章.

這樣子, 可以省下讓訪客辛苦搜尋找文的時間, 直接在網站的目錄索引頁上找到需要的文章, 如此一來, 可以增加訪客停留時間和降低跳出率, 進而有助提升網站的排名.

    本篇介紹的幾種[網站文章目錄索引], 做法都一樣, 只是要貼入的"網站目錄HTML程式碼"不同而己, 所以先介紹做法:

    開啓一個新網頁

    首先, 在Blogger後台, 按下[網頁]→[+新網頁]→設定新增網頁的標題為"sitemap"→選擇[HTML檢視]→然後任選下面介紹的一組HTML程式碼貼入→然後在頁面設定上選[不允許留言]→最後按下[發佈]鍵即可.

    依分類標籤排序的網站目錄(一)

    第一種介紹的[網站地圖/目錄索引]是依文章的標籤來分類的網站目錄. 可以先看看範例, 如果是閣下需要的網站目錄格式, 就可以copy下面的HTML程式碼到上面的[5]區塊裡. 

    依文章的標籤來分類的網站目錄優點是訪客可以在分類中輕易的找到想要看的相關文章, 但缺點是, 如果一篇文章有多個標籤, 那麼同一篇文章則會重覆出現在不同標籤下.

    請注意: 不要忘記把最後那行 yourblog.blogspot.com 的網址改成自己的網址哦.

    依分類標籤排序的網站目錄(二)

    第二種介紹的[網站地圖/目錄索引]也是依文章的標籤來分類的網站目錄. 和上面第一種的差別在於, 這一款是走簡單清爽的路線, 沒有第一款那麼多花里胡俏的顏色. 可以先看看範例再決定這款是否是符合閣下的需要, 如果是的話, 就可以copy下面的HTML程式碼到上面的[5]區塊裡. 

    請注意: 不要忘記把最後那行 yourblog.blogspot.com 的網址改成自己的網址哦.

    依最新發表的文章排序的網站目錄(一)

    然後, 接下來介紹的[網站地圖/目錄索引]則是依最近發表的文章時間依序排列的網站目錄. 比起用上面二種依文章標籤來分類的方式, 這種依時間序的網站目錄就不會有重覆出現同一篇文章的狀況. 長的會像下面的圖示, 只會出現每篇帶有超連結的文章標題, 如果符合貴站需要, 就可以copy下面的HTML程式碼到上面的[5]區塊裡. 

    請注意: 不要忘記把最後那行 yourblog.blogspot.com 的網址改成自己的網址哦.

    依最新發表的文章排序並帶有小圖示(二)

    這個介紹的[網站地圖/目錄索引]則是依最近發表的文章順序並帶有小圖示的網站目錄. 比起上面的第三種, 這種方式的網站地圖畫面就比較生動, 而且除了文章標題和文章小圖示之外, 還可以自行設定是否需要出示一小部份的文章內容, 也可以設定是否想要顯示發文日期. 

    可以先看看範例再決定是否符合貴站需要, 如果是的話, 就可以copy下面的HTML程式碼到上面的[5]區塊裡. 

    請注意: 不要忘記把最後那行 yourblog.blogspot.com 的網址改成自己的網址哦.


    利用feeds功能列出所有網站文章

    這個是利用feeds功能抓出所有該網站已發表的文章, 依發布日期排出, 可以自行決是否要顯示發布日期和部份內容. 

    如果長相合適的話, 就可以copy下面的HTML程式碼到上面的[5]區塊裡. 


    請注意: 不要忘記把最後那行 YourBlogURL.blogspot.com 的網址改成自己的網址哦.

    依表格方式依日期排序的網站目錄

    接下來, 介紹的[網站地圖/目錄索引]則是以表格形式依日期來排列文章的網站目錄. 

    如果這是你想要的樣式, 那麼可以copy下面的HTML程式碼到上面的[5]區塊裡. 

    以網格圖示翻牌顯示網站目錄

    最後, 介紹的[網站地圖/目錄索引]則是以網格圖示的方式來呈現整個網站的文章, 同時還可點點選網站目錄的分頁, 分別以4種不同形式呈現: 依最近發表文章的時間順序排列, 依文章發佈月份, 依文章標籤, 依作者來分類文章.

    這一款的網站目錄等於包含了以上3種, 但不是以文字的方式來呈現網站目錄, 而是以圖示來呈現. 當滑鼠移到圖示上時, 還會翻牌. 還滿有趣的. 可以先看看範例再決定是否是你想要的網站目錄, 如果是的話, 就可以copy下面的HTML程式碼到上面的[5]區塊裡. 

    請注意: 不要忘記把最後那行 yourblog.blogspot.com 的網址改成自己的網址哦.

    最後, 如果不太了解[文章]和[網頁]有什麼不同的朋友, 請參考這篇: 文章和網頁的不同.

    喜歡或者 不喜歡 如果覺得這篇有用, 那就請我喝杯咖啡吧!請我喝杯咖啡吧!

    0 留言:

    張貼留言