如何善用html5標記來提升Google SEO的表現? | Malaysia Web Design

如何善用html5標記來提升Google SEO的表現?

2014年10月份,W3C發佈了最新的html5,隨即讓網站程式員或網頁設計師迎來了一股洪動,而html5可以讓Google/Yahoo/Bing等搜尋引擎了解網頁配置的邏輯,所以對SEO也有著一定的功用!

以下是一些常用的 HTML5 Tags 標記:
article: 定義文章
aside: 定義一些與頁面內容鬆散相關的內容
audio: 在 HTML 文檔中嵌入聲音或音頻流
bdi: 表示出於雙向文本格式設置而與其周圍環境隔離的文本
canvas: 在文檔中定義一個區域,可用於通過腳本(通常是 JavaScript)動態繪製圖形
data: 將一段內容與機器可讀的翻譯鏈接起來
datalist: 表示 input 元素的一組預定義選項
details: 表示一個小部件,用戶可以從中獲取其他信息或按需控制
dialog: 定義對話框或子窗口
embed: 將外部應用程序(通常是音頻或視頻等多媒體內容)嵌入到 HTML 文檔中
figcaption: 定義圖形的標題或圖例
figure: 表示作為文檔一部分說明的圖形
hgroup: 定義一組標題
keygen: 表示生成公私鑰對的控件
main: 表示文檔的主要或主要內容
mark: 表示突出顯示以供參考的文本
menuitem: 定義用戶可以執行的命令列表(或菜單項)
meter: 表示已知範圍內的標量測量
nav: 定義一段導航鏈接
output: 表示計算結果
picture: 為多個圖像源定義一個容器
progress: 表示任務的完成進度
rp: 為不支持 ruby 註釋的瀏覽器提供回退括號
rt: 定義 ruby 註釋中出現的字符的發音
ruby: 表示 ruby 註解
section: 定義文檔的一部分,例如頁眉、頁腳等
source: 為 audio 或 video 等媒體元素定義替代媒體資源
summary: 定義 details 元素的摘要
svg: 在 HTML 文檔中嵌入 SVG(可縮放矢量圖形)內容
template: 定義加載頁面時應隱藏的 HTML 片段,但可以通過 JavaScript 克隆並插入到文檔中
time: 表示時間和/或日期
track: 為 audio 或 video 等媒體元素定義文本軌道
video: 在 HTML 文檔中嵌入視頻內容
wbr: 表示換行機會

網站程式員或網頁設計師若能在現有的網站程式碼HTML上,配上合適的html5標記,有助於Google/Yahoo/Bing等搜尋引擎了解網頁配置的邏輯,從而提升SEO的表現和效果!


Contact Us