1. 使用最佳文件大小而不会丢失质量
图像往往是加载速度慢的主要原因。如果你的网站的速度需要改进,请尝试通过调整大小和压缩来缩小图像的文件大小。查看网页速度基准实际影响你业务的方式。
图片的整体大小不应该大于你实际需要的大小(即你的网页或博文的宽度)。你可以在不影响质量的情况下减小文件大小的最佳方法之一就是Adobe Photoshop的“Save for Web”功能。
图像可能是大量文件,但对用户体验来说这没有帮助。巨大的文件大小可以直接影响你在SERP和图像搜索中的排名。
在Photoshop中,你可以在保存图像之前调整图像大小,使文件大小更适合用户体验。Photoshop有预设让你选择图像质量,范围从1.38MB到86k。通常,中间的某个地方不会影响分辨率或增加网页加载速度。不使用Photoshop时,有在线压缩工具可以轻松调整图像大小而不影响画质。有很多工具可以调整和压缩图像。Photoshop以外的一些最好的工具包括适用于初学者和高级用户的PicMonkey和Pixlr。
最终,这关乎文件大小,图像质量和加载时间。确保图像不会丢失任何像素,并在压缩文件大小时变形。
2. 添加描述性标题
为图片添加标题是图片优化的最佳做法。标题是图片下方出现的文字 - 通常是灰色框,说明你在图片中看到的内容。尽管你的文章中的文字可能不会被读取,但图像下方的文字将被读取的可能性很高。
标题是有益的,因为不是所有的图像都能被理解,而且该功能为图像添加了上下文,以便为搜索引擎提供更多上下文(除了替代文字)。据Poynter Research称,字幕看起来比文字多16%的读者,这对读者而言可能是有价值的。有些图像可以单独使用,但额外的值会添加标题。只要记住不需要强制标题。
3. 如何为SEO命名图片
说到搜索引擎优化,创建描述性的,关键字丰富的文件名是非常重要的。图片文件名称会提醒Google和其他搜索引擎抓取工具提供图片的主题。
如果你使用的是自己拍摄的图像或从相机下载的图像,则文件名称通常看起来像“IMG_722019”或类似的东西。从默认更改文件名称,以帮助搜索引擎了解你的形象,并提高你的SEO价值。
这涉及到一些工作,具体取决于媒体库的大小,但更改默认图像名称始终是一个好主意。例如,让我们以巧克力的形象为例:
我可以简单地将其命名为“巧克力”,但如果你在你的网站上销售巧克力,则可能将每个图像命名为“巧克力-1”,“巧克力-2”等等。我将这个图像命名为“黑巧克力咖啡”,以便让用户和搜索引擎了解图像。你需要手动为每次上传编辑图像的HTML,以确保准确性。用简单的语言编写,文件名应该是一个简短,准确,关键字注入的图像表示主题的描述。
4. 如何编写适合搜索引擎优化的Alt文本
当浏览器无法正确呈现图像时,Alt标记是图像的替代文本。类似于标题,alt属性用于描述图像文件的内容。当图片无法加载时,你会看到一个图片框,左上角显示alt标签。确保它们符合图像并使图像相关。注意alt标签也有利于整体页面SEO策略。你想确保所有其他优化区域都已到位,但如果图像因任何原因无法加载,用户将会看到图像应该是什么。
另外,为网站上的图像添加适当的alt标签可以帮助你的网站通过将关键字与图像相关联,在搜索引擎中实现更好的排名。即使谷歌已经评论过图片中的替代文字的价值:它为Google提供有关图像主题的有用信息。我们使用这些信息来帮助确定用户查询返回的最佳图像。
美国残疾人法案规定,对于无法自己查看图像的个人,Alt text是必需的。描述性替代文字可以提醒用户照片中的内容。例如,假设你的网站上有巧克力的照片。替代文字可以为:
<img src =“chocolate-1.jpg”alt =“巧克力”/>
但是,描述图像的更好的替代文字应为:
<img src =“巧克力1.jpg”alt =“黑巧克力咖啡风味吧”/>
Alt文本在页面的缓存文本版本中可见,有助于用户和搜索引擎的使用。对于进一步的SEO价值,当图片链接到网站上的其他页面时,alt文本可以充当内部链接的锚文本。
5. 创建一个图片站点地图
创建并发布图片站点地图,将所有图片放在一个地方。这使Google和其他搜索引擎可以更加有效地发现你网站上的图像,从而增加图像搜索结果中显示图像的可能性。通过“image-sitemap.xml”,你可以提醒Google浏览器通过JavaScript上传的抓取工具可能找不到的图像,或者专门调出要抓取的图像。根据Google,你可以为图片创建全新的站点地图,或将图片信息添加到现有的XML站点地图。
对于WordPress网站,通过WordPress插件“ Google XML Sitemap for Images ”可以轻松创建和实现图片站点地图,该插件可自动为上传到WordPress媒体库的图片创建站点地图。帮助谷歌进一步索引和适当的图像。XML网站地图可帮助你做到这一点。
6. 打开Graph和Twitter卡
如果你向受众提供有价值的内容和信息,他们将在社交媒体上分享内容。从Facebook到Twitter,内容是共享的,链接是分发的。当你为Open Graph(OG)和Twitter Cards(可在WordPress的Yoast插件中找到)设置HTML代码时,你可以保证每次共享链接时图像都会显示在社交平台上。对于OG标签,你可以在WordPress中设置你想要的图片,也可以在HTML中创建你自己的元属性。将标签添加到页面的<head>部分,所以它看起来像这样:
<meta property =“og:image”content =“
在Twitter上共享网址时,Twitter卡会发挥相同的作用,推动互动并产生点击。Twitter卡的标记与Open Graph类似,上面的Yoast插件截图显示了Twitter标识,你可以在其中轻松使用WordPress填充该信息。
为你的图像设置这些方面有助于他们在拥挤的社交市场中吸引注意力。
图像优化关键要点
遵循这些提示应增加与图片的互动性和参与度,降低网页加载速度,提高图片搜索结果的可查找性,并加强你的关键字效果。最重要的是确保图像和替代文字与页面相关。其他要点:
•减少文件大小以提高页面加载速度。
• JPEG通常是网站照片的最佳选择。
• 切勿将GIF用于大型产品图像。
• 使用Canva等工具改善库存图像。
• 不要在alt文本中填充关键字,请确保它描述了照片。
• 确保图像与页面相关。
• 为了可爬网,请创建一个图像站点地图。
• 为社交分享创建OG和Twitter卡片。
图像优化需要付出一些努力,但由于消费者正在寻找视觉材料来理解信息而不是文字,因此确保一幅图像得到优化对于你的成功至关重要。