一个好的Alt替代文字能够帮助搜寻引擎辨别图片所代表的涵义是什么,因此撰写Alt替代文字是SEO优化很重要的一环,如何撰写Alt替代文字因此成为重要的课题之一,今天就帮大家介绍一下Alt与如何写出好的Alt替代文字吧!
什么是ALT?
ALT(替代文字),可以称为”ALT属性”、”ALT描述” ,ALT是HTML的一个属性,主要是用来作为图片的文字叙述,当图片无法正常载入时,就显示该图片的ALT叙述,来替代未载入的图片。
ALT属性是HTML网页语言当中,作为纯文字的属性,其作用是当图片(IMG)属性无法被渲染时,若图片属性当中有设定ALT的值,就会显示ALT文字叙述作为补救的措施。
替代文本(替代文本),也称为“alt属性”,“alt描述”,在技术上不正确地称为“alt标记”,在HTML代码中用于描述页面上图像的外观和功能。
ALT的使用方式:
我们可以帮图片加入ALT的属性,以提升使用者的访问体验,让访客能够更了解图片的代表含意,也能让搜寻引擎更加準确的归纳该图片与定义该图片的真正意思。
当浏览器无法加载图片时,就会以Alt标籤的叙述文字来替代图片,显示其文本内容。
Alt标籤能够使搜寻引擎更了解图片上下文的涵义,帮助搜寻引擎以更正确的方式索引图片,更加了解文章上下文的意思,也能提升图片的SEO排名。
你可以在程式码内看到,图片有设定Alt文字(alt属性)。
Alt属性範例
<img src=”difference-between-sem-and-seo.png” alt=”SEM与SEO的不同”>
Alt最佳的写法
Alt文字的最佳呈现方式就是要有足够的描述性,这个文字叙述要真的能够代表图片所表达的意思,千万不要试图在图片的Alt叙述当中堆叠、滥填关键字。
接着让我们用以下例子来示範如何展示最佳Alt的写法:
好的写法你可以写成:<img src=”pancakes.jpeg” alt=”pancakes”>
这个写法是「一般较正确」的写法,这是 pancakes,但是你可以更加的描述这张图片所代表的涵意,因此更棒的写法你可以这样写:
更好的写法:
<img src=\"Stack-of-strawberry-pancakes-with-powdered-sugar.jpeg\" alt=\"Stack-of-strawberry-pancakes-with-powdered-sugar\">
这个Alt的撰写方式是更加的选择,因为这段叙述更加代表了这张图片的意思,而非仅仅使用一个单字“pancakes”来做为代表。
注:图片的档案名称我们建议统一使用英文,至于Alt的叙述内容(替代文字)可以使用中文来表示。
以下是不建议的写法(非常糟糕的Alt写法):
<img src=\"123321.jpeg\" alt=\"\">
或是
<img src=\"pancakes.jpeg\" alt=\"\">
或是
<img src=\"pancakes.jpeg\" alt=\"pancake pancake pancake pancake pancake pancake pancake\">
以上三种Alt的撰写方式都不建议,第一个Alt是因为档案名称没有对照相同意思,只用无意义的数字来命名,且Alt是空白的;第二个Alt撰写方式虽然图片名称有使用有意义的pancake来命名,但Alt叙述仍然留空;第三种更是糟糕,其Alt的叙述是属于滥填关键字,因此除了不正确的叙述之外,还有可能会被认为是黑帽SEO而导致被搜寻引擎惩罚的风险。
为什么Alt替代文字很重要?
1.可访问性
Alt替代文字是网页设计当中可访问性的宗旨,本来Alt的目的是提供没有正常载入图片的使用者,可以有一个文字叙述来告诉访客原本这张图片是什么意思,而现在Alt除了仍然有这个意义之外,也额外提供了搜寻引擎更加了解这张图片的意思,因此Alt对于「可访问性」来说仍然是非常重要,且必须存在的属性。
2.图片SEO
在图片当中完善Alt替代文字除了能够提供更好的可访问性与使用者体验之外,也能告诉搜寻引擎这张图片所代表的意思,完善你的图片档案名称与Alt,能够让搜寻引擎更了解这张图片所代表的涵意,也能让使用者在搜寻相关图片时,让你的图片能够更容易出现在搜寻结果当中。
即使搜寻引擎的图片技术在这几年已经有了很大的进步,但搜寻引擎仍然无法非常容易的判断每一张图片所代表的完整含意,因此,搜寻引擎仍然会採集图片的Alt叙述来作为定义这张图片意思的依据,因此为了你的SEO,千万不要忽略了Alt与图片档案名称的重要性。
从这个定义上来说,Alt替代文字提供了一个机会,「让你可以添加更多相关关键字内容的机会」,你可以添加更多的图片甚至是影片来帮助你丰富你的文章,藉此使你的排名能在Google上获得第一名的位置。
怎么写出好的Alt替代文字?
- 尽可能的描叙图片所代表的意思,Alt是为了让没办法看到图片的使用者了解图片所代表的意思,因此你要预想你的图片没办法显示时,该如何让使用者知道你原本要给他们了解什么样的意思,而去撰写出这个Alt替代文字。
- Alt替代文字不宜过长,Alt只是一个替代图片的文字,因此一般来说一张图片所代表的意思大约就是一段文字就可以解释清楚,因此尽量讲这张图片的重点来作为Alt替代文字的叙述。
- 如今Alt替代文字除了本意(可访问性)之外,还能提供你的文章内容一个包含目标关键字的机会,让该页面能够拥有更多的机会在搜寻引擎当中获得更好的排名,因此好好的完善图片的Alt替代文字,能够除了能够帮助你的图片本身会得更好的排名,也能间接帮助文章页面获得更的排名。
- Alt替代文字最怕的就是被拿来作为关键字滥填的手法,这种塞无意义的目标关键字的方式是黑帽的手法,这种方式会使你的图片与文章都容易受到搜寻引擎的惩罚。要注意,Alt替代文字一定要符合图片所叙述的内容,在合理的範围之内,才加上你的目标关键字。