在博客上使用图像的权威指南

已发表: 2017-01-21
图片来源:Www.CourtneyCarmody.com/ 通过 Compfight cc

图片来源:Www.CourtneyCarmody.com/ 通过 Compfight cc

互联网每天都变得越来越可视化。 在社交媒体上,我们看到了 Pinterest 的流量飙升、Facebook 的 Edgerank 青睐照片,以及 Twitter 和 Instagram 与 Twitter 卡片并驾齐驱。 人们在网上阅读的所有内容都越来越注重视觉吸引力。

你的博客也不例外。 即使您是文字大师,您也应该始终在博客上使用图片来吸引读者,并让他们轻松地在面向视觉的社交网络上分享您的内容。 为了帮助您弄清楚如何在博客上有效地创建和使用图像,这里有一些提示:

创建图像

如果您想在您的博客上拥有原始图像,但您不是一流的摄影师,那么您很幸运。 有很多工具可供任何人使用。 这是我的最爱:

  • PowerPoint –我在之前的帖子中表达了我对 PowerPoint 的热爱,但我认为它仍然值得拥有自己的要点,因为我们一直在 Shareaholic 使用它。 我们已经创建了图钉、Facebook 封面照片,甚至是带有 PowerPoint 的电子书——它非常易于使用,而且您创建的图像看起来仍然非常专业(请参阅下面的示例!) 。 我建议使用 PowerPoint 来创建图形、图标或徽章——如果您想要进行高质量的照片编辑,那么它不适合您。 如果您想了解如何使用 PowerPoint 为您的博客创建图像,请查看 HubSpot 的这个很棒的教程。

博客侧边栏

  • PicMonkey – 如果尝试编辑高质量照片、创建拼贴画或只是为了隐藏一两个瑕疵,您必须查看 PicMonkey。 他们有大量免费选项可帮助您为博客创建精美的照片。 (如果您经常为您的博客编辑照片,您可能会考虑为高级功能付费。)这个工具最好的部分是它的界面——就像 PowerPoint 一样,PicMonkey 非常易于使用。 这是您可以使用该工具制作的示例:
皮猴

只是我们在 Facebook 页面上用 PicMonkey 制作的一张快速照片,以庆祝我们创始人的生日!

  • Iconify.it –曾经想为您的博客制作一个快速的徽标或图标吗? 我最近偶然发现了 Iconify.it——他们有免费的矢量下载,非常适合制作徽标、标题图像、社交连接图标或您可能需要的任何其他东西。 矢量图像是平面图像,可以调整为任意大小并且仍保持其形状和分辨率。 使用它们可能是在没有设计印章的情况下显得专业的好方法。
图标化副本

Iconify.it 的图标

查找图像

您不必总是为您的博客文章创建图像——网上已经有大量的图像可以免费使用。

捕获? 您必须确保只使用您有权使用的图像。 这意味着您需要购买库存照片或使用知识共享图像(已由其创作者许可的免费照片和图形,可重复使用、重新加工或共享)。

当你建立你的博客存在时,我强烈推荐第二个选项——10 次中有 9 次,你会通过知识共享标签免费找到你需要的东西。 话虽如此,如果您使用的是知识共享图像,则需要确保将它们正确地归属于其作者。

输入, Compfight ,我最喜欢的博客工具之一。 您可以搜索知识共享图像并按许可类型轻松过滤结果。

战斗示例

一旦你找到一张你想使用的照片,他们甚至会把你的归属地放在一起供你使用——你所要做的就是将它复制并粘贴到图片标题中。 为您的博客查找照片再简单不过了。

在您的博客上放置图片

一旦您找到了要使用或自己制作的图像,您还没有完成——您仍然需要将它放到您的博客上。 虽然看起来您可以只上传一张图片并将其放置在您喜欢的任何地方,但有一些关于图片放置的最佳实践:

  • 将一张图像放在折叠上方。 您希望通过相关且引人入胜的图像立即吸引读者的注意力,因此请确保您的图像完全可见,而无需滚动。
  • 将图像与帖子的中心或右侧对齐。 这将使您的读者更容易理解。 如果您将图像左对齐,则会破坏左边距(您的读者的参考点),并且很难跟随文本。 明白了吗?

左对齐图片示例

最终,您的图像应该增强您博客上的内容,而不是分散注意力。

为图片优化您的网站

您还可以对图像、帖子和布局进行一些小调整,以获得更多参与度。 以下是您应该始终遵循的一些规则:

  • 设置图片的 alt 标签以供搜索引擎查找。 Alt 标签分配文本来描述您的图像 - 如果您的浏览器无法加载图像,则会显示 alt 标签。 这也是您的 SEO 活动的一个小而重要的部分,因为 alt 标签允许搜索引擎找到图像。 如果您使用的是 WordPress,则可以在此处设置 alt 标签:

alt 属性示例

  • 上传您需要减少加载时间的确切文件大小。 如果您只需要 300 x 300 的图像,则上传 1000 x 1000 像素的图像是没有意义的。在上传照片之前,请确保它是您想要的尺寸。 较大的文件会增加页面的加载时间,这可能意味着读者会因为加载时间过长而退出您的网站。
  • 使用您博客的 URL 或徽标为您的图像打上烙印。 虽然您知道您需要正确归因图像,但并非互联网上的每个人都这样做。 通过使用您的 URL 或徽标标记您的图像,无论照片出现在网上的哪个位置,您都将获得该照片的认可。 以下是我们最近在 HTML 101 帖子中使用的品牌图片示例:

开始和结束标签 2

  • 在您的博客主页上使用精选图片。 在主页上使用特色图片是立即吸引读者的好方法。 当人们分享您的帖子时,它们也会被拉入社交媒体——Facebook、LinkedIn、Twitter、Google+ 和 Pinterest 都从您的帖子中提取图像。 不确定如何在您的博客上设置特色图片? 看看这篇文章。
  • 使用分享按钮让他们轻松分享到视觉社交网络。 无论您将它们直接放在图片上还是放在帖子的底部,您都应该始终让您的读者轻松地将您的帖子分享到 Pinterest 等视觉社交网络。 虽然有点偏颇,但我强烈建议 Shareaholic 的分享按钮。 它们不仅易于安装和使用,而且还附带您想要的其他博客工具——推荐(相关内容小部件)、Shareaholic Analytics 等等!

在你的博客上拥有图片对你的成功非常重要,但它并不总是像看起来那么容易。 现在,您已准备好在您的博客上添加一些很棒的图片,这些图片可以帮助您提高帖子的访问量和参与度——所以开始吧!

你如何在你的博客上使用图片? 在评论中分享您在博客上创建、查找和优化图像的提示和技巧!