博客图片最佳实践:在博客文章中使用图片的 10 种方法

已发表: 2023-03-08

图片是博客文章的重要组成部分,使用视觉元素绝对是创建博客内容的最佳实践之一。 你可能已经知道了。 但是你有没有问过自己,你在博客上使用图片的方式是否最有效?

为了消除您可能遇到的任何疑虑,在这篇文章中,我们将深入讨论如何在博客文章中使用图像。 我们将首先讨论为什么您应该这样做,然后为您提供有关如何最好地使用博客图片的详细提示。

最后,我们希望您感觉自己知道如何在您的博客内容中使用视觉效果来增强它并使其更有效。

你能想象出来吗? 不? 我也在画一个空白。 听起来很粗略? 我只是想说明一点。 (我深表歉意。请在评论中留下你最喜欢的与图像相关的双关语)。

为什么要在博客内容中使用图片?

博客图像最佳实践

您很可能知道在博客内容中使用图片是个好主意。 但是,让我们快速回顾一下原因,以便您更有动力实施以下建议。

人类是视觉导向的

首先要记住的是,人类是视觉动物。 与单纯的事实相比,我们更善于记住视觉信息。 这就是为什么许多记忆技术都是基于将信息转化为图像以​​便您更好地记住它的原因。

视觉记忆技术示例
图片来源:电子学习信息图表

因此,我们更喜欢视觉效果,而不仅仅是文字。 这就是近年来视频内容爆炸式增长的原因。 预计 2022 年 82% 的互联网流量将来自视频。

需要进一步证明吗? 2021 年,短视频平台 TikTok 成功成为世界上最常访问的域名,将谷歌从这一过程中剔除。

tiktok 域名排名随时间变化的图表

另外,你知道世界第二大搜索引擎是什么吗? 这是 YouTube(尽管有一些注意事项)。

视觉效果使内容更易于消费

所以,人是视觉导向的。 到目前为止,一切都很好。 然而,除了简单地成为我们作为人类所做的事情之外,您博客内容中的视觉效果还提供其他好处:

  • 使扫描更容易——根据尼尔森的一项研究,只有大约 20% 的访问者最终会阅读您的整个博客文章,其余的则略读。 因此,由于图像传递了更多的信息,因此将它们包含在内可以为大多数观众提供很好的服务。
  • 分解冗长的文本——图片使您的博客文章比单纯的文字墙更令人兴奋。 与适当的格式一起,使您的内容更易于消费和更容易理解。
  • 增添个性——善用图像可以进一步突出作者的个性和文章的基调。
  • 影响 SEO — 图片也在 SEO 中发挥作用。 使用它们是为搜索引擎向您的内容添加更多信息的好方法。

确信了吗? 然后,让我们谈谈如何将这些知识付诸实践。

如何在博客文章中正确使用图片

以下是我们关于如何在您的网站上使用博客图片的最佳做法。

1.大量使用

提高博客图片有效性的第一步是使用足够数量的图片。 如前所述,视觉效果的作用是让读者停留在页面上。 将它们视为引导访问者前进的面包屑。

那么,正确的数字是多少?

好吧,BuzzSumo 的一项研究表明,每 75-100 个单词有一张图片的文章被分享的频率几乎是图片较少的文章的两倍。

与图像大小相关的内容共享图

但是,如果您不想继续计算字数,一个好的经验法则是使用足够多的图像,这样无论访问者在您页面上的哪个位置,他们的视野中总有一个视觉元素. 除了图像,还可以是嵌入式视频、嵌入式社交媒体帖子等。

页面示例博客图像最佳实践中的许多视觉元素

2. 选择相关的图片并增加价值

虽然使用大量图像很重要,但不要仅仅为了它而包含它们(例如,因为我们这么说)也同样重要。 出现在您的 Web 内容中的任何图像都应该是相关的,并且可以添加到文本的内容中。

例如,如果我要在这篇文章中添加一块西兰花的图片,它会让你感到困惑,而不是增加你的体验。

西兰花随机图像负面示例博客图像最佳实践

当然,它在这里也起到了反面例子的作用,但除此之外,它对帖子没有任何实际贡献。 另一方面,下面的引用图片既切合主题,又进一步扩展了我已经提出的观点。

引用图像示例

比西兰花更有意义,不是吗?

出于这个原因,每当您考虑为您的内容添加视觉效果时,请始终问自己以下问题:

  1. 与整篇文章的主题相关吗?
  2. 它与它所在的文章部分相关吗?
  3. 它是否为读者增加了价值?

如果其中任何一个问题的答案是否定的,通常最好省略特定图像。 此外,您还可以考虑图像是否适合您现有的配色方案和视觉语言。 以上所有内容对于特色图片尤为重要。

3.利用图表

图表和图形是将大量信息打包到非常小的空间中的好方法。 这是我们关于在 CSS 中声明颜色的文章中解释 HSV 颜色空间如何工作的一个:

hsv 颜色空间示意图作为博客图像最佳实践的示例
图片:SharkD/维基媒体

它们不仅使文章更具吸引力,而且还强化了您的观点并作为您主张的证据。 此外,图表和图形有助于以一种易于理解的方式可视化数据,而单纯的文本通常无法做到这一点。 因此,如果您能找到适合您文章内容的内容,请务必使用它们!

它们也相对容易创建,例如使用 Imgflip、Canva 或 Visme。 甚至 Excel 或 Google 表格也能够生成您可以轻松截取的图表。

此外,还有其他数据可视化选项,例如图表或信息图表。 后者在社交媒体上也特别有效。 如果您可以制作有价值且美观的信息图,它可以带来大量的浏览量和流量.

最后,图表、图形和其他数据可视化具有高度可重用性。 您可以在多篇文章中使用它们来表达相同或相似的观点。 它们也是获得反向链接的好方法,因为它们非常受欢迎。

4.包括人物形象

人是群居动物。 我们天生就喜欢看人,尤其是看脸。 眼动追踪研究表明,我们的目光被它们神奇地吸引住了。

眼动追踪研究关注面部
图片来源:领英

这就是为什么关于页面通常是网站访问量最大的页面之一的原因之一。 我们想与真实的人联系,而不是匿名(双关语意)的网站。 因此,在有意义的时候在您的网站或博客上包含人物图片绝对应该成为您最佳实践的一部分。

您还可以更进一步,使用它们来引导访问者的注意力。 研究表明的另一件事是,我们会将注意力集中在其他人注视的地方。

眼动追踪研究引导凝视

您可以使用它来让访问者将注意力集中在您希望他们关注的地方。 更多关于我们基于科学的网页设计技巧。

5.利用截图

当您编写教程或帮助读者在计算机上执行操作的任何类型的说明时,屏幕截图非常有用。

博客图像最佳实践的屏幕截图示例

与仅用文字描述同一事物相比,它们使说明更加清晰,而且它们也非常适合扫描。 另外,屏幕截图非常容易制作。

如果您是 Firefox 用户,您的浏览器具有内置功能。只需右键单击页面并选择“截屏” 。 您还可以在顶部的工具栏中放置一个相同的按钮。

在 Firefox 中创建屏幕截图

在 Chrome 中,有一些浏览器插件,例如用于截屏的 Awesome Screenshot。 此外,计算机也具有使用它们的能力。 在 Mac 上,您可以通过按Cmd + Shift+3捕获整个屏幕并使用Cmd + Shift+ 4捕获一个选择。 在 Windows PC 上,使用 Windows 按钮加打印

最后,为您的屏幕截图添加注释,一个很好的工具是 Skitch(您也可以找到 Windows 版本),它提供了本文中的注释。 Snagit 是另一个付费选项。

6. 创建自己的图像

除了截图之外,尝试创建自己的图像通常是个好主意。 这尤其是因为我们已经非常适应过滤库存摄影。

股票照片眼动追踪研究
图片来源:尼尔森诺曼集团

因此,从大众中脱颖而出的最佳做法之一就是制作自己的博客图片。 这里有几个选项:

  • 自己拍照片——尤其是如果你经营美食或旅游博客之类的东西,这是理所当然的。 读者希望您提供自制的图片素材。
  • 使用专业照片——我曾经与一位客户合作,他的“关于”页面上有一张库存照片。 当我在图片库网站上找到相同的图片时,我才意识到这一点。 在那之前,我认为那些是真实的员工和办公室内部。 想象一下我的失望。 不要那样做。 聘请某人为您公司的人员拍摄真实照片。
  • 将引语转为图片——如果您需要视觉效果来美化您的内容,而您手边没有任何东西,为什么不将文本本身转为图片呢? 你总是可以从你的文章中引用一段有意义的话,然后用它来制作图片。 有几种工具可以让这一切变得非常简单,例如 Pablo 或前面提到的 Canva。 您也可以使用标题为社交媒体执行此操作。
  • 尝试动手绘制插图——如果您在铅笔和纸方面略有天赋,您也可以考虑创作自己的插图。 以数字方式绘制、扫描、润色,然后您就可以开始了。 一个在这方面做得很好的网站是 Enchanting Marketing。

当然,还有其他方法可以创建您自己的独特图像,尤其是如果您是设计师并且熟悉 Photoshop 或 Illustrator。 对于其余部分,仍然有本文中提到的工具。

7. 包含带有吸引人的缩略图的视频

在您的文章中使用视觉效果不仅限于图像。 如前所述,视频及其缩略图也起着同样的作用。

但是,请确保视频 a) 相关且 b) 具有美观的缩略图。 如果它来自您自己的 YouTube 频道,那就更好了!

8. 寻找 Gif 和模因

如果您花时间浏览 Reddit 等流行娱乐网站,您很快就会发现 gif 和模因几乎已成为互联网的货币。 人们似乎只是喜欢他们的一些东西,互联网用户似乎在不断竞争以创造最好的东西。

imgur 示例上的模因

好消息是您可以将其用于您的内容。 放置得当的 gif 或 meme(更好的是,meme gif)可以真正以其他内容类型无法做到的方式传递冲击力。

The Wire Reaction GIF - 在 GIPHY 上查找和分享

这里的挑战是它需要媒体素养。 尤其是模因已经变成了他们自己的一种语言,你真的需要知道它们的意思,以免给人留下不好意思的印象。

PeacockTV 的 30 Rock Fellow Kids GIF - 在 GIPHY 上查找和分享

然而,对于模因和动图,同样重要的是不要过度。 它们都具有很高的影响力,因此如果您在博客文章中过多地使用它们,可能会完全偏离实际内容。

9.遵守使用权许可

使用博客图片时,最重要的最佳做法之一就是不要忘记图片是知识产权。 这意味着,除非作者已授予允许使用它们的许可,否则它们受版权保护。 出于这个原因,重要的是要知道如何找到可以免费使用而不会被起诉的图像。

一种选择是选择专门为提供免费图像而构建的网站,例如 Unsplash、Pixabay、Pexels 或 Flickr Commons(尽管在后者中,请务必检查作者实际授予的许可)。

unsplash 免费图片网站

甚至谷歌也有可能将他们的图片搜索设置为仅显示具有知识共享许可的图片。 您可以在Tools > Usage Rights下的图像搜索中找到它。

谷歌图像搜索知识共享许可图像

说真的,不要使用你没有许可证的图片! 有些公司专门在网上扫描这些内容,这不值得法律上的麻烦。

10. 使用高质量图像并对其进行优化

博客图像最佳实践低质量图像示例

当你第一次看到上面的图片时,你有什么想法? 你可能认为肯定有人犯了错误,对吧? 任何头脑正常的人都不会在他们完成的博客文章中使用如此模糊的图像。

好吧,现在您知道当您在内容中使用低质量图像时您的读者会怎么想了。 所以,这里的第一课是:不要。 它让你看起来很业余,并让人怀疑你的内容的整体质量。

同时,也不要在帖子中使用全宽、超高分辨率的图片。 这样做会增加页面重量、带宽使用并降低网站速度(如果这是您网站上的问题,您可以通过速度测试找出答案)。

挑战在于找到图像大小、质量和性能之间的最佳平衡点。 这里的重要工具是使用正确的文件类型、大小,并利用图像压缩。 另外,不要忘记使用有意义的文件名并为视障读者和搜索引擎添加 ALT 标签。 您可以在我们关于图像优化的专门文章中找到详细提示。

最后的想法:博客图像最佳实践

在您的博客上使用图片时,了解如何正确使用非常重要。 这样,您就可以确保它们具有最大的影响力,并且不会影响您的内容,或者——更糟的是——让您陷入法律困境。 上面,我们已经介绍了一些旨在帮助您做到这一点的博客图像最佳实践。

最后,图像与您的文字一样重要。 他们可以成就或破坏一篇文章,所以不要吝啬他们。 否则,您可能很快就会发现自己出局了。 数字,不是吗?

您认为最重要的博客图片还有哪些其他最佳做法? 请在下面的评论中分享您的想法(和最糟糕的双关语)!