石家庄网站建设 > 网站制作 >

石家庄网站建设方案

2020-12-02 20:30:02
石家庄网站建设方案

另请参见:

•关于易访问性+搜索引擎优化,你应该知道些什么

•什么是Alt Text?

•YouTube搜索引擎优化:投资的首要因素

在本系列的前两篇文章中,我们讨论了站点和页面结构的重叠,以及格式和链接的重叠。在这最后一篇文章中,我们将讨论媒体元素编码时的可访问性和搜索引擎优化重叠。

图像和非文本元素

正如你所想象的,在线图像对于视力受损的访问者来说是有问题的,但是幸运的是我们在这里使用了技术,所以你我可以通过对图像和非文本元素进行适当的编码来帮助解决这个问题。

图像和非文本元素的一些示例如下:

图像,包括图表、文字艺术、装饰和背景图像、网络摄像头图像、照片

信息图

图像地图

动画

图形按钮

验证码

下面是一些可以围绕图像和非文本元素进行优化以获得更好的可访问性。

Alt属性

SEO中的图像alt属性用于描述搜索机器人图像是什么,或者如果图像是链接,图像指向什么。如果是链接,alt属性的作用类似于关键字锚文本,帮助Google理解目标页面的上下文。

屏幕阅读器也可以读取图像上的Alt属性。下面是一个简单的例子:

Alt属性对于辅助功能和SEO是一个双赢的优化,但是在为屏幕阅读器优化Alt属性时,有一些事情需要记住,特别是下面的前两项。

Alt属性应做和不应做的事项:

不要在装饰性图片上使用alt属性:你的健康保险网站上的云装饰性图片不是获取图片搜索流量的诱饵,在向屏幕阅读器提供上下文方面也没有用处。对于视力正常的用户来说,装饰性图像仍然可以看起来梦幻般的,但是通过将alt属性保持为alt=“”(null)或使其成为背景图像,不会妨碍视力受损用户在页面中导航。

当有一个文本链接时不要使用alt:如果图像是一个链接,并且图像旁边有链接文本,两者都指向同一个目的地,屏幕阅读器会同时读取这两个链接,这听起来是重复和奇怪的。使用alt=“”(null)作为图像alt,并保持锚文本指向有关主题的目标页面。SEO可能会对此提出质疑,他们希望将alt属性放在图像上,以帮助图像在图像搜索中排名。在这种情况下,我建议在目标页面上的图像上使用alt属性,因为这是您希望在serp中显示的页面(可能是一个很好的主题,可以在评论中进行更多讨论)。

保持简短或者使用标题:在web上有一些推荐的痕迹,JAWS屏幕阅读器在alt属性超过125个字符时做得不好。不管这是真是假,保持alt属性简短更方便用户使用。如果您想了解原因,可以在浏览器中添加一个屏幕阅读器扩展(比如ChromeVox或Firefox的Fangs),并在带有长alt属性的图像的页面中导航。如果你对一张图片有很多话要说,就把它放在标题文本中,或者在页面上用文本描述,而不是在alt中。

不要用关键词写东西-自然地写。让我们再考虑一下带有装饰性云图像的健康保险网站的例子。一个搜索引擎优化可能会在一个登录页面上看到五个装饰性的云图像,作为将“健康保险、健康保险工具、健康工具”等填充到alt属性中的五个机会。别这么做。它不仅会给屏幕阅读器带来噪音,还会让人困惑和恼人。另外,现实地说,没有人在搜索“健康保险”的图片,即使是这样,他们在搜索结果中点击云的图片期望得到他们想要的东西的可能性也很小。类似地,确保你的alt属性是描述性的并且有意义——为人们而不是仅仅为机器人编写一堆关键词。

图片字幕

谷歌可以分割图片附近的文本,将其归属于图片,甚至可以创建自己的标题;因此,图片附近的文本可以帮助提供上下文,并可能影响排名。图像字幕还为屏幕阅读器提供上下文,通常提供比alt属性更多的上下文,或者在上载时不知道alt属性的情况下代替alt属性。

图片字幕的注意事项:

如果有图片说明,不要使用alt属性。与锚文本链接类似,通过alt属性和标题描述图像是重复的。这也可能是一个值得商榷的做法,因为seo可能会同时使用这两种方法。在这种情况下,考虑一下同时读取标题和alt属性的屏幕阅读器将如何读取它,并尝试做出对这两者都有效的最佳决策

请描述一下你的字幕。例如,使用“Figure1:”,这样就可以正确地理解这个标题标记

返回列表