網頁設計的失誤及其修正方法

你的商務名片上可能會有網站位址，郵箱或者電話號碼，不過作為社會化媒體弄潮兒的你，別忘了在上面加上你的Twitter等檔案的位址。
你是否在與你的行業相關的論壇很活躍？所以在你的論壇簽名上寫上你的社會網頁設計化檔案資料和網站位址吧！
錯誤1: 你傳達了錯誤的資訊
舉個例子：你想找一個網頁設計師，你在網站看到了我的檔案，你會來到我的Twitter看看我的資料，然後你看到了這些：
-- 5篇更新的文章：你在星巴克、麥當勞、法院和LA Fitness（譯者：一個健身俱樂部）工作過
-- 7篇回復：都是瑣碎的交談
-- 2篇更新：語言粗俗
-- 3個圖片：你站在那裡傻笑
好吧！看完這些，你肯定不會找我做你的網頁設計師了，因為你在我的社會化媒體上找不到與此相關的資訊，但是如果你看到了這些，你的想法也許會不一樣：
-- 5篇更新的文章是關於Photoshop設計的
-- 7篇回復：回答朋友關於網頁設計的問題並提供説明
-- 2篇文章：以一個幽默的視角講述了網頁設計。
-- 3篇圖片是關於你的工作的以及你收藏的關於網頁設計書籍
這樣的話，也許你覺得你找對人了。
所以你在社會化媒體上的資訊要專業、要與你所處的行業對口。最好把私人帳號和商業帳號分開吧
錯誤2：你用社會化媒體檔案來構建連結
這點聽著也許會有歧義，不過許多企業不敢在社會化媒體行銷花太多，因為社會化媒網頁設計體的確會花掉很多資源而且需要長期投資才能產生效果，這是許多小企業擔負不起的。所以我們會停留在構建連結這一層次上。然後我們擁有很多社會化媒體帳號，但是這樣的曝光並無作用，只有真正地參與才會讓你看到效果。
錯誤3：只是關注投資回報！
無論社會化媒體ROI能否測量，但要謹記一點：在社會化媒體上對你的業務最有用的東西並非一定具有可測量性。
利用社會化媒體與粉絲交流的方式很多，你可網頁設計以提供優質的客服、管理信譽危機或者與客戶互動從而提高忠誠度。
錯誤4：你太循規蹈矩了！
我們之前也發表很多關於社會化媒體原則等等的文章，但是最佳的原則其實是：想那些與你同行的並且成功地利用社會化媒體人學習，對他們的做法進行分析。他們給粉絲回復嗎？他們分享博文嗎？他們發佈行業資訊嗎？
 

Autodesk Lab——在技術和產品之間創新
 

作為全球最知名的工程設計軟體公司，歐特克在全球擁有數百萬關鍵字的工程師使用者，但是作為歐特克面向未來新技術開發的部門，歐特克實驗室(Autodesk Labs)則顯得頗為神秘。

歐特克實驗室成立的時間並不關鍵字長，2007年正式成立的這個部門總部位於美國三藩市，其員工遍佈美國、法國和中國等多個國家和地區。難以置信的是，該部門的全部員工總數也不過區區30多人。但這30多人，卻都是各個領域的科學家，有高性能計算專家，內容管理專家，電關鍵字腦圖形學專家，網頁設計專家，資料中心的專家……這樣一群不凡的人在一起，只是要解決一個問題——創新實驗和開發未來更高效、更方便的工程設計工具。

在整個新技術的研發過程當中，不斷聽取試用使用者的回饋，以不斷糾正關鍵字廣告產品研發的方向。迄今為止，已經通過歐特克實驗室孵化出來和正在孵化的專案包括Freewheel專案，Showroom專案，Draw專案，Twitch專案，和產品的技術預覽，包括Inventor LT，Autodesk Inventor Fusion，AutoCAD FreeStyle和Autodesk Dragonfly專案……這些專案有些是歐特關鍵字廣告克實驗室的工程師開發的，有些則是通過其他歐特克團隊開發，並提供給歐特克實驗室這個管道接受使用者回饋及試用的。這些技術也許尚未實現商業化，但是這些被實驗室的科學家開發出來的技術，已經初步具備了商業化的雛形。這，就是歐特克關鍵字廣告實驗室能夠帶給業界和歐特克公司最大的利益。

在設計工作當中，其他人如何查看設計師的設計結果呢？在對設計協同要求越來越高的今天，解決的辦搜尋行銷法當然有很多，但是現行的辦法有很多顯而易見的缺點：第一，如果查看者同設計者沒有在同一個設計平臺上，甚至使用的是不同的系統，那麼就必須通過安裝一些程式或者外掛程式的方式，才能完成查看。那麼對跨部門和跨領域的合作來講，就相當不便。第二，現在很多的輕量化格式，也僅僅支援網路的二維查看，並不支援三維設計的模型查看。Freewheel技術從研發初期，就試圖從根本上解決這些問題。

Web設計師必須知道的SEO技巧

現如今，大多數網站設計不僅僅要求設計美觀，前端代碼往往發揮著重要的作用。這意味著很大一部分搜尋引擎優化或搜尋引擎優化責任應該落在設計師身上。然而，有大量的網頁設計師不理解這個問題以及網路行銷如何在建立一個網站初期就達到是完全的搜尋引擎優化。
本文在這裡提供了一些重要的提示，將有助於網頁設計師改善其搜尋引擎優化技巧。
1.製作比設計還要漂亮的代碼
當建立前端網站時，請務必使用語義代碼。通過使用描述標籤，結構化你的網網路行銷，搜尋引擎將能夠閱讀和更好地瞭解你的內容。這也使你的網站設計進程更容易和更清潔，對以後的改版也將提供最大的方便。
2.使用，但不濫用關鍵字
關鍵字能說明和強調你網站的內容。但你不應該濫用。其一，你應該讓關鍵字出現在網頁中重要的地方:比如網址，標題標籤，標題和主要標記。其二，就是關鍵字的使用頻率，大量相同關鍵字的使用會讓搜尋引擎覺得你是在作弊。
3.避免使用Flash導航
Flash的特效是迷人的，但請不要使用Flash來做你的網站導航。搜尋引SEO擎無法讀取Flash檔，這意味著連結中使用的導航不能得到索引、抓取和收錄。
PS:前不久，我接的一個設計專案中，我的客戶中途要求把導航使用Flash特效，原因是他看到消息: Google已經可以索引Flash中的內容了。但問題是: Google還不能夠像索引普通文本那樣去索引Flash，既然Goolge能，還有其它的SEO，尤其是中文使用者來說，百度才是更重要的。
如果實有想弄個花俏的特效，建議還是使用javascript吧。
4.使用獨特的網頁標題
每個網頁在你的網站上應該有一個標題屬性，以及每個標題應是獨一無二的。如果你為每個網頁使用相同的標題，搜尋引擎會認為，每一個網站上的網頁是關於同一主題。
5.不要忘了添加圖像替換文本
也就是alt屬性，你應該給每張圖片一個恰當的描述。如果你堅持這樣做，你將能從SEO圖片搜尋引擎中獲取大量的流量。
6.不要使用無意義的連結文本
搜尋引擎高度重視連結。因此，當連接到相關的seo內容時，請務必使用一個準確描述連結頁面內容的單詞，至少不要太籠統。
PS:比如帕蘭映射裡面有很多匯總文章，當介紹到另一篇文章時，使用“查看此wordpress外掛程式”會比”查看這個外掛程式”要好，而“查看這個外掛程式”又顯然會比“查看更多要好”。
7.不要使用圖片來替換文字
作為設計師，我們總是希望把某個元素弄的看起來盡可能的漂亮。但你不能為了漂亮損seo失一些更重要的東西，比如我們一些設計者利用圖片來代替文字。比如WordPress有一些外掛程式可以把文章標題轉換成圖片形式弄成各種花俏的字體。是的，它確實漂網路行銷亮多了，但它影響了你文章在搜尋引擎中的網頁排名，你的這份漂亮可能只有少數人能欣賞到它。
8.有節制地使用ajax
Ajax是偉大的，它讓Web設計師基於現有的技術輕鬆地增強了使用者體驗，但是任網路行銷何事情都不要太Over了。一個好的經驗法則是:如果載入的AJAX內容可以成為一個單獨的網頁，那就讓他成為一個單頁。
9.快速獲取索引
為了你的網站能夠及時的被搜尋引網路行銷擎索引，你應該提交你的網站到搜尋引擎。這些都是基本的常識，就不多介紹了。不過，對於Google來說，其實只要你多發佈一些原創的貼子，它就會馬上開始收錄你了。
10.建立外部連結
11.使用一致的網址
當你建立一個網站，從一開始你就應該決定使用哪一個網址，是否有“www”首碼.一旦你決定，你就要堅持下去。
 

淺談SEO技術備忘錄

成功的SEO技術策略應該是在網站建設之初開始的，從功能變數名稱的選擇到網頁關鍵字的原始程式碼書寫開始。但目前的現狀是多數網站建設的分工和流程都是把針對SEO工作放在最後——網站已經建好了，向搜尋引擎提交網站之前再做SEO。這時做SEO其實已經相當被動。所以，建議網站規劃者在網站建設之初就提交給網頁設計師、程式開發人員和內容編輯一份有利於搜尋引擎排名的網站建設備忘錄。
現將各種介紹SEO技術備忘錄進行簡要匯總。以下方法預設針對google的優化，但由於包括Yahoo在內的大部分關鍵字廣告器人在索引網頁時遵循的主要原則大同小異，故此文未對具體搜尋引擎作個別研究。
1、關鍵字策略：確定網站的核心關鍵字。網頁中一切可讓搜尋引擎抓取的文本中都儘量帶有關鍵詞。這些地方包括：功能變數名稱、title和meta標籤、正文、連結文本、檔案名、alt、header標籤(即正文標題等)。讓你的關鍵字無所不在，但又避免在同一處堆砌過多。
長尾關鍵字選擇技巧：相關性(即定位)、熱門度的掌握(太熱不好容易排前，太冷沒人搜索)
2、功能變數名稱策略：功能變數名稱中最好含有你的關鍵字，並且採用關鍵字排名連字號“-”將該關鍵字單獨突顯出來以方便搜尋引擎識別。有專家認為功能變數名稱中含有關鍵字對於排名的作用微弱，但不可否認確有作用，因此能夠兼顧的情況下儘量考慮採用關鍵字功能變數名稱。
二、三級功能變數名稱顯然沒有什麽競爭優勢。
3、虛擬主機策略：檢驗共用IP位址網站：目前大都是多個中小網站共用一台虛關鍵字排序擬主機，擁有同一IP位址。如果跟你共用IP的某一個網站被搜尋引擎懲罰，將連累你也無法登陸到搜尋引擎。除此之外，由於一個IP往往擁有上百個網站，因此會影響你的網頁下載速度。特別是如果其中某些網站流量特別大的時候。如果搜尋引擎在抓取某個頁面時該頁半天下載不了，搜索機器人將棄之而去。因此，除了瞭解多少網站與你共用IP，是否有受到懲罰，最好關鍵字廣告行銷再瞭解它們的流量大致情況。如果情況不妙，趕緊換主機。
此外，搜尋引擎都不願收錄免費主頁空間上的網站，即使收錄，也難有好的排名。

4、圖片策略：在圖片關鍵字廣告的代碼中運用Alt屬性標籤進行說明，含關鍵字，同時在圖片旁邊也加上含關鍵字的文本注釋。避免純圖像網頁(Splash)，如一些企業網站首頁形象頁面。Flash更要少用，搜尋引擎跟蹤其內嵌連結的興趣不大。包括圖像在內的一頁網頁位元組數最好不要超過50K
5、網站地圖策略：基於文本的網站地圖內含網站所有欄目、子欄目。網站地圖的三大因素：文本、連結、搜尋引擎優化，都極其有利於搜尋引擎抓取主要頁面內容。因此，動態生成目錄網站尤其需要創建網站地圖。網頁欄目若有所更新需要及時在網站地圖上體現出來。

6、網頁檔目錄策略：有序、合理安排檔目錄結構，規範命名。簡單的網站最多呈現三個搜尋引擎行銷層次就可以了。重要內容放在頂級目錄。目錄資料夾命名含關鍵字，而HTML網頁檔案名也含關鍵字。圖片檔也含關鍵字。這裡所指的關鍵字主要針對具體頁面內容而言。檔案名是片語就用短橫線或底線隔開。規範的做法是使用英文而不是拼音字母
7、external files(外部檔存儲)策略：把javascript檔和css檔分別放在js和css外部檔中。這樣做的好處是把重要的頁面內容放到頁面頂部，同時能縮小檔大小。有利於搜尋引擎快速準確地抓取頁面重要內容。其他的字體(FONT)和格式化標籤也儘量少用。
搜尋引擎喜歡在頁面一開始就找到本頁的關鍵性內容。

8、動態策略：動態頁面，就是採用ASP，PHP，CGI等程式動態生成的頁面，需要使用者搜尋引擎最佳化輸入條件提交後才能產生。有兩個辦法可以讓搜尋引擎抓取到：在一個靜態頁面(如網站地圖)建立一個連結指向該動態頁面，或者修改這個動態頁面的URL為靜態的HTML檔，使URL中不再包含符號?、=、&、%、+和$等符號。

9、框架策略：如果網站一定要用到框架，則應正確使用Noframe標籤，在區域中包含指向frame頁的連結或帶有關鍵詞的描述文本，同時在框架以外的區域也出現關鍵字文本

。
10、title和meta標籤策略：SEO的基本功：title標題內容將以連結標題的形式顯關鍵字行銷示于搜索結果頁面。標題一般是網站名稱+簡短描述，含核心關鍵字，如：，就好過單純的。
meta中的關鍵字(keywords)和描述(description)：確定幾個核心關鍵字及組合，關鍵字以3-5個為宜，最好不要超過15個，以避免堆砌之嫌。描述是網站的簡短說明，含有關鍵詞。
如果每個主要頁面的內容相差很大，則應根據網頁內容不同而改變title和meta標籤，不要全部網頁都採用首頁的標題和標籤。
 

“花癡”是門技術活

黑板上用粉筆插花

插花是門藝術，教人插花的老師，叫花藝師。魏青就是這樣一位老師。驅蚊液是魏青常帶在包裡的東西，因為“從小就喜歡花草，愛往花花草草的地方鑽”。大學填報志願時，她毫不猶豫選了生物專業。這樣一來，她可以接觸最心愛的花花草草了。大學畢業後，魏青進入廣州五羊中學當生物老師，當時學校勞技課裡有一項內容是“插花”。那時魏青就用粉筆在黑板上給同學講了兩個學期的插花，“但覺得很無趣，(在黑板上插花)覺得欺騙了學生”。

花說“黛玉葬花”

兩個學期後，魏青報名參加了一個插花培訓班，“一為工作需要，一為興趣愛好”那一年是1998年，魏青28歲，她利用週末時間學插花，半年後把插花技藝學了下來。2000年，為插花著迷的魏青創作了一組壓花畫作品《紅樓夢———金陵十二釵》，並在當年香港花卉展覽中獲得優異獎。魏青選擇了“黛玉葬花”、“寶釵撲蝶”、“迎春結社”等十二個場景，場景中的人物服裝、道具、配飾都用花瓣做成。壓花畫是插花技藝的一種。說起多年前的這次創作，魏青說當時為收集所需的花瓣就用了半年，“花在不同季節出來，也要按季節來收集，大麗花2月才有，愛麗絲花3至4月才有”。花兒收集回來後，她用熨斗、微波爐把花瓣水分壓幹，然後夾到書籍中。當時收集的花瓣足足攢了五六本書。之後，她用中國水墨畫的寫意手法，用一兩片花瓣就勾勒出一個形象。比如“黛玉葬花”，選擇了黛玉的背影，一片瘦長型的百合花瓣就描繪出黛玉窈窕的腰身，又難掩她孤獨清高之氣。米蘭樹葉做的頭髮如雲如鬢、風流韻味。

嫁接商業和理想

如今，作為廣州花藝協會會員的魏青來到陳村花店當了一名花藝師，專授花藝。
在魏青眼裡，小小的花朵有大大的學問。學插花除要知道花材的分類外，還要分清花的陰陽面，玫瑰、百合、紅掌、劍蘭、菊花、康乃馨、情人草、勿忘我、滿天星都是較常用的插花花材；同時，插花有東西方插花之分，東方式插花所需很少，崇尚自然，講求優美的線條和自然的姿態；西方式插花則崇尚人工美，注重幾何形態，強調構圖和色彩，用花量大。插花技藝既有廣泛的商業用途，也可以被視作興趣愛好。把花藝作為“第二職業”的魏青將自己定位為花藝傳播者，她希望能在理想與商業的交融中把這門技藝傳承下去。