10. 如何优化SEO图片方法

Author: 影子 8 views

使用 HTML 图片

使用 HTML 图片元素在内容中嵌入图片。

√ 使用 HTML <img> 或 <picture> 元素。

语义 HTML 标记有助于抓取工具找到并处理图片。使用 <picture> 元素,您还可以针对不同屏幕尺寸为自适应图片指定多个选项。您还可以在图片上使用 loading="lazy" 属性,提高用户的网页加载速度。

× 应避免的做法:

  • 使用 CSS 显示您希望我们编入索引的图片。

使用 alt 属性

为图片提供说明性文件名和 alt 属性说明。alt 属性使您能够为图片指定替代文本,在图片由于某种原因不能显示时起到救场的作用。

展示良好图片替代文本用途的图示。

为什么使用此属性?如果用户使用屏幕阅读器等辅助技术查看您的网站,则 alt 属性的内容会提供关于照片的信息。

另一个原因是,如果您将图片用作链接,则该图片的替代文本会等同于文字链接的定位文字。但是,如果文字链接可以起到相同的作用,我们建议不要在网站的导航中使用太多图片作为链接。最后,优化图片文件名和替代文本可使图片搜索项目(如 Google 图片)更好地理解您的图片。

√ 使用简短但具有描述性的文件名和替代文本

和网页上被视为优化对象的许多其他部分一样,简短但具有描述性的文件名和替代文本是最理想的。

× 应避免的做法:

  • 在可能的情况下均使用 image1.jpgpic.gif1.jpg 等宽泛的文件名。如果您的网站有数千张图片,您可能希望自动为图片命名。
  • 文件名非常长。
  • 替代文本中充斥着关键字,或复制粘贴整个句子来作为替代文本。

如果您决定使用图片作为链接,同时提供替代文本可帮助 Google 更深入地了解您链接到的网页。这就像您为文字链接撰写定位文字一样。

× 应避免的做法:

  • 撰写会被认为是垃圾内容的超长替代文本。
  • 网站导航仅使用图片链接。

帮助搜索引擎找到图片

图片站点地图可为 Googlebot 提供更多与在您网站上找到的图片有关的信息。这样能够提高您的图片出现在 Google 图片搜索结果中的几率。该文件的结构与您网页的 XML 站点地图文件类似。

使用标准图片格式

使用普遍支持的文件类型 – 大多数浏览器支持 JPEG、GIF、PNG、BMP 和 WebP 图片格式。另外,最好让文件扩展名与文件类型相匹配。

Leave a Comment