Selasa, 24 Februari 2015

Menguji Template Blog (Blogger-Blogspot) Hasil Modifikasi Sendiri: Tentationibus150224

Ternyata membuat template blog itu tidak mudah. Butuh kesabaran tingkat tinggi untuk mendapatkan hasil yang diharapkan. Dengan bermodalkan pengalaman mengedit HTML, saya mencoba untuk memodifikasi template blog dari Blogger yang saya gunakan untuk blog ini. Template blog yang saya pakai adalah karya Josh Peterson yang diberi judul Simple. Melalui berbagai proses yang melelahkan, mulai dari mengatur meta tag hingga struktur HTML dan CSS, pada akhirnya saya selesai untuk membuat atau lebih tepatnya memodifikasi template blog Simple karya Josh Peterson ini.

Setelah pemodifikasian template blog selesai, saya tidak langsung puas karena saya merasa harus melalui pengujian yang menyeluruh terhadap template yang saya modifikasi ini. Dengan memanfaatkan lima aplikasi berbasis situs web yaitu:
  1. Structured Data Testing Tool dari Google.
  2. PageSpeed Insights dari Google.
  3. Pengujian Situs Mobile-Friendly dari Google.
  4. Seo Tools, Check My SEO and Free SEO Tools dari chkme.
  5. Website Speed and Performance Optimization dari GTmetrix.

Hasil Uji Structured Data Testing Tool dari Google


dAtoZ-Hasil%2BUji-StructuredDataTestingTooldariGoogle.png
Hasil Uji Structured Data Testing Tool dari Google

Dari pengujuan melalui Structured Data Testing Tool dari Google, saya mengetahui bahwa bila tag judul posting perlu ada perubahan dari itemprop='name' menjadi itemprop='name headline'.

Atau secara lengkapnya:
  • Tag awal: <h3 class='post-title entry-title' itemprop='name'>, akan memberikan keterangan Jenis tidak ditentukan (Node kosong. Periksa apakah ini memang diinginkan, atau mungkin dapat dihapus)
  • Tag akhir: <h3 class='post-title entry-title' itemprop='name headline'>

Hasil Uji PageSpeed Insights dari Google


Hasil Uji PageSpeed Insights dari Google - Mobile

dAtoZ-Hasil%2BUji-PageSpeedInsightsdariGoogle2.png
Hasil Uji PageSpeed Insights dari Google - Desktop

Dari pengujian melalui PageSpeed Insights dari Google, saya mengetahui bahwa CSS dan javascript yang berasal dari Blogger dan Google akan memberikan pemberitahuan serta saran perbaikan. Hal lain yang perlu diperbaiki dan dapat dikontrol adalah pengoptimalan gambar yang dipasang, baik pada posting maupun pada bagian lainnya.

Hasil Uji Pengujian Situs Mobile-Friendly dari Google


dAtoZ-Hasil%2BUji-PengujianSitusMobileFriendlydariGoogle.png
Hasil Uji Pengujian Situs Mobile-Friendly dari Google

Dari pengujian melalui PageSpeed Insights dari Google, saya mengetahui bahwa CSS dan javascript yang berasal dari Blogger dan Google, lagi-lagi, akan memberikan pemberitahuan serta saran perbaikan.

Hasil Uji Seo Tools, Check My SEO and Free SEO Tools dari chkme


dAtoZ-Hasil%2BUji-SeoToolsCheckMySEOandFreeSEOToolsdarichkme.png
Hasil Uji Seo Tools, Check My SEO and Free SEO Tools dari chkme

Dari pengujian melalui pemberian tag title perlu dibubuhkan pada tautan (link) dan gambar.

Hasil Uji Website Speed and Performance Optimization dari GTmetrix


dAtoZ-Hasil%2BUji-WebsiteSpeedandPerformanceOptimizationdariGTmetrix.png
Hasil Uji Website Speed and Performance Optimization dari GTmetrix

Dari pengujian melalui PageSpeed Insights dari Google, saya mengetahui bahwa CSS dan javascript yang berasal dari Blogger dan Google, masih memberikan andil munculnya pemberitahuan serta saran perbaikan.

=*=*=

Dalam pengujian template blog hasil modifikasi ini, saya juga memanfaatkan aplikasi dari W3C, namun hasilnya masih banyak yang harus diperbaiki untuk dapat memenuhi nilai standar yang ditentukan yang mana hal itu akan sulit dicapai mengingat kekurangan terbesar saya adalah karena belum mampu menyediakan penginangan blog secara mandiri.

Demikian pengujian Template Blog (Blogger-Blogspot) Hasil Modifikasi Sendiri: Tentationibus150224.

Semoga memberikan inspirasi kepada webmaster yang lain terutama yang menginang blognya di Blogger.
Tidak ada komentar:
Posting Komentar