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

無法向右捲動	ABC	ABC
ABC	ABC	ABC

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

 

語法很簡單，找到 <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語法

 

測試你的網站有無被中國防火長城封鎖
可在此輸入網址測試
www.blockedinchina.net

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

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

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

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

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

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

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

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

 

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

驗證無誤後就成功了

 

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

 

 

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

 

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

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

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

	安全
	資訊或不安全
	不安全或危險

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

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

 

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

艾爾曼數位科技 有提供企業網站的 SSL 憑證申請與安裝服務，您可立即免費詢問相關資訊 06-2900045 或洽詢客服信箱 service@ironman.net.tw

資料來源：Google

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

或按此直接下載

wlsetup-web.exe

下載完開始執行安裝

 

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

 

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

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

 

開始安裝

 

 

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

 

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

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

但要先在Outlook.com帳號的 更多郵件設定 內去設定

 

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

 

 

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

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

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

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

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

設定都無誤就成功了

 

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

 

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

 

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

 

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

 

將驗證碼回瑱到Gmail驗證

 

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

但如是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 技巧可以讓任何一個網站由失敗轉為成功。

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

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
出處：搜尋引擎優化是網頁設計過程的一部分

 

（圖片來源：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 伺服器會把資料轉換成欄位，欄位會再轉換成維度，最後，這些資料會存入資料庫。當你想查詢相關報表時，系統就會從資料庫中取得相對應的資料，並送到瀏覽器供使用者閱覽。這樣，你就更容易掌握目標客戶群了。

最近有些客戶反映上他們網站瀏覽時卡卡的
有時超過5分鐘了都還打不開網頁 🙁
但在有些頁面又很正常

經檢查後發現有一個網址一直載入不了而拖累整個網頁的讀取進度
仔細看右下方或左下方有出現 fbstatic-a.akamaihd.net 網址 (Chrome才看得到，IE看不到XD)
會顯示如下狀態：

而這支就是大家所熟悉的 Facebook 分享元件的讀取網址啦！
在網頁顯示有多少人按＂讚＂的頁框
大家都在裝，不裝還會被說成不重視社群力量耶 XD
但是裝太多的風險就是有可能被拖累

可能最近FB實在太紅了，安裝讚的實在太多
造成FB伺服器負擔不了龐大的請求壓力或是其他原因!?

（圖片來源：ksablan, Kris Krug CC Licensed）

我們是不知FB他們這支程式牽扯的技術是多麼複雜
畢竟海量的資料不是我們所能想像的
不過基本原則應該不能拖累到人家網頁的載入速度，否則不滿意時被拆除的速度也是會很快的
Google Analytics 流量分析以前也是會造成影響，後來它們有重新改寫法就不會了
或許是非同步請求技術或其他

電影＂社群網戰＂裡的馬克(Mark Zuckerberg) 說他決不會讓伺服器當機，因為一但系統出現問題，辛苦累積的使用者可能也會很快流失 ，不過實際他好像也管不了那麼多了XD

akamaihd.net 其實就是 akamai 服務的連線域名，它是全球最大的網路服務加速代理商，佔全世界30%的流量，跟 CloudFlare 類似。
它們在全世界各地建置伺服器，然後再根據訪客的位置，從最近的伺服器提供資料給訪問者，當我們上傳圖片到FB時，其實不是傳進FB的伺服器，而是傳進跟FB合作的 akamai 離我們最近的主機，以加快反應速度，但可能 akamai 在我們台灣附近並沒有主機，或是離我們最近的 akamai 主機頻寬嚴重不足，造成我們頁面要去讀取FB讚或分享的靜態數據時，反而變慢，時好時壞的原因就是大家使用FB的高峰時就有可能變慢，目前只有等FB他們處理這個問題，或是先移除掉他們家的社群元件，等沒問題後再裝吧。

在製作網頁的時候常需要用到一些圖片，讓網頁內容看起來更加豐富美觀，雖然好的文章內容對搜尋排名才是最重要的，不過適時的好圖卻也有畫龍點睛的功效，如果你不想買商業圖庫，那使用創用 CC (Creative Commons) 這種授權模式的照片就是最佳選擇。因為『版權』這個問題不能不顧，以往非商業網站或許常常在網路上隨便亂抓，出處來源都不顧也不曉得，只要喜歡就用的不知情狀態，現在商業網站可不能這樣說了，否則小心吃上官司。

創用 CC (Creative Commons) 這種授權模式，使得照片作者可以依據自願開放的程度，讓有心借圖的使用者可以依據授權範圍合法的借圖，而分享者也保有著作權利的主張。

簡單地說…

姓名標示圖示姓名標示表示︰(找這種就對了，條件最寬鬆的，只需標註出作者)
創作者允許其他人複製、散佈、展示與表演你擁有版權的作品 – 和以它為基礎的衍生作品 – 條件是使用者必須向創作者作出鳴謝。

非商業用途圖示非商業用途表示：
創作者允許其他人複製、散佈、展示與表演你的作品 – 和以它為基礎的衍生作品 – 但只限於非商業用途。

非衍生作品圖示非衍生作品表示：
只允許其他人複製、散佈、展示並表演創作者的作品的完整副本，而非以此作品為基礎的衍生作品。

授權分享圖示 授權分享表示：
創作者僅允許其他人在遵守與你的作品相同的授權條款下散佈衍生作品。

 

這裡以Flickr為例，目前就有55,478,331 張相片是只需姓名標示的CC授權

趕快來搜尋看看有甚麼適合你文章使用的圖片吧
網址為：http://www.flickr.com/creativecommons/by-2.0/

這裡還集合更多參與創用CC授權的圖庫網站

網址是：http://search.creativecommons.org/?lang=zh_TW

大家都想把公司做大，怎麼可能把公司做小?

當你要決定製作網站時~請小心
你的決定將影響公司整體對外的形象感觀
網站就代表了公司的另一扇大門，
客戶可以經由這扇門，
快速地了解這家公司的服務項目，
營業資訊、歷史等內容，
您絕對想不到它是公司門面的第一線，
完整的資訊能讓準客戶瞭解、信任公司，
不僅縮短了公司與客戶間的距離，
增加認同感後，
效益也能慢慢的提升。

而做出未符合形象標準的網站時
不管實體公司的門面多麼氣派豪華
客戶都還未看到
就因為對網站的體驗不好
而對公司產生極為不好的印象
.
.
.
明明這家公司很大
可是看他們網站怎麼鳥鳥的
.
.
.
那無形的損失您認為後果如何呢?

Google AdWords能讓正在主動搜尋與您產品或服務相關資訊的使用者看見您的廣告，吸引客戶瀏覽您的網站。用對關鍵字，並透過Google AdWords，可讓您的公司在重要時刻有效抓住商機！

 

花小錢也能搶佔網路黃金版位

如果您的網站能展示在搜尋結果頁上方的黃金版位(上圖紅色區塊)，就可獲得7成以上的消費者目光。
透過Google搜尋關鍵字廣告，只要小預算就能讓您的網站在關鍵時刻搶佔最佳位置！

 

你知道在Google搜尋結果頁面也能刊登廣告嗎？

Google已於2012年底躍升為台灣最大的搜尋引擎，每個月有超過4億8,900萬次的詢問。這表示超過半數的使用者都是使用Google搜尋與您公司相關的訊息。
Google AdWords把數據整理成圖表。還可以把您的服務、商品，轉換成使用者主動搜尋的來源。

你今天上網Google了嗎?

 

鋪天蓋地喚回來之「再行銷廣告」

您曾遇過花了大筆行銷預算卻沒有留住客戶的窘境嗎?
再行銷廣告協助您把握這群只差臨門一腳的客戶，即使客戶在離開您的網站後，還可以持續在其它網站看見您的廣告，加深品牌印象。

 

行動廣告，生意一點就通!

超過9成的行動裝置用戶，每天會利用手機查詢購物資訊或直接在線上購買！
而Google提供最直覺的「點就通」行動廣告，將電話號碼直接加在廣告上，可以利用詳細的聯絡方式，讓顧客立即與你聯繫！

擁抱新「視」代，影音廣告創造大曝光！

全世界最大的影音平台YouTube，在台灣每個月有1000萬人在上面觀看及分享影音。
現在不管您有沒有影片，也能夠在YouTube置入廣告，利用娛樂影音收視熱潮，讓您的品牌強力曝光！