图像的替代文本:它是什么以及如何正确书写?

处理网站的文本内容不仅限于关键短语。为了在搜索结果页面上获得较高的排名,您需要能够为图像编写替代文本。在大多数情况下,网站访问者仍然看不到它。然而,这一要素严重影响了资源的搜索引擎优化。让我们更详细地讨论一下。
图像的替代文本:它是什么以及如何正确书写?

什么是替代文本?

Alt 文本是图像和网站的一些其他多媒体元素的附加属性。它包含图像的简短描述,给出了图像的内容和对页面功能的意义的想法。它也称为替代属性、解释或 alt 标签,尽管后一个术语在技术上是不正确的。

替代文本以 HTML 代码或内容管理系统 (CMS) 的设置形式编写。它通常对用户来说是不可见的。大多数情况下,当浏览器由于服务器故障或互联网连接速度低而无法加载多媒体元素时,此元素会出现在界面中。

使用印度尼西亚数据  WhatsApp 号码数据 获取 WhatsApp 号码数据!这个购买短信营销电话号码的顶级平台为希望释放与客户直接联系的潜力的企业提供了宝贵的见解。通过利用准确的 WhatsApp 数据,您可以增强参与度、简化沟通并推动电话营销手机号码数据库数字营销活动的转化。立即发现有效消息传递的力量!

替代文本也被用作可访问性和包容性的工具。这是文本转语音工具读取的内容,用于向视障用户描述图片。如果您有一些SEO经验,那么您就会明白这对于搜索引擎来说是一个非常重要的因素。

 

为什么替代文本很重要?

新的 SEO 常犯的错误之一是完全忘记替代文本。这看起来很小,但可能会导致严重的问题,特别是如果网站是围绕多媒体内容构建的。让我们考虑一下这个元素对搜索引擎优化的影响机制。

包容性
现代搜索引擎的优先事项之一是每个人都能平等地访问互联网。机器人会自动提高适合残疾人的网站的排名。替代文本是包容弱视人群的关键工具之一。它允许您通过语音合成获得所有必要的信息。所以,从这里我们可以得出第一个结论:替代描述应该简短,但尽可能有意义。

Bb 辅助功能提示:替代文本 – CAT FooD

用户体验(UX)
尽管我们生活在一个技术进步的时代,但偶尔出现的问题并没有消除。黑客攻击、服务器故障、网络速度突然下降以及其他意外事件可能会阻止图像的加载。考虑到现代互联网上多媒体元素的大规模使用,这使用户处于尴尬的境地。

辅助功能提示#2:编写良好的替代文本:俄亥俄州代顿大学

想象一下这种情况:登录和注册按钮在您网站的主页上消失了。是的,这令人不快,但您仍然可以节省很大一部分转化次数。为此,您需要正确输入图像的替代文本。这将使访问者和搜索引擎都满意,这将为您的用户体验加分。另一个要点:替代描述应该尽可能有用且易于理解。

 

图片搜索流量

想想您需要花费多少时间才能找到与您的请求主题完全匹配的高质量图像。但你不仅能记住那种恼怒,还能记住看到一些图片出现在谷歌搜索的第一行时的喜悦。

很大程度上取决于替代文本。例如,您发布了一张非常美丽的海岸日落图片。它可以用不同的方式来描述:

海滩上的日落- 提供库存图片的网站。
佛罗里达州风景如画的日落- 信息页面。
从酒店看到的海景——作为旅游资源。
新功能:在 Google 图片搜索中查找动画 GIF,具有透明背景的图像

这完全取决于您想要显示图像的搜索查询。因此,另一个要点是替代描述必须符合用户的意图。

替代文本对于 SEO 有多重要?
1999 年 W3C 会议的会议纪要阐明了让地球上所有居民都能访问互联网的必要性。该提案的作者建议在 HTML 中添加 alt 标签,以便向残疾人和互联网连接速度较慢的用户传达图像的本质。该元素经受住了时间的考验,现在被认为是所有网络资源的强制元素。

通过忘记或忽略替代文本,您向搜索引擎发出信号,表明您对包容性或用户体验不感兴趣。这将导致处罚 – 您将从页面排名中扣除一些分数。与竞争对手具有相同的 SEO 特征将使您在搜索结果中的排名较低。

因此,这将意味着更少的流量、更低的转化率以及浪费的优化预算。因此,有必要考虑互联网联盟(W3C)的建议。为了在任何领域获得最大的成功机会,请务必为所有需要它的媒体元素添加替代文本。

如何为网站上的图像添加替代描述?
虽然有许多自动化工具可用,但一些开发人员和网站管理员手动完成大部分工作。这有其优点,特别是作为培训或专业发展的一部分。因此,您应该确切地了解如何在 HTML 中添加 alt 标签。

根据 W3C 建议,应使用以下语法:

<img alt=”文本”>,

 

其中文本是图像的替代描述

 

“alt”标签与图像链接结合使用并限制其大小。完整 HTML 字符串的示例如下所示:

<img src=”your_image.jpg” alt=”加州壮丽的日落” width=”320″ height=”240″>.

什么是图像的替代文本? -Wiredelta

重要的!如果您想对将鼠标悬停在图像上时出现的交互元素进行说明,则需要“标题”标签。它的语法如下所示:

<img 标题=”文本”>。然而,“标题”不被视为“alt”的替代品。它的存在不会以任何方式影响 SEO 优化。它提供的唯一优势是积极的用户体验。

如果您使用的是 CMS,则有一种更方便的方法可以将替代文本添加到您网站的代码中。让我们看看流行的内容管理系统中的操作顺序。

如何在 WordPress 中添加替代描述?
左键单击图像,屏幕右侧将出现一个控制面板。
找到“图像设置”下的空白字段。
输入替代文本。
单击屏幕右上角的“更新”按钮。
图像搜索引擎优化:如何优化您的替代文本和标题文本 • Yoast

如何为 HubSpot 添加替代描述?
左键单击图像。
单击铅笔形式的“编辑图像”按钮。
找到“替代文本”标签下的空白字段。
输入替代文本。
单击弹出菜单底部的“应用”按钮。
CMS Hubs 内容编辑器中图像优化弹出窗口中的替代文本字段

 

如何在 Joomla 中添加替代描述?

右键单击图像。
单击“编辑图像”按钮。
在打开的菜单中,找到“图像描述”旁边的空白字段。
输入替代文本。
单击右下角的“更新”按钮。
添加图像到文章 – Joomla!文档

为图像编写替代文本的最佳实践
该元素的存在并不能为该资源提供优势。为了在 SEO 中有效地使用替代文本,您需要知道如何正确地形成它。这就是经验丰富的优化器的最佳实践派上用场的地方。

简洁
W3C 工程师建议限制为 125 个字符(包括空格)。如果没有图像,较长的标题可能无法正确显示。此外,搜索引擎认为它们是垃圾邮件,并试图违反公平竞争规则。因此,通过延长图像的替代描述,您可能会面临使用户体验恶化并在页面索引期间受到惩罚的风险。

写到重点
忘记“图像”、“图片”、“此处所示”、“绘图”等词语。它们占用空间,但会被普通访客和搜索机器人忽视。编写 alt 标签时,开门见山。例如,不要使用“小猫睡在毯子上的图片”,而是使用短语“小猫睡在毯子上”。

明智地使用关键词
收集到的语义不仅对优化文本内容的主要部分有用,而且对编写其他描述也有用。请务必包含关键字和短语,但不要发送垃圾邮件。此外,使用没有商业元素的短语,如“价格”、“购买”和“订单”——它们也可能被搜索机器人负面感知。例如“伊维萨岛旅游区的酒店房间”。不好的例子:“伊维萨岛酒店的酒店房间”、“预订伊维萨岛的酒店房间”。

 

尽可能有意义地描述图像

考虑使用替代描述的基  美国和全球最流行的 Google 查询  本场景。这些要么是加载图片的问题,要么是语音合成的问题。想象一下向另一个人解释图像的本质,而在你面前没有任何演示手段。编写描述的第一个版本,对其进行简化,再次阅读并尝试找到优化的潜力。

如果我们谈论的是静态物体的图像,只需给它命名并给出两个或三个特征就足够了。替代文本的一个很好的例子是“带有细肩带的红色短裙”。如果画面中有动态,首先说出主要物体,然后记住动作和地点,例如:“一只灰鸽子在城市的房屋之间飞翔。”

图像的替代文本 – 带示例的完整指南

请务必添加上下文
您可以简单地指出该网站显示一个穿着白衬衫和夹克的中年男子。但你不太可能通过这种方式吸引用户的注意力。最好说得更具体一些:“埃隆·马斯克在 SpaceX 的演讲中。”

如果图片描绘了名人、热门旅游地点、地标等,请说出它们的名称。始终具体并提供上下文,尤其是当涉及到可以显着增加资源流量的趋势搜索查询时。

不要忽视功能按钮
为了确保良好的用户体验和可访问性,替代文本应伴随所有交互式页面元素,例如:

登录您的个人资料。
登记。
保存个人数据。
发送请求。
购买。

将商品添加到购物车

预约咨询。
反馈。
即使媒体文件无法正常加载,用户也应该能够通过带有详细说明的文本链接访问所有功能。

再次检查描述
了解替代文本是什么,您就会了解它对于搜索引擎优化的重要性。它不得包含任何错误。只要有一个字母不合适,语音合成服务就会错误地再现描述,这会降低许多访问者的用户体验。

忽略某些图像的描述
这是一个不明显且乍一看很奇怪的建议,但事实上,并不是每张图片都需要描述。这是根据什么是 alt 标签以及为什么需要它们的定义得出的。

有些图像只是为了“美观”而添加到网站上;它们与内容没有直接关系,也不会在界面中使用。专家建议使用 CSS 而不是 HTML 插入它们 – 这种做法对搜索引擎优化有积极的影响。

然而,有时(例如,由于特定平台的技术限制),您必须使用传统方法。在这种情况下,W3C 工程师建议添加一个空的描述标签:<img alt=” ”>。这不被视为错误。此外,文本转语音系统会忽略此类注释,因此不会干扰残障用户。

替代文本示例:好和坏

坏:埃菲尔铁塔。

 

更好:从下面看埃菲尔铁塔

 

最佳的:阴天从战神广场从下面看埃菲尔铁塔。

在此替代文本示例中,仅提及主要对象是不够的。埃菲尔铁塔的照片有数百万张,所以几句话是不够的。如果能注明照片的拍摄角度就好了。理想情况下,您应该添加上下文 – 位置、一天中的时间和天气。同意,最后一句话可以让你的想象力充分发挥作用。

 

坏:笔记本电脑。

更好:微软 Surface 笔记本电脑。

最佳:大理石桌上有一台打开的蓝色 Microsoft Surface 笔记本电脑。

最大信息量。指定笔记本电脑的品牌和颜色、其状况和在空间中的位置。在替代描述中包含所有有助于用户在目录或搜索引擎中找到所需产品的内容。

 

坏处:关键词搜索。

更好:在 Serpstat 中进行关键字搜索。

最佳:Serpstat 关键字搜索工具中的流量、竞争、难度和 CPC 报告。

重要的是要知道 alt 标签中应该包含什么内容——所有对访问者有用的内容。如果您正在展示一套商业产品,例如一套 SEO 工具,请尝试简短但全面地描述其功能。如果是具有物理形态的产品,请注明其所有外部特征和特征。

复杂图像的替代文本
W3C 还为网页的关键元素提供了可访问性指南。特殊规则适用于它们。它们的描述应该提供有关功能而不是内容的信息。

图标
光标出现后重复按钮图像或说明中的文本。例如“留下联系人”、“注册”、“上传照片”等。想象一下,您闭着眼睛使用一个网站,并得到坐在您旁边的另一个人的帮助。页面上的每个交互元素都应该有一个简短而

清晰的功能描述

 

WordPress 中的图像替代文本与图像标题 – 有什么区别?

带链接的图片
描述访问者单击图像将转到的页面内容。例如,带有三角形感叹号的图片将引导至包含促销产品的部分。知道什么是 alt 标签,显而易见的解决方案是编写“带感叹号的板”。但最好插入文字“转到汽油发电机促销说明并在目录中选择产品”。

复杂图像
信息图表、图表、表格等W3C 建议结合使用常规文本和替代文本。另一种描述将包含故事的标题和主要思想。最好在同一页的常规文本段落中注明细节和结论。

避免使用带有大量文本的图像也很重要。许多游客可能无法接触到它们。如果您想获得时尚的页面设计,请使用 CMS 插件或现代标记工具。

 

隐形助手 – 图像的替代文本
通过转向 Web3,开发者社区正在创建一个地球上每个居民都可以访问的互联网,无论他们的生理、文化、领土或其他特征如何。搜索引擎通过优先考虑符合包容性标准的网站来帮助解决这一问题。这就是为什么替代文本在 SEO 中的重要性不能被高估。

正确的替代图像描述可以强化优化策略,增加流量并改善用户体验。如果忘记或忽略它,您可能会失去在搜索结果中的位置。为了避免这样的问题,您应该使用专门的工具进行技术网站审核,这些工具由  和其他流行的数字营销平台提供。

常见问题解答

什么是替代文本?

如果浏览器无法加载媒体元素,则这是页面上显示的文本而不是图像。它也被文本转语音工具使用。

为什么图像的替代文本很重要?

它为残障人士提供了  美国电话号码 无障碍功能,改善了非标准场景中的用户体验,并通过更轻松的图像搜索增加了流量。

替代文本如何影响 SEO?

缺少此元素表明缺乏对包容性和用户体验的关注。这会导致页面在搜索结果中的排名较低。

好的替代文本应该是什么?

替代描述应该简短但有意义。创建它时,提供上下文,避免错误并明智地使用关键字。在描述按钮和其他交互元素时,一定要说明它们的功能。

发表评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注