Question

假设我要在我的主站点标题中换出<img>来代替使用SVG。通常我会依赖<img>的alt标签。

这种类型的转换，SVG <title>是“alt”的最佳替代方法吗？

<svg role="img" aria-label="title + description here]">
  <title>[title here]</title>
  <desc>[long description here]</desc>
  ...
</svg>

Answer 1

多年来我研究了很多508。对于微小的开销，你将花费你为svg图像创建一个替代文本属性，它真的不值得跳过它。请记住，所有屏幕阅读器都不同，用户也是如此。 SVG有很多能力可以利用，但我们还没有。是的，Google会为您图片中的文字编制索引，但如果您关心无视用户能够全面访问您的内容，则应该使用alt标记。它实际上是可访问性功能的底层。让低垂的果实在葡萄藤上腐烂是没有意义的。

Answer 2

我对此事也很感兴趣。截至目前，我最好的猜测是在页面代码中使用带有alt标记的<img>，然后使用javascript将img替换为内联的实际svg代码。您可以检查this answer是否有一个小脚本，用您的svg内联内容替换img。

Answer 3

根据SVG Open，<title>必须由例如盲人的屏幕阅读器支持，仍有已在StackOverflow上讨论过的解决方法＆lt; - 这里是您的答案，此主题可能是重复的吗？

Answer 4

绝对最好从>>> import numpy as np >>> A = np.matrix([1,2,3]) >>> A matrix([[1, 2, 3]]) >>> A[0] matrix([[1, 2, 3]]) >>> A[0][0] matrix([[1, 2, 3]]) >>> A[0][0][0] matrix([[1, 2, 3]]) >>> A[0][0][0][0] matrix([[1, 2, 3]])中获取SVG以获得SVG +简单SEO的所有好处。谷歌蜘蛛很可能知道SVG的标题应该成为替代标签，但我们无法保证，而且我确信他们有足够多的爬虫可以使用。吨。

Answer 5

如果SEO是您的主要关注点，为什么不从img元素的src属性中引用SVG？它确实更广泛地实现了内联SVG，因此在这种情况下它可能是更好的选择。

Answer 6

这会有用吗？

<svg role="img" id="my-svg-img">

  ...
</svg>

<img src="#my-svg-img" alt="Hey hey, kids!" >

（或者如果你发现你的<title>方法工作得很好，你就可以作为答案发布了吗？我现在在黑暗中摸索着同样的问题）

内联SVG - 通常用于＆lt;的“alt”标记的最佳替代品。 img＆gt;搜索引擎优化？

6 个答案: