<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>適應性網頁設計 | SEO研究院</title>
	<atom:link href="https://seo.dns.com.tw/archives/tag/%E9%81%A9%E6%87%89%E6%80%A7%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88/feed" rel="self" type="application/rss+xml" />
	<link>https://seo.dns.com.tw</link>
	<description></description>
	<lastBuildDate>Mon, 17 Jun 2013 02:19:56 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.2</generator>

<image>
	<url>https://seo.dns.com.tw/wp-content/uploads/2022/11/seo.jpg</url>
	<title>適應性網頁設計 | SEO研究院</title>
	<link>https://seo.dns.com.tw</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>網站優化應該使用Responsive Web Design嗎?</title>
		<link>https://seo.dns.com.tw/archives/10633</link>
					<comments>https://seo.dns.com.tw/archives/10633#respond</comments>
		
		<dc:creator><![CDATA[SEO]]></dc:creator>
		<pubDate>Mon, 17 Jun 2013 02:19:56 +0000</pubDate>
				<category><![CDATA[SEO搜尋引擎優化]]></category>
		<category><![CDATA[Googlebot-Mobile]]></category>
		<category><![CDATA[Mobile SEO]]></category>
		<category><![CDATA[Responsive Web Design]]></category>
		<category><![CDATA[行動行銷]]></category>
		<category><![CDATA[適應性網頁設計]]></category>
		<guid isPermaLink="false">http://www.dns.com.tw/seo/?p=10633</guid>

					<description><![CDATA[<p>在之前的文章談過Responsive Web Design  ...</p>
The post <a href="https://seo.dns.com.tw/archives/10633">網站優化應該使用Responsive Web Design嗎?</a> first appeared on <a href="https://seo.dns.com.tw">SEO研究院</a>.]]></description>
										<content:encoded><![CDATA[<p>在之前的文章談過<a href="http://www.dns.com.tw/seo/?p=6459">Responsive Web Design (適應性網頁設計)</a>，也在&#8221;<a href="http://www.dns.com.tw/seo/?p=8596">Responsive Web Design對於SEO有何好處?</a>&#8220;以及&#8221;<a href="http://www.dns.com.tw/seo/?p=10616">Responsive Web Design (適應性網頁設計) 與SEO</a>&#8220;談到它對於SEO有幫助，但是對於網站優化來說，也是這樣嗎?</p>
<p><span id="more-10633"></span></p>
<p>如果你針對SEO來考慮的話，Responsive Web Design確實是有助益的，並且Google在&#8221;<a href="https://developers.google.com/webmasters/smartphone-sites/" target="_blank">Overview of Google&#8217;s recommendations</a>&#8220;也說 &#8230;</p>
<blockquote><p>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.</p>
<p>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.</p></blockquote>
<p>上述的第一點說明Google的最優先建議，請大家使用Responsive Web Design (適應性網頁設計)，因為不管什麼版本都是相同的HTML、相同的內容，Google最容易處理。</p>
<p>但是第二點又說了，如果Responsive Web Design (適應性網頁設計)不是你的最佳選擇的話，也可以使用其他的方式云云。</p>
<p>因為上面的說法，所以大家都認為使用Responsive Web Design (適應性網頁設計)就對啦 &#8230; 其實並不是這樣。</p>
<p>我們前面說到的都是針對SEO而言，當然Responsive Web Design是首選，但是我們也提到一個但書: 「如果你的網頁較為複雜的話，Responsive Web Design還是有其缺點。」</p>
<p>也就是如果你以「網站優化」的觀點來看的話，你必須思考Google的第二點建議的意思。為什麼Google會說~「If responsive design is not the best option to serve your users 如果適應性網頁設計不是你的最好選擇的話 &#8230; 」。</p>
<p>這篇&#8221;<a href="http://www.copyblogger.com/mobile-responsive-seo/" target="_blank">Could Mobile Responsive Website Design Hurt Your SEO?</a>&#8220;也提出跟我們同樣的看法，他提到了一個很特別的案例，就是Disney (迪士尼公司) 的網頁。他說在迪士尼網頁中有許多給小朋友玩的網頁遊戲，有些遊戲可以在桌上型電腦玩，但是如果使用行動設備就可以無法使用。因此這個情況下，就必須做出抉擇，放棄使用Responsive Web Design，或是修改遊戲，讓桌上型電腦與行動設備都可以順利使用。</p>
<p>這篇文章&#8221;<a href="http://www.thefoxisblack.com/2012/10/02/the-design-thinking-behind-the-new-disney-com/" target="_blank">THE DESIGN THINKING BEHIND THE NEW DISNEY.COM</a>&#8220;的作者參與了迪士尼網頁工作，他就說到了他們的最大挑戰就是~創造出一個全新的方式來讓訪客與迪士尼日新月異的內容進行互動 (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.)</p>
<p>如下圖就是迪士尼的內容顯示在桌上型電腦、平板、手機的樣子:</p>
<p><img decoding="async" alt="" src="http://www.dns.com.tw/seo/wp-content/uploads/2013/06/disney-game.jpg" /></p>
<h3>所以Responsive Web Design (適應性網頁設計)確實非常好，但是你必須知道你提供的內容是否能夠在這個架構內如你所想的，讓所有使用者在任何設備下都能夠順利瀏覽。也就是在網站優化的考量下，是否應該使用Responsive Web Design，還必須多加思考。</h3>The post <a href="https://seo.dns.com.tw/archives/10633">網站優化應該使用Responsive Web Design嗎?</a> first appeared on <a href="https://seo.dns.com.tw">SEO研究院</a>.]]></content:encoded>
					
					<wfw:commentRss>https://seo.dns.com.tw/archives/10633/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Responsive Web Design (適應性網頁設計) 與SEO</title>
		<link>https://seo.dns.com.tw/archives/10616</link>
					<comments>https://seo.dns.com.tw/archives/10616#respond</comments>
		
		<dc:creator><![CDATA[SEO]]></dc:creator>
		<pubDate>Fri, 14 Jun 2013 01:34:49 +0000</pubDate>
				<category><![CDATA[SEO搜尋引擎優化]]></category>
		<category><![CDATA[Googlebot-Mobile]]></category>
		<category><![CDATA[Mobile SEO]]></category>
		<category><![CDATA[Responsive Web Design]]></category>
		<category><![CDATA[行動行銷]]></category>
		<category><![CDATA[適應性網頁設計]]></category>
		<guid isPermaLink="false">http://www.dns.com.tw/seo/?p=10616</guid>

					<description><![CDATA[<p>我們在&#8221;Responsive Web Desig ...</p>
The post <a href="https://seo.dns.com.tw/archives/10616">Responsive Web Design (適應性網頁設計) 與SEO</a> first appeared on <a href="https://seo.dns.com.tw">SEO研究院</a>.]]></description>
										<content:encoded><![CDATA[<p>我們在&#8221;<a href="http://www.dns.com.tw/seo/?p=8596">Responsive Web Design對於SEO有何好處?</a>&#8220;談到，適應性網頁設計讓使用者可以很舒服的以各種設備瀏覽網頁，並且對於SEO具有多項好處。我們再來看看一些相關細節 &#8230;</p>
<p><span id="more-10616"></span></p>
<p>這篇&#8221;<a href="http://www.sitepronews.com/2013/06/12/5-reasons-responsive-web-design-good-seo/" target="_blank">5 Reasons Why Responsive Web Design is Good for SEO</a>&#8220;說有5個好理由讓適應性網頁設計對SEO有幫助。並且說到~「The bottom line is that as long as multiple devices for browsing are accessible, responsive design will always be a requirement.」。只要在多設備的瀏覽情況下，適應性網頁設計就是必須的。</p>
<p>以下就是這五個理由:</p>
<p>(1)Higher Local Rankings 因為以行動設備瀏覽網頁的比例越來越多，因此可以提升在地評等。<br />
(2)Your Onsite SEO Efforts Are Still Applicable 因為網頁沒有區分版本，所以SEO策略保持一致。<br />
(3)Avoid Duplicate Content 可以避免內容的重覆。<br />
(4)Keep Your Links 可以保持網頁的原本連結。<br />
(5)Google Said So 更重要的是 &#8230; Google也這麼說。</p>
<p>通常我們在瀏覽網頁時，有一種情況是很令人挫折的，就是當你使用可攜設備瀏覽某個網頁時，發現網頁內容跟你使用桌上型電腦瀏覽時不同。因為你很可能記得在家中在某個網頁看到某個資料，但是你卻無法使用手機找到相同的資料。</p>
<p>許多網頁設計是自動偵測使用設備，自動轉到特定的網頁，當你使用桌上型電腦瀏覽時，就顯示正常版網頁，當你使用手機瀏覽時，就顯示手機版本的網頁，但是卻沒有提供自由選擇版本的機會。</p>
<p>但是雖然適應性網頁設計對於SEO是好的，但是畢竟這些相關技術都還在演化當中，還是有些尚待克服的地方。</p>
<p>例如下圖中，大的畫面是桌上型電腦瀏覽時的樣子，小的畫面是手機瀏覽時的樣子:<br />
<img decoding="async" src="http://www.dns.com.tw/seo/wp-content/uploads/2013/06/responsive-sample.jpg"></p>
<p>但是，如果原本桌上型電腦版本的網頁是比較複雜的話，就不太容易順利的在手機呈現，例如PChome網頁或是Yahoo!奇摩，都還是讓使用者自己選擇版本，而非自動轉址。</p>
<p><img decoding="async" src="http://www.dns.com.tw/seo/wp-content/uploads/2013/06/pchome.jpg"></p>
<p>所以雖然都知道適應性網頁設計對於SEO有好處，但是在目前而言，仍然處於技術與現實折衝的階段，如果出現更好的解決方案的話，也許以後就再也看不到網頁有桌機手機雙版本的情況了。</p>The post <a href="https://seo.dns.com.tw/archives/10616">Responsive Web Design (適應性網頁設計) 與SEO</a> first appeared on <a href="https://seo.dns.com.tw">SEO研究院</a>.]]></content:encoded>
					
					<wfw:commentRss>https://seo.dns.com.tw/archives/10616/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
