"February, 2015" 有21篇文章

首頁  /  2015  /  February

從前端設計的角度來實踐SEO!

搜尋引擎有兩個主要功能: 爬行網站並建立索引。 提供搜尋使用者最相關的網站排名列表。 搜尋引擎優化(SEO,Search Engine Optimization)就是讓網站在搜尋引擎產生的列表中有較好的排名,進而獲得流量。就前端工作者而言,搜尋引擎優化(SEO)的首要工作要從網頁的結構化開始做起,並且同時考量使用者體驗。 結構化的網頁 為了加速搜尋引擎正確了解網頁的資訊,將網頁資訊有結構的呈現給搜尋引擎是相當重要的事情。而為了實現網頁的結構化,我們可以使用以下幾個方法: 1. 使用HTML5 結構標籤(語意標籤) Structural/Semantic Elements HTML5

使用網址產生器,追蹤Facebook臉書廣告效益的方法!

臉書是台灣最常使用的社群網站,也是商家最愛投放的社群廣告。今天要分享一個廣告的小撇步,教你善用URL Builder網址產生器,追蹤廣告效益喔! 一、活動目標選用「帶動人潮前往你的網站」 如果你的活動目標是選用「帶動人潮前往你的網站」,會需要輸入網址,只要利用網址產生器就能產生可追蹤的網址,從Google Analytic檢視成效。 註:如果你的活動目標是加強推廣貼文,該貼文有包含連結導向至網站,也可利用網址產生器輸入網址,達到追蹤目的。 二、開啟網址產生器 填寫範例如下: 「*」的部分為必填,活動來源和媒介請根據實際情況填寫,活動名稱越清楚越好。

品牌操作的最新趨勢─程序化購買的法則!

數位時代來臨,商業行為不只侷限在實體店面,商家更將大量地時間成本花在經營虛擬通路上。然而,到底要怎麼做,才能有效地吸引客戶上門?歐斯瑞編譯了Google的精闢分析,教商家如何規劃行銷、購買程序等,進而引導消費者持續上門關注你的商品並完成交易! 讓客人對品牌產生愛意 我們生活在一個用數據行銷的世代,在今日,品牌可以從某系列的商品線中「製造」出人對該品牌的興趣,並透過影響群眾參與以及針對特定族群行銷來贏得新客戶。 更令人驚歎的是,品牌現在可透過即時回應目標群眾的聲音,提供高度相關的訊息,和強大的創造力來得到商機。 以上,我們叫做程序化購買(Programmatic Buying)

Photoshop教學:【基礎篇】使用透視彎曲快速調整透視角度─Part2

之前有介紹過透視彎曲工具,可以對物件做透視的修正,也能將拍攝完成的廣角照片做細部調整,之前的範例教學是將物件置入空間,再做透視微調(請參考PHOTOSHOP教學:【基礎篇】使用透視彎曲快速調整透視角度─PART 1),本篇文章將同樣使用透是彎取示範如何修改廣角照片,讓照片角度更「對位」。 1. 放入要修改的照片。 2. 先拷貝一個新圖層。 3. 選擇編輯 > 透視彎曲。 4. 在畫面中拉出一個框。 5. 調整貼齊照片中一個牆面。 6. 一樣再拉出另一個框,兩個框接近時會出現藍色線條。 7. 放開滑鼠後便會自動接合。 8. 再拉出上方的框。 9. 將兩邊貼齊前兩個框。

2015 新春愉快,洋洋得意過好年!

農曆新年即將到來,祝福大家新春愉快,洋洋得意過好年! 【———–年假公告———–】

【MAGENTO架站流程】第三階段:商店設定與參數

設定你的Magento 在第一、二階段,我們已經把Magento完整的架設起來,接下來要開始進入Magento系統設定商店的系統參數。 相關文章參考: 【MAGENTO架站流程】第一階段:主機環境準備 【MAGENTO架站流程】第二階段:系統安裝與備份 【MAGENTO架站流程】第四階段:客製化網站 設定網頁路徑改寫 剛設定完成的Magento系統,在產品與其他頁面的連結範例如下: 若要對此路徑進行優化,首先請至: System→Configuration→General→Web→Search Engines Optimization 接著將Use Web Server

如何在網頁中新增Google+ 徽章?

將您的 Google+專頁連到相關網站,可在 Google 搜尋結果中,為您的網站爭取更多推薦,吸引更多訪客瀏覽您的 Google+ 內容。 首先進到Google+ Platform的頁面: https://developers.google.com/+/web/badge/ 遵照網頁的步驟,依序完成設定,得到程式碼如下: <!– 將這個標記放在標頭中,或放在內文結尾標記前面。 –> <script src=”https://apis.google.com/js/platform.js” async defer>

被客戶遺棄的購物車(Abandoned Cart),如何開發商機?

繼什麼是遺棄的購物車(ABANDONED CART)一文中,歸納出了消費者未結帳的原因,有志於改善遺棄購物車數量的電商經營者,也就有著手的方向了。 shopify.com建議採取的行動應該分為兩大策略: 在購物車未被遺棄之前的策略: 客戶此時還在您的購物網站裡,卻會因為許多意料之外的狀況而放棄購物。因此,思考如何改善網頁設計,以降低客戶不方便的種種因素,就是首要的任務了。 讓顧客看看商品圖片: 畫質優的圖片可以增加顧客的購買意願。 在網頁上放上網路安全標章: 隨著越來越多的購物網站加入各式網路安全標章及規格(如SSL 128位元加密),消費者觀念將趨向不願在沒有安全標章的網站購物。

【MAGENTO架站流程】第二階段:系統安裝與備份

一、準備好你的網站 完成Magento主機環境準備後,接下來就是在主機上設置你的Magento網站。 首先,先到Magento官方網站下載網頁,下載完整安裝包。 你可使用FTP軟體上傳你的安裝包至主機。 例:Filezilla 再把安裝包上傳並解壓縮至網站根目錄,完成上傳後的網頁根目錄的檔案列表如下: 接著輸入網址,就會得到Magento安裝的畫面。 勾選同意之後,點擊Continue繼續。 接著選擇語言、時區及貨幣。 填寫資料庫資訊、設定網站資訊、Session儲存方式。 最後填寫管理者基本資訊、帳號密碼以及系統密鑰。   全部設定完成之後,出現此畫面代表你已經安裝成功了!

最深植人心的內容行銷,你做對了嗎?編寫內容的三大訣竅!

資訊爆炸的時代,要如何抓住大眾眼光,讓消費者願意吸收你的新知,而非炒作噱頭的資訊,過了就沒有價值呢?寫出實實在在、有意義的「內容」會是最好的方式之一,對行銷來說也是一樣。如果你曾看過全聯生活誌的編排內容,會發現它似乎和一般賣場的DM不一樣。除了附上當期促銷的商品、價格,他還多了生活提案,「教」你小撇步。 農曆春節即將到來,全聯應景地促銷年終大掃除的清潔用品,但仔細一看─它有三分之二的篇幅在教你打掃的小撇步。 圖片轉自全聯生活誌的線上EDM

Photoshop教學:【基礎篇】如何修飾張嘴的照片?

為了讓照片看起來更完美,今天要介紹如何修飾不小心張嘴的照片,利用「物件」塑形和合併,就能達到緊閉雙唇的效果喔!當然,也可以將此方法應用在其他層面,是個相當實用的技巧喔,接著請參考以下教學文章。 1. 開啟想要修改的照片。 2. 在此範例中,我們先將下嘴唇大致框選出來,然後複製(Ctrl+C)、貼上(Ctrl+V) 3. 使用橡皮擦工具(硬度調高)擦掉嘴唇多餘的地方。 4. 再使用橡皮擦工具(硬度調低)擦掉下方的邊緣 5. 一樣將上嘴唇大致框選出來。 6. 然後複製、貼上(Ctrl+C,Ctrl+V) 7. 使用橡皮擦工具(硬度調高)擦掉嘴唇多餘的地方。

如何建立Google Adwords再行銷廣告活動?

Google Adwords可以細項篩選廣告需求,例如選擇時段、播送區域、鎖定客層年紀與興趣,提供更多元、個人化的廣告選項。其中,再行銷(Remarketing)廣告能夠鎖定曾造訪過網站的客戶,針對客戶行為和特徵量身訂做特定廣告,吸引他們再度回訪,廣告效益大幅提升。 今天Astral Web要介紹如何在Adwords建立再行銷廣告,吸引舊客戶再度回訪。 一、確認你的Google Analytics已經連結Adwords廣告帳戶 可至Google Analytics→查看。 設定完成將會顯示連結群組。 如果你尚未設定連結,請參考【如何連結Google

如果投放廣告前,沒有鎖定目標對象……

ppc關鍵字廣告行銷是網路行銷最常使用的方式,但如果沒有設對目標客群、盲目地曝光廣告,上門的客人也不見得能完成轉換;就像找錯對象,最後才發現那不是你的菜。 →執行網路廣告也要分清對象,鎖定目標客群再投放廣告效益更佳!(上對方床之前,先看清楚是誰吧!) 如何精準地投放ppc關鍵字廣告,歡迎詢問歐斯瑞行銷團隊!  

如何從Google Analytics建立再行銷目標對象?

再行銷(Remarketing)是Google極力推薦的廣告方式,能細分舊訪客(曾經來過網站的使用者)的年紀、所在區域、語言和興趣等,顯示符合他們的特定廣告,吸引他再次回訪。再行銷使用的「區分」原理,可以為使用者量身訂做廣告,因此更能符合他們興趣與需求,廣告效益更佳! 如果要執行再行銷廣告,就要先建立再行銷名單,鎖定客層年齡、喜好、位置等,定義目標對象。今天Astral Web要介紹如何從Google Analytics設定再行銷名單,之後可應用在Adwords再行銷廣告活動。 進行操作前,請先確認你有以下帳戶: Google Analytics Google Adwords

2015 Facebook擴大來台,你該知道的最新臉書統計數據!

你知道Facebook臉書來台拓展的消息了嗎? 相信臉書未來會提供台灣更多服務內容,在這之前先讓我們來了解2015年臉書最新統計數據,包括各地區的使用者人數,以及人們平均花在臉書上的時間!掌握這些最新數據,就能比別人先了解臉書社群行銷的趨勢! 參考以下資訊圖表(Infographic):

手機網頁設計新取向─台灣五大案例分析!

一、手機版網頁的重要性 1.1 智慧型手機普及率逐年上升 在智慧型手機發展盛行趨勢下,在全球擁有智慧型手機的普及率逐年上升,在國內2011至2013年智慧型手機普及率在各個年齡層上都是呈現上升趨勢,特別是在2013年時,18歲至44歲之使用者上升至六成以上,而25歲至34歲高達七成五,可以顯示智慧型手機已經是普遍性的產品,對於使用者具有相當的重要性。 資料來源: ThinkWithGoogle 1.2 使用智慧型手機上網頻率

圖騰的力量─極度乾燥設計師Richy Baldwin的設計之路

  您是否曾對極度乾燥(Superdry)如何設計圖案T恤跟連帽外套感到好奇呢?平面設計師李奇鮑德恩(Richy Baldwin)從公司草創之初就效力於極度乾燥了,我們來聽聽他怎麼說這些背後的設計故事。 「每個人都好奇地問過我是怎麼得到靈感的,其實我的腦袋裡一直塞滿各式各樣混合的設計元素,尤其是50年代的美式風格。這二十年來,我一直去美國旅行,並且進行質量並重的收集。我總是拍許多照片、收集舊標誌跟舊包裝。美式車庫文化尤其激發我的靈感,像是有關車子、摩托車、加油站入口、加油機等種種標誌;這些各式各樣的Logo就是讓我設計出復古T圖案的最佳靈感來源。

如何連結Google Analytics和Adwords廣告帳戶?

Google提供多種網路工具幫助我們檢測網站,其中最常用的有Google Analytics(GA分析),它除了有紀錄網站流量、檢測到達網頁等功能外,還能結合Adwords(關鍵字廣告),透過資訊的互通達到許多目的。如果你不知道如何連結Analytics和Adwords廣告帳戶,請跟著下列步驟一起操作: 1. 首先請至Analytics的→。 2. 點選新增連結群組。 3. 接著選取欲連結的Adwords帳戶(可於Adwords右上角看到客戶編號)。 4. 輸入合適的連結群組標題,我們以Ariel Test為示範;接著下拉選單。 5. 勾選得以檢視所有資料。 6. 點選。 7.

【Magento架站流程】第一階段:主機環境準備

這是一篇關於Magento的工作步驟,我們將分享歐斯瑞慣用的Magento架站流程,希望藉由這篇文章可以讓更多人了解與使用Magento購物車系統。 在本文中不只是討論Magento系統建立,還包括環境確認、設定主機、連結資料庫等,屬於完整的工作流程;如果你懂得主機指令以及基本的架站觀念,更能理解本文所介紹的要領。 主機 確認網站所需環境 在安裝之前,先確認你擁有的主機環境是否適合Magento安裝,以下是建議的環境: 參考資料來源:http://magento.com/resources/system-requirements

如何利用jQuery來讓錨點連結有滑動的效果?

一般網頁文章太長的時候,我們會利用錨點來協助網友找到他要的資料。 錨點就像書籤一樣,當單一網頁的內容很多的時候,我們可以將內容分成數個段落,在每一段內容前面插入一個錨點,利用錨點超連結的功能,讓網頁在閱讀上好像分成數個獨立的章節一樣,方便網友閱讀。 範例: <a href=”#section1”>前往第一段</a> <a href=”#section2”>前往第二段</a> <a href=”#section3”>前往第三段</a> <a id=”section1”></a>

新一代多螢電商解決方案:響應式設計(RWD)

電子商務瞬息萬變,要如何搶攻多螢幕電商市場,掌握桌機、平板電腦和智慧型手機的網購商機呢?根據Google 2014年的調查,台灣有54%的人上次購物是使用智慧型手機,其比率高於韓國38%、美國26%和日本15%等,位居世界第一,可見台灣人的行動商機不容小覷。為了把握這廣大的行動商機,許多電商業者常做的方式是開發行動購物APP(例:MOMO購物網、Yahoo超級商城),或者另外架設行動網站(例:Lativ網站)。 其實,還有一個台灣尚未普及,但在國外相當流行的Responsive Web Design(RWD),稱為響應式設計(或稱互動式、回應式設計),國外使用範例如知名品牌Tommy