解讀Alt标簽和(hé)可(kě)訪問性

作爲營銷人(rén)員(yuán)，我們談論了(le)我們在廣告系列中使用(yòng)的(de)圖像，是否冒著(zhe)創建漫畫(huà)系列的(de)風險，要求我們的(de)日常影(yǐng)響者在他(tā)們撰寫的(de)博客文章(zhāng)中添加個(gè)人(rén)快(kuài)照(zhào)，還(hái)是确保我們宣傳我們選擇的(de)圖庫中的(de)多(duō)樣性。

随著(zhe)語音(yīn)技術的(de)進步，交互式内容體驗以及對(duì)視頻(pín)和(hé)視頻(pín)内容的(de)日益增長(cháng)的(de)興趣，數字材料營銷人(rén)員(yuán)正在創造越來(lái)越複雜(zá)的(de)内容，并納入了(le)更多(duō)的(de)多(duō)媒體計劃。盡管這(zhè)些功能提高(gāo)人(rén)們的(de)體驗，但它們對(duì)營銷人(rén)員(yuán)來(lái)說也(yě)是一個(gè)新的(de)挑戰，即要确保我們的(de)所有内容都能被受衆的(de)每個(gè)成員(yuán)充分(fēn)看到和(hé)體驗。

誘使你隻想用(yòng)一串高(gāo)級關鍵字将内容的(de)元數據空間打包，以嘗試盡快(kuài)滿足你的(de)SEO需求。但是，這(zhè)些空間的(de)目的(de)并不是要引起Google網站抓取工具的(de)注意。它爲那些可(kě)能無法僅從主頁上完整了(le)解你的(de)消息的(de)人(rén)提供替代的(de)解釋和(hé)說明(míng)。

如果你沒有正确使用(yòng)替代文字，那麽你将疏遠(yuǎn)大(dà)部分(fēn)消費者。

什(shén)麽是Alt标簽？

像你們中的(de)許多(duō)人(rén)一樣，我首先介紹alt标簽，alt标簽實際上是網站上圖片的(de)文字提示。在alt标簽中加入關鍵詞是很好的(de)提升關鍵詞排名的(de)方法，但需要注意的(de)是并不能提高(gāo)關鍵詞密度。，并提供了(le)在SEO中将目标關鍵字短語放置在字段中的(de)指令。多(duō)年來(lái)，我一直以這(zhè)種方式工作著(zhe)，我認爲這(zhè)是它的(de)唯一用(yòng)途，alt标簽用(yòng)于可(kě)訪問性的(de)目的(de)。

替代文字（也(yě)稱爲替代标簽，替代屬性和(hé)替代描述）告訴觀看者圖像中的(de)内容。這(zhè)可(kě)以幫助有視力障礙的(de)人(rén)“看到”屏幕上正在顯示的(de)内容。對(duì)于視力不佳的(de)人(rén)來(lái)說，如果圖像無法加載，了(le)解應該顯示的(de)内容也(yě)很有幫助。最後，替代文字以與人(rén)類相同的(de)方式幫助搜索引擎，将圖像顯示的(de)内容告知搜索引擎。

Alt屬性是網站代碼的(de)一部分(fēn)，其作用(yòng)是向屏幕閱讀器表明(míng)圖像存在，并解釋圖像中的(de)内容。自由作家和(hé)輔助功能倡導者Kerry Kijewski對(duì)此進行了(le)更詳細的(de)說明(míng)。她說：“ alt标簽是表示圖片描述的(de)代碼。标簽屬性的(de)内容是圖像描述本身。”她繼續說，“這(zhè)是帶有alt屬性的(de)圖像标簽的(de)示例：

< img src =” SomeFileName.jpg” alt =“帶有alt屬性的(de)圖像标簽的(de)圖片”> 

SRC是指你要顯示的(de)圖像文件，而alt是指圖片中所顯示内容的(de)文字說明(míng)。”

那麽SEO是如何進入這(zhè)些旨在實現可(kě)訪問性的(de)領域的(de)呢(ne)？記得(de)SEO專家克萊爾·潘尼西亞（Claire Paniccia）也(yě)曾說過：“ Google不能像人(rén)們看到的(de)那樣看到圖像，因此替代文字的(de)作用(yòng)與Google相似，就像對(duì)視覺障礙的(de)用(yòng)戶一樣。它傳達了(le)圖像的(de)含義。從SEO角度來(lái)看，我們可(kě)以利用(yòng)此空間來(lái)向Google指示頁面的(de)上下(xià)文和(hé)主題。”

不僅包括周到的(de)，全面的(de)alt标簽說明(míng)，都将顯示出對(duì)人(rén)類讀者的(de)尊重和(hé)考慮的(de)感覺，還(hái)将對(duì)你的(de)SEO有所幫助。如今的(de)搜索算(suàn)法的(de)行爲更像人(rén)類，并且将這(zhè)些區(qū)域的(de)豐富，有價值的(de)文本放在不相關的(de)單個(gè)關鍵字字符串之上。

協助視力障礙的(de)觀衆

存在替代文本技術，以幫助失明(míng)，視力低下(xià)或其他(tā)任何障礙的(de)人(rén)了(le)解圖像中正在發生的(de)事情。這(zhè)是在屏幕閱讀器的(de)幫助下(xià)完成的(de)，屏幕閱讀器可(kě)以大(dà)聲朗讀alt文本和(hé)圖像說明(míng)，供個(gè)人(rén)查看網站。

Kijewski說：“作爲一個(gè)盲人(rén)，我首先依靠alt标簽告訴我存在圖像。即使我是盲人(rén)，我仍然對(duì)事物(wù)的(de)外觀以及圖像傳達的(de)信息感興趣。”

護膚企業家表示同意，并說：“就在兩年前，由于中風，我失去了(le)大(dà)部分(fēn)視力。我不得(de)不重新學習(xí)了(le)很多(duō)非常基本的(de)知識，例如使用(yòng)計算(suàn)機。替代文字和(hé)圖片說明(míng)可(kě)幫助我了(le)解正在查看的(de)圖片。這(zhè)是幫助我保持獨立并爲購(gòu)物(wù)或查找食譜之類的(de)事情，做(zuò)出明(míng)智選擇的(de)衆多(duō)因素之一。”

從營銷人(rén)員(yuán)的(de)角度來(lái)看，alt标簽是CTA的(de)最有效形式之一。如果你不理(lǐ)會他(tā)們，那麽你就失去了(le)與潛在客戶進行更深入互動的(de)機會。除了(le)僅了(le)解圖像中的(de)内容外，如果需要采取行動，有視覺障礙的(de)消費者還(hái)可(kě)以使用(yòng)alt标簽指導他(tā)們。Kijewski說：“圖像可(kě)以單擊，從而導緻可(kě)能具有重要信息的(de)新頁面。如果圖像不包含alt标簽，則我有可(kě)能完全跳過它。如果它包含由機器生成的(de)，帶有很少或構造錯誤的(de)信息的(de)alt标簽，我不一定會知道激活它可(kě)以使我受益。”

圖像描述應補充你内容的(de)故事

當你第一次開始命名替代文本時(shí)，你可(kě)能會希望列出圖像中的(de)所有内容。處理(lǐ)這(zhè)些描述時(shí)，就像在爲繪畫(huà)寫标題一樣，而不是在進行整個(gè)博物(wù)館之旅。雖然沒有精确的(de)字數統計，但是也(yě)不要覆蓋描述。“我認爲沒有設定的(de)長(cháng)度。如果你可(kě)以有效地描述事物(wù)，那就去做(zuò)吧！請給我我需要的(de)信息，以了(le)解圖片中發生了(le)什(shén)麽。”

但是，有些網站seo建議(yì)在這(zhè)些簡短說明(míng)中充分(fēn)利用(yòng)你的(de)叙事技巧。說：“給我圖片的(de)感覺。告訴我這(zhè)個(gè)故事，讓我理(lǐ)解。将襯衫描述爲紐扣式格子是一個(gè)不錯的(de)開始，但請告訴我更多(duō)。讓我知道它柔軟，垂褶。

Alt标簽可(kě)訪問性的(de)最佳做(zuò)法

當圖像本身中有文字時(shí)會發生什(shén)麽？基耶夫斯基說：“如果目标網頁在大(dà)企業前面有标牌圖像，則alt标簽可(kě)以顯示爲'歡迎來(lái)到大(dà)企業。但是，其他(tā)帶有文字的(de)圖像則難以描述。她繼續說道：“假設你有一個(gè)包含數據的(de)餅圖圖像。在這(zhè)種情況下(xià)，alt标簽會顯示類似“餅圖，顯示大(dà)企業的(de)利益細分(fēn)”。點擊查看文本細分(fēn)。” 然後，單擊或按Enter可(kě)以進入帶有摘要報告的(de)頁面，其中顯示了(le)細分(fēn)。一般來(lái)說，如果你的(de)信息長(cháng)于标題，則不會以圖像形式顯示它，也(yě)不會以其他(tā)格式提供信息。”

有人(rén)問，是否應該使用(yòng)“ null”來(lái)描述圖像。答(dá)案是不會的(de)。我首先想到的(de)是，如果你使用(yòng)空白圖像來(lái)創建白色或深色空間，而這(zhè)可(kě)能是空alt标簽的(de)一種情況，但在反射時(shí)，正确的(de)方法是将“ spacer”一詞或諸如“空白”之類的(de)描述或“暗空間”。在界面設計中，我們不會使用(yòng)“空”一詞，也(yě)不會将标簽留空。甚至可(kě)能類似于用(yòng)于列表項目的(de)項目符号的(de)圖像是方形項目符号還(hái)是圓形項目符号。如果這(zhè)在設計中，我們可(kě)能會在意。”

而且，我們也(yě)不要成爲依賴自動替代文本的(de)受害者。盡管它對(duì)于替代文本的(de)可(kě)訪問性和(hé)爲我們節省時(shí)間似乎都是有用(yòng)的(de)工具，但它可(kě)能有故障，并且可(kě)能不安全。如果你使用(yòng)它，則不希望偶爾報告該圖像，例如将一隻猴子吃(chī)香蕉當作卡車來(lái)描述。自動文本還(hái)會對(duì)你的(de)網站造成潛在的(de)安全風險。

有SEO專家解釋說：“機器經常制造不好的(de)alt标簽。有時(shí)，他(tā)們使用(yòng)這(zhè)樣引用(yòng)的(de)圖像文件的(de)文字路徑和(hé)文件名，即alt =“ img / thumbs / 548cc2b80cfe803.jpg”。這(zhè)不是你真正要投影(yǐng)的(de)圖像，即使圖像恰好被命名。通(tōng)常，它們如上所述被命名爲某個(gè)十六進制值，但經常使用(yòng)時(shí)間和(hé)日期（或單詞img和(hé)一個(gè)數字）來(lái)命名。這(zhè)不僅對(duì)你的(de)圖像沒有用(yòng)處或投影(yǐng)效果很好，而且向用(yòng)戶提供你網站文件和(hé)文件夾結構的(de)洞察力也(yě)存在安全風險。

當你承諾遵循關于alt标簽可(kě)訪問性的(de)最佳做(zuò)法時(shí)，你可(kě)能會感到不安，因爲放棄了(le)使用(yòng)該字段作爲關鍵字的(de)休息地的(de)舊(jiù)方法。“随著(zhe)RankBrain的(de)推出，Google變得(de)更加智能，并且可(kě)以更輕松地了(le)解頁面的(de)真正含義（而不是像過去那樣查找完全匹配的(de)關鍵字）。因此，營銷人(rén)員(yuán)無需在替代文本中填充關鍵字，隻需編寫将圖像與頁面主題相關聯的(de)描述性替代文本即可(kě)。這(zhè)樣，它既可(kě)以爲視障用(yòng)戶提供服務，也(yě)可(kě)以爲SEO服務。”

如果你看完這(zhè)篇文章(zhāng)，感覺有點懵，建議(yì)你多(duō)看幾遍，自然就懂(dǒng)了(le)。