撰寫高品質Alt Text

你知道嗎?Google的搜索引擎對某個搜索請求所反饋的圖片結果跟文本結果在結果頁 (SERP) 的佔比中不相上下。通常搜索引擎會在提供文本搜索結果(如網頁標題,超連結及內容)之前先將大量可點擊的圖片拉到搜索引擎結果頁的頂部供你參考。所以對於致力於優化網站在搜索引擎裡的排名的你就要注意了!忽略了Alt Text 的重要性可能是你正在失去自然流量背後的原因。那要如何從這些寶貴的流量中分得一杯羹?我的答案是:注重Alt Text!

文章綱要:

1. 什麼是Alt Text?

2. 錯誤以及高品質Alt Text的範例

3. 撰寫Alt Text的技巧

4. 如何透過Strikingly為圖片添加Alt Text?

5.文章總結


1. 什麼是Alt Text?

你知道什麼是Alt Text嗎? Alt Text是一種超文本標記語言(HTML) 程式碼,用於描述網頁上的圖像。 給圖片添加適合的Alt Text是網頁可訪問性的最基本原則,搜索引擎爬蟲會透過它來索引圖片。Alt Text將提供內容讓螢幕閱讀器向視障讀者描述圖像,並允許搜索引擎更有效地抓取和引導瀏覽者到你的網站。但是同時,Alt Text也是最難被正確實施和運用的搜索引擎優化方法之一。網際網路上有著成千上萬張帶有不完整資訊或錯誤Alt Text的圖片,你需要確保你的圖片不會成為它們之中的一員。這篇文章將為你提供關於高品質Alt Text的撰寫技巧和它的重要性。

許多品牌企業和電商在架設商業網站時,都會在網站內容裡增添圖像來搭配他們的文字。比如你是一位攝影師,當你想要架設一個攝影網站或當你在寫部落格文章時,你就需要在內容裡加入你的攝影作品,並為其添加合適的Alt Text,幫助你的網站在搜索引擎裡提高排名,被更多人看見。

Alt Text的用途:

• 為圖像添加Alt Text將幫助螢幕閱讀器向視障讀者描述圖像以幫助他們理解它。

• 當圖像文件無法被正確加載時,Alt Text將顯示在其位置。

• Alt Text也為搜索引擎爬蟲提供更好的圖像上下文/描述,幫助他們正確索引圖像。

2. 撰寫Alt Text的技巧與範例

範例一:

撰寫高品質Alt Text範例一

圖片取自Strikingly產品

比如上面這張圖片,你會如何為它添加Alt text呢?

錯誤的Alt Text:“這是Strikingly主頁,點擊註冊並在幾分鐘內架設一個網站,趕快加入吧,它是免費的!”

當你為圖片添加Alt Text時絕對要注意用詞,不要模糊關鍵字,不要使用冗長的斷句,那將使你的描述變得沒有意義。廣告商才重視這些關鍵字,但搜索引擎不會。 實際上,上面的文字會使搜索引擎難以理解圖像與網站的其餘部分或它所在的文章之間的關係。

高品質的Alt Text:“Strikingly網站架設器的登入頁面”

範例二:

撰寫高品質Alt Text範例二

圖片取自in.musafir.com網站

那這一張呢,你又會如何為它添加Alt text?

錯誤的Alt Text:“在巴黎的狗”

雖然上面的Alt Text邏輯上遵循了第一條撰寫規則,即簡短和突出關鍵詞,但它依然是錯誤的。是的,上圖描繪的確實是巴黎和一隻狗。但你可以為圖像增加關鍵點呀!比如這是巴黎埃菲爾鐵塔前,狗是一隻吉娃娃。如果這張圖片出現在一篇關於去法國旅行的部落格文章上,那搜索引擎將需要這些詳細信息來正確索引它。

高品質的Alt Text:“吉娃娃狗狗坐在巴黎埃菲爾鐵塔前的紅色椅子上”

範例三:

撰寫高品質Alt Text範例三

圖片取自Unsplash

Alt Text的好壞也可以取決於你使用它的原因,比如上面這張圖片。想像這是一張將會出現在會計網站裡的圖片並為其添加Alt Text.

錯誤的Alt Text:“男人在電腦螢幕前”

高品質的Alt Text:“會計師使用會計軟體”

而同樣的圖片如果將會出現在學校的部落格文章裡,你又該如何為其添加Alt Text呢?

錯誤的Alt Text:“男人在電腦螢幕前”

高品質的Alt Text:“學生正在準備期末報告”

3. 撰寫Alt Text的技巧

  • 給出圖片的詳細描述。使用圖片的主題和含義來描述圖片。首先,Alt Text旨在為盲人或視障用戶提供圖像的文本描述。如果圖像沒有意義,僅用於設計目的,則應將其放置在層疊樣式表(CSS)而不是超文本標記語言(HTML)中。
  • 保持你的Alt Text不超過 125 個字元。在為視障人士呈現圖片解釋時,螢幕閱讀工具通常會在這個階段停止閱讀。
  • 使用關鍵字,但要謹慎。只需在Alt Text中使用整篇文章或內容的目標關鍵字。你也可以考慮使用長尾關鍵字。例如,文章的目標關鍵字是“如何使用貨架圖”,你可以在Alt Text中使用“貨架圖的使用”而不要加入“如何”,因為這樣聽起來一點也不自然。
  • 不需要將關鍵字塞進每張圖片的Alt Text中。如果你的部落格文章中包含一系列關鍵字,則至少將你的關鍵字包含在你的一張內容搭配照片中。選擇你認為最能代表你的文章主題的圖片,並為其添加關於關鍵字的Alt Text。

4. 如何透過Strikingly為圖片添加Alt Text?

現在你已經了解了Alt Text作為搜索引擎優化工具的重要性以及如何撰寫高品質的Alt Text了,讓我們繼續討論如何使用Strikingly將其添加到你的圖像中。

你需要在Strikingly網站編輯頁裡添加圖片並按照以下步驟為其添加Alt text: 在網站編輯器中,導航到要編輯的圖片下。 然後點擊添加圖片描述並存取。你也可以點擊這裡了解更多如何為你的網站提高搜索引擎排名的方法。

為網站添加照片

圖片取自Strikingly用戶網站

在你的內容或文章中使用圖片會讓人們更願意閱讀。精心挑選的圖片還可以幫助你提高網站在搜索結果頁中的排名。但是,請記住為你的照片提供合適的Alt Text來增強索引的準確性。

為照片添加文本描述(Alt Text)

圖片取自Strikingly用戶網站

5.文章總結

還在等待什麼?趕緊加入Strikingly架設你的網站吧!高品質的Alt Text也需要有一個被發布的平台,個人或品牌網站就是你的最佳選擇了!Strikingly 將提供數百個令你驚嘆的免費網站架設模板。你可以使用它們來架設你的電子商務網站、音樂網站、又或者攝影網站。

Strikingly 海量架站模板

圖片取自Strikingly用戶網站

你需要做的很簡單,那就是註冊一個Strikingly帳號並選擇最適合你公司/個人需求的模板,整合你自己的內容和風格來個性化你的網站並發布它。不要忘了,給你的照片加入Alt Text,這將大大提高你網站的曝光度。如果對內容有疑問,可以透過 support@strikingly.com 與我們聯絡。