主页 / 问题 / 662586
Accepted
ruslik
Asked:2020-05-06 14:21:54 +0000 UTC2020-05-06 14:21:54 +0000 UTC

如何为 seo 优化 svg 图像

  • 772

几十张图片中只有一张 svg 精灵。网站上的所有图像都是通过使用连接起来的。您如何为 SEO 优化这些图像。写正文和标题。一般来说，搜索引擎如何对待这样的图片和精灵。他们可以使用 use 和 sprite 读取此类文件吗？

svg

1 个回答

  1. Best Answer

    搜索引擎读取并记住 SVG 文件的内容，就像它们是 HTML 页面中的普通文本一样。此外，您可以在 svg 文件中无限次使用标签 - <title>.... </title>- 代码片段标题
    <desc>.... </desc>- 描述代码片段内容的任何文本。
    这些标签的位置不受任何限制，因此无关紧要你放置它们的地方，甚至在精灵文件中，甚至在图标本身的精灵中。

    在 sprite 文件中包含标签的示例 

    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"  viewBox="0 0 64 64">
  <title> Спрайт социальных иконок </title> 
    <desc> Спрайт содержит коллекцию оригинальных цветных иконок социальных 
    сетей</desc> 
  <symbol id="twitter"> 
     <title>социальная иконка твиттера </title> 
      <desс> иконка выполнена в стиле ретро </desc> 
      <path> .. ваш код иконки .. </path> 
   </symbol> 
     <symbol id="facebook">  
         <title>социальная иконка фэйсбук </title> 
      <desс> иконка выполнена в стиле ретро </desc> 
      <path> .. ваш код иконки .. </path> 
    </symbol>  
 </svg>

    标签中的所有内容都<title>将<desc> 被搜索引擎索引。

    通过命令包含图标调用的描述性标签的示例use 

    <svg> 
 <g> 
 <title>социальная иконка твиттера </title> 
          <desс> иконка выполнена в стиле ретро /desc> 

  <use xlink:href="#twitter"></use>
 </g>
</svg>
    • 4

相关问题