Close

By admin 2023-01-15 In SEO

網站顏色如何影響SEO?

人們在日常生活中受到色彩和設計等視覺資訊的影響。
在人際關係中,常說 “第一印像很重要”,同樣適用於網頁設計,:離開網站或留下,一切由第一印象決定。
不管內容有多好,如果網頁設計看起來很糟糕,用戶就會立刻跳出網頁前往其他網站。

即使我們通常沒有意識到這一點,人們也會自行組合顏色和印象。
例如,紅色給人熱情的感覺,藍色給人平靜的感覺,綠色給人放鬆的感覺,您是否有同感?
色彩在傳達印象方面有一定的作用。
如果善用色彩,您可以透過您的網站傳達您的產品或品牌形象,並贏得訪問者的心。
如果您的網站給訪問者留下良好的印象,讓他們感興趣,企業和品牌形象將得到提升,這將為企業帶來利潤。
在網頁設計中,重要的不是簡單地選擇您喜歡的顏色,而是在色彩運用的同時,思考您想在網站上傳達的信息和印象。

關於有效使用色彩的三個關鍵點

接下來介紹如何有效地使用顏色

為您的網站印象選擇合適的色調

顏色有三個屬性:描述顏色的「色相」,描述鮮豔程度的「彩度」,以及描述亮度的「明度」。
您經常使用智慧型手機拍照吧!如果拍出來的效果帶點黃色,您會調到接近肉眼看的顏色,這就是「色相」。
此外,您希望照片效果可以更輪廓清晰、顏色生動,此時您會調高 “飽和度 “,這就是「彩度」。
而如果您希望像片中的人物皮膚更加白皙,此時您必須 增加”亮度”,這就是「明度」。

在這三個屬性中,色調(TONE)表示「彩度」和「明度」的變化。

可以說,人們對色彩的感受不是簡單的顏色組合,而是色調起著重要作用。
了解色調所具有的印象將有助於您更有效地運用色彩。

Vivid:充滿活力、生機勃勃的色調
每個色調中飽和度最高的顏色=純色調。給人以生動和浮誇的印象。

Bright:明亮、光亮的色調
這種色調比鮮豔的顏色略微明亮,飽和度低。它們給人的印像不像Vivid的那樣強烈,但更健康、更艷麗。

Deep:深、低沉的色調
它比 “Vivid “更能降低飽和度和亮度。增加了黑色,給人平靜和優雅的印象。就季節性色彩而言,它表示秋季和冬季。

LIGHT:淡、淺的色調
混合白色降低彩度提高明度。粉彩是一個容易想像的方式。這種色彩運用不適合針對男性的網站,因為它有強烈的春/夏印象,非常女性化。

Dark:昏暗、黑暗的色調
Vivid色調加入大量的黑色,一種具有清晰色調的深色,給人尊貴、成熟、平靜的印象。

幫SEO加分的網頁設計配色法則

在網頁設計中,有三種基本的配色方案。
70%的基礎色,25%的主色和5%的重點色。
透過運用這個百分比,可以創建漂亮地網頁色彩。
讓我們來看看每種顏色的作用以及如何正確使用它。

基礎色

佔據網頁最大面積的顏色,通常是網頁的背景色。
由於它是文章的背景,一般使用白色和淺灰色。
要注意選擇一種不影響主色調的顏色。

主色

主色,顧名思義,是關鍵的顏色,是設計的主軸。
因為它是影響網站整體印象的主要顏色,首先決定這個顏色是個好主意。
與其選擇自己喜歡的顏色,不如考慮您想創造什麼樣的氣氛,以及它是否符合您要鎖定客層的形象,在選擇顏色時,必須考慮顏色將給人的印象。
廣告標語,為了便於閱讀,建議使用低亮度的顏色。

重點色

重點色是強調的顏色,所以儘管它們使用的面積最小,但它們是一個色彩方案中最突出的關鍵顏色。
它們被用在想要引人注目的地方,並具集中用戶注意力、畫龍點睛的效果。
選擇一個與主色調補色反差大的顏色可加強網頁的生動印象。

 

利用顏色屬性

顏色可分為暖色、冷色、中性色和無彩色。
暖色和冷色,正如其漢字所表示的那樣,給人以溫暖、明亮的印象,也有冰冷的意象。
暖色除了給人正面的形像外,還具有很強的衝擊力,因此具有比其他顏色顯得高級的特點。

冷色對眼睛的刺激較小,並且顯得後退。
它給人一種平靜的印象,因此即使您長時間瀏覽網站也不會感到疲倦。

中性色是感覺不到溫度的顏色,比如暖色和冷色。
由藍色和紅色組合而成的紫色就屬於這一類。
沒有共同的印象,兩種顏色都有自己的印象。

非彩色是白色、黑色和灰色,給人一種無機的印象。
由於它沒有顏色,適合與其他顏色搭配。

大體上可分為以上四類,但每種顏色所具有的形象略有不同。
接下來,讓我們按顏色來研究帶給人們的印象。

9種代表色的印象

9 colors
Photo by Daniele Levis Pelusi

紅色

強大,熱情,勝利,警告

紅色是充滿活力和積極的顏色。
在國際上,紅地毯是用來慶祝的,它確實是勝利者和成功的象徵。
另外,運用在促銷活動中,“特賣品”印象強烈,有增加購買慾望的作用。
相反,作為負面印象,它與暴力形象相關聯,因為它是一種顯示謹慎的顏色,例如紅燈(因為它是一種令人興奮的顏色)。

橙色

令人愉快,溫暖,溫馨,便宜

因為橙色介於紅色和黃色之間的中性色。顏色效果也與紅色黃色的印象相似。
具有強烈的正面印象,適用於通訊、娛樂等公司。
橙色還具有增加食慾的作用,因此常用於餐廳。
給人的印象並不沉穩,反而帶有強烈的流行、隨意的感覺,所以可能給人廉價、大眾化的印象。

黃色

幸福、利潤、青春、注意力

黃色具有強烈的明亮印象,因此與光的印象聯想在一起,通常被用作表達希望和幸福的顏色。
例如,當想畫一顆星星時,毫無疑問地會使用黃色來畫。
此外,因為黃色感覺很輕,所以黃色經常與相同的色相,紅色和藍色組合用於兒童網站和產品。
就像鐵路道口和建築工地的圓錐體一樣,與黑色的組合具有引起注意的效果。

綠色

自然、寧靜、和諧、健康

因為它是在樹葉和植物中發現的天然顏色,所以它與生態和環境有關。
從您每天都能感受到的顏色來看,很容易感到熟悉和安全。
它具有放鬆和鎮靜的作用,就像觸摸植物可以療癒疲勞一樣。
此外,如日文“若葉”一詞的用法,綠色代表年輕人和新進者。
綠色的負面印象幾乎不存在。因為是中性色,所以不會給人強烈的衝擊感。

藍色

聰明、乾淨、真誠、冷酷

藍色是冷色系的代表色。
顧名思義,它是一種象徵著寒冷,以及水和天空等自然的顏色。
由於它給人的印像是涼爽的,所以在夏天使用會給人一種清爽的感覺,相反,在冬天,它會讓人聯想到寒冷和冰。
男士所穿的西裝和襯衫多為藍色,如藏青色、淡藍色,給人以誠懇的印象。

紫色

高貴、神秘、嫉妒、庸俗

它是一種混合了紅色和藍色的中性色,具有冷暖色對比的印象。
因此,也可感受到一種具有二元性的神秘氣氛。
在日本自古以來就被用作象徵高貴地位的顏色,因此給人強烈的貴族印象。
它經常被應用在和服上,因此也被視為日本的顏色。

黑色

奢侈,男人,恐懼,死亡

黑色是典型的無彩色,既沒有明度也沒有飽和度,所以給人一種堅硬、厚重的感覺。
因此,它給人以男性的尊嚴和都市風的精緻印象。
如果想營造高級感,是直得推薦的顏色。
此外,由於在葬禮上使用,會讓人聯想到黑暗和死亡的意象,因此根據使用方式的不同,可能會給人留下負面印象。

白色

潔淨、純潔、聖潔、嶄新

白色是一種百搭的顏色,可以與所有顏色搭配。
由於其乾淨的形象,它也被用於醫院的醫師白袍。
雖然白色可以染成無數的顏色,但是單純的白色,就會給人一種“虛無”的狀態、一種單調的印象。
重要的是要有效地使用它,同時保持與其他顏色的平衡。

灰色

優雅、焦慮、曖昧、過往

灰色介於白色和黑色之間的中間色,模棱兩可的印像與任何顏色都很搭配。
因此,如果將其用作基礎色來突出其他顏色,則會帶來優雅的效果,因此與白色一起推薦做為網站的基礎色。

灰色雖有負面形象,但它是一種有吸引力的顏色,可以給人一種奢華和聰明的印象。

按網站印象推荐的配色效果

柔軟的印象


比淺色系更強調白色的粉色系列。
女性化的粉紅色或米色,以及優雅氣息的紫色搭配白色,增加亮度,營造低調柔和的印象。

誠實的印象

給人清爽和沈穩印象的藍色,降低它的彩度和明度,並混合黑色之後,增加沉穩的印象。
搭配無色系的灰色和白色之後,智慧的顏色–藍色給人更加成熟洗練的的印象。

積極的印象

將暖色和中性色與生動色調的積極形象搭配,會給人留下積極的印象,最適合給兒童相關的網站使用。
明度與彩度都高的顏色搭配會使您的眼睛閃爍,因此建議以白色為底色,這樣看起來會比較舒適。

令人耳目一新的印象

提高冷色的明度,強化白色的配色可以在冷色調上增添青春氣息,營造出清爽的效果。
冷色調最適合運用在表現夏季和運動的場景。

平靜的印象

加強誠實印象的黑色,可以營造出堅實而沉穩的印象。
黑色和灰色給人一種優雅的印象,如果進一步降低整體的彩度和明度,可以感受到奢華的氛圍。

結論

網站色彩運用如何影響著SEO。

關鍵字搜尋用戶對您網站的配色會做如何解釋?
您明白您網站的顏色運用可能會對轉化率產生負面影響,即使是搜尋排序第一?
正確搭配網站顏色,可以給用戶帶來美好的體驗。
例如,可超連結的項目,通常會使用其他顏色來辨識。
因此要注意以下四點:

  • 網頁上所有可點擊的項目,就應顯示可點擊的顏色
  • 網頁上所有不可點擊的項目,就不該出現可點擊的顏色
  • 網頁上所有可點擊的項目,應該都可點擊,並且真的可連結到另一個頁面
  • 若不想讓搜尋者或用戶點擊的項目,就不該設置連結鏈

為什麼可連結項目與不可連結項目要區分清楚?
因為若不區分清楚,很有可能被搜尋引擎視為對用戶隱藏超連結,目的只是為了讓搜尋引擎知道,就是有作弊的嫌疑。
因此在網頁設計上,若將有超連結的項目以顏色區分出來,才不會讓搜尋引擎與搜尋用戶造成混亂。
巧妙運用色彩,會讓網頁更有具有辨識性與可讀性。
使用”對比顏色”的確可以提供易讀性。黑白應該是最強烈的對比色,因此有些網頁設計師喜歡用黑底白色字體的設計表現。這樣的設計看起來的確很酷,很時尚,但實際上對眼睛是很吃力的,可能導致到達頁面的轉化率降低。如果降低顏色對比,將黑底白字的設計改成白底淺灰色的字,效果可以改善。

有效運用色彩意象將有助於傳達意念-提高轉換率的效果

顏色因不同的文化產生不同的意象。
例如,紅色在華人圈是喜氣的象徵;在日本表達憤怒與危險;在印度是生活和創造力。
因此若經營旅店的網站,若鎖定目標是日本旅客,那麼網站就盡量避免使用紅色當主色調。

讀到這裡,您應該理解色彩對SEO也扮演著重要的腳色了吧。
顏色使用必須對搜尋引擎友善,正確使用可超連結項目的顏色,才可以獲得更多的外部連結。
色彩運用得當,讓搜尋用戶讀起來舒服,才有機會轉換成忠實的客戶。
若使用了不恰當的顏色,小心被搜尋引擎當成垃圾網站。