开始您的搜索!

栏目SEO优化

   发布时间2024-5-26 13:57

   浏览人数79浏览

   转载自微信公众号微信公众号原文作者作者 数聚梨海外营销独立站跨境电商 ← 查找 / 关注作者公众号

图像SEO是优化网站上图像的过程,以便您的页面和图像在免费搜索引擎结果中排名更显着。 从而为您的网站带来更多流量。常见的图像 SEO 策略包括:调整图像大小和压缩图像为图像提供描述性文件名向图像添加替代文本(a ...

注明:本文摘自微信公众号:数聚梨海外营销独立站跨境电商,版权归微信公众号:数聚梨海外营销独立站跨境电商所有,请通过微信搜索公众号数聚梨海外营销独立站跨境电商,查看作者更多精彩内容。

图像SEO:如何为搜索引擎和用户优化图像?

图像SEO是优化网站上图像的过程,以便您的页面和图像在免费搜索引擎结果中排名更显着。 从而为您的网站带来更多流量。常见的图像 SEO 策略包括:
  • 调整图像大小和压缩图像
  • 为图像提供描述性文件名
  • 向图像添加替代文本(alt text)
SEO 图像优化之所以有效,是因为它使 Google 等搜索引擎更容易找到和理解您的图像。 这意味着他们更有可能针对相关搜索查询显示您的图像(及其所在的页面)。优化后的图像加载速度也更快。 并帮助用户获取他们需要的信息。 这些都是谷歌在对搜索结果进行排名时所看重的事情。您的访客也会欣赏它们。
图片可以出现在搜索中的什么位置?
图像 SEO 的主要好处之一是它可以帮助您的图像出现在搜索引擎结果页面 (SERP) 中。 从而吸引用户有价值的点击。许多用户直接访问 Google 图片,图像结果非常适合吸引用户的注意力和点击。但请记住,对图像进行搜索引擎优化也可以帮助您提高其他排名。
如何优化图像以进行搜索引擎优化 ?
应用这些图像 SEO 最佳实践,使您的网站对搜索引擎更加友好并增强用户体验。
1. 查找或创建有用的图像
SEO 图像优化的第一步是选择或创建支持您目标的图像。例如:
  • 照片可以展示产品并分解大段文字
  • 平面设计可以传达抽象的想法
  • 图表和图形可以显示复杂的数据
  • 图标可以改善网站导航和可用性
  • 徽标可以增强您的品牌形象
  • 屏幕截图可以提供清晰的说明和示例
尝试创建自己的图像而不是使用库存图像。这样,您就可以为用户提供独特的价值,并让 Google 有更多理由对您进行排名。如果您确实使用其他人创建的图像,请确保您拥有必要的权限。 否则,您可能会违反版权法。我们的最佳内容创建工具列表包含许多用于图像创建和采购的有用工具。
2. 选择正确的图像格式
您可以将图像文件保存或转换为多种不同的格式。 SVG 通常是图标和徽标的最佳选择。 因为 SVG 可以调整大小而不会降低质量。 并使用 JavaScript 或 CSS(网站编码语言)进行操作。WebP 是其他类型图像的最佳格式之一。 因为:
  • 主要搜索引擎、互联网浏览器和社交媒体网站都支持它(尽管一些较旧的浏览器/系统不支持它)
  • 它通常会创建比其他格式更小的文件(因此加载速度更快)
  • 支持透明度和动画
  • 它使用有损和无损压缩(这有助于确保文件大小和图像质量之间的良好平衡)
然而,SVG 和 WebP 图像可能更难创建和管理,最好的替代方案是:
  • 标准图像的 JPEG
  • PNG 适用于具有透明度、文本或大量细节的图像
  • 用于简单动画的 GIF
3. 给你的图像起一个描述性的文件名
Google 使用图像文件名来更好地理解图像所描绘的内容。 因此,最佳做法是为图像提供描述性(但简洁)的文件名。文件名中不能使用空格,Google 建议使用连字符分隔单词。如果您在内容的翻译版本中使用相同的图像,请确保相应地更新文件名。
4. 添加描述性替代文本
替代文本是对存储在网页代码中的图像的书面描述。具体来说,它是在图像标签的 alt 属性中排序的。 像这样:
<img src="image-file-example.jpg" alt="Alt text goes here">
替代文本主要用于辅助功能:文本转语音工具可以大声朗读此描述,以便视障用户知道图像传达的内容。当页面无法正确加载或加载缓慢时,它就会出现。但是,替代文本对于图像搜索引擎优化也很有用。 因为搜索引擎使用替代文本来更好地理解图像所描绘的内容。以下是一些替代文本最佳实践:
  • 只为功能性图像编写替代文本,而不是装饰性图像。 这确保了使用辅助技术的人获得更少的干扰性体验。
  • 描述图像中在上下文中重要的方面。 例如,如果您使用相同的图表来演示不同的观点,请为每个实例使用不同的替代文本来清楚地解释您的观点。
  • 最大长度限制为 125 个字符。 一些辅助技术此时会停止读取替代文本。
  • 如果所有读者都需要了解某些内容,请将其放入正文内容或图像标题中,而不是替代文本中。 所以每个人都可以使用它。
  • 避免使用多余的短语,例如“图像”或“照片”。 很明显,替代文本指的是图像。
5. 调整图像大小
将图像调整为更小的尺寸有助于减少加载时间。 而且它不一定会影响图像质量。一般来说,网站图像的宽度不需要超过 2,500 像素。但特定图像所需的最大尺寸取决于:
  • 容器的最大宽度:如果您的图像放置在容器(用于管理网页设计中的布局的元素)中,则它不应大于容器的最大尺寸
  • 图片的用途:例如,您可能需要大的产品照片,以便用户可以放大细节并清楚地看到它们,但缩略图可以小得多
  • 您的受众的设备:使用 Google Analytics 4 查看访问者使用的屏幕分辨率,这样您就知道需要迎合什么尺寸
  • 图像编辑和创建工具(如 Photoshop)通常可以轻松调整图像大小。
但您也许可以使用一个网站插件来自动调整您上传的图像(例如,WordPress 的“上传后调整图像大小”)。
6. 压缩图像
各种工具和插件允许您压缩图像,即减小图像文件大小,同时保持所需的图像质量水平。一些最受欢迎的选项包括 TinyPNG、Squoosh 和 GIMP。无论您选择哪种工具,您都需要配置各种设置才能达到所需的结果。
7. 使用响应式图像缩放
响应式图像缩放意味着网站图像根据用户视口(显示网页的屏幕部分)的大小自动调整。它有助于确保在各种设备上提供出色的用户体验。 因为它可以防止图像太难看(例如,在移动设备上太大或在桌面上太小)。因此,响应式图像缩放可以最大限度地减少加载时间,因为图像不会比需要的尺寸大。这就是它有利于图像搜索引擎优化的主要原因。一些网站构建器(如 Wix)默认使用响应式图像缩放。 如果没有,您需要找到合适的插件或向网络开发人员寻求帮助。
8. 实现延迟加载
延迟加载可确保内容在显示在用户视口中之前不会加载。这意味着初始加载时间仅受首屏内容(用户在滚动之前看到的页面部分)的影响。 因此速度更快。实现延迟加载最简单的方法就是给图片标签添加loading="lazy"属性。 像这样:
<img src="image-file-example.jpg" loading="lazy" alt="Alt text goes here">
仅对每种设备类型上显示在首屏下方的图像执行此操作。 否则,你会让你的页面变得更慢而不是更快。
9. 创建图像站点地图
图像站点地图是专门为图像制作的 XML 站点地图。 换句话说,它是一个特殊格式的文件,列出了您希望搜索引擎抓取和索引的图像(即查找并添加到可能的搜索结果的数据库中)。创建图像站点地图有助于确保搜索引擎机器人在抓取您的网站时不会错过任何重要图像。Google 建议您像这样构建图像站点地图:
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
<url>
<loc>[URL for a webpage on your website]</loc>
<image:image>
<image:loc>[URL for an image on this webpage]</image:loc>
</image:image>
<image:image>
<image:loc>[URL for another image on this webpage]</image:loc>
</image:image>
</url>
<url>
<loc>[URL for another webpage on your website]</loc>
<image:image>
<image:loc>[URL for an image on this webpage]</image:loc>
</image:image>
</url>
</urlset>
10. 使用内容交付网络
内容交付网络 (CDN) 允许您将图像托管在世界各地的多个服务器上。这提高了加载速度,因为数据从每个用户“最近”的服务器传输。 而不是每次都从源服务器出发。紧密程度不一定由自然地理决定,而是由能够更快、更可靠地传输数据的服务器决定。 要为您的图像实施 CDN,您需要:
  • 选择 CDN 提供商(例如 Cloudflare 或 Amazon CloudFront)
  • 将 CDN 与您的网站集成(例如通过插件)
  • 将您的图片上传到 CDN
  • 更新您的 DNS 记录,以便图像请求通过 CDN
  • 修改您的网站 HTML(以及图像站点地图)以引用新的图像 URL
您将需要网络开发人员的帮助。
11. 启用浏览器缓存
浏览器缓存是指访问者的浏览器在指定的时间内存储某些文件(例如图像)。 这样,如果再次被请求,他们可以更快地加载。假设有一个新用户访问您的主页:
  • 如果您的网站徽标缓存了 365 天,当用户点击您网站上的另一个页面时,它的加载速度会更快。 和/或在下一年重新访问您的网站。
  • 如果您的网站徽标未缓存,则浏览器每次都需要重新下载图像。 这会消耗更多带宽并增加服务器必须处理的请求数量。
一般来说,图像可以缓存很长时间,因为它们很少更新。您可以使用 Google Lighthouse 查看您网站上的图像是否缓存了合适的持续时间。安装 Chrome 扩展程序后,选择 Lighthouse Viewer 选项来分析特定网页。
12. 应用页面搜索引擎优化最佳实践
页面搜索引擎优化是优化页面以在搜索结果中排名更高的过程。 它还可以帮助页面上的图像表现得更好。
13. 添加结构化数据
将结构化数据(也称为架构标记)添加到您的网站可以增加保护丰富片段的机会 - 具有引人注目的额外元素(例如图像)的搜索结果。您可以使用架构来指定文章、事件、组织等的图像。 还有一个 ImageObject 架构,允许您提供有关图像的额外详细信息(例如,创建者的名称和图像许可证的链接)。 这些详细信息可能会显示在 Google 图片结果中。
14. 优化您的开放图元标签
您可以使用开放图谱元标记来确保您的页面在各种平台(例如社交媒体网站)上共享时以最佳方式预览。每个页面有四个必需的属性:
  • og:title 指定应出现在预览中的标题
  • og: type 指定对象的类型(例如“文章”)
  • og:image 指定预览图像的 URL
  • og:url 指定页面的 URL
#图像SEO#如何为搜索引擎和用户优化图像
版权声明:文章内容摘自于微信公众号:数聚梨海外营销独立站跨境电商,版权归微信公众号:数聚梨海外营销独立站跨境电商所有,本站仅出于分享(非商业盈利)目的转载,该文章仅代表作者本人观点,不代表本站观点!如转载侵犯了您的权益,请来信告知:ishiqingwu@qq.com,我们在收到来信的第一时间处理。
返回顶部