fbpx

SEO搜尋引擎優化教學-網站切換裝置設定

一、切換裝置SEO設定

從近幾年網站分析的數據分析結果可以看出來,行動裝置在瀏覽網頁的狀況早已遠遠高於桌機瀏覽,可是在製作網站的時候卻很容易忽略這樣的情況。一般在建置的過程是在電腦版進行,經常是做出來的時候覺得很美觀,自然而然就以為已經大功告成,可是其實行動裝置的顯現狀況才是最該掌握的,就算桌機版頁面可以特效不斷、造型酷炫,在行動裝置如果如法彼此呼應,也不是一個理想的結果。為了顧及全盤,要有能夠完整顯示的行動裝置頁面,更重要的是,如同切換語系同樣道理,如果有重要資訊同時在桌機版還有行動版兩個頁面顯現,務必注意不要讓搜尋引擎判定為重複內容,常見做發包含以下兩種。

  1. 建立兩種頁面

最常見的例子就是Facebook,用電腦版瀏覽時網址為https://www.facebook.com/,可是換成手機瀏覽網頁時就會變成https://m.facebook.com/,雖然呈現的內容是相似的,可是版面配置已有很大不同,如果執意執行,依然能夠用電腦版瀏覽行動版網址,只是就會變成很奇怪的頁面配置。在許多頁面會藉由這樣的方式來個別處理不同裝置或呈現的視覺畫面,能夠不再互相牽制影響的狀態下盡情配置,只需要在分別頁面加上彼此對應的宣告,避免SEO的重複內容判別即可。

電腦版頁面宣告另外還有行動版頁面:

<link rel=”alternate” media=”only screen and (max-width: 640px) ” herf=”行動版網址” >

行動版頁面宣告另外還有電腦版頁面:

<link rel=”canonical” herf=”電腦版網址” >

最後也別忘了在XML Sitemap加上指向

<url>

<loc>電腦版網址</loc>

<xtml:link

rel=”alternate”

media=”only screen and (max-width: 640px) ”

href=”行動版網址” />

</url>

  1. RWD網站呈現

也稱作響應式網站(Responsive Web Design;自適應網頁設計),可以根據使用者裝置而自動調整成適宜的版面配置,由於行動裝置的使用比例上升,現在越來越多網站會強調RWD系統,比方說WordPress。以Wordpress為例,網站用一般的設計方式,出來的頁面用手機模式閱覽,已經自動響應裝置尺寸大小而作出調整,非常的人性化。不過要注意的是RWD系統看似非常方便,當然也會有一些取而代之的問題,比方說有些特效可以在桌面裝置呈現,轉換到行動版智慧看起來像一張普通的圖片,如果有特別設計過的重疊,在行動版看起來就會像是網站壞掉了,這時候只要依循著少部分沒辦法在各裝置呈現的部分作個別微調即可,整體來說RWD還是可以省下非常多時間成本,並且Google也明確表示建議各網站都能以RWD來作網站切換裝置的途徑。

Facebook廣告發票稅務
Facebook廣告發票稅務

二、手機版優化內容

跟大家推薦一個標章,稱作AMP(Accelerated Mobile Pages)加速行動網頁,被認可的網頁會在搜尋結果頁的旁邊出現一個小閃電標記(如上圖)。它是由Google開發的一項工具,用途在於提升網頁速度,主張獲得該標章的頁面在點擊後不需等待就可以完整呈現其中內容。Google在2018年七月宣布,行動網頁版的速度正式納入SEO的平名依據當中,也直接註明了取得AMP標章的話,該頁面將更容易在搜尋結果列當中出現。關於獲得AMP的作法屬於技術端的層面,網站後台需要符合AMP HTML規格,這篇將不詳加說明,不過有些網站像是Wordpress架站系統就已有提供外掛讓使用者方便獲取。

除了AMP之外,關於行動版SEO主要該注意的事項為下:

  1. 頁面盡可能簡潔

行動版頁面不同於網頁版,視窗大小有很大的落差,不可以將網頁版的呈現內容原封不動的搬到行動版,最主要的做法在於收和容器的使用,導覽列可以以點擊的方式開啟,文章內容也同樣用”繼續閱讀”來閱覽全文等等…使用者在用手機瀏覽頁面時的耐心程度是遠小於桌機版的,所以整體資訊都要用最簡明的方式呈現,同時也可以保障手機較慢於桌機的網路速度不會開啟過久,否則我不敢跟你保證跳出率能達到怎麼樣的新高。

  1. 彈跳視窗的設置

彈跳視窗會占用非常大的流量,對於行動裝置使用者而言有更甚鉅的影響,這不但會影響使用者體驗,可能還會讓搜尋引擎抓到錯誤的頁面,如此一來對SEO的影響相信也不用我多說。網站實實在在的做好優質內容就好,不要用太多華而不實的東西吸引目光,大部分時候,人家是不會領情的!

  1. 視覺大小應合宜

如同上面所說,行動版與網頁版的頁面大小差異很大,一個在電腦螢幕上呈現大小適中的按鈕,換到手機上不一定還是正常的比例,尤其是按鈕當眾又有文字時,一定要實際手機閱覽過一次感受度如何。此外還有按鈕與按鈕之間的間距也不能太小,只要是能夠讓使用者點選的區域,一定要能清楚用肉眼就可以辨識。不管對於搜尋引擎還是使用者,務必都還是要有良好的呈現,否則不是失去用戶就是失去排名,你怎麼選?

-Ethan

SEO搜尋引擎優化教學-網站切換裝置設定” 有 1 則迴響.

發表迴響