文章彙整

"November, 2014" 有20篇文章

首頁  /  2014  /  November

4個SEO優化不容錯過的設定!

有許多方法可以提升網頁自然排名,加強SEO優化。今天Astral Web要從網頁架構的角度來看SEO,和大家介紹4種優化設定,首先我們以在Google搜尋Magento 台灣,看看自然排名結果,詳見下圖。 接著來到第一名搜尋結果的網頁,檢視該網頁的原始碼。

SEO小技巧─讓搜尋引擎愛上你!

想要提升網頁的自然排名,卻不知道怎麼做嗎?今天Astral Web要分享一些SEO技巧,利用免費資源和簡單的設定,就能大幅提升SEO,優化網頁排名! 使用關鍵字規劃工具,找出大眾最常使用的關鍵字 在編寫網頁內容時,是不是絞盡腦汁、毫無頭緒呢?為了讓搜尋引擎喜歡你,關鍵字是重要的辨識方法,但一個詞彙會有不同的解釋方式,像Responsive

網頁設計【認知篇】:網頁美工、設計師如何協助SEO搜尋引擎優化?

設計往往會追求美感,具有美感的東西容易吸引大眾注目,卻不見得會是「合適、友善」的設計。因此,我們通常會把設計美感當作基礎,將強化網頁、提升SEO搜尋引擎優化為首要目標。為了在美感與SEO中間找到平衡點,Astral Web要和大家分享網頁設計的經驗,希望能幫助大家找到方向! 在製作客戶網站時,「導航功能」是最重要的設計項目,最好要有清楚的視覺圖文設計,以加強網站導航,方便使用者瀏覽。美感的設計可以給予使用者較好的視覺形象。 有些網站會藉由發表文章增加瀏覽人次,設計師可協助製作文章圖片吸引使用者,還能將繁雜的文字變成淺顯易懂的資訊圖表(例如:說明圖、流程圖),幫助讀者了解內容。

如何用CSS自訂網站反白文字?

如果來到Astral Web歐斯瑞的網站,按下左鍵選取文字(反白)時,出現的不是預設的背景色,而是鐵灰色,讓使用者可以可以更清楚瀏覽文字。這種手法在網站上很常見,今天我們就來和大家介紹如何設定! 方法很簡單,只要利用css3 的selection選擇器就可以了!

Photoshop教學:【基礎篇】實用的建立剪裁遮色片

使用Photoshop有許多變化的小技巧,今天Astral Web要介紹的是「剪裁遮色片」,快速做出框架效果,還能編輯、調整主要圖片,若未來需要修改也能輕鬆編輯! 接下來就請跟著我們一起操作吧!  

兩種方法:解決Magento無法使用WYSIWYG上傳圖片問題

在Magento中,我們很常使用WYSIWYG管理內容,例如首頁、產品頁面、客製化版塊、客製化網頁等,也常會上傳圖片來美化網站頁面,但如果遇到無法上傳圖片的問題時,該如何解決呢?本篇文章將提供你兩種解決方法,希望能幫助大家順利上傳圖片,美化版面! 使用WYSIWYG上傳圖片: 情況 1.:資料夾權限

Google Adwords出價方式─以點擊計費的CPC(單次點擊出價)

Google Adwords關鍵字廣告提供多種出價方式,包含下列三種方式: CPC:單次點擊出價 CPM:千次曝光出價

電商趨勢─「一頁結帳 One Page Checkout」,快速結帳的關鍵!

好的購物網站往往重視消費者取向,網站設計越符合消費者喜好,就越能引起消費興趣。在時間就是金錢的時代裡,網路購物興起的一部份就是「省時方便」,不必出門(交通時間)、不必排隊結帳(等待時間),就能買到想要的東西。因此,購物網站的結帳頁面越簡短快速,就越能獲得消費者青睞。 為了加快結帳速度,購物平台發展出「一頁結帳 One page

如何使用css來隱藏placeholder文字?

設計表單的輸入欄位時、常用placeholder來做提示文字,在預設的狀況下、placeholder的文字只有在輸入資料後才會消失、如果我們希望在點選輸入欄位後,placeholder的文字會立即消失,一般常用的方法就是利用 onfocus 和 onblurl來達成。

塑造網站視覺風格,應該注意什麼?

架設網站需要考量的地方相當多,包括版面配置、是否使用響應式設計,功能操作有沒有符合使用者經驗等;其中最易影響使用者對網站的第一印象,就是網站的整體視覺風格。當使用者第一次造訪網站,最先看到的就是網站呈現的視覺形象,是清新的藍色、綠色系,還是甜美的粉色系。每種色系根據其訴求的形象又大不相同,例如主色調為黑色的網站,有可能是搖滾風格,也可設計成時尚、質感的網站。在塑造網站的視覺形象時,往往需要商家與設計公司良好的溝通,才能達成符合公司形象又帶有美感的網站。 今天Astral Web想和大家分享在設計網站視覺風格時,應該注意什麼地方,讓商家在個人喜好與使用者觀感中,找到最適合網站的形象。

如何更改Magento預設的姓名格式?(英文→中文)

由於Magento購物車系統的預設介面是英文,在訂單信件、會員後台等處的姓名格式會和中文相反,當客戶輸入資料、或是收到信件時,出現在後面的會是名字,例如 會顯示成

使用響應式網頁設計的優點是什麼?

由於行動裝置的發展迅速,越來越多人注意到響應式設計的重要性,尤其是注重轉換率的購物網站。可能會有人想問:為什麼同樣的網站在不同裝置上,要有不同版面大小、編排呢?理由很簡單─為了改善使用者經驗(User Experience)。讓我們想像一下,假設今天你在手機上收到A網站正在特價某產品,正好就是你想要買的東西,於是你進入A網站想要了解產品內容,卻發現網頁跑版、難以瀏覽,必須試著放大、縮小來看清楚內容,想點選購物卻無法正確選到選項,在難以操作的環境下你還會想立即購買嗎?

Photoshop教學:【概念篇】如何正確選擇檔案尺寸?

Photoshop的運用範圍廣大,而不同領域會有不同的尺寸需求,要如何開啟適當的尺寸來設計呢?今天Astral

如何使用CSS的「text-overflow: ellipsis;」屬性限制內容字數?

設計版面時,為了讓網頁更整齊,常需要限制文字的字數,當文字超過限制時會自動顯示”…”的刪節號。 今天Astral Web要介紹如何限制字數,讓版面更整齊順眼;但這部分會用到程式碼較為複雜,需要有程式背景的人進行操作。 首先,單純使用CSS時,我們可以利用text-overflow:

用Post-it app,在手機上管理你的便利貼!

很多人習慣用便利貼記下自己靈光一現的想法,但是到處貼的便利貼難免因為黏性減低而遺失,太多的便利貼也不方便管理,今天我們就用Post-it原廠出的App來管理便利貼吧! (以下以I Phone作示範) 1.

教你設定Google Analytics自動報表,定期寄至指定信箱!

由於google analytics 版本更新,最新版本說明請參閱 Google

PhotoShop教學導覽,幫助使用者快速找到相關教學!

為了方便學習PhotoShop的朋友,Astral Web整理了一系列的教學導覽,希望能讓大家快速找到相關教學。教學導覽以修圖效果分門別類,可根據學習需求參考。 新的導覽頁在這一個連結 ▼我們會陸續更新在這裡,歡迎需要的朋友善加利用喔

Magento教學:如何在訂單信件增加產品圖片?

歡迎使用Magento購物車系統,今天Astral Web要和大家分享如何在訂單信件中,加入購買商品的圖片。一般來說,使用Magento預設的訂單信件,僅會顯示訂單資訊,不會有商品圖片;今天我們要教大家置入一段程式碼,即可在訂單信件中顯示購買商品的圖片,方便客戶確認訂單。由於此教學將會使用程式碼,因此適合有程式背景的朋友參考,以免操作不慎影響網站喔! 教學影片: .