Alt文本:它是什么&如何编写

Alt Text: What It Is & How To Write

在本指南中,您将了解替代文本(alt text):它是什么,为什么它对SEO很重要,如何正确使用它,等等!

这是一个非常实用和切中要害的指南,包含一些提示和建议,您可以立即使用这些提示和建议来提高网站的图像搜索引擎优化和可访问性。

什么是Alt文本?

Alt文本(或替代文本),也称为Alt属性或Alt标记(这在技术上是不正确的,因为它不是标记),只是HTML代码中描述图像的一段文本。

Alt文本有什么用途?

alt文本的第一个功能只是描述无法加载的图像。

许多年前,当互联网速度慢得多的时候,alt文本可以帮助您了解图像的内容,因为图像太重,无法加载到浏览器中。

今天,图像很少会加载失败,但如果加载失败,那么您将看到的是替换图像的alt文本。

作者截图,2022年8月Alt text displayed in place of an image

现在,alt文本也开始在搜索引擎机器人和使用屏幕阅读器的用户中发挥作用:

  • Alt text帮助残疾人(例如,使用屏幕阅读器)了解图像内容。
  • Alt文本还帮助搜索引擎机器人理解图像的内容和上下文。

当然,像搜索引擎优化的每一个元素一样,它经常被滥用,甚至在某些情况下被滥用。

现在让我们更仔细地看一下为什么alt文本很重要。

为什么Alt文本很重要

网络和网站是一个非常v
视觉体验。很难找到一个没有图像或图形元素的网站。

这就是为什么alt文本非常重要。

Alt text有助于将图像内容翻译成文字,从而使图像更广泛的受众可以访问,包括残疾人和搜索引擎机器人,他们还不够聪明,无法完全理解每幅图像、其上下文及其含义。

为什么Alt文本对SEO很重要

Alt文本是页面搜索引擎优化的一个重要元素。

适当的alt文本优化使您的网站在Google图像搜索中获得更好的排名。

是的,alt文本是Google图像搜索的排名因素。

根据您网站的利基和特殊性,谷歌图像搜索流量可能在您网站的整体成功中发挥巨大作用。

例如,在电子商务网站的情况下,用户通常使用谷歌图像搜索开始搜索产品,而不是在标准谷歌搜索中键入产品名称。

作者截图,2022年8月Inspecting an element to check the alt text

安装Web Developer Chrome扩展。

作者截图,2022年8月Chrome Web Developer Extension

接下来,打开要审核其图像的页面。

单击Web Developer并导航到图像>显示Alt属性。这样,您可以查看所有图像的alt文本的内容
在给定的网页上。

作者截图,2022年8月Chrome Web Developer with disabled images to check alt text

要检查整个网站图像的alt文本,请使用像尖叫青蛙或Sitebull这样的爬虫。

抓取网站,导航到图像报告,并查看所有网站图像的alt文本。

0 0 vote
评分
Subscribe
提醒
guest
0 评论
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x
Scroll to Top

请输入您的资料

你也可以直接右下角客服直接跟我们联系
=

请输入您的资料

seo
你也可以直接右下角客服直接跟我们联系
=

request a quote