如何正確在 WordPress 中添加圖片(逐步指南)

WPressize Me

06/23/2023

在 WordPress 中正確上傳圖片的重要性

有時候,使用者會直接從來源複製圖片並粘貼到其網站內容中。不幸的是,這會導致頁面加載緩慢、用戶體驗差和 SEO 差的問題。

當您向 WordPress 網站添加圖片時,正確的做法是使用正確的文件格式、文件名稱和替代文字。我們建議使用以描繪性詞語並用破折號分隔的文件名。例如,您可以為旅行博客中的圖片使用文件名 ‘bali-vacation-photo.jpg’。

正確添加圖片還包括調整圖片大小,以便它們能夠快速加載並在所有設備上顯示良好。JPEG 等一些圖片格式壓縮程度較高,這意味著這些圖片將佔用較少的服務器空間和加載時間。通過使用這些格式和圖片壓縮插件,您可以提高網站的用戶體驗。

如何在區塊編輯器(Gutenberg)中添加圖片

在 WordPress 區塊編輯器中,您可以使用圖片區塊來輕鬆添加圖片。首先,打開您要添加圖片的現有或新頁面/文章。然後,點擊屏幕左上角的‘添加區塊’(+)按鈕以打開區塊菜單。從這裡,找到並添加圖片區塊到頁面或文章中。

添加圖片後,您需要在左側欄中為其添加替代文字。這些替代文字對於圖片 SEO 非常重要,因為它幫助搜索引擎理解圖片的上下文。同時,使用屏幕閱讀器的用戶也能看到這些信息。

接下來,點擊‘選擇’按鈕將圖片添加到您的頁面或文章中。這樣,您就已經在 Gutenberg 編輯器中正確添加了一張圖片。

如何在經典編輯器中添加圖片

如果您還在使用舊的經典編輯器,請訪問您要從 WordPress 儀表板中添加圖片的頁面或文章。點擊‘添加媒體’按鈕以啟動媒體庫。

輸入您希望為您的圖片生成的自動標題格式。這樣,AIOSEO 將自動生成標題屬性,例如使用圖片的標題和網站標題。

如何在 WordPress 媒體庫中添加圖片

如果您希望直接將圖片添加到媒體庫中,請從 WordPress 管理區域訪問媒體 » 添加新頁面。從這裡,點擊‘選擇文件’按鈕從電腦上傳圖片。

這樣,您就成功地向媒體庫中添加了圖片。接下來,訪問您要從 WordPress 管理側欄中添加該圖片的頁面。點擊‘添加區塊’(+)按鈕,選擇‘媒體庫’按鈕,上傳圖片。

如何為 WordPress SEO 優化圖片

一旦在文章/頁面中添加了圖片,還需要為其進行 SEO 優化。安裝並激活 All in One SEO 插件,並按照設定向導進行配置。激活圖片 SEO 功能後,您可以看到不同的選項卡,以配置自動圖片標題、替代文字、標題、描述和文件名,以提高 SEO 效率。

附加功能:允許用戶在 WordPress 中上傳圖片

您還可以允許用戶上傳自己的圖片到您的 WordPress 博客。安裝並激活 WPForms 插件,然後創建一個含有文件上傳字段並配置其設定的表單。將該表單添加到頁面或文章中,並點擊‘更新’或‘發佈’按鈕保存設置。



Related Posts

  • 2024-10-30
  • WordPress 基础知识

WordPress表单是连接访客和扩展受众的重要工具。无论是联系表单、调查问卷还是反馈表,嵌入到您网站中都是收集访客信息的快速便捷方式。我们在所有项目中都使用表单,从联系页面到新闻订阅甚至结账表单。在过程中,我们学习了嵌入WordPress表单所需的所有步骤,并将从头到尾引导您完成整个过程。

閱讀更多
  • 2024-09-27
  • WordPress 基础知识

多年来,我们管理过数个 WordPress 多站点网络。实际操作中我们发现,拥有合适权限来管理所有网站的合适人员,可以极大地提高效率。而这正是超级管理员用户角色发挥作用的地方。然而,在 WordPress 多站点中添加超级管理员用户与在单一站点中添加新用户略有不同。对于初学者来说,这个过程可能有些困惑。文章中,我们将向您展示如何在 WordPress 多站点中添加超级管理员用户角色,提供两个简单的方法,并附加一些关于如何妥善保护 WordPress 多站点的技巧。

閱讀更多
  • 2024-08-25
  • WordPress 基础知识

人工智能 (AI) 的话题热度不减,许多人开始好奇如何利用人工智能来创建自己的 WordPress 网站。AI 承诺简化网站制作过程,加快创作速度,甚至启发新灵感,但如此多的工具让人无从下手。WPressize Me 经过广泛实验,探索 AI 如何提升 WordPress 体验,从 AI 页面构建器到内容生成器,并在此为您分享发现与方法。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>