Archives

修正手機版無法看到超出銀幕的表格寬度

一般用傳統表格的 HTML 語法,放到網頁上,因為都會設定到表格寬度,這就會造成當使用RWD網頁時,無法像一般文字或圖片自動調整尺寸

無法向右捲動 ABC ABC
ABC ABC ABC

這時如果在table 外圍加上一個Div 設定css 屬性為 overflow: auto
就能在手機銀幕不夠寬時,向右捲動看到表格的內容了

向右捲動能看得到內容 ABC ABC
ABC ABC ABC

 

語法很簡單,找到 <table> 標籤,再在外層再包一個Div元素,加入CSS屬性 overflow: auto;  則會自動判動需不需要出現捲軸了(注意下方 overflow 前面的雙引號要改為半型字型)

<div style=“overflow: auto;”>
<table style=”width: 700px;”>
<tbody>
<tr>
<td style=”width: 233px;”>向右捲動能看得到內容</td>
<td style=”width: 233px;”>ABC</td>
<td style=”width: 233px;”>ABC</td>
</tr>
<tr>
<td style=”width: 233px;”>ABC</td>
<td style=”width: 233px;”>ABC</td>
<td style=”width: 233px;”>ABC</td>
</tr>
</tbody>
</table>
</div>

記得尾端要再加上一個</div> 的結束標籤,才算完整的HTML語法

 

如何避免電子報信件被歸類為垃圾信

其實提供商品訊息的電子報,最容易被歸納為垃圾郵件。因為這些電子報都有很類似的特性,其中一項就是那些用來吸引消費者的關鍵字。

你是不是也習慣在主旨或內文使用促銷字眼?

你可能不知道這些關鍵字早已是各家ESP的過濾機制的判斷重點,常常會在消費者看到這些訊息前,就被判定為垃圾郵件放到垃圾信件匣。

要如何減少進入垃圾信件匣?

  1. 圖片與純文字的比例不能差距太大之外,主旨與內文也盡量要避開這些垃圾信很容易出現的關鍵字
  2. 當收件者不想再收到信的時候,會先尋找是不是有取消訂閱的功能,如果能因此取消訂閱,當然是最好的結果。但如果取消訂閱功能失效,或根本沒有取消訂閱的選項,在不想收到 EDM 卻一直收到的情況下,就很有可能會激怒收件者,讓他檢舉這封 EDM 就是垃圾信。
  3.  不要用購買的方式得到mail名單
  4. 不要利用人工或程式於網路上收集名單
  5. 透過使用者開信/點擊/購買等條件來篩選發送名單
  6. 主旨最好在50個字元(25個中文字以內),一般使用者決定是否開啟信件,只願意花 1~2 秒的時間決定
  7. 重覆的將信件寄送給不存在的收件者

慢慢調整並減少被扣分,大量發送的信件就會開始出現在收件匣了。

如何綁定 cPanel 信箱到 GMail 收寄信?

首先打開 GMail 「設定」,切換到 「帳戶」 頁籤,找到 「查看其他帳戶的郵件:」然後按 「新增郵件帳戶」

2013-09-25_1514

就會出現如下設定介面了:

1483456660684

 

1483457116988

POP 伺服器位址可輸入郵件主機 IP 或網址

驗證無誤後就成功了

 

接著可設定寄信時也用這個信箱帳號當寄件者:

1483457141949

 

1483457177599

 

1483459410333

POP 伺服器位址也是輸入郵件主機 IP 或網址

 

2013-09-25_1543

如設定正確,GMail 便會寄一封驗證信到這個 cPanel 建立的信箱帳號,將驗證碼回填確認後就可使用 GMail 來寄 cPanel 的信箱帳號了

Google 已預告,新版瀏覽器將對網站密碼輸入不安全觸發警告

Google 已在稍早之前通知,
自 2017 年 1 月起,Chrome (56 以上版本) (如何查詢瀏覽器版本? 在Google瀏覽器網址列輸入 chrome://version)

會將收集密碼或信用卡詳細資料的網頁標示為「不安全」(透過 HTTPS 提供的網頁除外)。

鎖頭  安全
資訊 資訊或不安全
警告 不安全或危險

網站上如有提供使用者輸入帳號密碼等敏感性資料的網頁,則會跳出警告使用者小心的字句

Google 指出:網頁內包含密碼或信用卡詳細資料的輸入欄位,都會觸發這項新的 Chrome 警告。Google 的長期計劃是將所有透過未加密的 HTTP 通訊協定提供的網頁標示為「不安全」,而這項新警告屬於計劃的第一階段。

 

所以還未將網站加入SSL憑證的話要趕快加入了

艾爾曼數位科技 有提供企業網站的 SSL 憑證申請與安裝服務,您可立即免費詢問相關資訊 06-2900045 或洽詢客服信箱 [email protected]

資料來源:Google

使用微軟Windows Live Mail設定帳號收寄信方式

(一)安裝Windows Live Mail
若您已安裝好Windows Live Mail 可直接跳到文章下面的(二)設定收寄信帳號查看
微軟贈送的免費版的郵件軟體Windows Live Mail,它是附屬在Windows程式集 2012 內的其中一個應用程式,目前版本是2012,功能類似以前的Outlook,可將郵件收到電腦來看,也可透過此軟體寄信,可到此下載 

2013-11-19_2248

或按此直接下載
2013-11-20_1035
wlsetup-web.exe

下載完開始執行安裝

2013-11-19_2311

 

會問你要安裝全部還是選擇要的安裝,只選要安裝的程式就好

2013-11-19_2311_001

 

點進來後發現裡面附了一堆應用程式,目前我們只需安裝Mail郵件軟體就好

2013-11-19_2312

SkyDrive、Messenger、Mail郵件軟體、影像中心、家長監護服務等都用不到

 

開始安裝
2013-11-19_2314
2013-11-19_2314_001

 

 

(二)設定收寄信帳號
到開始→所有程式去找,名稱叫 Windows Live Mail

2013-11-19_2316

 

然後設定收寄信的方式我用錄影的方式較清楚
下方是影片連結,我用微軟的Outlook.com帳號設定

包含軟體刪除信後,線上的同步清除

但要先在Outlook.com帳號的 更多郵件設定 內去設定
2013-11-19_1837

2013-11-20_1424

 

將POP功能啟用,並選 依據裝置或應用程式的指示進行 – 如果指示要刪除郵件,請加以刪除。

 

 

GMail收取HotMail(Outlook.com)外部信件的設定方式

GMail目前應該是免費信箱中公認最好用且垃圾信過濾最準確的信箱了,如果你想將其他像Yahoo(只有VIP版支援)、Hotmail(現在叫Outlook.com)等有支援POP3功能的信箱通通統一收到GMail來管理的話,可依照下面的方式來設定,這裡用微軟目前最新的Outlook.com(以前叫HotMail)免費信箱來示範。

首先到GMail的設定,切換到帳戶頁籤,找到從其他帳戶檢查郵件(使用POP3):新增您的POP3帳戶

2013-09-25_1514

點了之後彈出一個視窗,輸入妳要收取的外部信箱帳號,按下一步

2013-09-25_1519

再來是輸入外部信箱的帳號、密碼,看你原來在Outlook登入時需要輸入什麼,這裡就輸入一樣的方式

2013-09-25_1522

然後Outlook的POP3伺服器是:pop3.live.com
通訊埠是:995
注意SSL加密要勾選
然後按新增帳戶了

設定都無誤就成功了

2013-09-25_1530

 

再來你如果想用GMail寄出妳Outlook帳號的信件,這一步驟意思是你可指定一個名稱,對方收到信時,寄件者姓名就會顯示你設定的名稱

2013-09-25_1531

 

選擇透過GMail的伺服器幫你寄送比較簡單

2013-09-25_1535

 

設定好後GMail需要發一個驗證碼到你的Outlook信箱以確認你的所有權,按下寄出驗證信吧!

2013-09-25_1537

 

到你的Outlook收信,會收到一封驗證碼的信件

2013-09-25_1540

 

將驗證碼回瑱到Gmail驗證

2013-09-25_1543

 

驗證通過後在剛剛的地方你就看到GMail開始幫你檢查外部的信件了,最多可設定5個不同來源的外部信,統一透過GMail來管理,超方便的啦!

2013-09-25_1546
但如是Outlook的話,微軟很貼心的說是為了保護你的帳戶安全(是嗎?),每隔一段時間就會要你登入一次Outlook,不登入好像POP3收信就會被中斷。
這部分要小心
否則信件沒在收了都還不知道><

免運費,反而讓消費者願意花更多錢

為了湊免運費,美國人現在必須平均花上82 美金才能達到免費的門檻,而在去年,根據跟踪113 家電商的數據,這個數字是76 美元。也就是說,為了湊免費,人們必須花比以往更多的錢。亞馬遜可能是其中一個很大的推動力量,去年年底,亞馬遜將免費送貨的購物額度由25美元提高到35美元,同時將旗下的可以提供免費兩日達的Prime會員服務費由79美元提升到99美元。根據《華爾街日報》的統計,各家電商對免費送貨的最低購物額度並不一致,有的甚至沒有門檻,而有的則高達一兩百美元。不只是亞馬遜,BestBuy在今年也將免費送貨的門檻提升10美元,其中用意自然是促使消費者買更多的東西。

美國乃至世界最大的快遞公司UPS 的零售市場總監Bala Ganesh 說:

“免費送貨不是免費的,自然有人為它付帳。”

去年,亞馬遜花費在運送貨物的費用高達66.4 億美元,但是帳面上收取的運費只有31 億美元,剩餘的35.4 億是誰來付帳呢?

可以說,免費送貨是電商早期經常被使用的臨時性行銷,但是卻培養起來了消費者的使用習慣。市場調查機構comScore 一項根據5800 名網購者的調查顯示,有一半的人曾經因為所購貨物總價沒有達到免費送貨的額度而選擇取消訂單。在電商這邊,投資公司William Blair 分析師Mark Miller 列舉的數據表明,已經已有90% 的線上零售商提供了不同種類的免費送貨服務,在兩年前,這一比例還停留在65 %。

更驚人的數字是,人們為了湊免運真是發揮畢業後最佳的數學水準,美國93% 的網購者表示自己曾經為了免運而選購其他額外的商品湊數,或者選擇更慢的送貨方式。

對於線上零售商們而言,免運費仍是促進銷量的首選方法。和亞馬遜競爭漸漸激烈起來的Target宣佈一個節日特例促銷,自10月22日到12月20日,所有運費全面,沒有額度限制。相較之下,在平時,因為有50美元起免費送貨和Target聯名信用卡付款等方式的存在,Target送出的三分之二貨物其實也是免運費的,不過不設限的免費送貨是一次大膽的嘗試,這將給物流帶來非常大的壓力,許多人可能一次只會選購一件便宜的小商品。

用免運費來吸引用戶多買東西效果也是非常明顯的,今年9 月,那些免運費的訂單均價在124 美元,多件商品一起購買的客單價要明顯高於單件購買。Jim Hassee,一位60 歲的老人說,他總是為了免運費而湊單,最近一次,他買了45 美元的咖啡,但是他卻只想買一罐而已。

不過也有零售商反其道行之,GNC Holdings 今年取消99 美元免費送貨的服務,改為每單都收取3.99 美元的運費,他們的邏輯是,用戶看到無論如何都要收取運費,就想著一次性多買一些。相應的,各大零售商們上調免運門檻的背後,像是UPS 和FedEx 近來開始慢慢上漲運費了,額度由3% 到5% 不等。很明顯的,這些費用都被一點一點地分攤到了慢慢提高的單次訂單價格中去,免運費是優惠,更像是一個不得不跳的陷阱。

出處:免運費,反而讓消費者願意花更多錢

增加你對網站SEO基礎的知識

客戶能高興我們也會跟著開心。所以要使客戶能透過網站賺到錢,要確保所使用的 SEO 方法是正確的。
以下簡單的 SEO 技巧可以讓任何一個網站由失敗轉為成功。

提高網站的可用性也是一個「關鍵」因素!
以下提供幾個基本的方法:

  1. 標題元素,包括品牌名稱或關鍵字。
  2. 優化的 h1, h2。
  3. 相關內容沒有過多的關鍵字。
  4. 正確的url讓搜索引擎友好。
  5. 寫得好的meta描述,更可能讓人去點擊它們。
  6. 必須具備Alt標記和圖像的名稱。
  7. 正確的內部鏈接。用它來告訴搜尋引擎哪些是網站內重要的頁面。
  8. 網站地圖是方便瀏覽全站的方式。
  9. 錯誤時的重新定向。

 

不要破壞上述看似簡單的規則,確實的實踐它,搜尋引擎會給你最好的回報

搜尋引擎優化是網頁設計過程的一部分

When you are designing a website, you need to consider the audience, the device, the browser, the aesthetics and the search engines.
“當你設計一個網站時,你​​需要考慮使用者,設備,瀏覽器,美學和搜尋引擎。”

我們都知道,網頁設計師可以創造美麗,醒目,聰明的網站,但作為SEO專家,我們需要幫助設計界明白,搜尋引擎優化是網站設計和開發過程的一部份。

關於搜尋引擎優化和設計的真相
作為一個網頁設計師,你可能只會專注於使用者體驗,美學,瀏覽器大小和設備的限制,其實你還漏掉了SEO這一個項目。為什麼呢?因為考慮到80%的網站流量來自搜尋引擎,如果你不為它們設計,你的客戶的網站流量可能因此會變得很少或沒有流量。以下的幾個例子:
.Manyaward獲獎網站(與Awwwards和theFwa網站功能相等)不排名在搜尋引擎。
.通常搜尋引擎優化顧問必須將網站的大部分內容重新設計,以確保其符合搜尋引擎的要求。
.將不會有任何“使用者體驗”,如果網站沒有流量的話…
.大多數搜尋網上是無商標的關鍵字。

設計師聽好了,你不能忽視的搜尋引擎優化

你的客戶和搜尋引擎優化
重要的是,要明白大多數客戶將承擔他們的網站享有於他們所選擇的關鍵字。他們希望搜尋引擎優化,即使客戶真的不知道搜尋引擎是什麼。他們可能不會意識到這是一個額外的服務。因此,必須由你來解釋搜尋引擎優化的來龍去脈,以及搜尋引擎將如何影響他們的設計。所以,如果你繼續製作毫不考慮搜尋引擎優化的網站:無論它看起來多麼的華麗,它和排名也不會有任何線索。

不要驚慌!
設計一個美觀的網站,以滿足搜尋引擎的要求是不是更昂貴或困難。這只是大概了解基本規則和承認搜尋引擎是幫客戶如何找到網站。

網頁設計師基本的SEO指南
這些天來,搜尋引擎優化分為兩個主要領域:
.Onpage當前搜尋引擎優化(30%),網絡體系結構,語義,內容和方式的網站編碼。
.Offpage搜尋引擎優化(70%),有時也被稱為linkbuilding或內容營銷。

認識你的客戶
從本質上講主要有三種類型的客戶端,以及如何設計和建立您的網站將取決於確定哪一類客戶端落入。
一、我用來做廣告的黃頁,但現在我想我的網站出現在Google,Yahoo和Bing的非品牌關鍵字。
(例如:婚禮策劃,鎖匠,水管工,房地產經紀人,企業提供的利基產品或服務,公司與通用的品牌名稱。)
建議:與SEO機構或專家合作夥伴,使他們能夠專注於網站架構和內容,你可以專注於美學。如果你的客戶真的想要搜尋引擎優化,你需要與專家一起工作。

二、我想要一個創造性的網站,我想排名我的品牌詞。
(例如:擁有強大的品牌地位的其它媒體品牌:Nike, Adidas, McDonalds, Coca Cola等)
建議:雖然這些類型的客戶可能不希望在非品牌的流量排名,我們仍然建議,詢問他們是否有興趣。如果他們有興趣,你必須設計時考慮到一些SEO的要求。

三、我的大部分業務來自轉診和離線營銷
(例如:知名律師或醫生,已經完成了“品牌”的傳統方式並建立本地企業)建議:雖然這些類型的客戶端似乎有穩固的營銷渠道,他們仍然可能有興趣在非品牌的流量排名。我們的建議是請他們一樣,“你有沒有興趣通過Google或其他搜索引擎獲得的客戶呢?”你可能是由他們的回答感到驚訝,如果他們想這樣做搜索引擎優化的要求,這問題會納入在你的設計中。

客戶端類型1:搜尋引擎優化與設計相結合
搜尋引擎優化的小工具
在搜尋引擎優化的小工具看起來不錯,但包括下列搜尋引擎友好的內容:
.獨特的標題標籤和meta描述為每個頁面有考慮關鍵字定位。
.關鍵字導向的架構,有助於在幾個不同的詞組網站排名。
.一個快速的加載時間。
.在footer一致的地址。
.在首頁上新鮮的內容。
.一個內容豐富的Blog。

客戶端類型2:某些SEO考慮
這些網站往往是最難產生。他們的目標是關鍵字,並有一個搜尋引擎友好的架構,而且還考慮到美學。

客戶端類型3:無搜尋引擎優化設計的約束
搜尋引擎優化是設計過程的一部分

所以,下次你設計一個網站時,可以先考慮搜尋引擎優化的過程,而不是事後才在煩惱。具有較強的搜尋引擎優化基礎是一個網站將被證明成功的商業工具。

作者:Carla Dawson
出處:搜尋引擎優化是網頁設計過程的一部分

 

用 Google Analytics 工具輕鬆找出是誰在逛你的網站?

(圖片來源:Panayotis Vryonis CC Licensed)
在經營網站的時候,若不能準確得知到底有哪些人來過你的網站,想必是件懊惱的事吧,況且做網站分析還需要花大筆預算才能,不過由 Google 在2005年所推出的網站分析工具 Google Analytics,能讓一般使用者自己做網站分析,目前已有不少網路開發者、企劃人員或是行銷人員應用它來做相關的流量追蹤與分析,它可以用來追蹤業務成果, 並提供我們做改善應用程式的參考依據。

Google Analytics 利用「網頁標記」(Page Tags)來收集資料,你只要把「網頁標記」放在你想追蹤的網頁上即可,而這段語法被稱為 GATC(Google Analytics Tracking Code)。只要有訪客從網站伺服器要求網頁時,資料收集程序就會被觸發,伺服器會將訪客所要求的網頁送回訪客的瀏覽器;當瀏覽器處理資料時,會再連線到其他伺服器,取得此網頁上的其它內容。當訪客的瀏覽器處理到 GATC,程式碼會開始執行,GATC 就會找出訪客戶的相關屬性和瀏覽環境,像是該訪客來過本網站幾次、從哪裡來、所使用的作業系統 / 瀏覽器等。

資料收集完成後,GATC 會設定 cookies,cookies 會儲存訪客的資訊,並在訪客電腦上建立 cookies,GATC 就會把訪客的資料送回 Google Analytics 伺服器。Google Analytics 伺服器會把資料轉換成欄位,欄位會再轉換成維度,最後,這些資料會存入資料庫。當你想查詢相關報表時,系統就會從資料庫中取得相對應的資料,並送到瀏覽器供使用者閱覽。這樣,你就更容易掌握目標客戶群了。