Hamburger menu (手機版選單) 對 SEO 好嗎?

我在 Facebook Inbox 收到一位網友的問題,我覺得有些討論度。問題是關於我網站上的 menu,在手機版是用 hamburger 伸延式的 menu,那麼 Google 是否沒那麼容易看到 menu 裏面的字呢?

手機版 Hamburger Menu

手機版菜單使用  javascript 或 css 製作
手機版菜單使用 javascript 或 css 製作

畫面中正常的桌面版,Google 可以一直掃描看到 menu 上所有的關鍵字,但手機版用的 hamburger menu 無論人手或者機器,都會收起來。

只要是收起來,就是有使用 javascript 或 css,當用戶點擊才會展示出來。

網頁 Tab 欄位又如何

有些討論說如果網站用 Tab,也就是收在一個頁面裏面,Google 能不能看到?

其實 Google 是能看到的,不過要花一些時間和功夫才看得到,因為要點擊各延伸的部分才會展示出來,總之是看到的,但不那麼容易。

影片解説

兩個案例

蘋果的 Humburger Menu
蘋果的 Humburger Menu

如果不那麼容易看到,但是你又覺得 menu 裏面的字很重要,有什麼方法呢?

首先看 Apple 也是用這種 hamburger menu,由上滑下,他們會將重要的放在首頁,讓 Google 直接找到,不用去按 menu。

Samsung  Humburger Menu
Samsung Humburger Menu

而且還為 menu 選項做了 carousel,按下選項,相應的圖片就會顯示出來。

產品類別使用輪播式顯示
產品類別使用輪播式顯示

即使 carousel 較長,例如生活家電這個 menu,Google 也一定會看到畫面完整顯示出的這幾個關鍵字,最後一個未能完整顯示出的,Google 能看到還是也要經 javascript 的過程,點擊才能看到。

小結

我相信或多或少要有一些額外的拉動,但肯定比什麼都看不到的 menu 好,這個起碼有 75% 能即時看到。

Google 機械人掃描的時候,按人類的行為思想來說,起碼看到網站嘗試在首頁放最重要的 menu 選項,不能全部放入也會做關鍵字搜尋,底部也有一些 menu,要按才能伸延出來,當然這也不是太好,因為要額外點擊。

最好的做法就是在首頁擺放所有的 menu 選項,尤其那些你認為是最重要的,讓 Google 容易找出來。

ivan so

Leave a Comment