SEO,WordPress,AmazonJP
來自日本的最新資訊和教學。
SEO經驗10年以上的Masa的分享
Wordpress

WordPress精選圖片最適合的大小是這個!

精選圖片最適合的尺寸
吉娃娃
吉娃娃
請問WordPress部落格精選圖片有適合的尺寸嗎?如果有也想知道爲什麽那個大小是適合的理由。
Masa
Masa
好的,Masa會回答這些問題!
這篇的要點:
·精選圖片最適合的大小是1200x630px
·寬1200px的圖片最適合的3個理由
·選定部落格精選圖片時的3個要點

如果不知道精選圖片是什麽,請看看以下的文章.

什麽是精選圖片
什麽是WordPress精選圖片,如何設定精選圖片?這篇文章解釋什麽是精選圖片,爲什麽設定精選圖片很重要的3個理由以及如何在WordPress設定精選圖片。...

精選圖片最適合的大小

先說結論:
精選圖片最適合的尺寸是 1200px x 630px
圖片的比率為1.191:1。

或者

1200px x 675px
圖片的比率為16:9

精選圖片大小

1200px x 630px這個尺寸不只是WordPress部落格,其他任何部落格都適用。Masablog使用的精選圖片尺寸也都是1200*630px。
也有人會用比較接近的1200px x 675,是16:9的比率的圖片。因爲這跟電視的比率一樣。大部分的圖片加工軟體也有16:9比率的剪圖功能,所以不少人使用這個尺寸的圖片。

比較推薦的大小是1200px x 630px,以下説明理由。

推薦1200px x 630px的3個理由

理由1 SNS分享時最適合的尺寸

部落格文章被分享到Facebook,Twitter等SNS時,精選圖片會自動精選顯示在分享裡面,那時候圖片尺寸是1200x630px的圖片會顯示的剛剛好。
Facebook顯示的比率是1.191:1是完全一樣。Facebook官方也推薦使用1.191:1的圖片。
另外Twitter顯示的比率是2:1會差一點點。實際顯示的大小是1200x600px,因此自動被剪掉上下15px,可是只是15px而已,看起來幾乎感覺不到差異。

理由2 AMP推薦的大小

Google developers推薦,AMP的圖片大小是1200px以上的。(沒有高度的推薦,只是款1200px就可以)

AMP推薦的圖片如下:
·圖片寬度:1200px以上
·圖片格式:JPG / PNG / GIF
·解析度“800,000px以上
·比率:16:9 / 4:3 / 1:1

圖片解析度越高(圖片大小越大),檔案大小也會越大,因此影響到網頁顯示速度,所以圖片不適合選太大的,但最近手機熒幕的解析度也蠻高的情況下,選擇太小的圖片變圖片不清楚,所以這兩種之間平衡的大小是寬1200px的圖片。

理由3 Google Discover推薦大小

Google Discover是適合使用者的内容自動在首頁顯示的功能。Google Discover官方推薦使用1200px以上大小的圖片。如果小於1200px不會有機會在Google Discover裡出現,當然讓Google Discover裡出現會有一定的難道,不過因爲圖片大小太小的原因不出現的話很可惜。

選定部落格精選圖片時的4個要點

要點1 放入文字時盡量放在圖片中央

基本上1200*630px的圖片,在SNS分享時不會在奇怪的地方被剪掉,不過以下情況會被剪掉圖片的左右,自動1:1的比率,顯示正方形的圖片。
·在Google搜尋(圖片)結果
·Google Discover顯示
以下的例子是在Google搜尋中出現的圖片,比率都是1:1

精選圖片 - Google 搜尋
所以如果圖片中放入文字的話放在以下圖片説明的範圍中,也就是圖片中央600*600px(1:1)的範圍當中,這樣左右被剪掉時不會文字也一起被剪掉,不知道寫什麽的情況。

放入文字的範圍

要點2 所有文章裡使用同樣大小的精選圖片

另外要注意的地方是在所有文章裡設定精選圖片的圖片都要使用同樣大小的,也就是統一使用1200*630px的圖片。這樣才不會在首頁列出文章時每個圖片大小不同的情況,以下是Masablog的首頁,使用同樣大小的圖片會看起來整齊好看,不會有圖片大小高低不同的情況。

同樣的大小

要點3 上傳之前先壓縮

準備好適合大小的精選圖片之後,請先把檔案壓縮在來上傳。因爲解析度1200px的圖片檔的大小也蠻大的,會影響到網站讀取的時間。

降低網頁速度的影響是很大的。不只是讓網友等不及繼續瀏覽你的網站,還會對SEO有不利的影響。詳細可以參看以下的文章。

網頁速度變慢會有什麽問題?測試網頁速度的5個工具網頁速度變慢會有什麽問題?測試網頁速度的5個工具 1.PageSpeed Insights 2.Google Analytics 3.Test My Site 4.GTMetrix 5....

因此上傳之前,請先把圖片檔壓縮,再來上傳。
Masa每次使用“I♡IMG”的壓縮壓縮工具,沒有注冊的情況15張圖片可以一起壓縮,如果注冊能夠30張一起壓縮相當方便,而且是免費的!壓縮的結果可以壓縮至約1/3的大小效果也不錯!

https://www.iloveimg.com/zh-tw/compress-image

要點4 使用高品質圖片

精選圖片效果影響最大的是所使用的圖片。若使用專業攝影師的高品質圖片,能夠讓整個網站更有專業感,更吸引人。若預算足夠推薦使用付費圖庫的圖片,若預算有限推薦日本寫真AC的圖片,以下頁面介紹付費圖庫及寫真AC。許多專業設計師愛用的圖庫是Adobe Stock,他們提供免費試用40張的服務,網站中的重點使用Adobe Stock高品質圖片也是不錯的方法。

推薦付費圖庫 徹底比較
【2021年】推薦付費圖庫 TOP4價格/品質徹底比較Adobe Stock,Shutterstock,PIXTA,PhotoAC的4個付費圖庫徹底比較!Masa對這4個圖庫的評價,排名,也介紹價格,特色,品質。看這篇就會知道如何挑選付費圖庫!...
日本免費圖庫寫真AC
【日本免費圖庫】寫真AC高品質圖片可商用 NT9吃到飽如果你在找最划算的圖庫,推薦使用來自日本寫真AC(photoAC),有免費會員和付費會員。付費會員只要349元/月可以無限制下載圖片!這篇會説明寫真AC(photoAC)的優缺點,特色,跟其他圖庫價格比較,使用方法等...

 

總結

在這篇文章中説明過精選圖片最適合的尺寸。答案就是1200*630px。使用這個大小的圖片,在SNS分享時顯示的剛剛好,也在AMP出現錯誤等的問題,還有機會在Google Discover出現,如果成功有機會大幅增加PV。

另外説明了,準備精選圖片的3個要點,要留意放入文字的位子,所有文章中使用同樣大小的圖片,以及上傳前壓縮圖片檔案。