【WordPress】SiteNavigationElement 網站導航架構標記 - 【建築療癒師】台中推薦-室內設計與建築師

想讓網站在Google眼中變成資優生嗎?

就像下圖有專屬的快速連結，這能大大增加網站的流量。
你需要的就是設置 SiteNavigationElement 網站導航架構標記。

" data-srcset="https://images.insideout.com.tw/wp-content/uploads/2018/07/23111054/201807232-200x116.png 200w, https://images.insideout.com.tw/wp-content/uploads/2018/07/23111054/201807232-300x175.png 300w, https://images.insideout.com.tw/wp-content/uploads/2018/07/23111054/201807232-400x233.png 400w, https://images.insideout.com.tw/wp-content/uploads/2018/07/23111054/201807232-600x349.png 600w, https://images.insideout.com.tw/wp-content/uploads/2018/07/23111054/201807232-768x447.png 768w, https://images.insideout.com.tw/wp-content/uploads/2018/07/23111054/201807232.png 771w" data-sizes="auto" data-orig-sizes="(max-width: 771px) 100vw, 771px" title="【WordPress】SiteNavigationElement 網站導航架構標記 2">

---

步驟一

讓我們進入GoogleConsole後台來確認，目前顯示SiteNavigationElement數量為零。

" data-srcset="https://images.insideout.com.tw/wp-content/uploads/2018/07/23111049/201807231-200x159.png 200w, https://images.insideout.com.tw/wp-content/uploads/2018/07/23111049/201807231-300x238.png 300w, https://images.insideout.com.tw/wp-content/uploads/2018/07/23111049/201807231-400x317.png 400w, https://images.insideout.com.tw/wp-content/uploads/2018/07/23111049/201807231-600x476.png 600w, https://images.insideout.com.tw/wp-content/uploads/2018/07/23111049/201807231-768x609.png 768w, https://images.insideout.com.tw/wp-content/uploads/2018/07/23111049/201807231-800x634.png 800w, https://images.insideout.com.tw/wp-content/uploads/2018/07/23111049/201807231.png 897w" data-sizes="auto" data-orig-sizes="(max-width: 897px) 100vw, 897px" title="【WordPress】SiteNavigationElement 網站導航架構標記 3">

---

步驟二

編輯佈景主題的functions.php，在最後面加入下列Code
(電腦版才看的到github-gist喔)

---

步驟三

編輯佈景主題的header.php(或是 sidebar.php、inc/template-tags.php)
把原來的nav標籤修改成下列Code
對照補上缺少的部分，原來的css id&class要保留，才不會跑版
(電腦版才看的到github-gist喔)

---

步驟四

先到Google的結構化資料測試工具，測試是否成功。

" data-srcset="https://images.insideout.com.tw/wp-content/uploads/2018/07/28215101/201807283-200x113.png 200w, https://images.insideout.com.tw/wp-content/uploads/2018/07/28215101/201807283-300x170.png 300w, https://images.insideout.com.tw/wp-content/uploads/2018/07/28215101/201807283-400x226.png 400w, https://images.insideout.com.tw/wp-content/uploads/2018/07/28215101/201807283-600x339.png 600w, https://images.insideout.com.tw/wp-content/uploads/2018/07/28215101/201807283.png 630w" data-sizes="auto" data-orig-sizes="(max-width: 630px) 100vw, 630px" title="【WordPress】SiteNavigationElement 網站導航架構標記 4">
等四天後，再到GoogleConsole後台確認就可以。

" data-srcset="https://images.insideout.com.tw/wp-content/uploads/2018/07/28174857/20180728-200x184.png 200w, https://images.insideout.com.tw/wp-content/uploads/2018/07/28174857/20180728-300x276.png 300w, https://images.insideout.com.tw/wp-content/uploads/2018/07/28174857/20180728-400x368.png 400w, https://images.insideout.com.tw/wp-content/uploads/2018/07/28174857/20180728-600x552.png 600w, https://images.insideout.com.tw/wp-content/uploads/2018/07/28174857/20180728.png 748w" data-sizes="auto" data-orig-sizes="(max-width: 748px) 100vw, 748px" title="【WordPress】SiteNavigationElement 網站導航架構標記 5">

相關文章

【WordPress】邁向95分 Google PageSpeed
【WordPress】WP Offload S3 Lite搭配Cloudflare
【WordPress】SiteNavigationElement 網站導航架構標記
【WordPress】Search Console Missing author updated
【WordPress】浮動FB粉絲專頁側邊欄
【WordPress】美美的中文字體 Google font - Avada、OnePress、Screenr、2015、The Box

請用訂閱代替掌聲

*免費電子書
**訂閱Youtube頻道
***訂閱電子報
****追蹤IG
*****追蹤FB粉專
******加入Line好友