<?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>樂倍達數位科技</title>
	<atom:link href="http://www.doubleservice.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.doubleservice.com</link>
	<description>DoubleService Digital Technology.</description>
	<lastBuildDate>Mon, 07 Nov 2011 08:17:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>甜柿‧巴萊(Lalubalay)豐收  所得盈餘回饋部落共同照顧 林慶台為大安溪【甜柿．巴萊】站台</title>
		<link>http://www.doubleservice.com/2011/11/daanriver-news/</link>
		<comments>http://www.doubleservice.com/2011/11/daanriver-news/#comments</comments>
		<pubDate>Thu, 03 Nov 2011 11:10:04 +0000</pubDate>
		<dc:creator>terry</dc:creator>
				<category><![CDATA[其他]]></category>
		<category><![CDATA[大安溪]]></category>
		<category><![CDATA[甜柿]]></category>

		<guid isPermaLink="false">http://www.doubleservice.com/?p=2415</guid>
		<description><![CDATA[原住民深耕德瑪汶協會今日舉辦「甜柿‧巴萊」豐收開賣記者會，由「賽德克‧巴萊」中飾演莫那魯道的泰雅族傳道林慶台擔任愛心大使，為部落直銷甜杮站台，販賣所得盈餘及捐款款將回饋部落共同照顧。 大安溪的摩天嶺，是台灣栽種甜柿的發源地，也是泰雅族的傳統領域。今年是甜柿豐收的一年，原住民深耕德瑪汶協會特別邀來在國片「賽德克巴萊」中飾演中年莫那魯道的泰雅族傳道林慶台為【甜柿．巴萊】部落直銷站台，而販賣甜柿的所得盈餘將回饋到部落共同照顧上，如：老人送餐、青少年獎助學金、國小陪讀、國中課輔等照顧方案。 【甜柿．巴萊】的泰雅族語是Lalubalay，意指「真正的甜柿」，不論是在歷史、甜度及口感等各方面均堪稱極品。 深耕德瑪汶協會表示，農民整年的血汗以及家庭收入來源，皆寄託在這一年一產、香甜圓滿的甜柿上。雖說今年是甜柿豐收的一年，但農民卻仍忐忑不安，因為台灣種甜柿的農民越來越多，相對就會對部落的原住民果農造成衝擊，因此雖然產量增多，卻未必代表收入增多。 深耕協會執行秘書林建治指出，協會每年都以優於行口的價格，協助農友進行甜柿直銷，減少市場對農友的層層剝削，但今年行口收購價格慘跌，協會卻仍堅持以合理的價錢向農友收購甜柿保障農民的基本所得，同時，為了幫助農友節省成本，從行銷、訂單、叫貨、品管、包裝到出貨等全部流程與費用都由協會包辦。林建治說，每一顆飽滿圓潤的甜柿都可以看到部落自立及部落人挺部落的重要意義。 林建治進一步說明，其實這就是泰雅族很傳統而重要的價值觀「共享共食」的延伸，前身為至善基金會大安溪部落工作站的深耕德瑪汶協會，這幾年很重要的工作都是在發展在地產業與社區自力照顧服務。 共食共享是什麼？林建治先生說：「我小時候有一次和弟弟一起去打獵，當時我獵到一隻飛鼠，而我弟弟沒獵到，於是我高興地回去跟yutas(泰雅語爺爺的意思)說，yutas非但沒讚美我，反而罵我說『你弟弟都沒東西吃了，你高興什麼？』」，這就顯示傳統的泰雅精神是非常重視群體的。因此，協會秉持著這樣的精神，在部落有了自立的能力之後，更進一步進行老人送餐、青少年獎助學金、國小陪讀及國中課輔等部落共同照顧的服務。 此次擔任為【甜柿．巴萊】站台，在目前當紅國片賽德克巴萊中飾演中年莫那魯道的泰雅族傳道林慶台，曾經在今年暑假到深耕德瑪汶協會參訪，而因為這短暫的相遇，讓他了解並認同協會在部落做的事情，因而進一步同意為大安溪甜柿站台，為同為泰雅族的族人們貢獻一份心力。 深耕德瑪汶協會表示，為感謝社會大眾對部落農友的支持，同時也支持部落共同照顧，今年特別推出買甜柿滿五千元即贈送泰雅族傳統手工編織&#8212;祖靈手環一只，數量有限，送完為止，詳情請洽(04)25911550。 訂購方式 傳真訂購：請至 大安溪部落工作站 下載傳真訂購單 SOmarket線上訂購：http://www.somarket.tw/daanriver/]]></description>
			<content:encoded><![CDATA[<p><g:plusone href="http://www.doubleservice.com/2011/11/daanriver-news/"  size="medium"   ></g:plusone>
<p>原住民深耕德瑪汶協會今日舉辦「<a href="http://www.doubleservice.com/tag/%e7%94%9c%e6%9f%bf/" class="st_tag internal_tag" rel="tag" title="有標籤 甜柿 的文章">甜柿</a>‧巴萊」豐收開賣記者會，由「賽德克‧巴萊」中飾演莫那魯道的泰雅族傳道林慶台擔任愛心大使，為部落直銷甜杮站台，販賣所得盈餘及捐款款將回饋部落共同照顧。</p>
<p><a href="http://www.doubleservice.com/wp-content/uploads/2011/11/P18.jpg"><img width="300" height="199" align="right" class="alignright size-medium wp-image-2416" title="P18" alt="甜柿‧巴萊(Lalubalay)豐收  所得盈餘回饋部落共同照顧 林慶台為大安溪【甜柿．巴萊】站台" src="http://www.doubleservice.com/wp-content/uploads/2011/11/P18-300x199.jpg" /></a>大安溪的摩天嶺，是台灣栽種甜柿的發源地，也是泰雅族的傳統領域。今年是甜柿豐收的一年，原住民深耕德瑪汶協會特別邀來在國片「賽德克巴萊」中飾演中年莫那魯道的泰雅族傳道林慶台為【<a href="http://www.doubleservice.com/tag/%e7%94%9c%e6%9f%bf/" class="st_tag internal_tag" rel="tag" title="有標籤 甜柿 的文章">甜柿</a>．巴萊】部落直銷站台，而販賣甜柿的所得盈餘將回饋到部落共同照顧上，如：老人送餐、青少年獎助學金、國小陪讀、國中課輔等照顧方案。</p>
<p><span id="more-2415"></span></p>
<p>【<a href="http://www.doubleservice.com/tag/%e7%94%9c%e6%9f%bf/" class="st_tag internal_tag" rel="tag" title="有標籤 甜柿 的文章">甜柿</a>．巴萊】的泰雅族語是Lalubalay，意指「真正的甜柿」，不論是在歷史、甜度及口感等各方面均堪稱極品。</p>
<p>深耕德瑪汶協會表示，農民整年的血汗以及家庭收入來源，皆寄託在這一年一產、香甜圓滿的甜柿上。雖說今年是甜柿豐收的一年，但農民卻仍忐忑不安，因為台灣種甜柿的農民越來越多，相對就會對部落的原住民果農造成衝擊，因此雖然產量增多，卻未必代表收入增多。</p>
<p>深耕協會執行秘書林建治指出，協會每年都以優於行口的價格，協助農友進行甜柿直銷，減少市場對農友的層層剝削，但今年行口收購價格慘跌，協會卻仍堅持以合理的價錢向農友收購甜柿保障農民的基本所得，同時，為了幫助農友節省成本，從行銷、訂單、叫貨、品管、包裝到出貨等全部流程與費用都由協會包辦。林建治說，每一顆飽滿圓潤的甜柿都可以看到部落自立及部落人挺部落的重要意義。</p>
<p>林建治進一步說明，其實這就是泰雅族很傳統而重要的價值觀「共享共食」的延伸，前身為至善基金會大安溪部落工作站的深耕德瑪汶協會，這幾年很重要的工作都是在發展在地產業與社區自力照顧服務。</p>
<p>共食共享是什麼？林建治先生說：「我小時候有一次和弟弟一起去打獵，當時我獵到一隻飛鼠，而我弟弟沒獵到，於是我高興地回去跟yutas(泰雅語爺爺的意思)說，yutas非但沒讚美我，反而罵我說『你弟弟都沒東西吃了，你高興什麼？』」，這就顯示傳統的泰雅精神是非常重視群體的。因此，協會秉持著這樣的精神，在部落有了自立的能力之後，更進一步進行老人送餐、青少年獎助學金、國小陪讀及國中課輔等部落共同照顧的服務。</p>
<p>此次擔任為【甜柿．巴萊】站台，在目前當紅國片賽德克巴萊中飾演中年莫那魯道的泰雅族傳道林慶台，曾經在今年暑假到深耕德瑪汶協會參訪，而因為這短暫的相遇，讓他了解並認同協會在部落做的事情，因而進一步同意為大安溪甜柿站台，為同為泰雅族的族人們貢獻一份心力。</p>
<p>深耕德瑪汶協會表示，為感謝社會大眾對部落農友的支持，同時也支持部落共同照顧，今年特別推出買甜柿滿五千元即贈送泰雅族傳統手工編織&mdash;祖靈手環一只，數量有限，送完為止，詳情請洽(04)25911550。</p>
<p>訂購方式</p>
<p>傳真訂購：請至 <a target="_blank" href="http://www.daanriver.org.tw/main.asp">大安溪部落工作站</a> 下載傳真訂購單</p>
<p>SOmarket線上訂購：<a href="http://www.somarket.tw/daanriver/" target="_blank">http://www.somarket.tw/daanriver/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.doubleservice.com/2011/11/daanriver-news/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TSNA 專業新聞團隊網站改版</title>
		<link>http://www.doubleservice.com/2011/07/case-tsna/</link>
		<comments>http://www.doubleservice.com/2011/07/case-tsna/#comments</comments>
		<pubDate>Fri, 08 Jul 2011 07:45:55 +0000</pubDate>
		<dc:creator>mandywu</dc:creator>
				<category><![CDATA[成功案例]]></category>
		<category><![CDATA[專案]]></category>

		<guid isPermaLink="false">http://www.doubleservice.com/?p=2373</guid>
		<description><![CDATA[由資深媒體人曾文誠所領導的專業運動新聞團隊，以豐富的運動新聞編採，除了提供國內中職、SBL籃球新聞外，國外的MLB、NBA及足球、網球、高爾夫、電競等運動新聞及專業分析特稿等，不論質與量都獲得網友一致好評！]]></description>
			<content:encoded><![CDATA[<p><g:plusone href="http://www.doubleservice.com/2011/07/case-tsna/"  size="medium"   ></g:plusone><br />
<h4><strong>專案簡述</strong></h4>
<p>由資深媒體人曾文誠所領導的專業運動新聞團隊，以豐富的運動新聞編採，除了提供國內中職、SBL籃球新聞外，國外的MLB、NBA及足球、網球、高爾夫、電競等運動新聞及專業分析特稿等，不論質與量都獲得網友一致好評！</p>
<p>TSNA團隊新聞與國內各大入口網站及行動業者，包括YAHOO!、Hinet中華電信、台灣大哥大及天空等固定合作，為國內最大運動新聞源，高度新聞曝光可以達到最高、最佳的媒體效應。</p>
<p><span id="more-2373"></span></p>
<p>TSNA網站全新改版！</p>
<ol>
<li>每日更新體壇大事，隨時掌握運動熱點</li>
<li>全面的專業運動界資訊，涵蓋職業棒球、籃球、網球、足球、高爾夫、電競等頻道</li>
<li>陣容堅強的特約專家，駐站提供專業賽事觀點</li>
<li>各類運動影音、賽事直擊畫面，讓你身歷其境</li>
</ol>
<p><a target="_blank" href="http://www.tsna.com.tw/">前往TSNA：http://www.tsna.com.tw/</a></p>
<h4><strong>網站參考畫面</strong></h4>
<blockquote>
<p><a href="http://www.doubleservice.com/wp-content/uploads/2011/08/screen_tsna.jpg"><img alt="TSNA專業運動新聞團隊" title="screen_tsna" width="556" height="1174" class="alignnone size-full wp-image-2371" src="http://www.doubleservice.com/wp-content/uploads/2011/08/screen_tsna.jpg" /></a><br />
<span style="color: #ff9900">以上案例資料僅為樂倍達案例介紹展示使用，請勿任意使用或轉載。其案例網站之圖片、文字等一切內容以該案例正式線上網站版本為準。</span></p>
</blockquote>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.doubleservice.com/2011/07/case-tsna/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>wordpress外掛介紹─輕鬆設定Facebook Open Graph(下)</title>
		<link>http://www.doubleservice.com/2011/07/wp-plugin-open-graph-b/</link>
		<comments>http://www.doubleservice.com/2011/07/wp-plugin-open-graph-b/#comments</comments>
		<pubDate>Fri, 01 Jul 2011 09:04:12 +0000</pubDate>
		<dc:creator>chiayun</dc:creator>
				<category><![CDATA[Wordpress 應用、外掛]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Open Graph]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[外掛]]></category>
		<category><![CDATA[讚]]></category>

		<guid isPermaLink="false">http://www.doubleservice.com/?p=2271</guid>
		<description><![CDATA[本篇介紹wordpress外掛『Me Likey - A Facebook Open Graph Plugin』與『Facebook Opengraph Meta Plugin』來設定woordpress的open graph data，以解決塗鴉牆上的文章與圖片可能出現對不上的混亂狀態。]]></description>
			<content:encoded><![CDATA[<p><g:plusone href="http://www.doubleservice.com/2011/07/wp-plugin-open-graph-b/"  size="medium"   ></g:plusone><br />
<h3>Me Likey &#8211; A <a href="http://www.doubleservice.com/tag/facebook/" class="st_tag internal_tag" rel="tag" title="有標籤 Facebook 的文章">Facebook</a> <a href="http://www.doubleservice.com/tag/open-graph/" class="st_tag internal_tag" rel="tag" title="有標籤 Open Graph 的文章">Open Graph</a> Plugin</h3>
<p>外掛網址：<a target="_blank" href="http://wordpress.org/extend/plugins/me-likey-a-facebook-open-graph-plugin/">http://wordpress.org/extend/plugins/me-likey-a-facebook-open-graph-plugin/</a></p>
<p>步驟1：安裝外掛、啟用</p>
<p>步驟2：前往『設定&gt;Me Likey Options』填寫相關open graph data，請參與下方對照說明。</p>
<ol class="number-pad">
<li><span style="color: rgb(255, 102, 0);">Admins：</span>填寫Facebook Admins的編號</li>
<li><span style="color: rgb(255, 102, 0);">Site Name：</span> 網站名稱</li>
<li><span style="color: rgb(255, 102, 0);">Default Image URL：</span>預設圖片網址，建議尺寸50&#215;50</li>
<li><span style="color: rgb(255, 102, 0);">Type Of Site：</span> 網站的型式，有website以及blog可供選擇</li>
<li><span style="color: rgb(255, 102, 0);">Layout Style：</span>以下的設定是關於facebook like 按鈕的相關設定</li>
<li><span style="color: rgb(255, 102, 0);">Display Position：</span>若網站先前已有安裝facebook like相關外掛，可在Display Position選擇manual(手動)，此外掛的facebook like 按鈕就不會出現啦！</li>
</ol>
<p><span id="more-2271"></span></p>
<p><span style="background-color: rgb(255, 255, 153);">測試時請注意Facebook 本身會快取，所以同一個網址分站出去的內容，會以第一次被分享的為準。 所以可能會發生已經完成外掛設定，但是分享到Facebook還是沒呈現設定的內容。</span></p>
<h3>&nbsp;</h3>
<h3><a href="http://www.doubleservice.com/tag/facebook/" class="st_tag internal_tag" rel="tag" title="有標籤 Facebook 的文章">Facebook</a> Opengraph Meta Plugin (可以設定單篇文章的 Opengraph Meta)</h3>
<p>外掛網址：<a target="_blank" href="http://wordpress.org/extend/plugins/facebook-opengraph-meta-plugin/">http://wordpress.org/extend/plugins/facebook-opengraph-meta-plugin/</a></p>
<p>步驟1：安裝外掛、啟用</p>
<p><span style="background-color: rgb(255, 255, 153);">提醒：啟用時有可能會顯示下列警示訊息，意思建議您測試關閉 <a href="http://www.doubleservice.com/tag/facebook/" class="st_tag internal_tag" rel="tag" title="有標籤 Facebook 的文章">facebook</a> like button相關外掛，但以本站來說，即使有使用Faecbook相關外掛，測試即使不關閉也沒有產生什麼問題。點選『click here to hide this notice』可隱藏此訊息。<br />
</span></p>
<p><img width="590" src="http://www.doubleservice.com/wp-content/uploads/2011/07/open-graph-3.jpg" alt="輕鬆設定Facebook Open Graph" /></p>
<p>步驟2：前往『<a href="http://www.doubleservice.com/tag/%e5%a4%96%e6%8e%9b/" class="st_tag internal_tag" rel="tag" title="有標籤 外掛 的文章">外掛</a>&gt;Opengraph Meta』填寫相關open graph data，請參與下方對照說明。</p>
<ol class="number-pad">
<li><span style="color: rgb(255, 102, 0);">Application ID：</span>填寫Facebook App ID的編號</li>
<li><span style="color: rgb(255, 102, 0);">FB Like Button Settings：</span> 是否在網站裡顯示 facebook like button以及相關設定</li>
<li><span style="color: rgb(255, 102, 0);">Upload <a href="http://www.doubleservice.com/tag/open-graph/" class="st_tag internal_tag" rel="tag" title="有標籤 Open Graph 的文章">Open Graph</a> Data from CSV File：</span>可以下載或上傳各文章的Open Graph資料</li>
<li><span style="color: rgb(255, 102, 0);">All <a href="http://www.doubleservice.com/tag/open-graph/" class="st_tag internal_tag" rel="tag" title="有標籤 Open Graph 的文章">Open Graph</a> Meta Data：</span>會顯示目前有設定Open Graph的文章，也可從此處新增Open Graph資料，在Open graph Meta的欄位，點選『Mange』進行編輯</li>
</ol>
<p>步驟3：由於此外掛是可以依據單篇文章，設定不同的Open graph Meta，所以需前往文章編輯頁面。</p>
<ol class="number-pad">
<li>在Open graph Meta的欄位，點選『Mange』進行編輯</li>
<li>點選 Add New，可增加欄位，編號1</li>
<li>選擇下拉選單與填寫內容，編號2</li>
<li>確認後點選『Save』儲存，然後就會看到{&quot;code&quot;:&quot;success&quot;&#8230;.的訊息，代表成功儲存，按叉關閉	lightbox，編號3。</li>
</ol>
<p><img src="http://www.doubleservice.com/wp-content/uploads/2011/07/open-graph-4.jpg" alt="輕鬆設定Facebook Open Graph" /></p>
<p><img src="http://www.doubleservice.com/wp-content/uploads/2011/07/open-graph-5.jpg" alt="輕鬆設定Facebook Open Graph" /></p>
<p><span style="background-color: rgb(255, 255, 153);">測試時請注意Facebook 本身會快取，所以同一個網址分站出去的內容，會以第一次被分享的為準。 所以可能會發生已經完成外掛設定，但是分享到Facebook還是沒呈現設定的內容。</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.doubleservice.com/2011/07/wp-plugin-open-graph-b/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>wordpress外掛介紹─輕鬆設定Facebook Open Graph(上)</title>
		<link>http://www.doubleservice.com/2011/07/wp-plugin-open-graph-a/</link>
		<comments>http://www.doubleservice.com/2011/07/wp-plugin-open-graph-a/#comments</comments>
		<pubDate>Fri, 01 Jul 2011 09:03:55 +0000</pubDate>
		<dc:creator>chiayun</dc:creator>
				<category><![CDATA[Wordpress 應用、外掛]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Open Graph]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[外掛]]></category>
		<category><![CDATA[讚]]></category>

		<guid isPermaLink="false">http://www.doubleservice.com/?p=2226</guid>
		<description><![CDATA[當你的塗鴉牆上的文章與圖片可能出現對不上的混亂狀態時，這個問題的產生與Facebook選擇顯示圖片的優先順序有關，通常會以Open Graph meta的為主，再來是隨機選取在此文章中有出現的圖片，但不包含CSS圖片，或是上述提到以php解析出的圖片。]]></description>
			<content:encoded><![CDATA[<p><g:plusone href="http://www.doubleservice.com/2011/07/wp-plugin-open-graph-a/"  size="medium"   ></g:plusone>
<p>大家在加完Facebook Like 按鈕後，是否有類似的問題：<br />
<span style="color: rgb(255, 0, 0);">按讚後，決定在塗鴉牆上出現文章圖片的邏輯是什麼？</span></p>
<p>尤其是當你使用用一些較為豐富、多樣化的模板時，前台頁面顯示的圖片會依據文章列表頁、文章內容頁而以php解析出不同的尺寸類似以下的圖片路徑：<br />
http://demo.duotive.org/duotive-three/wp-content/themes/duotive-three/includes/timthumb.php?src=http://demo.duotive.com/duotive-three/wp-content/uploads/2011/04/800x600_485.jpg&amp;h=230&amp;w=465&amp;zc=1&amp;q=100</p>
<p><span id="more-2226"></span></p>
<p>你的塗鴉牆上的文章與圖片可能出現對不上的混亂狀態，例如：A文章出現C文章的圖，或是網站使用的icon變成顯示圖。</p>
<p><img alt="輕鬆設定Facebook Open Graph" src="http://www.doubleservice.com/wp-content/uploads/2011/07/open-graph-2.jpg" /></p>
<p>而這個問題的產生與Facebook選擇顯示圖片的優先順序有關，通常會以<span style="color: rgb(255, 0, 0);"><a href="http://www.doubleservice.com/tag/open-graph/" class="st_tag internal_tag" rel="tag" title="有標籤 Open Graph 的文章">Open Graph</a> meta</span>的為主，再來是<span style="color: rgb(255, 0, 0);">隨機選取在此文章中有出現的圖片，但不包含CSS圖片，或是上述提到以php解析出的圖片。</span></p>
<p>所謂的Open Graph meta，在頁面的原始檔你可以看到類似的內容：</p>
<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p2226code1'); return false;">View Code</a> HTML4STRICT</span>
<div class="codebox_clear"></div>
</div>
<div class="wp_codebox">
<table>
<tr id="p22261">
<td class="code" id="p2226code1">
<pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/meta.html"><span style="color: #000000; font-weight: bold;">meta</span></a> property<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;og:title&quot;</span> <span style="color: #000066;">content</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;wordpress外掛介紹─Restrict Categories&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span>
&nbsp;
<span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/meta.html"><span style="color: #000000; font-weight: bold;">meta</span></a> property<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;og:description&quot;</span> <span style="color: #000066;">content</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;當你的wordpress的型態屬於多個作者的共筆網站，且身為管理者的你希望每個作者都乖乖的發佈某一分類的文章，這個『Restrict Categories』可以有效的幫助你進行作者與分類的對應管理。&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span>
&nbsp;
<span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/meta.html"><span style="color: #000000; font-weight: bold;">meta</span></a> property<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;og:type&quot;</span> <span style="color: #000066;">content</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;website&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span>
&nbsp;
<span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/meta.html"><span style="color: #000000; font-weight: bold;">meta</span></a> property<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;og:url&quot;</span> <span style="color: #000066;">content</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://www.doubleservice.com/2011/06/wp-plugin-restrict-categories/&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span>
&nbsp;
<span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/meta.html"><span style="color: #000000; font-weight: bold;">meta</span></a> property<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;og:site_name&quot;</span> <span style="color: #000066;">content</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;DoubleService&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span>
&nbsp;
<span style="color: #009900;">&lt;<a href="http://december.com/html/4/element/meta.html"><span style="color: #000000; font-weight: bold;">meta</span></a> property<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;og:image&quot;</span> <span style="color: #000066;">content</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://www.doubleservice.com/wp-content/uploads/2011/07/ds-like.jpg&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span></pre>
</td>
</tr>
</table>
</div>
<p>在有設定Open Graph meta的情況下，依上述內容在Facebook顯示的樣式&amp;內容</p>
<p><img alt="輕鬆設定Facebook Open Graph" src="http://www.doubleservice.com/wp-content/uploads/2011/07/open-graph-1.jpg" /></p>
<p>所以為了讓Wordpress的文章可以更準確的顯示在塗鴉牆上，以下將介紹兩個外掛，來達成我們的需求。</p>
<h5>‧Me Likey &#8211; A <a href="http://www.doubleservice.com/tag/facebook/" class="st_tag internal_tag" rel="tag" title="有標籤 Facebook 的文章">Facebook</a> <a href="http://www.doubleservice.com/tag/open-graph/" class="st_tag internal_tag" rel="tag" title="有標籤 Open Graph 的文章">Open Graph</a> Plugin</h5>
<h5>‧<a href="http://www.doubleservice.com/tag/facebook/" class="st_tag internal_tag" rel="tag" title="有標籤 Facebook 的文章">Facebook</a> Opengraph Meta Plugin</h5>
<p>詳細外掛介紹請見:<a target="_blank" href="http://www.doubleservice.com/2011/07/wp-plugin-open-graph-b/">wordpress外掛介紹─輕鬆設定Facebook Open Graph(下)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.doubleservice.com/2011/07/wp-plugin-open-graph-a/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>花蓮碧雲溫州大餛飩冷凍餛飩訂購</title>
		<link>http://www.doubleservice.com/2011/07/case-wonton-online-store/</link>
		<comments>http://www.doubleservice.com/2011/07/case-wonton-online-store/#comments</comments>
		<pubDate>Fri, 01 Jul 2011 08:17:43 +0000</pubDate>
		<dc:creator>mandywu</dc:creator>
				<category><![CDATA[成功案例]]></category>
		<category><![CDATA[EC]]></category>
		<category><![CDATA[搜市集]]></category>
		<category><![CDATA[線上訂購]]></category>

		<guid isPermaLink="false">http://www.doubleservice.com/?p=2351</guid>
		<description><![CDATA[花蓮碧雲溫州大餛飩的三吃法『湯、紅油、酥炸』，顛覆你對餛飩的印象，口感豐富又美味。現更提供全省【低溫宅配】生鮮餛飩，讓超大顆飽滿多汁的碧雲溫州大餛飩在家也能享用！]]></description>
			<content:encoded><![CDATA[<p><g:plusone href="http://www.doubleservice.com/2011/07/case-wonton-online-store/"  size="medium"   ></g:plusone><br />
<h3 style="color: red;">花蓮 &quot;餛飩三吃&quot; 美味一次滿足！</h3>
<p><a href="http://somarket.doubleservice.com/wonton"><img width="580" height="275" title="wonton_somarket" class="alignnone size-full wp-image-2346" alt="花蓮碧雲溫州大餛飩" src="http://www.doubleservice.com/wp-content/uploads/2011/08/wonton_somarket.jpg" /></a></p>
<h4><strong>特色店主&#8211;花蓮碧雲溫州大餛飩</strong></h4>
<p>在大家只知道&quot;扁食&quot;的花蓮，花蓮碧雲溫州大餛飩的三吃法『湯、紅油、酥炸』，顛覆你對餛飩的印象，口感豐富又美味。</p>
<p><span id="more-2351"></span></p>
<p>陳老闆堅持純手工現包，每顆飽滿的溫州大餛飩都比一般餛飩大上兩倍！採用花蓮現宰溫體豬肉、新鮮活蝦、香菇直接與菇農收購，將小店經營地專業、用心！現更提供全省【低溫宅配】生鮮餛飩，並附上貼心的配菜料理，讓超大顆飽滿多汁的碧雲溫州大餛飩在家也能享用！</p>
<p><strong>歡迎參訪<a title="花蓮碧雲溫州大餛飩官方部落格" target="_blank" href="http://tw.myblog.yahoo.com/jw!jaHT6aSQEwdI78055JU-/">花蓮碧雲溫州大餛飩官方部落格</a></strong></p>
<h4><strong>花蓮碧雲溫州大餛飩冷凍餛飩訂購方式</strong></h4>
<ul>
<li>花蓮碧雲溫州大餛飩採用【低溫宅配】配送出貨！</li>
<li>網路訂購： <a target="_blank" href="http://somarket.doubleservice.com/wonton">http://somarket.doubleservice.com/wonton/</a> <br />
    可線上刷卡、ATM轉帳、7-11ibon代碼繳費</li>
<li>傳真訂購：<span class="gytext11">03-8460213</span></li>
<li>客服專線：<span class="gytext11"><a href="tel:03-8580733">03-8580733</a></span></li>
<li>訂購服務時間：週一至週五 上午9-11點、下午2-6點。<br />
    （午餐時段因店務繁忙，招呼不周請見諒）！</li>
</ul>
<h4>關於搜市集</h4>
<p>搜市集將結合各店家特色，共同逐步創造出一個具有樂趣的尋物與購物體驗場所</p>
<p>若您願意成為搜市集的供貨商家歡迎來電洽詢<a href="tel:02-25534630">02-25534630</a><br />
或寫信至客服信箱<a href="mailto:somarket@doubleservice.com">somarket@doubleservice.com</a>，我們將派專人與您聯繫</p>
]]></content:encoded>
			<wfw:commentRss>http://www.doubleservice.com/2011/07/case-wonton-online-store/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>wordpress外掛介紹─讓你的WordPress也來『Google +1』一下！</title>
		<link>http://www.doubleservice.com/2011/06/wp-plugin-google-1/</link>
		<comments>http://www.doubleservice.com/2011/06/wp-plugin-google-1/#comments</comments>
		<pubDate>Thu, 30 Jun 2011 06:54:42 +0000</pubDate>
		<dc:creator>chiayun</dc:creator>
				<category><![CDATA[Wordpress 應用、外掛]]></category>
		<category><![CDATA[google+1]]></category>

		<guid isPermaLink="false">http://www.doubleservice.com/?p=2197</guid>
		<description><![CDATA[相信大家再最近都有注意到Google的搜尋頁面上多了可愛的+1按鈕。目前官方也提供中文操作介面的『Google+1您的網站』讓大家可以用簡易的方式加入google+1按鈕。]]></description>
			<content:encoded><![CDATA[<p><g:plusone href="http://www.doubleservice.com/2011/06/wp-plugin-google-1/"  size="medium"   ></g:plusone>
<p>相信大家再最近都有注意到Google的搜尋頁面上多了可愛的+1按鈕。目前官方也提供中文操作介面的『<a href="http://www.google.com/intl/zh-TW/webmasters/+1/button/ " target="_blank">Google+1您的網站</a>』讓大家可以用簡易的方式加入google+1按鈕。</p>
<p>Google+1您的網站 網址：<a href="http://www.google.com/intl/zh-TW/webmasters/+1/button/ " target="_blank">http://www.google.com/intl/zh-TW/webmasters/+1/button/  </a></p>
<p>&nbsp;<img alt="Google +1您的網站" src="http://www.doubleservice.com/wp-content/uploads/2011/06/google-1.jpg" /></p>
<p><span id="more-2197"></span></p>
<p>而使用wordpress的朋友們也可以使用外掛輕鬆的替網站加上Goole+1</p>
<p>&nbsp;</p>
<h5>Google +1 button automator</h5>
<p>外掛網址：<a href="http://wordpress.org/extend/plugins/google-1-button-automator/" target="_blank">http://wordpress.org/extend/plugins/google-1-button-automator/</a></p>
<p>&nbsp;Google +1 button automator設定說明與示意圖：<br />
A：讓一頁僅出現一個+1按鈕。※這可避免某些模板的文章列表頁或首頁出現多個按鈕。<br />
B：設定按鈕顯示的位置。<br />
C：設定按鈕的尺寸，「Show count」是指要不要顯示此則文章被按1的數量。<br />
D：按鈕的樣式預覽。<br />
E：選擇語系以及是否加入剖析、Callback 函式</p>
<p><img style="width: 657px; height: 471px;" alt="說明圖" src="http://www.doubleservice.com/wp-content/uploads/2011/06/about-google-1.jpg" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.doubleservice.com/2011/06/wp-plugin-google-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>商業周刊網站2011改版</title>
		<link>http://www.doubleservice.com/2011/06/case-businessweekly-2011/</link>
		<comments>http://www.doubleservice.com/2011/06/case-businessweekly-2011/#comments</comments>
		<pubDate>Tue, 28 Jun 2011 06:44:32 +0000</pubDate>
		<dc:creator>mandywu</dc:creator>
				<category><![CDATA[成功案例]]></category>
		<category><![CDATA[商周]]></category>

		<guid isPermaLink="false">http://www.doubleservice.com/?p=2361</guid>
		<description><![CDATA[商周網站2011全新改版，商周數位內容編輯部副總編輯王之杰表示，這次改版代表結束「商周官網」被動刊登紙本內容的階段性名詞和任務，讓商周網站成為真正獨立的媒體！]]></description>
			<content:encoded><![CDATA[<p><g:plusone href="http://www.doubleservice.com/2011/06/case-businessweekly-2011/"  size="medium"   ></g:plusone><br />
<h4><strong>專案簡述</strong></h4>
<p>商周網站2011全新改版，商周數位內容編輯部副總編輯王之杰表示，這次改版代表結束「商周官網」被動刊登紙本內容的階段性名詞和任務，讓商周網站成為真正獨立的媒體！</p>
<p>夏日商周微旅行 &#8211; 輕輕地，漫步雲端！</p>
<ol>
<li>陣容堅強的駐站作家</li>
<li>每日更新全球大事，隨時掌握商業動脈</li>
<li>豐富的跨界資訊，涵蓋財經、時事、國際、兩岸、健康、生活等頻道</li>
<li>延伸紙本內容，深入解讀專題</li>
<li>即時交流，互動分享</li>
</ol>
<p><span id="more-2361"></span></p>
<p><a target="_blank" href="http://www.businessweekly.com.tw/">前往《商周周刊》：http://www.businessweekly.com.tw/</a></p>
<h4><strong>網站參考畫面</strong></h4>
<blockquote>
<p><a href="http://www.doubleservice.com/wp-content/uploads/2011/08/screen_businessweekly2011.jpg"><img alt="商業周刊2011網站改版" title="screen_businessweekly2011" width="556" height="1322" class="alignnone size-full wp-image-2363" src="http://www.doubleservice.com/wp-content/uploads/2011/08/screen_businessweekly2011.jpg" /></a><br />
<span style="color: #ff9900">以上案例資料僅為樂倍達案例介紹展示使用，請勿任意使用或轉載。其案例網站之圖片、文字等一切內容以該案例正式線上網站版本為準。</span></p>
</blockquote>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.doubleservice.com/2011/06/case-businessweekly-2011/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TICKETNet 網點售票系統</title>
		<link>http://www.doubleservice.com/2011/06/ticketnet-online-ticket-sales-system/</link>
		<comments>http://www.doubleservice.com/2011/06/ticketnet-online-ticket-sales-system/#comments</comments>
		<pubDate>Wed, 08 Jun 2011 09:59:29 +0000</pubDate>
		<dc:creator>mandywu</dc:creator>
				<category><![CDATA[產品與服務]]></category>
		<category><![CDATA[7-11]]></category>
		<category><![CDATA[ibon]]></category>
		<category><![CDATA[ibon票券]]></category>
		<category><![CDATA[ibon購票]]></category>
		<category><![CDATA[售票]]></category>
		<category><![CDATA[超商取票]]></category>

		<guid isPermaLink="false">http://www.doubleservice.com/?p=2165</guid>
		<description><![CDATA[TICKETNet 網點售票網，提供全省4000多家 7-11超商門市 ibon購票服務！消費者只需透過ibon簡易的觸碰式螢幕操作即可輕鬆列印出繳費單及持票須知，馬上就在門市櫃台完成繳費，並領取正式票券！]]></description>
			<content:encoded><![CDATA[<p><g:plusone href="http://www.doubleservice.com/2011/06/ticketnet-online-ticket-sales-system/"  size="medium"   ></g:plusone><br />
<h4><strong>關於TICKETNet 網點售票網</strong></h4>
<p><span style="color: #ff0000">電影特映、偶像見面會活動、休閒娛樂、餐廳住宿、演講活動等的網路購票服務，只要到便利超商門市就可以輕鬆地取得票券！</span></p>
<p>TICKETNet 網點售票網，提供全省4000多家 7-11超商門市 ibon購票服務！消費者只需透過ibon簡易的觸碰式螢幕操作即可輕鬆列印出繳費單及持票須知，馬上就在門市櫃台完成繳費，並領取正式票券！</p>
<p><span id="more-2165"></span></p>
<h4><strong>TICKETNet 網點售票系統主要功能</strong></h4>
<ul>
<li>網路訂票購物車機制</li>
<li>票券商品上架、可售票量管理、訂單通知、訂單查詢</li>
<li>即時簡訊發送，通知取票帳號、取票密碼</li>
<li>信用卡線上刷卡機制</li>
<li>銀行ATM虛擬帳號轉帳機制</li>
<li>7-11ibon門市取票付款機制</li>
</ul>
<h4><strong>TICKETNet 網點售票系統適用票券類型</strong></h4>
<ul>
<li>劇場試演活動、偶像見面會、新發表記者會及整日活動型態體驗會</li>
<li>餐廳、住宿、產品口碑行銷體驗劵及餐廳限量折價劵(Coupon)</li>
<li>電影特映劵、試映劵及首映劵</li>
<li>課程活動、演講講座、研討會</li>
</ul>
<h4><strong>TICKETNet 網點售票：2011 強打活動</strong></h4>
<p><a href="http://www.ticketnet.tw/mts/"><img border="1" alt="2011年有錢人想的和你不一樣密集訓練研討會（MMI）" align="left" src="http://www.doubleservice.com/wp-content/uploads/2011/06/ticketnet_2011mts.jpg" />2011年有錢人想的和你不一樣密集訓練課程（MMI）</a></p>
<p>兩岸四地華人圈的第一次<br />
T.哈福艾克首度親自來台！<br />
一個改變一輩子財務狀況的周末！<br />
只要三天，幫你換一個有錢人的腦袋！</p>
<p><a target="_blank" href="http://www.mts.com.tw">台灣場官方網站－群岳國際</a><br />
2011年9月16-18日、台灣、台北展演二館</p>
<h4>&nbsp;</h4>
<h4>&nbsp;</h4>
<h4>如何使用TICKETNet 網點售票系統</h4>
<p><strong>申請資格：凡 媒體公關/傳播/餐廳/飯店/藝術經紀 相關業者，或自有產品服務之公司行號</strong><br />
若您有網路售票的規劃或提案，歡迎來電洽詢<a href="tel:02-25534630">02-25534630</a> <br />
或寫信至客服信箱<a href="mailto:service@ticketnet.tw">service@ticketnet.tw</a>，我們將派專人與您聯繫</p>
]]></content:encoded>
			<wfw:commentRss>http://www.doubleservice.com/2011/06/ticketnet-online-ticket-sales-system/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>wordpress外掛介紹─Restrict Categories</title>
		<link>http://www.doubleservice.com/2011/06/wp-plugin-restrict-categories/</link>
		<comments>http://www.doubleservice.com/2011/06/wp-plugin-restrict-categories/#comments</comments>
		<pubDate>Thu, 02 Jun 2011 07:12:17 +0000</pubDate>
		<dc:creator>chiayun</dc:creator>
				<category><![CDATA[Wordpress 應用、外掛]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[外掛]]></category>
		<category><![CDATA[文章分類]]></category>

		<guid isPermaLink="false">http://www.doubleservice.com/?p=2158</guid>
		<description><![CDATA[當你的wordpress的型態屬於多個作者的共筆網站，且身為管理者的你希望每個作者都乖乖的發佈某一分類的文章，這個『Restrict Categories』可以有效的幫助你進行作者與分類的對應管理。]]></description>
			<content:encoded><![CDATA[<p><g:plusone href="http://www.doubleservice.com/2011/06/wp-plugin-restrict-categories/"  size="medium"   ></g:plusone>
<p>外掛名稱：Restrict Categories<br />
wordpress外掛載點：<a target="_blank" href="http://wordpress.org/extend/plugins/restrict-categories/">http://wordpress.org/extend/plugins/restrict-categories/</a></p>
<p>當你的wordpress的型態屬於多個作者的共筆網站，且身為管理者的你希望每個作者都乖乖的發佈某一分類的文章，這個『Restrict Categories』可以有效的幫助你進行作者與分類的對應管理。</p>
<p>使用說明：</p>
<p>步驟一：上傳並啟用外掛後，在選單『設定&gt;Restrict Categories』可以進行依『角色』或『帳號』的文章分類管理。</p>
<p><span id="more-2158"></span></p>
<p>步驟二：我想要讓『member』這個帳號僅發佈『wordpress應用、<a href="http://www.doubleservice.com/tag/%e5%a4%96%e6%8e%9b/" class="st_tag internal_tag" rel="tag" title="有標籤 外掛 的文章">外掛</a>』的分類，就勾選此分類項目再『儲存變更』。<br />
<img alt="" src="http://www.doubleservice.com/wp-content/uploads/2011/06/restrict-categories-1.jpg" /></p>
<p>步驟三：member在新增文章時，就只能看到『wordpress應用、<a href="http://www.doubleservice.com/tag/%e5%a4%96%e6%8e%9b/" class="st_tag internal_tag" rel="tag" title="有標籤 外掛 的文章">外掛</a>』的分類了。<br />
<img alt="" src="http://www.doubleservice.com/wp-content/uploads/2011/06/restrict-categories-2.jpg" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.doubleservice.com/2011/06/wp-plugin-restrict-categories/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[網站規劃] 別再讓你的使用者迷路了：麵包屑(導覽路徑)</title>
		<link>http://www.doubleservice.com/2011/05/breadcrumbs/</link>
		<comments>http://www.doubleservice.com/2011/05/breadcrumbs/#comments</comments>
		<pubDate>Wed, 18 May 2011 05:48:05 +0000</pubDate>
		<dc:creator>chiayun</dc:creator>
				<category><![CDATA[網站經營與製作]]></category>
		<category><![CDATA[breadcrumbs]]></category>
		<category><![CDATA[導覽路徑]]></category>
		<category><![CDATA[網站規劃]]></category>
		<category><![CDATA[麵包屑]]></category>

		<guid isPermaLink="false">http://www.doubleservice.com/?p=2114</guid>
		<description><![CDATA[不知你對麵包屑這個字眼是否熟知，又有多少的了解？最基本的印象不外乎於一長串的文字&#62;文字&#62;文字組合，就如同下圖那樣，但這個看似平凡的一串文字連結，究竟隱藏著什麼樣的功用呢？本篇文章將進一步的說明： 隨著許多的網站的架構越來越複雜，擁有很多的頁面與分類，而『麵包屑』(或稱為導覽路徑)則扮演了重要的導航角色，它的存在大大提高使用者能夠更正確的在網站各個層級裡遊走而不迷失方向，甚至更快速的前往各個頁面。 如同上圖所示，當你在購物網站尋找商品，並發現這結果不是你所預期的，麵包屑就能快速的帶領你回到正確的層級，而不是只能靠著瀏覽器的上一頁重複click到手痠。此外，良好規劃麵包屑上、下層的連接也能有利於搜尋引擎的檢索。 開始重視麵包屑吧！瞧瞧麵包屑的優點： 方便用戶：麵包屑的層級連結可以有效的輔助使用者，讓他們永遠找得到回頭的路徑，並且更加瞭解網站的分類架構。 &#160; 輕易返回上層頁面、減少點擊次數：尤其對於大型的多層級網站來說，正確的使用麵包屑可以讓使用者容易的前往各個層級，也減少了使用者點擊次數。 &#160; 降低跳出率：對於首次訪問的使用者來說，麵包屑路徑也是一種帶領使用者更進一步瀏覽各網頁的方式。 例如：使用者藉由搜尋『巧克力餅乾』，而進入你網站的某一產品的介紹頁，麵包屑的存在讓使用者可以快速的往更上層的去瀏覽，假設你的麵包屑是『首頁&#62;產品介紹&#62;甜點零食&#62;餅乾&#62;巧克力口味&#62;小熊巧克力餅』，使用者可以往上一層去看所有巧克力口味的餅乾，或是直接去看你所有的甜點零食商品，這樣的方式也進一步降低了網站的跳出率。 不會占用太多的頁面空間：麵包屑是基本的橫向文字連結組合，這樣的形式不會佔用掉你的網頁空間，也不會對你的網頁內容有任何的影響，所以只要適當使用，基本上它不會帶給你任何的負擔與負面的影響。 如何讓人注意麵包屑？麵包屑使用要點： 從設計上的角度來看麵包屑，主要的重點包括： 麵包屑功用在於導覽，是個補助性的角色，所以不要喧賓奪主，應保持適當的大小，與主選單、副選單有所區分。 避免同站的主選單、副選單與麵包屑在擺放位置上太過接近而互相干擾。 儘量使用共通的符號、表達形式，讓使用者即使是第一次拜訪你的網站，仍然可以依照以往的經驗使用『麵包屑』，例如：文字連結 &#62; 文字連結 ，是最普遍的形式。 更詳盡的內容可參閱：Breadcrumbs In Web Design: Examples And Best Practices 除上述的內容外，在『User Mental Models of Breadcrumbs』文章中提到，在一個網頁上讓使用者進行相關頁面的尋找方式有很多，他們可以使用搜尋尋找有相同關鍵字的頁面，或是使用『返回』的連結，回到自己先前瀏覽的頁面。 但，影響使用者決定以『麵包屑』的方式找尋的關鍵因素是：『麵包屑使用的連結文字與使用者尋找的內容有相關』，這個具有相關性的文字連結，會讓使用者願意嘗試、賭賭運氣，看看使用麵包屑是否可以用最快的速度，帶領他們找到他們所想要的。 由此來看，對於使用者而言，也許他們根本不瞭解什麼是麵包屑，最主要的是它對使用者『說了什麼』。 更詳盡的內容可參閱： User Mental Models of Breadcrumbs]]></description>
			<content:encoded><![CDATA[<p><g:plusone href="http://www.doubleservice.com/2011/05/breadcrumbs/"  size="medium"   ></g:plusone>
<p>不知你對麵包屑這個字眼是否熟知，又有多少的了解？最基本的印象不外乎於一長串的文字&gt;文字&gt;文字組合，就如同下圖那樣，但這個看似平凡的一串文字連結，究竟隱藏著什麼樣的功用呢？本篇文章將進一步的說明：</p>
<p><img src="http://www.doubleservice.com/wp-content/uploads/2011/05/breadcrumbs.jpg" alt="麵包屑 breadcrumbs" /></p>
<p>隨著許多的網站的架構越來越複雜，擁有很多的頁面與分類，而『<a href="http://www.doubleservice.com/tag/%e9%ba%b5%e5%8c%85%e5%b1%91/" class="st_tag internal_tag" rel="tag" title="有標籤 麵包屑 的文章">麵包屑</a>』(或稱為導覽路徑)則扮演了重要的導航角色，它的存在大大提高使用者能夠更正確的在網站各個層級裡遊走而不迷失方向，甚至更快速的前往各個頁面。</p>
<p><span id="more-2114"></span></p>
<p>如同上圖所示，當你在購物網站尋找商品，並發現這結果不是你所預期的，麵包屑就能快速的帶領你回到正確的層級，而不是只能靠著瀏覽器的上一頁重複click到手痠。此外，良好規劃麵包屑上、下層的連接也能有利於搜尋引擎的檢索。</p>
<h3>開始重視麵包屑吧！瞧瞧麵包屑的優點：</h3>
<ul>
<li><span style="color: rgb(255, 102, 0);">方便用戶：</span>麵包屑的層級連結可以有效的輔助使用者，讓他們永遠找得到回頭的路徑，並且更加瞭解網站的分類架構。  <br />
    &nbsp;</li>
<li><span style="color: rgb(255, 102, 0);">輕易返回上層頁面、減少點擊次數：</span>尤其對於大型的多層級網站來說，正確的使用麵包屑可以讓使用者容易的前往各個層級，也減少了使用者點擊次數。<br />
    &nbsp;</li>
<li><span style="color: rgb(255, 102, 0);">降低跳出率：</span>對於首次訪問的使用者來說，麵包屑路徑也是一種帶領使用者更進一步瀏覽各網頁的方式。
<p>
    例如：使用者藉由搜尋『巧克力餅乾』，而進入你網站的某一產品的介紹頁，麵包屑的存在讓使用者可以快速的往更上層的去瀏覽，假設你的麵包屑是『首頁&gt;產品介紹&gt;甜點零食&gt;餅乾&gt;巧克力口味&gt;小熊巧克力餅』，使用者可以往上一層去看所有巧克力口味的餅乾，或是直接去看你所有的甜點零食商品，這樣的方式也進一步降低了網站的跳出率。  </li>
<li><span style="color: rgb(255, 102, 0);">不會占用太多的頁面空間：</span>麵包屑是基本的橫向文字連結組合，這樣的形式不會佔用掉你的網頁空間，也不會對你的網頁內容有任何的影響，所以只要適當使用，基本上它不會帶給你任何的負擔與負面的影響。</li>
</ul>
<h3>如何讓人注意麵包屑？麵包屑使用要點：</h3>
<p>從設計上的角度來看麵包屑，主要的重點包括：</p>
<ol>
<li>麵包屑功用在於導覽，是個補助性的角色，所以不要喧賓奪主，應保持適當的大小，與主選單、副選單有所區分。</li>
<li>避免同站的主選單、副選單與麵包屑在擺放位置上太過接近而互相干擾。</li>
<li>儘量使用共通的符號、表達形式，讓使用者即使是第一次拜訪你的網站，仍然可以依照以往的經驗使用『<a href="http://www.doubleservice.com/tag/%e9%ba%b5%e5%8c%85%e5%b1%91/" class="st_tag internal_tag" rel="tag" title="有標籤 麵包屑 的文章">麵包屑</a>』，例如：文字連結 &gt; 文字連結 ，是最普遍的形式。</li>
</ol>
<p>更詳盡的內容可參閱：<a href="http://www.smashingmagazine.com/2009/03/17/breadcrumbs-in-web-design-examples-and-best-practices-2/ " target="_blank">Breadcrumbs In Web Design: Examples And Best Practices </a></p>
<p>除上述的內容外，在『User Mental Models of <a href="http://www.doubleservice.com/tag/breadcrumbs/" class="st_tag internal_tag" rel="tag" title="有標籤 breadcrumbs 的文章">Breadcrumbs</a>』文章中提到，在一個網頁上讓使用者進行相關頁面的尋找方式有很多，他們可以使用搜尋尋找有相同關鍵字的頁面，或是使用『返回』的連結，回到自己先前瀏覽的頁面。</p>
<p>但，影響使用者決定以『<a href="http://www.doubleservice.com/tag/%e9%ba%b5%e5%8c%85%e5%b1%91/" class="st_tag internal_tag" rel="tag" title="有標籤 麵包屑 的文章">麵包屑</a>』的方式找尋的關鍵因素是：『<span style="color: rgb(255, 0, 0);">麵包屑使用的連結文字與使用者尋找的內容有相關</span>』，這個具有相關性的文字連結，會讓使用者願意嘗試、賭賭運氣，看看使用麵包屑是否可以用最快的速度，帶領他們找到他們所想要的。</p>
<p>由此來看，對於使用者而言，也許他們根本不瞭解什麼是麵包屑，最主要的是它對使用者『說了什麼』。</p>
<p>更詳盡的內容可參閱：<a href="http://www.angelacolter.com/breadcrumbs/" target="_blank"> User Mental Models of Breadcrumbs</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.doubleservice.com/2011/05/breadcrumbs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

