图片SEO:初学者指南
Table of Contents
- 什么是图片SEO
- 图片SEO的重要性
- 提高参与度和减少跳出率
- 增加有机流量潜力
- 更好的移动端优化
- 增加可访问性和包容性
- 在丰富片段中出现
- 增加点击率
- 图片SEO的最佳实践
- 选择原创图片
- 选择正确的图片格式
- 给图片文件起一个描述性的名称
- 调整图片尺寸
- 压缩图片以提高加载速度
- 删除EXIF数据
- 添加图片标题
- 为可访问性和SEO添加ALT文本
- 使用图注来描述图片
- 添加图片尺寸以避免布局变动
- 使用响应式图片
- 使用懒加载
- 通过CDN提供图片
- 创建图片XML网站地图
- 添加结构化数据
- 配置开放图和Twitter Cards
什么是图片SEO
图片SEO是指通过增强网站上的图片的可见性和相关性来提高搜索引擎排名的一种技术。搜索引擎在排名网页时会考虑图片和页面加载速度,因此优化图片对于网站的整体SEO策略非常重要。
图片SEO的重要性
提高参与度和减少跳出率
图片比文本更能有效地吸引用户的注意力,因为我们是视觉动物。图片中蕴含着更多的信息,有时一张图片胜过千言万语。图片能够更好地吸引用户持续停留在页面上,减少跳出率,这对于Google来说是一个积极的排名信号,有助于提升页面排名。
增加有机流量潜力
优化的图片能够在图片搜索引擎结果中更容易被发现,从而带来更多的流量。优化的图片能够为页面内容提供更好的上下文,从而提高页面排名和流量。
更好的移动端优化
当图片能够在不同设备上自适应调整大小并进行优化时,它们将在移动设备上更好地显示,加载速度更快,能够更好地吸引用户。这将支持整体的页面排名和增加有机流量。
增加可访问性和包容性
通过特定的方式优化图片,即使那些有视觉障碍的人也能理解网页上的图片。这样能够创造一个包容性的环境,并使更多的人参与到内容中。
在丰富片段中出现
通过结构化数据元素与图片相结合,可以使图片在搜索引擎的丰富片段和推荐片段中出现。你可能最近在Google搜索中看到了一些小缩略图或图片,这些图片基本上是使用结构化数据元素来提取的。这是一种非常有用的方式,使搜索结果更加吸引人。高点击率会带来更多的有机流量。
增加点击率
页面中的图片都要经过优化,这样当图片在社交媒体平台上分享时,它们的内容就可以更加吸引人了。你可以在社交媒体中看到图片和一些描述,这样可以增加点击率。
图片SEO的最佳实践
选择原创图片
在庞大的在线世界中,图片的再次使用已经变得非常普遍,导致一成不变、乏味。通过创建原创图片,可以增加真实性和独特性,使其对用户和搜索引擎更具吸引力。避免使用常见的股票图片或被反复使用的通用照片,因为如果你经常上网,你可能已经看到过很多次了。
选择正确的图片格式
有很多种图片格式,但最常见的是BMP、GIF、JPEG、PNG、WebP和SVG。不同的格式适用于不同的情况,下面简要介绍一下各种格式的优缺点:
- BMP(位图)文件一般不适用于网络,因为文件大小较大,但某些特定应用中可能适用,比如某些图形设计。
- GIF文件具有透明和动画功能,可以提供基本的SEO效果,但是颜色调色板有限。
- JPEG文件适用于照片和复杂图像,但不适用于透明图像。
- PNG文件适用于具有清晰边缘和透明效果的图像,适合图像和图形。
- WebP格式是专为Web优化而设计的,比JPEG和PNG更有效率,具有更高的压缩比和透明特性。
- SVG格式适用于图标、标志等需要在不同设备上缩放的图形,能够保持高质量的同时改变尺寸。
总结一下,首选WebP和SVG,紧随其后的选择是JPEG和PNG,尽量避免使用BMP和GIF。
给图片文件起一个描述性的名称
给图片文件起一个有描述性的名称非常重要。文件名不仅仅是文件的标签,它实际上为搜索引擎和用户提供了更多的上下文信息。使用清晰、相关和简明的文件名准确地描述图片内容。例如,在这个例子中,我们有一张在森林中的黑色拉布拉多犬的照片,后面有一座小屋。我会把这个文件命名为"黑色领圈湖中的森林中跑的拉布拉多犬.jpg"。这个文件名可能有点长,你可能需要缩短一点,但确保你着重于主要元素,比如森林中有一只黑色的狗,这样就够了。
调整图片尺寸
调整图片尺寸可以提高用户体验和页面加载速度。当你有一个更大分辨率的图片时,它的文件大小也会更大,从而使网页浏览器从服务器下载时加载速度变慢。然而,如果你将图片尺寸调整得太小,它会变得模糊,看起来并不好。所以你需要做一个好的平衡。例如,这里有一张猫的图片,它的分辨率非常高,是3332x3432,但是文件大小非常大,2.7兆字节,对于网页上的一张图片来说太大了。如果我将它调整为1024x1024,这是一个合理的尺寸,保持分辨率相对较高,仍然可以看到猫的细节,现在它只有233千字节。虽然仍然可以进一步优化,但这已经是一个很大的改进了。
压缩图片以提高加载速度
调整图片尺寸后,进一步压缩图片可以减小文件大小。压缩会减小文件大小,尽量保持图片质量不受太大影响。虽然会有一些损失,但你可以在保留一定质量的情况下实现平衡。记住,文件越小,加载时间越快,页面加载时间越快,一般会获得更高的排名。如果在上传图片到网站之前对图片进行压缩,建议使用以下工具:imageoptim.com、imagecompressor.com、jpegmini.com、jpeg.io。下面是一个使用imagecompressor.com压缩图片的例子,上传了一张鹦鹉的图片,将质量滑块调整到大约66,你可以看到原始图像与压缩版本的对比,你可以看到压缩率达到了71%,同时几乎保持了原始图片质量之间没有明显的差异。
删除EXIF数据
EXIF代表可交换图像文件格式,包含与图像相关的元数据,比如相机设置和位置信息。这些数据通常来自用数码单镜反光相机或照相机拍摄的图像,包含一些关于拍摄地点和详细信息的元数据。删除EXIF数据在很多的图片压缩工具中是默认的选项,或作为一个附加功能,你可以选择在压缩图片时去除这些数据。此外,从隐私的角度来看,删除EXIF数据可以避免一些潜在的隐私风险,特别是提供了照片的位置信息。
添加图片标题
图片标题就是当用户将鼠标悬停在图片上时显示的工具提示。这是一个提供图片额外内容、上下文或描述的机会。它还可以增强用户参与度和体验。添加一个鼓励用户行动的标题是常见的做法,特别是当一个图片有一个超链接时。
为可访问性和SEO添加ALT文本
ALT文本是替代文本的缩写。它对于可访问性来说是一个基本的元素,如前面所讨论的,它为屏幕阅读器和视觉受损的用户提供了图片的文本描述。许多搜索引擎也使用ALT文本来了解图片的内容和上下文,因此对搜索引擎来说也非常重要。尽量准确和相关地描述图片中的内容,并采取描述图片给一个无法看见它的人听的方式。要描述详细,而不是泛泛地描述,避免使用一般的、模糊的术语。
使用图注来描述图片
图注是描述图片内容或上下文的文字,这是可选的,但对于提供更深入的描述或上下文非常有价值。它在内容中通常位于图片下方,字体较小,以补充信息方式提供更多信息。它有助于传达那些单凭图片无法表达的信息,比如解释图表或图形,或者解释一张图片背后的故事,使图片更具意义。
添加图片尺寸以避免布局变动
在HTML代码中指定图片尺寸非常重要,许多CMS平台或SEO插件已经自动完成了这个任务。指定图片尺寸可以避免当网页加载时元素的跳动现象。如果加载一个页面时,看到元素跳动,这就是因为有一张图片应该在那个位置,但浏览器不知道,因为没有预先指定宽度和高度尺寸。这对用户体验来说是一个令人不愉快的体验,所以我们要提供这些图片尺寸。
使用响应式图片
如果一个CMS支持响应式内容编辑,则可以为每种设备类型使用不同大小的图片。某些CMS和平台会自动为你创建不同大小的图片版本,并在不同设备上使用不同的版本。然而,如果你使用自定义的CMS或你的CMS不支持这个功能,你可能需要手动完成。这将确保图片适应各种屏幕尺寸,并在任何设备上加载得更快,同时仍然保持良好的外观。
使用懒加载
懒加载是一种在用户滚动页面之前不加载图片的方法。这是一种非常高效的加载页面的方式,可以加快页面加载速度,避免一开始就加载所有内容。这样可以减少初始页面加载时间,提高性能。你可以在CMS上启用这个功能或使用WordPress等插件实现懒加载。而且,很多托管平台如Wix、Squarespace等,通常默认已启用懒加载,以自然地提高网站的性能。
通过CDN提供图片
CDN是内容分发网络,它是一种在全球范围内分发文件的服务,可以减轻服务器负载,提高加载速度,特别针对来自不同国家的访问者。CDN对于使用单一服务器的自托管网站尤其有用。大多数托管平台(如Wix、Squarespace等)已经内置了CDN,你无须操心,但如果你自己托管网站并自己托管图片,你可能需要考虑使用CDN来加速图片加载。
创建图片XML网站地图
图片XML网站地图是一个单独的网站地图文件,专门用于列出网站上的图片。你也可以在现有的XML网站地图中包含图片,这两种方法都是完全有效的。这有助于搜索引擎更有效地发现和索引你的图片。许多CMS平台或SEO插件已经内置了此功能,它们会自动生成页面中的所有图片列表。但如果你手动创建,确保遵循具体的图片包含准则。
添加结构化数据
通过添加结构化数据,你的图片可能会作为丰富片段出现在搜索结果中,这可以增加点击率。你可以查看schema.org中的实体类型,其中许多实体都使用了与图片相关的属性,这些属性可以被搜索引擎用来显示丰富片段或推荐片段。下面是一个例子,如果我在Google中搜索“黑色沙发”,许多网站都有包含了图片,因为它们在页面内使用了结构化数据,所以Google知道从哪里提取这些图片,并将它们显示出来。这使得搜索结果更具吸引力,增加了点击率。
配置开放图和Twitter Cards
开放图和Twitter Cards可以控制在社交媒体平台上分享内容时内容的显示方式。这两种方式都可以使用标签中的图片,并在分享时以吸引人的方式呈现视觉内容。它们知道要提取哪个图片并展示出来,从而使得内容更具吸引力。配置开放图和Twitter Cards可以增加点击率。
如果你对图片SEO有任何问题,请随时告诉我。同时,可以查看hike SEO,这是一个对于初学者、小企业主或为小企业主服务的机构来说非常好的平台,可以帮助你获得更高的排名和更多的有机流量。
图片SEO的常见问题
1. 图片的格式和大小对SEO有影响吗?
是的,图片的格式和大小对SEO有影响。选择适当的格式和压缩图片可以减少加载时间,提高用户体验和页面排名。
2. 是否必须使用原创图片?
原创图片更能凸显网站的独特性和真实性,但并非必须。你可以使用其他具有相关性和高质量的图片,只要它们符合页面的内容和上下文。
3. 是否需要为每个图片添加ALT文本?
是的,为每个图片添加ALT文本是很重要的,这有助于搜索引擎和视觉受损的用户理解图片内容。ALT文本对于SEO也非常重要。
4. 是否需要为图片添加标题和图注?
添加图片标题和图注是可选的,但对于提供更多的上下文和描述非常有价值。它们可以增强用户参与度和体验。
5. 为什么要使用懒加载和响应式图片?
懒加载可以加快页面加载速度,而响应式图片可以确保在不同设备上以最佳方式显示图片,提高用户体验。
6. 使用CDN的好处是什么?
使用CDN可以降低服务器负载,提高图片的加载速度,尤其对于来自不同国家的访问者来说是非常重要的。
7. 图片XML网站地图的作用是什么?
图片XML网站地图有助于搜索引擎更有效地发现和索引网站上的图片,提高图片的可见度和与搜索引擎的相关性。
8. 结构化数据对图片SEO有何影响?
通过添加结构化数据,图片可以在搜索结果中以丰富片段的形式出现,从而增加点击率。
9. 如何在社交媒体上优化图片的显示?
通过配置开放图和Twitter Cards,可以控制在社交媒体平台上分享内容时图片的显示方式,从而增加点击率。
以上是关于图片SEO的一些常见问题,如果还有其他问题,请随时告诉我。