Responsive Template bukan satu-satunya solusi

Majalah Blog. Dengan berlakunya algoritma Goggle MobileGeddon, maka semua blogger rame-rame mengganti template blognya dengan sebuah Responsive Template dalam rangka mengejar jumlah visitor yang mempergunakan perangkat mobile atau seluler. Responsive Template adalah sebuah model template blog yang mudah untuk menyesuaikan diri dengan berbagai macam ukuran layar para visitor yang mengakses blog tersebut. Artinya template macam ini akan otomatis menyesuaikan diri dengan berbagai macam layar monitor, mulai monitor komputer desktop, laptop, iPad bahkan perangkat-perangkat seluler semacam smartphone. Blog yang mempergunakan Template jenis responsive ini dapat juga kita katakan sebagai sebuah Responsive Blog, karena isi atau konten dari keseluruhan blog tersebut juga bersifat responsive.

Contoh gambar model Responsive Template tersebut adalah seperti di bawah ini.

Majalah Blog 21

Nah bagaimana dengan blog anda ? Sudah responsive atau belum ? Untuk melakukan tes responsivitas template blog anda, anda dapat mengujinya lewat Am I Responsive.

Kembali kepada permasalahan semula, bagi saya dalam menyiasati berlakunya Google MobileGeddon ini, Responsive Template bukan satu-satunya solusi, karena banyak model-model responsive template yang tersedia di dunia internet ini masih harus dilakukan pembenahan, terutama agar lebih SEO Friendly. Kebanyakan Meta Tag dari model-model template tersebut masih sangat sederhana dan oleh karenanya butuh pembenahan kembali (atau tetap saja menggunakan Meta Tag template yang lama).

Selain hal tersebut, pemakaian widget Popular Post dalam banyak kasus menyebabkan blog menjadi kurang SEO Friendly (berdasarkan pengamatan dengan mempergunakan SEO Analizer milik Bing Webmaster). Dengan demikian untuk widget Popular Post ini perlu diadakan pembenahan yang cukup serius untuk membuatnya menjadi lebih SEO Friendly. Kendala yang terdeteksi adalah pada fasilitas thumbnail yang digunakan dalam widget Popular Post ini. Untuk membenahinya, kita harus mengganti script widget Popular Post dengan script yang di bawah ini.


<b:widget id='PopularPosts1' locked='false' mobile='yes' title='Entri Populer' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul><b:loop values='data:posts' var='post'>
<li><b:if cond='data:showThumbnails == &quot;false&quot;'><b:if cond='data:showSnippets == &quot;false&quot;'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a><b:else/><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div><div class='item-snippet'><data:post.snippet/></div> </b:if><b:else/><b:if cond='data:showSnippets == &quot;false&quot;'><div class='item-thumbnail-only'><b:if cond='data:post.thumbnail'><div class='item-thumbnail'><a expr:href='data:post.href' target='_blank'> <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/></a></div></b:if><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div></div> <div style='clear: both;'/> <b:else/><div class='item-content'><b:if cond='data:post.thumbnail'><div class='item-thumbnail'><a expr:href='data:post.href' target='_blank'><img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/></a></div></b:if><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div><div class='item-snippet'><data:post.snippet/></div> </div><div style='clear: both;'/></b:if></b:if></li></b:loop>
</ul>
</div><div class='clear'/>
</b:includable>
</b:widget>


Dengan mempergunakan script tersebut di atas, setidaknya kita telah dapat meningkatkan score atau nilai SEO OnPage blog yang kita miliki.

Selanjutnya, untuk meningkatkan kecepatan loading blog anda, anda dapat tambahkan script berikut ini pada bagian akhir template blog anda di atas
.
<link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css' rel='stylesheet'>
<link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css' rel='stylesheet'>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js'/>

Demikianlah uraian kami, semoga dapat bermanfaat.

6 komentar untuk "Responsive Template bukan satu-satunya solusi"

  1. Memang dengan mengganti template blog lebih baik ditata pula kode-kode HTML nya agar lebih SEO Friendly.

    BalasHapus
    Balasan
    1. Ya begitulah ..., aku lihat blog anda pun mempraktekkan hal yang sama.

      Hapus
  2. Berarti ada hal lain yang lebih penting ya mas bro .... ???

    BalasHapus
    Balasan
    1. Yang pasti hal lain itu berkaitan dengan masalah kualitas halaman-halaman postingan blog ..........

      Hapus
  3. Setuju banget gan, seo frienldy tanpa content berkualitas sia-sia

    BalasHapus

==> Berkomentar untuk mendapatkan backlik harap sopan dan tidak OOT
==> Jangan berkomentar dengan modus Anonim
==> Jangan meletakkan link aktif pada kolom komentar
==> Jangan berkomentar yang mengandung unsur SARA, Judi & Pornografi
==> Hormatilah Admin Blog dan visitor lainnya