在之前的文章談過Responsive Web Design (適應性網頁設計),也在”Responsive Web Design對於SEO有何好處?“以及”Responsive Web Design (適應性網頁設計) 與SEO“談到它對於SEO有幫助,但是對於網站優化來說,也是這樣嗎?
如果你針對SEO來考慮的話,Responsive Web Design確實是有助益的,並且Google在”Overview of Google’s recommendations“也說 …
1. Google recommends webmasters follow the industry best practice of using responsive web design, namely serving the same HTML for all devices and using only CSS media queries to decide the rendering on each device.
2. If responsive design is not the best option to serve your users, Google supports having your content being served using different HTML. The different HTML can be on the same URL or on different URLs, and Googlebot can handle both setups appropriately if you follow our recommendations.
上述的第一點說明Google的最優先建議,請大家使用Responsive Web Design (適應性網頁設計),因為不管什麼版本都是相同的HTML、相同的內容,Google最容易處理。
但是第二點又說了,如果Responsive Web Design (適應性網頁設計)不是你的最佳選擇的話,也可以使用其他的方式云云。
因為上面的說法,所以大家都認為使用Responsive Web Design (適應性網頁設計)就對啦 … 其實並不是這樣。
我們前面說到的都是針對SEO而言,當然Responsive Web Design是首選,但是我們也提到一個但書: 「如果你的網頁較為複雜的話,Responsive Web Design還是有其缺點。」
也就是如果你以「網站優化」的觀點來看的話,你必須思考Google的第二點建議的意思。為什麼Google會說~「If responsive design is not the best option to serve your users 如果適應性網頁設計不是你的最好選擇的話 … 」。
這篇”Could Mobile Responsive Website Design Hurt Your SEO?“也提出跟我們同樣的看法,他提到了一個很特別的案例,就是Disney (迪士尼公司) 的網頁。他說在迪士尼網頁中有許多給小朋友玩的網頁遊戲,有些遊戲可以在桌上型電腦玩,但是如果使用行動設備就可以無法使用。因此這個情況下,就必須做出抉擇,放棄使用Responsive Web Design,或是修改遊戲,讓桌上型電腦與行動設備都可以順利使用。
這篇文章”THE DESIGN THINKING BEHIND THE NEW DISNEY.COM“的作者參與了迪士尼網頁工作,他就說到了他們的最大挑戰就是~創造出一個全新的方式來讓訪客與迪士尼日新月異的內容進行互動 (Our biggest challenge was creating a new way for our Guests to interact with our wide array of content on a day-to-day basis.)
如下圖就是迪士尼的內容顯示在桌上型電腦、平板、手機的樣子: