富比士提出5大UI/UX設計趨勢,快速掌握電商成功訣竅!(下)

富比士提出5大UI/UX設計趨勢,快速掌握電商成功訣竅!(下)
富比士提出5大UI/UX設計趨勢,快速掌握電商成功訣竅!(下)

掌握這5大UI/UX設計趨勢,想要在電商打出一片天絕非難事!(下)

 

本文為下篇,上篇請看此連結

四、跳脫平面單一感的 3D 圖像(3D Imagery)

3D 圖形也是2021年ui/ux設計趨勢之一

 

3D 圖形仍是潮流不減,尤其是當 UI/UX 設計師創建更容易和快速。Oganes 說道在今年最喜歡的 3D 趨勢之一,是將現實生活中的人類描繪成藝術卡通人物。它創造一種美學上令人愉悅的設計,與我們每天在屏幕上看到的逼真圖像不同。我們公司UI/UX設計師經常會將 3D 元素添加到 2D 照片中,藉以創建出比平面照片更多細節的深度。

 

五、語音介面設計(Voice User Interfaces, VUI)

科技蓬勃發展的正在改變世界,使用者與電腦的對話,不再只是仰賴滑鼠鍵盤的輸入,舉例來說:Apple的Siri,通過語音與系統進行互動的方式。探討以下目前語音介面設計趨勢迅速發展的要點:

 

說話是自然的,打字則是屬於多條件的輸入。

 

傳播技術勢不可擋。例如:無論您是想打開車庫門、進行預約、訂購外賣甚至啟動汽車,一切都可以透過聲音來實現。

 

對於殘障人士來說更實用。有視覺障礙的人可藉由語音,使用他們的設備和應用程式,不必擔心使用介面或是視覺上的不便利。

 

 

 

 

 

推薦文章:
UI/UX 按鈕設計基本7個原則,優化電商轉換率


介面、體驗大不同!UI設計/UX設計工作內容完整剖析


使用 A/B 測試來改善網站 UI 設計的 30 個例子


落實「數位優先」的 UI 設計,Audi、福斯把 Logo 壓扁了?


軟404影響SEO?!免驚!谷歌正在修復錯誤!


人工智慧SAY NO不稀奇?!它還會跟你談判跟辯論!


今年程式語言排行知多少?聽說Python奪冠有望了?!

富比士提出5大UI/UX設計趨勢,快速掌握電商成功訣竅!(上)

富比士提出5大UI/UX設計趨勢,快速掌握電商成功訣竅!(上)
富比士提出5大UI/UX設計趨勢,快速掌握電商成功訣竅!(上)

掌握這5大UI/UX設計趨勢,想要在電商打出一片天絕非難事!(上)

 

目錄

電商取代實體商店成主流 UI設計重要性堪比店面裝潢

一、玻璃擬態(Glassmorphism)的 UI 設計

二、耳目一新的大膽字體(Big Loud Typography)

三、有別於傳統的抽象幾何(Abstract-geometric)

四、跳脫平面單一感的 3D 圖像(3D Imagery)

五、語音介面設計(Voice User Interfaces, VUI)

 

美國堪稱最具指標性的財經商業雜誌「《富比士》(Forbes)」,近期竟跨領域地提出 2021 年UI/UX 設計的5大趨勢!

 

《富比士》所屬之「富比士機構委員會(Forbes Agency Council)」的其中一個成員、也是「數位比佛利行銷策略公司(Digital Beverly Marketing Solutions)」的CEO Oganes Vagramovich Barsegyan就提出了5個今年掀起熱潮的 UI/UX 設計趨勢。

 

電商取代實體商店成主流 UI設計重要性堪比店面裝潢

全球發生在線上的交易活動早在激增中,加上新冠(COVID-19)疫情讓民眾在家中使用手機、iPad、電腦等進入電商消費的模式,已取代以往的實體門市。消費者們已融入數位服務的生活,習慣、行為已有大大的改變。

 

如今網站上的UI(使用者介面)設計,就相當於實體店面的裝潢,且比以往更加重視美感。UI介面設計的變化以下五個 UI/UX 設計趨勢觀點:

 

一、玻璃擬態(Glassmorphism)的 UI 設計

UI/UX 普遍正朝著極簡主義美學,玻璃擬態長期保持領先的流行趨勢,從配圖到整個操作流程的介面、按鈕使用同一種色系,以不同層次結構和深度的呈現,顯得不會單調枯燥。網站避免繁雜的資訊或低解析度照片,保持觀看者能清楚閱讀,增加停留在網站上的時間。

 

如同以下影片所示,玻璃擬態主要基於背景模糊與磨砂的效果,營造出漂浮在空間中的穿透、朦朧感。譬如說:蘋果與高盛銀行共同發行信用卡「Apple Card」 科技、時尚的設計,出於玻璃擬態的概念,視覺宛如漂浮在半空中的透明卡片,隨著消費類別改變不同柔和的顏色。

 

 

二、耳目一新的大膽字體(Big Loud Typography)

大字體是 2021年 的五大 UI/UX 設計趨勢之一

 

重複無奇的排版文字會產生視覺疲乏,需要產生亮點為觀看者帶來視覺刺激。敢於大膽破格的用字,凸顯出設計師是否有獨特的思維,更容易受到關注。不同的字體造型,產生不同的情緒與印象,即使是誇張或用於開箱文的標題,搭配合適的UI/UX設計,令人感到新穎卻又不失傳統的美感。

大膽字體能吸引網站訪客,但也可以不譁眾取寵的方式呈現。

 

大膽的字體風格是吸引網站訪客的必要條件,視覺上不是要呈現對人大吼大叫般的緊張感,比較像是微妙的語氣說道「看這裡」。此外,可以嘗試在同標題中組合不同的字體,同時兼具可讀性與可視性的特點。

 

大膽字體能吸引網站訪客,但也可以不譁眾取寵的方式呈現。

 

三、有別於傳統的抽象幾何(Abstract-geometric)

抽象幾何圖案是 2021年 ui/ux 設計趨勢之一

 

具有線條、形狀和角度的抽象藝術歷久不衰,現今煥然一新仍是受到關注,歸功於形狀和顏色兩者結合在一起表達想法,並且以自由流動、非線性的方式表達創作。

 

許多企業喜歡抽象和幾何藝術,因為能夠化繁為簡,具有簡練、醒目、形式感強的UI/UX視覺特點。增加鮮明高對比的顏色,創建富有表現力的外觀,而不會分散用戶的注意力。獨特創新的融合於畫面並不拘一格,體現出商業中的樂趣。

 

譬如說:試著使用抽象幾何地圖的設計,取代網站上的傳統地圖,觀看者肯定會記住您的位置。

 

下篇請看此連結

 

 

 

 

推薦文章:
隱私是基本人權!蘋果新功能「App 追蹤透明度」


Google 加強隱私,讓你快速刪除15 分鐘內搜尋紀錄


Google 為保護隱私,棄Cookie 卻改用人工智慧?


Facebook 開源Python 語言的安全與隱私工具Pysa


擔心線上開會太邋遢?AI神救援讓你形象超完美(上)


憂鬱症掰掰,人工智慧快速判別及早治療!


軟404讓你SEO成效不彰?放心,谷歌正著手處理中!

 

7個UI/UX基本設計掌握好,電商轉換率優化沒煩惱!(下)

7個UI/UX基本設計掌握好,電商轉換率優化沒煩惱!(下)
7個UI/UX基本設計掌握好,電商轉換率優化沒煩惱!(下)

掌握這7個UI/UX的設計原則,優化電商轉換率並非難事!(下)

 

本文為下篇,上篇請看此連結

 

5. 按鈕在版面上的順序位置

循序漸進的按鈕順序就像是使用者和系統之間的對話,在 UI /UX設計的過程中,不斷反問自己或換位思考,使用者點選按鈕的步驟,會希望達成什麼目的,並進行相對應的設計。譬如說:上一頁/下一頁的按鈕,左右方向的箭頭按鈕是常見呈現方式。

 

 

6. 避免過多的按鈕分散注意力

為了能夠增進 UX 使用者體驗,會在同個頁面上增加各式各樣的按鈕,一不小心數量會比預期來得多,便會產生分流降低點擊率。譬如說:如果主要目的是想讓使用者點選頁面下載按鈕,使用者可能會因為點選其他連結而離開頁面。盡量將用於引導的選單與分類選項的按鈕樣式區隔開,以確保使用者點選到目標按鈕。

 

 

7. 加入音效或動畫產生互動

藉由人的五官體驗,在按鈕的設計上傳達聲音與動態效果就能更加深使用者的體驗,試著營造出如同按鈕圖示呈現的舒適情境,當使用者點選時,產生音頻或視頻響應式的回饋。如果使用者未接收到任何回饋時,通常會認為系統沒有接收到指令,而不斷的重複點選,便會導致多次不必要的操作。

 

方便點選的按鈕還有許多值得探討的 UI 設計技巧,以上所述的7個基本要點常用也可以說是最容易忽略的一部分。優化按鈕設計的各種細節,探索各個細節對目標的點選,更能夠達成自己所理想的轉換成效哦。

 

 

 

 

 

 

 

推薦文章:
隱私是基本人權!蘋果新功能「App 追蹤透明度」


Google 加強隱私,讓你快速刪除15 分鐘內搜尋紀錄


Google 為保護隱私,棄Cookie 卻改用人工智慧?


Facebook 開源Python 語言的安全與隱私工具Pysa


線上會議不卡卡,人工智慧讓你給你超優質體驗!(上)


影片也要SEO?!15種方法讓你在GOOGLE前幾名!(上)


經典遊戲大升級!AI打造出史上最難玩俄羅斯方塊!

 

7個UI/UX基本設計掌握好,電商轉換率優化沒煩惱!(上)

7個UI/UX基本設計掌握好,電商轉換率優化沒煩惱!(上)
7個UI/UX基本設計掌握好,電商轉換率優化沒煩惱!(上)

掌握這7個UI/UX的設計原則,優化電商轉換率並非難事!(上)

 

目錄

1. 互動式的按鈕設計

2. 方便搜尋版面上的按鈕位置

3. 指令清楚的按鈕標示與說明

4. 符合使用者習慣的尺寸大小

5. 按鈕在版面上的順序位置

6. 避免過多的按鈕分散注意力

7. 加入音效或動畫產生互動

 

按鈕在網站上出現的頻率是相當高的,如同實體店面的動線,協助顧客快速找到目標。隨著線上的商業發展蓬勃,網站設計上開始重視使用者觀看版面的體驗(UX),如何藉由按鈕的佈局轉換為交易,並進一步提升營收將是本次的主題。

 

雖然現今的網站美輪美奐,還是會存在配色違和、無法找到搜尋功能或資訊不知所云的情況。隨著響應式網頁設計(Responsive Web Design,簡稱 RWD)的普遍,改善同時在手機、iPad與電腦不同裝置顯示問題,在版面中搭建使用者與系統之間的互動操作流程,仍不能缺少按鈕作為基礎視覺元素。

 

按鈕的設計不只是簡單的一個圖示,任何讓我們感到舒適方便的操作,都是有規律可循的。UI/UX 設計過程嘗試揣摩使用者心理,加入外觀美學、色彩學等知識創建而成,分成以下7個基本要點說明:

 

1. 互動式的按鈕設計

建立按鈕需要使用正確的樣式,依照按鈕產生的狀態設計不同外觀,包含:大小、形狀、顏色、陰影等因素組成,再搭配上合適的字體與間距,藉由簡單的觸控、按下去即可達到目的,讓人享受到即時的強烈滿足感。

 

線上虛擬按鈕的視覺性,來自接觸實體按鈕的體驗和認知根深蒂固,UX 使用者體驗塑造出的習慣行為和文化影響著設計的直觀性和易用性。

 

以下是大多數用戶熟悉的幾個按鈕示例:

1. 帶有方形邊框的按鈕

2. 帶圓角的按鈕

3. 帶陰影的按鈕

4. 幽靈按鈕

 

 

除了容易點選的按鈕樣式,保持與周遭文字適當的留白避免視覺干擾。

 

 

 

2. 方便搜尋版面上的按鈕位置

使用者閱讀內容的同時,會搜尋版面可點選的功能按鈕,比如:下一頁、產品介紹等,如果使用者在視覺上尋找的時間愈久,若找不到按鈕,便不會知道它的的存在,愈容易感到網站不好使用。

 

為了和使用者不要玩追逐按鈕的遊戲,因此使用一致性的排版設計,便會提高使用者的發現的效率與準確度。普遍於環環相扣的傳統標準佈局,足夠的留白與簡潔使版面不會太擁擠,即使不是強烈鮮明的按鈕,依然隨著閱讀動線吸引使用者輕鬆的點選。

 

3. 指令清楚的按鈕標示與說明

帶有誤導性資訊的按鈕標示,容易讓使用者感到迷惑。設計標示按鈕文字時,為了傳達出每個按鈕的作用,便需要簡短、有邏輯且適當的文字,讓使用者清楚了解點選按鈕後的結果,盡快獲得自己想要的內容,太拐彎抹角的說明只會讓使用者跟內容之間的距離變得更遠。

 

比如下列案例

 

 

不明白此對話框中的“確定”和“取消”代表什麼。大多數使用者只會疑惑“當我點選‘取消’會發生什麼事?”

 

 

與其按鈕標示“OK”,不如使用“Remove”,清楚的表達按下去後會發生的事情。如果“刪除”是一個潛在的危險操作,可以使用強烈的顏色來提醒。

 

4. 符合使用者習慣的尺寸大小

按鈕圖示讓 UI 觸控尺寸大於可視尺寸,確保互動可靠性,按下按鈕應該是一個簡單的任務,如果使用者無法成功地輕點按鈕,或在操作過程中感到無所適從,這會帶來負面的體驗,並且浪費時間。

 

按鈕的大小反應著在屏幕上優先順序,愈是優先的重點便會是愈大的按鈕表示,或是使用更鮮明的對比色來凸顯,藉此增加使用者的注意力。而在操作 UI 使用者介面過程中,按鈕需考慮對使用者觸控的友好度,按鈕太小,往往導致會有輸入錯誤的情況發生。

 

 

 

 

 

麻省理工學院觸控實驗室的研究發現,指尖的平均值在 10-14 mm之間,指尖為 8-10 mm。這使得 10mm x 10mm 成為合適的最小觸控尺寸。

 

 

 

下篇請看此連結
 

 

推薦文章:
隱私是基本人權!蘋果新功能「App 追蹤透明度」


Google 加強隱私,讓你快速刪除15 分鐘內搜尋紀錄


Google 為保護隱私,棄Cookie 卻改用人工智慧?


Facebook 開源Python 語言的安全與隱私工具Pysa


會say no的人工智慧?!美打造辯論談判高手AI!


憂鬱症掰掰,人工智慧快速判別及早治療!


經典遊戲大升級!AI打造出史上最難玩俄羅斯方塊!

掌握好谷歌索引網頁訣竅!SEO就可以更有效率!

掌握好谷歌索引網頁訣竅!SEO就可以更有效率!
掌握好谷歌索引網頁訣竅!SEO就可以更有效率!

SEO要做好,首先你要先了解網頁是如何被谷歌索引!

 

目錄

1. 要花多久時間,新網頁才會被 Google 索引(indexed)?

2. 網站被 Google 索引,就等於被納入排名嗎?

3. 是否能確保我的網頁被 Google 索引?

4. Google 會避免索引哪些內容?

5. 如何加速我的網頁被 Google 索引?

6. 結論:網站品質才是王道

 

網頁沒被索引,就不會出現在搜尋結果,更不會有排名!所以網頁上線後,SEO 第一步就是讓自己的網頁被索引。那要讓 Google 索引我的網頁,需要多久時間?SEO 要怎麼做才會讓自己的網頁更快被索引?

 

Google 的搜尋關係代表(search relations representative,翻成白話文就是 Google 搜尋功能的窗口)John Mueller 日前針對一個問題「新網頁的 SEO 需要多久時間?(how long does SEO take for new pages?)」公佈了回答影片,如下所示:

 

 

John Mueller 以他的經典答案「視情況而定(it depends)」作為起頭,但是之後他也深入問題中的細節並回答:

 

要花多久時間,新網頁才會被 Google 索引(indexed)?

「要讓新網頁、或是更新內容的網頁被 Google 索引,往往需要花上『數個小時到數月』的時間」John Mueller 說。但是有時會因網頁本身存在的技術問題、或是 Google 爬蟲機器人(GoogleBot)忙著做其他的事(像是索引其他「更重要」的網站等),而且需要花更久時間來收錄你的網頁。

 

所以網頁被 Google 索引的所需時間會有所不同。像是新聞網站只在「數分鐘」之內,就能夠被 Google 收錄索引。

 

網站被 Google 索引,就等於被納入排名嗎?

網頁被 Google 索引,並不真的代表它一定會被納入排名。

Google 公佈了各種免責聲明:表示強制將某些內容被索引,並不表示該頁面會突顯在 Google 搜尋中。

 

是否能確保我的網頁被 Google 索引?

無法絕對保證你的網頁一定會被 Google 索引、也無法保證 Google 會索引網路上的所有內容。

事實上,不管是 Google 還是其他的搜尋引擎,都不會索引網路上的很多內容。

 

Google 會避免索引哪些內容?

Google 會盡可能不索引重複的、鏡像的內容,也會避開無用的、或是URL 帶有「無價值的網址參數」 等。

 

如何加速我的網頁被 Google 索引?

Google 官方列出了一些方法,有助於網站能盡快被 Google 索引:
1. 讓伺服器、網站的速度更快,以防止伺服器超載。
2. 以更顯眼的方式設定新網頁的連結:你可從網站首頁設連結到這些頁面。
3. 避免在網站上使用不必要的 URL,例如無限滾動日曆的 URL、分類頁面的篩選器等
4. 使用像 sitemap(針對個別網頁的 URL 檢查工具)的網址提交工具。

 

結論:網站品質才是王道

為了確保你的網站在技術、內容等方面都擁有好的品質,才會有機會被 Google 優先收錄至索引,並排名在較低品質的網站前面。就像是 Google 所說:最重要的是,要讓網站變得「棒極了(fantastic)」——一個聽起來容易、執行起來卻困難重重的詞彙。

 

 

 

 

 

推薦文章:
SEO殺手-404與轉址式404錯誤(軟性404)解決方法


「恐怕會助長歧視」WordPress 與多家瀏覽器對 Google FLoC 喊停!


Google更新影片SEO!讓影片搜尋最佳化的15種方法(上)


Google更新影片SEO!讓影片搜尋最佳化的15種方法(下)


IC晶片只需6小時就能搞定?!原來最大功臣是AI!


人工智慧”虛擬電廠”,就算臨時停電也不怕!


高手必學SEO關鍵字(3)-關鍵字挑選五步驟

軟404讓你SEO成效不彰?放心,谷歌正著手處理中!

軟404讓你SEO成效不彰?放心,谷歌正著手處理中!
軟404讓你SEO成效不彰?放心,谷歌正著手處理中!

還在擔心軟404影響你SEO的成效嗎?不用擔心,谷歌已經開始介入處理囉!

 

 

目錄

1. 軟 404 是什麼?

2. 「軟 404」的處理,將依桌機或手機而有所不同

2-1. 所造成的問題

2-2. 到底是怎麼一回事

3. 放心!Google 正在修復錯誤

 

Google 的 John Mueller 七月九日證實 Google 改變處理「軟 404」檢測和分類的方式:Google 將依設備類型查看網站中的每個頁面,並可能將同一個 URL,依行動裝置和桌上型電腦上進而分配不同的軟 404 分類。詳情如以下的影片的第 22 分鐘開始:

 

軟 404 是什麼?

軟 404」代表的是網頁返回的 HTTP 狀態代碼為 200 (代表網頁一切正常),但是實際上該網頁並沒有載入內容或無法被找到,而應該回傳 404 「頁面不存在」的狀態。 當這種情況發生時,Google 會將這些頁面標記為「軟 404」,並且將此 URL 視為真正的 404 頁面、不將該頁面編入索引。想要更深入了解軟 404 對 SEO 造成的影響,請看此篇

 

「軟 404」的處理,將依桌機或手機而有所不同

而今天 Google 說他們處理軟式 404 分類的方式改為「按設備類型」來查看 URL 。所以如果 Google 看到一個 URL 並透過桌上型電腦訪問其 URL,然後再使用行動裝置訪問同一個 URL 的話,有可能是因為桌上型電腦而非行動裝置回傳「軟 404」。簡單來說,Google 不只依照 URL 來檢測軟 404 狀態,現在也依設備種類而有所不同。依據國外 SEO 媒體的報導,這些改變其實早在一個月前就發生了⋯⋯

 

所造成的問題

當 SEO 注意到以下兩件事之一時,問題就浮現出來了:

使用 Google 搜尋引擎進行查詢時,發現 Google 沒有索引該頁面

SEO 在 Search Console 中看見「軟 404」錯誤大幅增多,但在 Google 搜尋引擎卻沒有看到問題

 

到底是怎麼一回事

一個網頁在行動裝置中可以正常返回,並且不會在 Search Console 中顯示軟 404 錯誤。 Google 僅顯示基於行動裝置所抓到的軟 404 錯誤,因此若一個網頁能在行動裝置上正常運作的話,Search Console 就不會顯示錯誤——但 Google 可能會為同個頁面的桌機版本顯示軟 404 錯誤。在這種情況下,當你在桌上型電腦的 Google 搜尋時,可能就看不到這些頁面被編入索引並出現在搜尋結果中。 同時,Search Console 也會顯示一切正常——但僅限於行動裝置,在桌機上就不正常了。

 

放心!Google 正在修復錯誤

Google 團隊現在正在致力於改善軟 404 分類的問題。如果你也在一個月前開始,開始注意到你網站的軟 404 錯誤大幅增加的話,則可能與這項改變有關。 請務必向 Google 提出問題、列出存在此問題的 URL,未來 Google 可望為你解決。 因為此次的變動可能會影響你網站的 SEO 成效,你可以至 Google Search Help Community 描述所遇到的問題,或是⋯⋯透過 Twitter 直接反映給 Google 的 John Mueller(@johnmu)。

 


參考資料:

https://searchengineland.com/google-now-does-soft-404-detection-by-device-type-350321

https://www.seroundtable.com/google-soft-404-31727.html

 

 

 

 

推薦文章:
SEO殺手-404與轉址式404錯誤(軟性404)解決方法


「恐怕會助長歧視」WordPress 與多家瀏覽器對 Google FLoC 喊停!


Google更新影片SEO!讓影片搜尋最佳化的15種方法(上)


Google更新影片SEO!讓影片搜尋最佳化的15種方法(下)


掌握SEO關鍵字有妙招(一)-關鍵字分類篇


擁有”超能力”不是夢?!臉書新推AR手腕感測器辦到了!(上)


人工智慧超強大,讓你線上會議超順暢!(下)

想當Google熱搜影片?15種方法讓你SEO成效翻倍!(下)

想當Google熱搜影片?15種方法讓你SEO成效翻倍!(下)
想當Google熱搜影片?15種方法讓你SEO成效翻倍!(下)

掌握好這15種方法就可以讓影片google搜尋排行前面哦!那還不趕緊來試試!(下)

 

目錄

1. 允許 Google 擷取影片內容檔案

1.1 6. 以支援的檔案格式提供

1.2 7. 避免阻擋搜尋機器人

1.3 8. 確認頻寬

14 9. 建立固定 URL

2. 啟用 Google 特定的影片搜尋功能

2.1 10. 影片預覽

2.2 11. 重要時刻

2.3 12.  直播標記

3. 被判定成敏感內容怎麼辦?!

3.1 13. 移除影片的搜尋結果:

3.2 14. 依使用者的位置不同,顯示不同的影片搜尋結果:

15. 若有成人內容,最好針對安全搜尋進行設定:

 

上篇介紹了幾項影片搜尋 SEO 的方法,這次我們將繼續介紹如何讓影片搜尋最佳化!

 

允許 Google 擷取影片內容檔案

允許 Google 擷取影片檔案本身十分重要,因為如果沒有事先設定好,即使將影片編入索引中,還是無法讓「影片預覽」或「重要時刻」等功能顯示在搜尋結果中。想要允許 Google 擷取影片可以參考以下作法:

 

6. 以支援的檔案格式提供

例如:MOV、MP4、MPEG、WMV……等等。

 

7. 避免阻擋搜尋機器人

避免使用 noindex 標記或 robots.txt 檔案等方式封鎖影片內容網址或網域,這會讓 Google 無法擷取影片的檔案。

 

8. 確認頻寬

確認所選擇的網站主機代管​以及實際處理影片的伺服器擁有實際的頻寬,才不會在 Google 嘗試讀取影片時超過負荷。

 

9. 建立固定 URL

為影片與縮圖建立穩定的網址,免得因為網址過期、更動或失連而導致無法順利查找。

 

啟用 Google 特定的影片搜尋功能

上一篇我們提過幾個名詞,如「影片預覽」、「重要時刻」等,這些都是 Google 為搜尋使用者提供的「摘要」,能讓人對影片有個基本認識、預先了解是否有自己想要的資訊等,和沒有摘要的影片比起來,這樣更能夠讓人想點開影片。

 

這些功能各有什麼效果呢?要如何才能有效顯示?

 

10. 影片預覽

為了讓使用者對影片有初步了解,Google 會將影片中的幾秒擷取出來當作動態預覽。只要允許 Google 擷取的影片,就能使用這項功能,也可以使用 max-video-preview  指令,來設定你希望提供預覽的時間上限喔。

 

11. 重要時刻

這一項功能,就像是在看書時能在目錄中看到章節的標題、在第幾頁一樣,現在 Google 也能在搜尋結果中看到,從幾分幾秒開始是怎麼樣的章節、各章節時間長度等等。

 

不用特別設定,系統就會自動偵測內容與分段,也可以透過提供結構化資料來自行設定每個片段開頭跟結束的時間、要放上什麼標籤。

 

而如果是上傳到 Youtube 的影片,只需在說明欄中標記時間、標籤,就能夠自動產生了。

 

12.  直播標記

有的時候你會想要透過實況的方式,和觀眾、粉絲們有最即時的互動,這時如何讓大家知道你正在直播就非常重要了!

 

可以在結構化資料中提供你的直播預計開始時間、結束時間等資訊,如此一來當你在直播時,就能夠將你的實況在搜尋結果中貼上「LIVE」的紅色貼紙。

 

在網路上搜尋的意象圖,圖片來源:storyset.com

 

被判定成敏感內容怎麼辦?!

有時會發生影片被判定為內容錯誤、有比較敏感的內容或是版權問題等狀況,此時需要將影片設定為不會被搜尋到,或是排除特定地區、年齡的使用者,這是為了保護網站中的其他內容,避免被預防性歸為敏感內容,導致整個網站的曝光度都受到影響。

可參考以下方式:

13. 移除影片的搜尋結果:

利用網頁中的 HTML 回傳 404 (Not found)狀態碼,或是將目標影片從索引中移除,亦可在結構化資料中指定到期日,如此一來,你的影片就不會被放在搜尋結果當中。

 

14. 依使用者的位置不同,顯示不同的影片搜尋結果:

在使用結構化資料描述影片時,能夠設定不同區域能見度的屬性,也可以從影片  Sitemap 的標記中設定是否要出現在特定國家、地區的搜尋結果中。

如果是沒有預先設定的話,所有區域的使用者都能搜尋到這部影片。

 

15. 若有成人內容,最好針對安全搜尋進行設定:

有些使用者因年齡不足或是本身並不想看到煽情露骨內容,便會開啟安全搜尋的設定,這樣便能夠避免在 Google 搜尋結果中出現不想看到的圖片、影片和網站。

 

如果你的網站或影片有成人內容相關的元素,Google 會建議將其標上標記,並且要與其他全年齡向的影片有所區隔,才不會讓安全性演算法為了避免漏網之魚,而將整個網站的內容與影片都判定為敏感內容哦。

 

 

 

 

推薦文章:
【SEO關鍵字研究教學1】關鍵字分類篇


【SEO關鍵字研究教學2】冷門的長尾關鍵字篇


【SEO關鍵字研究教學3】關鍵字挑選五步驟


網站核心指標5月將成SEO排名因素!LCP,FID,CLS詳解與優化方式


0經驗大叔自學Python,寫出AI讓雀巢愛不釋手?!(上)


農牧業大升級就靠人工智慧-畜牧業篇


人工智慧大凸槌!臉書AI認為洋蔥太性感?!乳癌文宣太色情?!

想當Google熱搜影片?15種方法讓你SEO成效翻倍!(上)

想當Google熱搜影片?15種方法讓你SEO成效翻倍!(上)
想當Google熱搜影片?15種方法讓你SEO成效翻倍!(上)

掌握好這15種方法就可以讓影片SEO成效翻倍!那還不趕緊來試試!(上)

 

目錄

1. 協助 Google 找到您的影片

1.1 1. 公開影片:

1.2 2. 為影片加上適當的 HTML 標籤:

1.3 3. 提交影片 Sitemap:

1.4 我是採用第三方內嵌播放器,怎麼辦?

2. 確保影片能編入索引

2.1 4. 提供高畫質的縮圖:

2.2 5. 提供結構化資料:

 

SEO(Search Engine Optimization),最主要代表是指根據搜尋引擎的規則運作、無須付費買廣告就能夠自然排序在搜尋結果最前位,增加能見度的方法。當使用者主動搜尋關鍵字,大部分也就代表著感興趣,而人們往往都只會點擊前幾項搜尋結果,因此搜尋結果第一名可以說是兵家必爭之地。每日,都有上億的網友搜尋各種與新聞、美食、娛樂等等主題的相關內容,而且越來越多人喜歡透過影片來接收資訊。

 

比起一篇文章,影片給人的感覺更有溫度、娛樂性更高、接收訊息的門檻也更低,因此除了網站排名之外,「影片」類 SEO 的重要性可說是與日俱增。

 

如果希望你的影片獲得更多的聲量與關注,就必須時時掌握如 Google 等主要搜尋引擎的脈動,如果搜尋引擎的演算法則有更新,就會使原本的搜尋結果排名發生變化,對流量的影響不容忽視。掌握 Google 搜尋排序背後的「潛規則」,才能讓影片被演算法則所青睞!

 

Google 的新影片 SEO 多了哪些重點呢?我們將分成上下篇,為大家詳細介紹。

 

協助 Google 找到您的影片

首先最重要的就是影片本身要讓使用者好找之外,也必須要讓 Google 好找!

 

1. 公開影片:

確保影片位於公開的網頁,而且使用者不需要經過複雜的操作,即可載入影片,這樣除了方便 Google 找到之外,也能讓使用者更簡單的觀看影片。

 

2. 為影片加上適當的 HTML 標籤:

一份 HTML 文件中會有許多標籤 (tag),不同的標籤表示不同語意(semantic)內容的區塊, 如果加入如 <video>、<embed>、<iframe> 或 <object> 等HTML 標籤,可以讓 Google 更輕易辨別。

 

3. 提交影片 Sitemap:

Sitemap 常常翻譯為「網站地圖」,就像是網站的目錄,將站內所有頁面依分類呈現。而影片 Sitemap 與一般 Sitemap 一樣,只是主要索引的是影片類型的內容。可以選擇專為影片建立一個 Sitemap,也可以在現有的 Sitemap 中嵌入影片  Sitemap。

 

另外要特別注意的是,提交 Sitemap 前得先在「Google Search Console」中新增並驗證你的網站。

Google Search Console 示意圖。Photo by Myriam Jessier on Unsplash

 

我是採用第三方內嵌播放器,怎麼辦?

有些人會使用 YouTube、Vimeo 或 Facebook 等平台來存放影片,再嵌入到網站中。

 

如果你是使用這種方法,還是可以提供結構化資料,或將網頁放入影片 Sitemap 中,來協助 Google 瞭解影片的內容。不過,也需要留意所使用的平台是否支援 Google 。

圖片來源:Google Developers。

 

確保影片能編入索引

4. 提供高畫質的縮圖:

一張好的影片縮圖能夠大大吸引觀眾,同樣的,高品質縮圖也能吸引到 Google 演算法。

 

怎麼樣能被 Google 判定為「高品質」呢?可以透過 HTML 標記、在影片 Sitemap 中指定或在結構化資料中設定;也可以允許 Google 直接擷取影片內容,讓 Google 來自動產生縮圖。

 

如果沒有設定好的話,即使網頁已編入索引,也只會顯示藍色字體的一般連結而已。

 

5. 提供結構化資料:

結構化資料是用來描述影片的相關資訊,讓 Google 能了解影片相關內容並在查詢結果中展示,其中包含了說明、縮圖網址、上傳日期、重要時刻和時間長度等資訊,這些摘要都可以讓搜尋結果更一目瞭然喔!

 

除了這幾項重點之外,還許多方法能讓你的影片 SEO 優化,我們將在下篇為大家一一介紹!

 

 

 

推薦文章:
【SEO關鍵字研究教學1】關鍵字分類篇


【SEO關鍵字研究教學2】冷門的長尾關鍵字篇


【SEO關鍵字研究教學3】關鍵字挑選五步驟


網站核心指標5月將成SEO排名因素!LCP,FID,CLS詳解與優化方式


超高效率!人工智慧客服讓企業克服都說讚!


人工智慧也能當替身演員?!演技直逼奧斯卡水準?!


面臨展示型購物廣告停用的困境,SEM從業者該如何接招?

JavaScript初階課程-分辨遞增和遞減運算子

JavaScript初階課程-分辨遞增和遞減運算子
JavaScript初階課程-分辨遞增和遞減運算子

想了解JavaScript的基礎嗎?你可以先從分辨遞增和遞減運算子這邊著手哦!

 

目錄

1. 遞增運算子(++)

2. 遞減運算子(–)

JavaScript 的兩組運算子「遞增(++)」與「遞減(–)」可以針對指定的數值進行「加1(遞增)」與「減 1(遞減)」的運算。

 

遞增運算子(++)

JavaScript中,遞增運算子可以對數值進行「加1(遞增)」的運算。當置於運算元前方,就會優先執行運算,因此獲得的值是遞增過的值;假設配置於後方則是先取值後運算,會先得到運算元本身的值後才加 1。如以下例子所示:

    var x = 10,y = 10;     var a = ++x,b = y++;     console.log(a,x);     console.log(b,y);

 

前置運算會先完成遞增運算後再設值。因此 x 完成遞增運算結果為 11 後,再設值給變數 a。因此 a 的值為 11、x 的值也為 11;而後置運算會先設值後再完成遞增運算。因此 y 會先設值給 b 原本的值 10,再完成遞增運算。因此 b 的值為 10、x 的值為 11。

 

遞減運算子(–)

而在JavaScript中,遞減運算子能對數值進行「減1(遞減)」的運算。當置於運算元前方,就可以優先執行運算,因此得到的值是遞減過的值;如果配置於後方則是先取值後運算,則會先得到運算元本身的值後才進行遞減運算。如以下例子所示:

    var x = 10,y = 10;     var a = –x,b = y–;     console.log(a,x);     console.log(b,y);

 

前置運算會先完成遞減運算後再設值。因此 x 完成遞減運算結果為 9 後,再設值給變數 a。因此 a 的值為 9、x 的值也為 9;而後置運算會先設值後再完成遞增運算。因此 y 會先設值給 b 原本的值 10,再完成遞增運算。因此 b 的值為 10、x 的值為 9。

 

 

 

 

推薦文章:
網站核心指標5月將成SEO排名因素!LCP,FID,CLS詳解與優化方式


SEO快訊-Google放寬Search Console網站使用體驗核心指標的標準


SEO快訊-Google 搜尋可能會更少顯示「精選摘要」


SEM快訊-Google Ads將於四月停用展示型購物廣告


是哪十個Python函式庫榮登2020年最好用?(一)


上對PYTHON課程就能無痛轉行?!文科生成功當上工程師!


人工智慧”MuZero”超強大,下棋.玩遊戲樣樣精!(上)

高手必學SEO關鍵字(3)-關鍵字挑選五步驟

高手必學SEO關鍵字(3)-關鍵字挑選五步驟
高手必學SEO關鍵字(3)-關鍵字挑選五步驟

身為SEO高手的你,一定要知道關鍵字挑選五步驟究竟有哪些哦!(3)

 

目錄

  1. 挑選關鍵字的原則

1-1. 第一步、從消費者需求出發,發想、分類關鍵字

1-2. 第二步、參考 Google 搜集關鍵字

1-3. 第三步、使用付費 SEO 工具來查找競品關鍵字(可省略)

1-4. 第四步、檢查關鍵字的搜尋量

1-5. 第五步、定期確認當下排名

 

在「【SEO關鍵字研究教學1】關鍵字分類篇」提到要依照網站的性質,進而挑選出合適類別的關鍵字來優化:例如電商網站就優化電商型的關鍵字;內容型網站就優化內容型的關鍵字。至於該如何搜集關鍵字並從中挑選合適的,本篇會一一說明。

 

挑選關鍵字的原則

SEO 挑選關鍵字的首要原則是此字必須與公司的產品/服務有關聯,且是要有搜尋量的。另外,電商網站最好挑選電商型關鍵字操作、內容型網站/blog 就優化內容型關鍵字,也別花時間在優化其他廠商的導航型關鍵字上。以下簡介關鍵字挑選的五步驟:

 

第一步、從消費者需求出發,發想、分類關鍵字

消費者會搜尋一個關鍵字,代表他有這方面的需要(廢話)。例如會搜尋「洗衣機」、「滾筒洗衣機」、「變頻洗衣機」等字的人,就代表他有「顯性」的購買需求(洗衣機)。但是也有另一群有相同購買需求的人會以心中的潛在需求(例如心中的疑問、或是選購問題等)來搜尋,像是「洗脫烘」、「衣服打結」、「洗衣機變頻好還是定頻好」等關鍵字來搜尋。SEO 在規劃網頁時,就可以依據產生關鍵字行為是基於「顯性需求」還是「潛在需求」來配置網頁:

 

如上述的「洗衣機」例子,假設是基於「潛在需求」而產生的關鍵字(如「洗脫烘」、「衣服打結」、「噪音」、「省水」等字詞)就可配置出類似心理測驗的箭頭圖表網頁:使用箭頭圖表或問卷的模式,請消費者選出買洗衣機時的疑慮,最後幫助消費者解決問題、選到最合適的洗衣機種類,順便曝光產品。

 

若是基於「顯性需求」而產生的關鍵字(如「滾筒洗衣機」、「直立式洗衣機」、「定頻洗衣機」、「變頻洗衣機」等字詞),就單純以產品介紹頁為優化目標即可。

 

第二步、參考 Google 搜集關鍵字

除了依據使用者的搜尋意圖來發想關鍵字之外,SEO 還可以參考 Google 搜尋框與相關搜尋的建議(如下圖)來搜集關鍵字。假如過去曾經投過 Google 關鍵字廣告,也可參考過去的曝光數來搜集關鍵字。

SEO 可參考 Google 搜尋框與相關搜尋的建議、CPC 廣告的曝光數來搜集關鍵字

 

第三步、使用付費 SEO 工具來查找競品關鍵字(可省略)

「知己知彼,百戰百勝」。假設預算充足,或許可以購買付費的 SEO 工具,像是 Ahrefs 與 SimilarWeb 等工具,只要輸入競爭對手的 URL 即可得知他們有針對哪些關鍵字做優化,挑選合適的關鍵字列入自己的關鍵字口袋名單吧!

SEO 工具 SimilarWeb 擁有分析競爭對手網站所優化的關鍵字的功能(取自 SimilarWeb 官網)

 

第四步、檢查關鍵字的搜尋量

假設沒有預算,也可以使用如免費版 SEO 工具 Ubersuggest 來查找單個關鍵字的月均搜尋量,不過請記得在「Language / Location」的欄位選擇你的網站要曝光的語言 / 地區。而付費的 SEO 工具如 AhrefsSEMrush 等可以查找的關鍵字又更多囉!(注意:不同廠牌工具的數據都不盡相同)

使用 SEO 工具 Ubersuggest 免費版來查找單個關鍵字的月均搜尋量

 

此目的是讓你從口袋名單中先剔除掉月均搜尋量過少、甚至是零的關鍵字,以免你花時間在一個幾乎沒有人搜尋的關鍵字上。

 

注意:任何工具提供的數據皆屬於預估值。假如你要操作的關鍵字搜尋量為 1000,實際你會獲得的流量不會是 1000。搜尋量只會做為參考使用,目的是比較關鍵字月搜尋量的相對高低。

 

第五步、定期確認當下排名

SEO 把前四個步驟所搜集、精選出的關鍵字做優化。過了一段時間(如一個禮拜)後可驗證目標網頁在該關鍵字上的排名,並且針對表現較不好的關鍵字做優化。對於筆者來說,只要是排名在第 11-50 名內的頁面,都還有優化的空間。

 

至於查詢平均排名的 SEO 工具,筆者首推 Ahrefs — 不但能看出月均排名,也可直接得知此關鍵字的月均流量。倘若預算有限的話,可以選擇免費的 Google Search Console。關於如何提交自己的網站至 Google Search Console,於下一章就會有圖解做說明。

 

 

 

推薦文章:
網站核心指標5月將成SEO排名因素!LCP,FID,CLS詳解與優化方式


SEO快訊-Google放寬Search Console網站使用體驗核心指標的標準


SEO快訊-Google 搜尋可能會更少顯示「精選摘要」


SEM快訊-Google Ads將於四月停用展示型購物廣告


人工智慧預測疫情走向!竟比專業更精準?!(上)


未來不用在驚惶!選對PYTHON課程讓你當上竹科工程師!


榮登前十個神級好用的Python函式庫,你知道幾個?(1)