如何创建完美的WordPress特色图片

如何创建完美的WordPress特色图片

为了吸引新的访问者到你的网站,你可以考虑定期发表博客文章。然而,如果没有特色图片,你的文章很可能看起来不够吸引人,无法赢得点击率。

幸运的是,你可以很容易地为你的文章创建精心设计的特色图片。一旦你知道如何找到合适的照片,正确的尺寸,并为搜索引擎优化它们,你就可以立即使你的WordPress文章恢复活力。

在这篇文章中,我们将解释什么是特色图片。然后,我们将分享一些关于如何使用它们的技巧。

什么是WordPress特色图片?

在WordPress中,特色图片是特定帖子、页面或自定义帖子类型的视觉表现。当有人访问你的网站时,这些图片通常会出现在文章的顶部或你的博客feed中:

闪电博WordPress特色图片

从本质上讲,特色图片是你文章的默认缩略图。如果有人在社交媒体上分享该文章,该图片将与链接一起出现。

在WordPress中,特色图片的设置是由你的主题决定的。这包括图片的位置和大小。

通常情况下,特色图片会显示在以下位置:

  • 文章或页面的顶部区域
  • 网站上链接到博客文章的页面,如WordPress主页、推荐文章部分或搜索结果
  • 社会媒体链接的缩略图

有时,特色图片可能包括在图片库或滑块中。你也可能看到它们作为背景图片。

使用特色图片的优势

如果你是WordPress的新手,你可能想知道为什么你的网站上的每一篇文章都需要一个特色图片。然而,这可能是给新访客留下良好第一印象的关键。

当用户点击你的文章的链接后,特色图片往往是他们看到的第一件事,这可以吸引他们继续阅读这篇文章:

特色图片示例

你可能会在你的主页上有一个你发表的文章的列表。你可以通过包括设计良好的特色图片来激励访问者阅读你的内容。

此外,每篇文章都有一张特色图片,可以帮助你在网站上建立视觉上的一致性:

所有博客文章

当你在社交媒体上分享你的文章时,特色图片可以帮助你向浏览他们信息的用户宣传你的内容。一张精心设计的图片可以提高参与度,并为你的网站带来更多的点击量。

WordPress特色图片尺寸大小

正如我们前面提到的,不同的WordPress主题可以有不同的特色图片尺寸。然而,一般的尺寸是1200 x 628像素。

下面是默认的Twenty Twenty-Two主题会是什么样子:

文章顶部大图示例

这个尺寸将有效地适用于许多WordPress主题。然而,你的特色图片的大小可能会根据你的个人喜好和你的主题的布局而有所不同。

重要的是要注意,WordPress会把你的图片大小调整到它的默认设置。每当你上传一张图片时,它会创建三个不同的版本:

  • 缩略图: 150 x 150 px
  • 中等尺寸: 300 x 300 px
  • 大尺寸: 1024 x 1024 px

如果你想保持特色图片的原始尺寸,这将是其 “全尺寸”。要编辑任何这些尺寸选项,你可以导航到设置>媒体。

WordPress多媒体缩略图尺寸设置

在这里,你可以用新的值更新宽度和高度。一旦你保存了你的改变,上传的图像将调整到这些尺寸。

你还可以添加一个自定义的特色图片尺寸。在你这样做之前,最好是备份你的网站。在这一步之后,你可以在你的 functions.php 文件中添加以下代码

add_image_size( string $name, int $width, int $height, bool|array $crop = false )

请确保用你的新特色图片尺寸来更新这些值。下面是一个例子,说明这可能是什么样子:

add_image_size( 'post-thumbnail size', 800, 1500 );

接下来,你需要在你的主题中显示新的尺寸。在你的主题模板文件中,更新the_post_thumbnail()函数

if ( has_post_thumbnail() ) {
the_post_thumbnail( 'your-custom-size' );
}

一旦你保存该文件,你就会有一个新的自定义功能的图像

如何为文章或者页面设置特色图片

要设置特色图片,请打开你的WordPress仪表板并创建一个新的帖子。然后,在右侧的侧边栏,寻找特色图片部分:

添加特色图片操作界面

在这里,点击设置特色图片。这将打开一个弹出窗口,你可以上传你的媒体文件。或者,你也可以从你的媒体库中选择一张图片:

WordPress媒体库

如果你需要调整尺寸,找到编辑图像按钮。然后,根据需要使用各种编辑选项来缩放、裁剪、旋转或翻转图像:

编辑WordPress图片

当你完成后,点击设置特色图片。现在,在你创建帖子时,你会看到图片的预览。

替换WordPress特色图

在你发布文章之前,你要预览它,以确保特色图片的显示。记住,你的主题可能需要更具体的尺寸才能正常工作。如果你在这个过程中遇到困难,你可以参考你的主题文档。

此外,你可以安装一些插件,使这个过程更容易。例如,自动特色图片插件将自动使用你的文章中的第一张照片作为特色图片。你也可以使用默认特色图片插件来选择一张图片作为特色图片,以防你忘记在文章中添加图片。

如何创建完美的WordPress特色图片

特色图片可以把你的网站变成一个吸引人的、富含媒体的体验。让我们讨论一下创建它们的一些最佳做法吧!

1. 要有针对性和连贯性

如果使用得当,特色图片可以增强你的博客文章,使它们对访问者更有吸引力,但有几件事你需要记住。

首先,你要避免使用随机图片。特色图片应该作为一篇文章的介绍,所以它需要与内容相关。

例如,如果你经营一个食品博客,你可能会发布一些新的食谱。在这种情况下,你的特色图片可以是一张完成的食物的照片。

recipe websote特色图片

让你的特色图片在整个网站上保持一致也是很好的做法。由于这些图片将显示在你的主页、档案和博客上,你将希望照片与你的网页设计保持一致:

网站画廊主页

为了找到合适的特色图片,考虑你当前的WordPress主题和布局。然后,选择一个高分辨率的图片,可以很容易地缩小尺寸。在你完成创建帖子后,确保预览它,以评估图片与你的网站的匹配程度。

2. 避免使用有版权的图片

当你在互联网上浏览图片时,你可能会偶然发现一张照片,作为特色图片会很好看。然而,在你把它上传到你的WordPress网站之前,你需要确保它没有版权,以避免法律问题。

在寻找图片的时候,你通常可以使用任何在创作共用许可证下的图片。这些图片可以免费下载并在你的网站上使用,除非它们是用于商业目的。

要找到知识共享的图片,请打开谷歌图片。然后,点击Tools > Usage Rights > Creative Commons licenses。一旦你细化你的搜索,你会得到大量的免费图片供你选择:

谷歌搜索知识共用授权图片

也有整个网站有这些图片库。在Unsplash这样的平台上,你可以下载没有版权要求的高清晰度照片:

Unsplash网站首页

另一个选择是制作你自己的特色图片。通过自己拍摄照片或在Canva中创建图形,你可以确保避免任何侵犯版权的行为。此外,这些将是完全原创的!

3. 优化特色图片以减少文件体积

如果你定期发布文章,特色图片将开始在你的媒体库中占用大量空间。如果它们没有得到适当的优化,这些照片可能对你的网站性能产生负面影响。

从本质上讲,优化你的图片包括减少它们的文件大小。通过压缩你的特色图片,你可以尽量减少你的加载时间。

如果你不这样做,你可能最终会得到一个很差的Core Web Vitals分数。图片可能需要太长的时间来渲染,你会在你的PageSpeed Insights报告中看到性能问题:

core web vitals测试页面

幸运的是,对于这个常见的图像问题,有一个简单的解决方案。像TinyPNG这样的插件可以在你上传图片时自动压缩:

TinyPNG图片压缩插件

此外,你甚至能够压缩你已经上传到网站的所有图片。TinyPNG让你批量优化你的媒体库中的任何JPEG、PNG或WebP图像。

4. 重新生成旧缩略图

当你上传图片到WordPress时,它将根据你设置中的像素准则来调整它们的大小。一旦你设置了新的默认尺寸,你以前上传的图片将仍然具有过时的尺寸。

如果你想调整你的特色图片的大小,你可以手动重新上传它们。然而,这将需要一些时间。

为了解决这个问题,你可以安装一个WordPress插件,如reGenerate Thumbnails Advanced。这个工具可以为你的媒体库中的每张图片重新生成缩略图:

reGenerate Thumbnails Advanced插件

在你安装并激活该插件后,进入工具>egenerate Thumbnails。在 “Regenerate Options” 下,选择 “Regenerate only Featured Images” 旁边的方框:

reGenerate Thumbnails Advanced插件设置

最后,点击 “Regenerate“。这将自动以正确的尺寸更新你所有的特色图片。

5. 为搜索引擎优化图片

作为一个网站所有者,你可能已经知道搜索引擎优化(SEO)是多么的重要。如果你想避免为昂贵的广告方式付费,你会希望通过优化你的内容来上升到搜索结果的顶端。这可以帮助你带来更多的有机流量。

拥有特色图片可以帮助你提高网站的SEO。通过简单地调整一些元素,你可以使你的图片对搜索引擎和用户更有吸引力。

首先,你要确保添加alt文本。这将向搜索引擎和屏幕阅读器描述特色图片。例如,你可以写 “站在南瓜上的猫”:

图片ALT文本编辑

记得在alt文本中包括帖子的关键词。这样一来,谷歌就能了解该文章的内容,并在相关查询中排名靠前。同样,你可以在标题、标题和特色图片的描述中包括这些目标关键词

6. 增强社交帖子缩略图

社交媒体可以成为推广你的博客文章的完美平台。在你鼓励社交分享之前,为这些平台优化你的特色图片是至关重要的。

你可以使用Yoast SEO这样的插件轻松地定制你的社交媒体链接。例如,高级版本使你能够看到你的Twitter和Facebook缩略图的预览。

要开始使用,请安装并激活Yoast SEO。接下来,找到Yoast SEO > Social。在这个页面,填写你的各种社交媒体页面的URL:

yoast seo插件社交图片设置

然后,打开一个新帖子,向下滚动到Yoast SEO设置。在 “Social ” 选项卡中,你可以点击 “Select image” 来上传你的特色图片。

yoast seo插件新增社交图片

你还可以为每个社交媒体平台添加一个标题和描述。这将使访问者对你的内容有一个了解。一旦你在社交媒体上发布文章,它将有一个特色图片和片段,准确地传达文章的内容。

小结

特色图片可以帮助使你的文章脱颖而出。无论人们是在社交媒体上还是在你的网站上浏览你的内容,他们都可以在开始阅读之前看一下特色图片,看看这个帖子是关于什么的。

回顾一下,以下是你如何创建完美的WordPress特色图片。

  1. 要有相关性和一致性。
  2. Unsplash等平台上寻找无版权的图片。
  3. TinyPNG压缩特色图片。
  4. reGenerate Thumbnails Advanced重新生成旧的缩略图。
  5. 使用以关键字为重点的alt文本,为搜索引擎优化图像。
  6. Yoast SEO的社交设置增强社交帖子缩略图。

评论留言