Mengatasi Warning Webmaster Image Size Smaller Than Recommended Size

Untuk itu aku terus menelusuri semua link yang diberikan perihal warning ini. Nah untuk memperbaikinya, kita harus memakai gambar yang lebih besar sesuai dengan fatwa Google.

Untuk struktur data schema.org untuk tipe Article, NewsArticle, dan BlogPosting, untuk item ImageObject harus memakai gambar besar, setidaknya lebar gambar minimum 1200px dengan rasio 16:9, 4:3, atau 1:1.

Jadi untuk mengatasi duduk kasus ini, pertama kita harus menciptakan gambar untuk thumbnail setiap post (gambar dengan tag noscript) dengan rasio yang aku sebutkan tadi di atas, misal 1280x720 untuk rasio 16:9 atau 1200x900 untuk rasio 4:3 atau gambar persegi 1:1 adalah 1200x1200.

Kemudian langkah kedua silahkan masuk ke edit HTML kemudian cari arahan <b:includable id='post' var='post'>

Di sebelah bawah arahan tadi cari arahan berikut, atau arahan yang menyerupai mirip arahan berikut (mungkin akan berbeda tergantung pembuat template AMP).

 <b:if cond='data:post.firstImageUrl'>
 <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
   <meta expr:content='resizeImage(data:post.firstImageUrl,800,&quot;1:1&quot;)' itemprop='url'/>
   <meta content='800' itemprop='width'/>
   <meta content='800' itemprop='height'/>
   </div>
 <b:else/>
 <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
   <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvYxwj-VB3qL-0LEcs1W5iXAN712JuRhWTkC-BTC6hq7hKKIkOgcem6kvDssgUx8kBNc53e-EmCQDe48KbRbqQt-9DPuMP-zQ0J3JCKr8E0fGkFa-aZCQBF4ylCLb1ZgerxaUHAjeqX28/s800-c/no-thumbnail.jpg' itemprop='url'/>
   <meta content='800' itemprop='width'/>
   <meta content='800' itemprop='height'/>
   </div>
     </b:if>

Kemudian silahkan ganti dengan arahan berikut:

1. Untuk thumbnail 1280x720 untuk rasio 16:9.

 <b:if cond='data:post.firstImageUrl'>
 <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
   <meta expr:content='resizeImage(data:post.firstImageUrl,1280,&quot;16:9&quot;)' itemprop='url'/>
   <meta content='1280' itemprop='width'/>
   <meta content='720' itemprop='height'/>
   </div>
 <b:else/>
 <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
   <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3Up3KwCCIaU5yU9N1DyXpmjFUfd0niw_lVP_cAzEyuAX07ysR9k7WZeZAn8H7QElIpkIybVkkmpBfBDapnvAoAbBOujEboUMaJ7_RAWrKjGTuWIeqSEmqMZ_wC8gSWTCKFE3hb2FQkNw/s1280/no-thumbnail.jpg' itemprop='url'/>
   <meta content='1280' itemprop='width'/>
   <meta content='720' itemprop='height'/>
   </div>
     </b:if>

2. Untuk thumbnail 1200x900 untuk rasio 4:3.

 <b:if cond='data:post.firstImageUrl'>
 <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
   <meta expr:content='resizeImage(data:post.firstImageUrl,1200,&quot;4:3&quot;)' itemprop='url'/>
   <meta content='1200' itemprop='width'/>
   <meta content='900' itemprop='height'/>
   </div>
 <b:else/>
 <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
   <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXdp6E8-CUFsVh3ji-DLGCT4rWJIt2hUIxcbxqA1mcwOn3aXWOxRH22FbjzgE3LJKlEcgpREMGXjBZHK2oYq8809P5Ou__qeiHW1nYa-OpuMGjR6MA-EkeERGEZVSl4oE6qHaCZ6iyK1U/s1200/no-thumbnail_1.jpg' itemprop='url'/>
   <meta content='1200' itemprop='width'/>
   <meta content='900' itemprop='height'/>
   </div>
     </b:if>

3. Untuk thumbnail persegi 1200x1200 untuk rasio 1:1.

 <b:if cond='data:post.firstImageUrl'>
 <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
   <meta expr:content='resizeImage(data:post.firstImageUrl,1200,&quot;1:1&quot;)' itemprop='url'/>
   <meta content='1200' itemprop='width'/>
   <meta content='1200' itemprop='height'/>
   </div>
 <b:else/>
 <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
   <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfzB0g4nEzLfEUd2mGF7IFSLZFPFioT4YL4SiFQ8cWC6sJh-6XuW25SESA03D8RJpz55G5XKV_E4N5Dpg6N8j4GE_6CAeRGdpigoQGksZoMSxbvKcAuTtp7_hyijtI3QPmvD73mryHiAk/s1600/no-thumbnail_2.jpg' itemprop='url'/>
   <meta content='1200' itemprop='width'/>
   <meta content='1200' itemprop='height'/>
   </div>
     </b:if>

Setelah itu silahkan coba validasi warning di search console, agar berhasil.

Share this post