图像 SEO 初学者指南

通常,网站管理员专注于通过更改标题、元描述和关键字来优化网站上的文本内容。 但是,优化页面上的图像对于提高页面加载速度也同样重要。 有吸引力的图像可以轻松吸引用户阅读您的内容。 此外,在这个移动世界中,图像搜索变得像网络搜索一样流行。 在本文中,我们将解释图像 SEO 基础知识并正确使用您网站上的图像以获得更好的用户体验。

图片搜索引擎优化的重要性

有许多用户从 Google 图片搜索中搜索图片。 这具有巨大的潜力,尤其是对于摄影和电子商务领域。 此外,Pinterest 和 Instagram 等社交网站也使用图像连接世界各地有趣的用户。 因此,对于网站管理员来说,这是一个为搜索引擎优化其网站上的图像并从中获取流量的潜在机会。

早些时候,您可以在 Google Analytics(分析)报告中跟踪来自 images.google.com 的流量。 但是,Google 停止了此功能,现在您可以在 Google Search Console 中使用“性能”报告。 您可以单击任何查询并找到流量的来源来自图像。

图像 SEO 的基础知识

在您的网站上使用图片时,请考虑以下几点进行优化:

1. 图片说明

为您网站上的每张图片添加标题或名称。 这有助于用户更好地理解图像,也便于您维护图像,尤其是当您将站点从一个平台迁移到另一个平台时。 请记住,图像的名称在搜索引擎优化中没有任何作用。 但是,当图像没有替代文本时,搜索引擎会尝试从图像周围的文本内容中理解它。 因此,请使用与文本内容相关的适当图像标题。

2. 替代文字(Alt 属性)

为图像提供替代文本是您需要确保的最重要的事情。 HTML alt 属性允许您在 标记中为图像提供替代文本。 下面是使用带有图像标签的 alt 标签的示例。

<img src="https://www.webnots.com/seo-for-images/image.jpg" alt="SEO For Images">

替代文本在两种情况下很有用——一种用于浏览器支持,另一种用于搜索引擎。 当浏览器出于某种原因不支持您的图像时,它将显示替代文本而不是图像。 这将帮助用户理解应该显示的可能图像并继续阅读而不会造成太大干扰。 下面是在浏览器上显示 alt 文本的损坏图像示例。

不兼容图像中的替换文字
不兼容图像中的替换文字

由于搜索引擎无法完全理解图像的含义,因此他们使用替代文本作为图像的文本等价物。 因此,替代文本的有效使用增加了网站在搜索结果中可见性的可能性,尤其是在图像搜索中。


搜索引擎优化文章

优化 URL 结构
页面标题的 SEO
元描述的 SEO
改善网站导航
改善网站内容
图像搜索引擎优化
爬虫的 SEO
优化移动网站
网站推广的 SEO
自己做 SEO 指南

3. 图像大小

为图像使用适当的尺寸,以便用户可以清楚地看到它。 提供非常小或非常大的图像会使用户感到尴尬并离开您的网站。 大图像还会降低页面加载速度并影响 Google 搜索结果的排名。 确保使用适合您网站布局的正确图像大小,并避免在加载时使用 CSS 调整图像大小。

我们强烈建议在上传到您的网站之前使用第三方工具压缩图像。

4. 使用响应式图片

显示不适合移动设备宽度的较大图像的日子已经一去不复返了。 使用自动调整图像大小以适应查看设备宽度的采用或响应技术。 这将确保可读性,因此用户将倾向于添加书签并返回您的网站。

响应式网站
响应式网站

4. 图像的放置

在用户可以轻松看到与内容相关的位置显示您的图像。 显示不相关的图像或将其显示在不适当的位置会使用户对图像的用途感到困惑。 如果您在网站上展示广告,这也适用于图片广告。

5. 构建图像文件夹

将站点上的所有图像组织在同一个文件夹下,而不是将它们分布在太多不同的文件夹下。 这有助于搜索引擎从一个地方查看和抓取您网站的所有图像,而不是在不同的地方查看。 还建议将图像分类到每月子文件夹下以进行过滤。 一些内容管理系统(如 WordPress)默认提供此功能,使网站管理员可以轻松管理家务。

6.适当的图像类型

有许多通用图像类型,例如 PNG、JPEG、GIF 和 BMP。 每种图像类型都有不同的用途,适用于不同的场合。 虽然,所有浏览器都支持这些常用的图像类型,但请检查您网站上图像的质量和大小并进行相应的优化。 还有新的图像类型,如 JPEG2000 和 WebP。 谷歌推动网站管理员使用这些优化的图像类型。 但是,并非所有浏览器都支持这些新的图像类型。 因此,当您使用新的图像类型时,请确保使用标准的 PNG 或 JPEG 图像作为备用图像。

7. 图片站点地图

如果您使用图像作为您网站的主要流量来源,那么生成图像站点地图并将其提交给类似于普通 XML 站点地图的搜索引擎是一个好主意。 图片站点地图应包含每个页面上图片的详细信息,以便搜索引擎可以轻松地对其进行抓取和索引。

8. 延迟加载

延迟加载是一种延迟用户当前未查看的屏幕外图像的技术。 当页面上从上到下有很多图像时,将图像显示在屏幕的可见区域给用户是有意义的。 只有当用户滚动到该位置时,页面下方的其他图像才会加载。 您可以使用第三方脚本独立应用延迟加载,也可以根据您使用的内容管理系统找到合适的插件。

9. 提供来自子域的图像

一张图能说出千言万语。 虽然用图像很容易传达信息,但在一个页面上使用多个图像会大大增加页面加载时间。 页面上的每个图像都会向服务器发送一个单独的 http 请求,并使加载速度比文本内容慢。

提高页面加载速度的可能解决方案是提供来自不同域或子域的所有图像。 这有助于并行加载图像并提高页面加载速度。 由于图像是没有任何 cookie 的静态文件,因此从单独的子域提供服务也会增加页面的页面加载分数。

10.使用缓存和CDN

用户将从世界各地访问您的网站。 您可以使用 CDN 轻松缓存静态图像文件,并从离用户最近的位置提供服务。 这将提高加载速度,从而提高搜索引擎排名。 此外,您还可以对服务器配置文件中的图像使用浏览器缓存,以告知浏览器缓存的有效性。

图像的注意事项:

下表显示了在您的网站上使用图像以获得更好的搜索引擎可见性时的注意事项:

多斯 不要做
使用与您的内容相关的描述性名称和替代文本 通用文件名,如“untitles.bmp”或“image1.jpg”
为图片链接提供替代文字 极其冗长的文件名和替代文本
向搜索引擎提交图片站点地图 关键字填充到替代文本中
仅在需要时使用图片链接 极度使用图片链接进行导航
压缩和调整图像大小 在页面上使用大量未压缩的图像
启用浏览器缓存并从无 cookie 域提供服务 在文本内容可用的同一域中提供过多图像
  商业网站上的博客会增加客户群吗?

类似文章