一個定義良好的HTML標題結構除了能讓訪客更輕鬆地瀏覽網頁之外,也能夠幫助搜尋引擎更精確地理解HTML文件的內容,提高網站的搜尋排名。



HTML 大綱檢查工具

這個「HTML 大綱檢查工具」是本站開發的網頁工具,可以直接在網頁上進行HTML文件的大綱檢查。而文件來源可以是HTML程式碼、網址或是存在於本機的HTML檔案。

網址如下:

https://cloud.magiclen.org/html-outliner

html-outliner

使用方法

用以下的HTML文件來舉例,我們可以將其直接輸入到網頁上HTML文字輸入區域。

<html>
    <title>這是抬頭</title>
<body>
    <h1>網站名稱</h1>
    <article>
        <h2>HTML 大綱檢查工具</h2>
        <p>檢查您的HTML文件的大綱,並且將它們列成清單。一個定義良好的HTML結構可以幫助搜尋引擎了解HTML文件的內容,如此一來就能容易地將它編入索引。</p>
        <h3>網站連結</h3>
        <h3>使用方法</h3>
        <h4>步驟一</h4>
        <h4>步驟二</h4>
    </article>
    <article>
        <h2>密碼產生器</h2>
        <p>密碼是廣為人知被用來區隔權限的手段,通常會讓使用者來自行設定。密碼的複雜度直接決定了資訊的安全程度。這個工具可以協助您透過不同條件產生出多組密碼以及分析密碼的安全性。</p>
        <h3>網站連結</h3>
        <h3>使用方法</h3>
        <h4>步驟一</h4>
        <h4>步驟二</h4>
    </article>
</html>

提交後就可以直接在網頁上得到以下結果:

1. 網站名稱
    1. HTML 大綱檢查工具
        1. 網站連結
        2. 使用方法
            1. 步驟一
            2. 步驟二
    2. 密碼產生器
        1. 網站連結
        2. 使用方法
            1. 步驟一
            2. 步驟二

html-outliner

也可以直接輸入HTML網頁的網址至網址的文字輸入方塊中,提交後就可以看到該網頁的大綱。

html-outliner

另外,也可以上傳本機的HTML檔案來取得大綱。

html-outliner