Mengatasi "Image Size Smaller Than Recommended Size" di Google Webmaster

Mengatasi "Image Size Smaller Than Recommended Size" di Google Webmaster. Tanpa di duga blog AMP yang tadinya sudah valid Amp tiba-tiba mendapatkan sebuah email yang menyebutkan bahwa terdapat suatu error pada blog.

Penasaran akan error apa yang terjadi langsung saja Saya meluncur ke Google webmaster. Ternyata terjadi kesalahan yang menyebutkan bahwa -kurang lebihnya- gambar yang ada tidak sesuai dengan rekomendasi AMP.

Tidak sesuai rekomendasi disini bisa diartikan bermacam-macam. Bisa jadi karena pada artikel postingan ukuran gambar terlalu kecil, bisa jadi malah ukuran terlalu besar.

Atau mungkin kualitas gambar yang tidak sesuai dengan apa yang telah direkomendaskan. Siapa tahu, hanya menerka-nerka saja karena di situ Google tidak menjelaskan lebih lanjut mengenai hal ini.

Mengatasi "Image Size Smaller Than Recommended Size"

Nah jika kamu juga menemukan error seperti ini dan belum menemukan jalan keluar untuk mengatasinya, kamu bisa mencoba cara seperti di bawah ini :

• Carilah kode

 <b:includable id='post' var='post'>

• Kemudian lihatlah kode yang terdapat dibawahnya atau yang seperti di bawah ini, atau yang mengkin mirip-mirip lah. (Karena juga tergantung dari master pembuat templatenya juga).

<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/AVvXsEh_j0zP6GHXPhw5lJ-4p7p7mdz7JSdMRmr88uLIa9GDF73i0lrkJ_fdc68YdGBMHMu5kJg7nnCW8H8UVq2V7gN3dIxGKdLnH3fdMGdyMD0h09Qlv_eg7Gc7Jf9Or3Pupa-lKy_JTNzIQcA/s800-c/no-thumbnail.jpg' itemprop='url'/>

  <meta content='800' itemprop='width'/>

  <meta content='800' itemprop='height'/>

  </div>

    </b:if>

• Kemudian silahkan ganti dengan kode 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/AVvXsEhoCWgBaslmHDyZdSVP_tmMBWB-gwHuTuiQPBe-q0m8PkEXNgp1G9Q9PuupNZ5kjfuDST8rIK1QrTPlFhcGWWnVbpeeYhYcVDj05vjxccWRMVjlQm2GCnlNt8wNyxfdTLiZB6i-q1B0vyw/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/AVvXsEg2UbM_afBnk4Qjd9Lue1xqUl2yL9HQaCx3byD0YIrNl16CdoMdBvsqpGhHja0GZEQtqd23KJGxpfTuzyT3_RjdTCDQRWcQF6-vfZztk4XTmTSncm2S8vH90v81SX2gg3Vw66kNe7qL2lg/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/AVvXsEjFVgTo_N-kwUwwq_afsKnJ4N6b0hMbFixVs8KXStYyKBOEHCEMnIxUeMhFCKqy3W6nKz8NQ0ReC2yAkiiRTHDoF5vpgwsfl6ivgPCzO-iu_XruZR6wzZatVI2kEbGLI_5dtmDC6Vgpe2w/s1600/no-thumbnail_2.jpg' itemprop='url'/>



  <meta content='1200' itemprop='width'/>



  <meta content='1200' itemprop='height'/>



  </div>



    </b:if>

Demikianlah cara mengatasi "Image Size Smaller Than Recommended Size" di Google Webmaster. Jika masalah ini sudah teratasi maka status blog AMP bisa valid kembali.

Oiya temans, jika dengan cara diatas masih juga terdapat error terkait dengan image size, coba ganti gambar utama dengan ukuran pixel yang lebih tinggi. Semoga bermanfaat.

Berbagi :