假日购物季正如火如荼地进行。电商零售商希望营销努力能带来丰厚回报，但常因产品（及网站）图片缺少标题（title）和替代文本（alt）属性而流失转化。这两个属性对可用性、导航及销售至关重要。
img 标签用于在页面上调用图片，属性则是该标签的组成部分。在下例中，“Try Jim’s Pasta Sauce today”是图片标题，替代文本为“Jim’s Pasta Sauce – your new favorite is all natural.”
<img src="jims-pasta-sauce-20-oz.jpg" alt="Jim's Pasta Sauce - your new favorite is all natural" title="Try Jim's Pasta Sauce today"/>添加标题和替代文本不仅为了SEO（事实上其对搜索排名影响甚微），更能为购物者提供关键信息。
标题与替代文本的作用
标题（Title）：当购物者将鼠标悬停在图片上时显示，可用于说明图片用途、展示产品名称或推广特别优惠。
标题向购物者说明图片的用途，可用于展示产品名称或推广特别优惠。来源：Van Halen Store。
替代文本（Alt）：当图片未加载时显示在占位符内；屏幕阅读器也会读取此文本，帮助低视力或无视力用户了解图形内容。
当图片未加载时会显示 alt 属性文本，它也被屏幕阅读器使用，以帮助低视力或无视力购物者。来源：Sally Beauty。
缺失属性的负面影响
若省略这两个属性，不仅错失销售机会，还会引发以下问题：
造成困惑：图片被禁用时可能不可点击；大尺寸图片在移动端可能占满屏幕导致空白页面，浪费版面空间且无法引导跳转。
在迪士尼网站上，移动用户面对的是一个几乎空白的屏幕。甚至连迪士尼的标志都不可见。
增加跳出率和退出率：购物者无法识别页面元素或难以浏览时，往往会转向其他网站。
引发挫败感：缺少重要标签会对节省带宽的用户或视障用户产生严重负面影响。
导致放弃结账：所有图片（包括导航和结账图形）均需 alt 属性提供指引，这对指导购物者操作至关重要。
快速修复方案
若产品图片缺少适当属性，可导出产品数据，在标题和替代文本字段填入产品名称后重新导入。虽非最佳方案（替代文本应描述实际图片），但在假日期间优于缺失。
对于导航图形和横幅，建议花几分钟填充描述性文字。毕竟，若无法触达所有访客，促销活动的意义将大打折扣。
在 Kohl’s 网站上，如果您关闭图片显示进行浏览，将会错过优惠折扣和推荐产品。
规划节后事宜
假期前无暇重大更改，请将标题和替代文本优化加入新年待办事项。标题文本可发挥创意（如推广折扣），但替代文本务必准确描述。
例如，“Jim’s Pasta Sauce”图片的标题可设为“Save 30% on Jim’s Pasta Sauce”，替代文本则应为“20 ounce jar of Jim’s Pasta Sauce”或“Jim’s Pasta Sauce – your new favorite is all natural.”
<img src="jims-pasta-sauce-20-oz.jpg" alt="Jim's Pasta Sauce - your new favorite is all natural" title="Save 30% on Jim's Pasta Sauce"/>若产品目录庞大，更新工作可能持续全年。但致力于完善这些属性，将为受带宽限制或可用性问题困扰的移动及桌面端购物者奠定良好基础。
此外，alt 和 title 属性不仅限于网站。为获最佳效果，请在适用的情况下重点关注电子邮件通讯和在线广告中的这些元素。