如何将图像添加到 WordPress

这篇文章可帮助您了解如何将图像添加到 WordPress。 我让您知道如何将单个图像直接添加到页面。

WordPress 画廊可用于显示多张图像，并在另一篇文章中介绍。

您还将了解如何获取图像、调整大小和压缩。

直接跳到将单个图像添加到 WordPress

为什么要在 WordPress 上使用图片？

定期添加图像以使阅读体验更加愉快，这是搜索引擎的奖励。

如果搜索引擎看到合适的图像，他们会对网页进行更高的排名。

他们知道人类是视觉的，网页看起来更像是没有图像的文本文档。

读者对图像的外观更满意，最终这就是搜索引擎希望网页做的事情——吸引观众。

为博客或网站采购图片

考虑形状

在决定图像时，首先要考虑形状。

• 它需要适合指定的空间——是风景、肖像还是正方形？
• 我们不想在调整大小后失去图像的主要焦点。

在花钱之前截图库存图片。 即使上面有水印，也可以在最终购买之前检查尺寸、形状和颜色。

在哪里可以找到图像

我使用了许多照片和图形的来源，并且很少创建自己的。 这取决于图像的使用位置。

在我的网站上，我希望照片看起来很专业，但我的博客可以拥有更轻松、更友好的氛围。

有多种方法可以免费或付费获取网站或博客的照片。

聘请专业摄影师

我是专业摄影师的倡导者。 专业照片可以使网站看起来清晰。

如果你买不起专业摄影师，你可以试试当地的业余摄影师。 业余摄影师热衷于将作品集放在一起，因此通常会更便宜。

一个企业可以付给摄影师一天或半天的费用，以获得他们几年所需的所有商业镜头，这确实是值得的。

在一天内完成产品、产品组合和团队照片。

整理场地、清洁商务车辆、理发，并努力在工作场所内外拍出好照片。

但是，我知道摄影师对于产品周转率高的初创公司来说可能会变得昂贵。 在家拍照也可以。

自己拍照

如今，智能手机拥有非常好的相机。 如果您有眼光，拍摄自己的照片可以非常有效并且省钱。

将相机设置为最高分辨率，这样您就可以随心所欲地裁剪照片。

有助于家庭摄影的有用产品。

可以使用三脚架、漂亮的背景和良好的照明来拍摄团队照片或视频。 如果您经常需要它们，那么花钱购买一些设备是值得的。

使用灯箱工作室套件或摄影照明套件中较高的漫射灯为您的网站拍摄小型产品。

自然的“家庭摄影”确实有助于将生活、性格和现实融入博客或社交媒体帖子中，所以不要害怕自然环境或自拍。

询问朋友或业务关系

你可以交换一项服务——请朋友或业务关系提供照片。 提供引用它们或提供指向其网站的链接，这对 pageRank 非常有价值。

使用股票网站

创建适合文章的图像很可能被证明是困难的，这是股票网站非常有用的地方。

有大量的股票网站提供关于您能想到的几乎任何主题的照片、图形、插图、图标和视频——一个非常有用的资源。

您可以获得终身许可证低至 5 英镑的专业照片。 如果您正在经营一家企业，那非常值得。

我喜欢的一些图片库网站是：istockphoto.com、twenty20.com、shutterstock.com。

名为 Pexels 的免费图片库网站非常棒。 从业余摄影师那里下载免费照片并上传您自己的照片。

使用 Google 图片，“标记为可重复使用”

Google 提供了一种搜索工具，可帮助查找标记为可重复使用的图像。

1. 直接访问 www.google.com 并搜索主题，然后单击图像。
   或者直接访问 images.google.com。
2. 在顶部单击搜索工具。
3. 单击“标记为重用”选项。

谷歌显示了一个标记为可重复使用的图像网格，即使是商业用途。

保持警惕。 检查每个图像的版权是您自己的责任。 遵循指导方针——如果你不这样做，你可能会被处以重罚。

点击图片访问网​​页。 阅读版权要求。

可能需要指向摄影师页面的链接或信用。

使用 Google 图片时的警告

公共领域中的某些图像可在商业站点上重复使用，而其他图像则不能。

像其他任何东西一样，照片和图形是由有技能的人创建的。 因此，即使没有明确说明，他们也拥有这些权利。

直接从 Google 或任何其他网站下载图像时要小心，滥用会被处以巨额罚款。

为 Web 调整大小和压缩图像

图像调整大小、压缩、保存和放置的方式将影响网页的搜索引擎排名。

图片加载缓慢的网站会受到搜索引擎的惩罚。 游客也不会总是想等他们。

我写了一篇专门讨论这个主题的帖子——如何调整网络图像的大小。 这篇文章讨论了按像素调整图像大小并压缩它们以减少千字节。

不幸的是，这里没有单一的标准尺寸可以让您知道。

所有网站都不同，并且可以在多种屏幕尺寸上看到图像——小到手机，大到电视。

请记住以下几点：

• 照片的宽度永远不应小于450 像素，因为它们可能会在移动设备上堆叠，450 将填满移动屏幕并且刚好超过一半的中等屏幕，非常适合两列显示。 这些是大多数 WordPress 插件的默认设置。
• 全屏放大或众所周知的“英雄图像”（位于网站顶部从屏幕左侧延伸到右侧的图像）需要高达 1920 像素宽才能容纳超大屏幕。 这是相当大的，甚至不足以容纳更大的电视。
• 考虑在 WordPress 中使用自适应图像插件来为设备显示足够的尺寸。

阅读我的帖子 - 如何为网络调整图像大小以获取更多详细信息。

保存图像以供 Google 搜索

如果以正确的方式保存图像，搜索引擎可以立即识别出图像所说明的内容。 文件名是搜索引擎优化的重要组成部分。

根据照片的主题保存图像。

即，将图像保存为 <strawberry-cheese-cake.jpg> 比 <image07_912.JPG> 提供更多信息和更有效。

搜索引擎会认可这种努力。

Google 质量指南要求网站所有者尽可能“将图片放在相关文本旁边”。 确保您使用的任何图像都与文本相关。

正确调整大小、压缩和保存图像后，您就可以将其添加到 WordPress。

将图像添加到 WordPress

• 登录到您的 WordPress 管理区域并导航到帖子或页面。
• 使用 Gutenberg 块编辑器，我们将点击 + PLUS 图标添加“图像块”。 只需将鼠标悬停在页面上已使用的任何块上。 加号图标出现在块下方。

• 点击加号后，会弹出一个包含阻止选项的菜单。
• 有一个“最常用”的部分，对于经常使用的块很方便。 如果您在此处看不到 IMAGE，请使用顶部的搜索字段。
• 新图像块位于您单击的加号下方。 可以使用选定块左侧的向上/向下箭头轻松移动块。
• 点击上传按钮上传图像。
• 图像将出现在块内。 您上传的任何图像也将显示在媒体库中。

WordPress 中的图像对齐

可以使用工具栏在其块内对齐图像。 选择图像时，工具栏出现在左上角。

使用类似于带有两条线的框的图标，一条在上面，一条在下面。

只需点击图标右侧的箭头，即可找到将图像向左、向右、居中、宽或全宽对齐的选项。

始终保存，然后检查前端以查看图像的位置。 图像可能不像您想象的那样对齐。 后端编辑器讲述了与前端不同的故事。

在台式计算机和移动设备上检查它以使其在两种屏幕尺寸上都正确。

也可以使用图像工具栏链接或替换图像。

用于图像放置的 WordPress 列

我们使用 WordPress 块编辑器中的列，将图像放置在大屏幕上另一个块的左侧或右侧。 想象一下并排显示的报纸专栏。

例如，这就是我们在段落旁边放置图像的方式。

在像智能手机这样的小型设备上，列会堆叠起来，一个接一个。 通常左列会堆叠在右列的顶部。

要创建 2 列：

• 点击加号来创建一个块。
• 现在点击 COLUMNS 或搜索 COLUMNS。
• 选择最左边的选项，两列，等分。
• 点击每列中的加号将图像添加到一列，如上所示。
• 点击下一栏中的加号以添加一个段落。

为 WordPress 中的搜索引擎优化图像

我想强调 WordPress 提供的两个更重要的属性，以帮助网站所有者优化搜索图像。

替代文字（替代标签）

Alt text 代表替代文本，它是一个信息标签。

Alt 标签用于帮助人们 - 那些“关闭图像”的用户、有视觉障碍的用户和/或使用屏幕阅读器的用户。

alt 标签还可以帮助 Google 了解图像是什么。

写作时使用关键短语。

在 WordPress 块中，单击图像块后，您将看到一个 ALT 标签字段。 它位于页面右侧的块设置下方。

图片说明

提供图片说明也将有助于搜索引擎排名，尽管我不经常使用它们，因为我觉得它们很乱。

Google 希望您在用户访问网站后为他们提供良好的体验。

要添加标题，只需单击页面上的图像块，图像下方将出现 CAPTION 字段。

如果您不包含标题，则此处根本不会显示任何内容。

WordPress 画廊

WordPress Gallery 提供了在一个区域中包含多张照片的能力，所有照片都具有相似的布局。

添加 WordPress 画廊的快速教程：

• 点击加号来创建一个块。
• 搜索然后点击画廊。
• 页面或帖子上会出现一个图库块。
• 单击“上传”按钮从计算机上传图像。
• 使用“媒体库”按钮可包含媒体库中已托管的图像。
• 选择多张图像 - 它们将以蓝色突出显示，您会看到一个勾号。
• 点击右下角标有“创建新画廊”的蓝色按钮。
• 使用左侧的链接继续添加到图库。
• 或者使用左下角的蓝色按钮将画廊插入页面。

画廊出现在页面上后，可以更改设置——选择画廊块，然后使用右侧边栏中显示的块设置。

我写了一篇更深入的文章，这将有助于 – WordPress 画廊 – 添加、编辑和增强。

将图像添加到 WordPress 的快速过程

• 找到比例适当的图像。
• 检查它是否可以重复使用或购买许可证。
• 调整像素宽度以适合文章。
• 使用压缩软件来降低 kb。
• 根据谷歌要求保存。
• 使用块将其添加到帖子、页面或 WordPress 画廊。
• 使用 ALT 标签、标题标签和标题优化每个图像。