Pondok Belajar: BLOGGING
Showing posts with label BLOGGING. Show all posts
Showing posts with label BLOGGING. Show all posts

Monday, April 09, 2018

Memparbaiki Error Data Terstruktur Hilang Author Update Halaman Statis Template Evomagz

Supaya seorang blogger kelihatan profesional mereka akan selalu memperbaiki semua kesalahan yang didapati dalam situs yang mereka kelola. umummnya Sering sekali kita dapati berbagai permasalahan yang kita dapatkan tentang kualitas blog kita ketika kita merujuk pada Google Search Console. Diantara kesalahan tersebut adalah adanya permasalahan dengan duplicate content di HTML Improvement, sampai kepermasalahan kesalahan data terstruktur terutama pada kesalahan missing author update baik pada halaman statis ataupun halaman postingan blog. Untuk kupasan kali ini kali in penulis akan  mencoba memaparkan cara yang sangat efektif untuk mengatasi kesalahan data terstruktur mising author update pada halaman Statis dan ini umum juga di alami oleh para blogger lainnya namun hanya kesalahan missing author update pada halaman statis khusus pada template evomagz buatan mas Sugeng saja, dan boleh juga digunakan pada template lain kemungkinan bisa juga work.

Memparbaiki Eror Data Terstruktur Hilang Author Update Halaman Statis Template Evomagz
Memparbaiki Eror Data Terstruktur Hilang Author Update Halaman Statis Template Evomagz 

Kita tahu bahwasanya banyak sekali blogger yang mengunakan template evomagz besutan mas Sungeng tersebut ada yang sacara berbayar dan ada juga secara gratis. Ini semua karena berbagai kelebihan yang dimiliki oleh template tersebut, namun untuk saya sendiri setelah mengunakan/terapkan template tersebut pada blog, saya mengalami permasahana pada data tersruktur yaitu missing author update baik halaman statis. Berbagai cara penulis lakukan untuk mengatasi kesalahan tersebut yang pada akhir menggunakan cara yang sama untuk memperbaiki kesalahan tersebut dengan apa yang saya gunakan pada template sebelumnya yaitu simplify 2  buatan Mbak Arlina.  
Berdasarkan pengalaman, disini saya akan mencoba memaparkan cara mengatasi error author update structure data pada search console yang hanya pada statistic page atau halaman statis. Jujur saja jika pembahasan ini mungkin sudah sangat banyak dibahas oleh para blogger lain baik dengan materi yang sama ataupun materi yang berbeda. Dan pada postingan ini khusus membahas perbaikan data terstruktur halaman statis khusus untuk template template evomagz buatan mas Sugeng 

Adapun cara mengatasi eror author update structure data pada search console yang hanya pada statistic page atau halaman statis tempalte Evomagz tersebut adalah sebagai berikut:
Pertama masuk ke dasbor blogger->pilih tema->dan edit html.
Kemudian cara kode dibawah ini

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

Sesudah mendapatkan kode nya langsung saja anda menghapus kode tersebut dan gantikan dengan kode script dibawah ini

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='post-info'>
<b:if cond='data:post.authorProfileUrl'>
<span class='author-info'>
<span class='vcard' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'>
<span class='fn'> OLEH <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'><span itemprop='name'><data:post.author/></span>
</a>
</span>
</span>
</span>
<b:else/>
<span class='author-info'>
&#10004;
<span class='fn'>
<i class='fa fa-user'/> <span itemprop='name'><data:post.author/></span>
</span>
</span>
</b:if>
<span class='post-timestamp'>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
PADA <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</span>
</div>
<b:else/>
<!-- jika selain statis page, maka tampilkan di bawah ini -->

Dalam melakukan perbaikan ini, anda harus pahami jika kode yang anda cari di atas (<b:if cond='data:blog.pageType != &quot;static_page&quot;'>) terdapat di di enam tempat pada template evomagz tersebut. Tempatkanlah/gantilah script kode yang disarankan diatas pada tempat yang kelima karena jika anda menggunakan pada tempat yang selaian dari tempat kelima maka kesalahan missing author tersebut tidak akan teratasi. Setelah anda memperbaiki kesalahan tersebut maka anda save kemudian coba anda cek sendiri pada halaman statis blog anda, jika anda mendapatkan tulisan dipostkan oleh pada halaman statis anda berarti anda telah berhasil mengatasi permasalahan tersebut, jika tidak muncul tulisan di poskan oleh pada halaman statasi blog berarti anda tidak menerapkan kode diatas pada tempat yang saya sarankan, saran saya sebelum melakukan perbaikan kesalahan ini ada baiknya anda melakukan back up data template anda terlebih duhulu karena jika kemungkinanan terjadi error anda dapat memulihkan kembali template anda dari file yang disimpan tadi. untuk lebih jelasnya coba lihat hasil postingan halaman statis setelah diperbaiki berikut ini.

Memparbaiki Eror Data Terstruktur Hilang Author Update Halaman Statis Template Evomagz
Memparbaiki Eror Data Terstruktur Hilang Author Update Halaman Statis Template Evomagz

Dari gambar diatas anda dapat melihat jika tulisan di poskan oleh terkah tersedia pada halaman statsi blog. Jika tulisan di poskan dan waktunya sudah muncul, maka itu jelas dengan sendirinya permasalahan anda di eror author update structure data pada search console yang hanya pada statistic page atau halaman statis akan teratasi sendiri walaupun kesahana tersebut masih muncul di Google Webmaster Console. Untuk melihat perbaikan di Google Webmaster Console anda harus menunggu dua tiga hari ataupun sampai dengan satu minggu.  maka tulisan kesalahan ataupun eror tersebut akan hilang dan terhapus dengan sendirinya. Cukup sekian saja paparan cara memperbaiki eror author update structure data pada search console yang hanya pada statistic page atau halaman statis khusu untuk tempalte arlina design, dan siapa tahu juga ini bisa saja work untuk tamplate lainnya.

Tuesday, March 13, 2018

Cara Menggantikan Lambang Icon Favicon Pada Blog

Favicon icon yang ada pada blog seseorang memang kelihatan memiliki nilai tambah sendiri bagi blog tersebut. untuk itu gunakanlah favicon buatan sendiri supaya blog yang kita kelola kelihatan sedikita profesional dimata pengujung. Jadi untuk membuat kelihatan blog kita profesional rasa nya tidak salah jika sebaiknya kita yang mengelola blog tersebut menyemakan lambang ataupun favicon icon buatan sendiri pada blog kita. Dimana icon lambang favicon yang dugunakan ikut memberikan ataupun mencirikan identitas blog yang kita kelola. Secar umum umum, kita bisa mengamati berbagai situs yang sudah terkenal menggunakan /menyematkan lambang buatan mereka sendiri pada situs mereka sebagai salah kiat untuk mengabarkan ciri khas blog mereka bagi visitors. Seprti Google Adsense, Facebook yang dengan icon f, Alexa dengan icon a, termasuk blog saya yang saya beri lambang PB he he he.

Cara Menggantikan lambang Icon  Favicon Pada Blog
Cara Menggantikan lambang Icon  Favicon Pada Blog


Thursday, March 01, 2018

Mengatasi Eror Data Terstruktur Hilang Author Update Halaman Statis Simplify 2

Sering sekali kita dapati berbagai permasalahan yang kita dapatkan tentang kwalitas blog kita di Google Search Console. Ada yang mengalami permasalahan dengan duplicate content di HTML Improvement, sampai kepermasalahan kesalahan data terstruktur di terutama pada kesalahan missing author update baik pada halaman statis ataupun halaman postingan blog. Pada tulisan kali ini saya mencoba memaparkan kiat mengatasi kesalahan data terstruktur mising author update pada halaman Statis dan ini umum juga di alami oleh para blogger lainnya.

Mengatasi Eror Data Terstruktur Hilang Author Update Halaman Statis Simplify 2
Mengatasi Eror Data Terstruktur Hilang Author Update Halaman Statis Simplify 2

Berdsaarkan pengalaman, disini saya akan mencoba memaparkan cara mengatasi eror author update structure data pada search console yang hanya pada statistic page atau halaman statis. Jujur saja jika pembahasan ini mungkin sudah sangat banyak dibahas oleh para blogger lain baik dengan materi yang sama ataupun materi yang berbeda. Dan pada postingan ini khusus membahas perbaikan data terstruktur halaman statis khusus untuk template simplfy yang di buat oleh mbak arlina. 
Adapun cara mengatasi eror author update structure data pada search console yang hanya pada statistic page atau halaman statis tempalte simplify 2 adalah sebagai berikut:

Pertama masuk ke dasbor blogger->pilih tema->dan edit html.
Kemudian cara kode dibawah ini 

<div class='post-header-line-1'>

Sesudah menemukan kode diatas maka cari kode ini, yang pastinya terletak tepat dibawah kode di atas.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

Sesudah mendapatkan kode tersebut langsung saja anda menghapus kode tersebut dan gantikan dengan kode script dibawah ini

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='post-info'>
<b:if cond='data:post.authorProfileUrl'>
<span class='author-info'>
<span class='vcard' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'>
<span class='fn'> OLEH <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'><span itemprop='name'><data:post.author/></span>
</a>
</span>
</span>
</span>
<b:else/>
<span class='author-info'>
&#10004;
<span class='fn'>
<i class='fa fa-user'/> <span itemprop='name'><data:post.author/></span>
</span>
</span>
</b:if>
<span class='post-timestamp'>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
PADA <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</span>
</div>
<b:else/>
<!-- jika selain statis page, maka tampilkan di bawah ini -->

Sesudah anda pastekan kode di atas kemudian anda save. Untuk mengetahui permasalahan eror author update structure data pada search console yang hanya pada statistic page atau halaman tersebut sudah teratsi maka coba anda view kan halaman statis pada blog anda maka akan muncul tulisan di postkan oleh berserta dengan waktunya. 

Jika tulisan di poskan dan waktu sudah muncul, maka itu jelas dengan sendirinya permasalahan anda di eror author update structure data pada search console yang hanya pada statistic page atau halaman statis akan teratasi sendiri walaupun kesahana tersebut masih muncul di Google Webmaster Console. Untuk melihat perbaikan di Google Webmaster Console anda harus menunggu dua tiga hari ataupun sampai dengan satu minggu.  maka tulisan kesalahan ataupun eror tersebut akan hilang dan terhapus dengan sendirinya. Cukup sekian saja paparan cara memperbaiki eror author update structure data pada search console yang hanya pada statistic page atau halaman statis khusu untuk tempalte arlina design, dan siapa tahu juga ini bisa saja work untuk tamplate lainnya.

Saturday, February 24, 2018

Memperbaiki Add Expires Headers pada GT Metrik Yslow

Bagi sebagian para blogger yang memiliki rasa ingin tahu kecepatan loading blog nya pasti mereka akan mencari berbagai macam sumber resmi untuk memeriksa kecepatan loading blognya. jadi Bagaimanakah kecepatan loading blog anda sendiri, apakah sudah memiliki waktu loading yang maksimal, atau sudah di optimasi secara maksimal?

Memperbaiki Add Expires Headers pada GT Metrik Yslow
Memperbaiki Add Expires Headers pada GT Metrik Yslow 

Sebenarnya ada berbagai macam cara yang mudah yang dapat kita lakukan untuk meningkatkan kecepatan loading blog kita. namun ada baiknya jika sebelum kita melakukan optimasi tersebut terlebih dahulu kita melakukan cek loading halaman pada GT Metrik, namun kebanyakan kendala hasil yang diperoleh adalah kurangnya penilaian yang diraih pada bagian Yslow, yaitu pada bagian ADD Expired Header.
  
Satu hal yang harus anda pahami jika Leverage browser Expires Headers berhubungan erat dengan halaman sebuah web seperti gambar, css, javascript, dan sebagainya. Sehingga, saat membuka kembali halaman web yang sama, maka halaman web tersebut akan semakin cepat terbuka. Karena file yang pada awalnya harus di unduh, sekarang sudah tersimpan di dalam media penyimpanan.

Adapun fungsi uatama dari Leverage browser caching sendiri adlah untuk mengatur tanggal expires (kadaluwarsa) dalam header HTTPS  yang bersifat statis. disamping juga memberi perintah pada browser untuk memuat Source Code yang sudah di unduh sebelumnya dalam media penyimpanan. dan fingsi dri Caching tersebut adalah untuk mengatur lamanya penyimpanan file yang sudah didownload saat membuka.

Adapun sebelum memprbaikinya ada baiknya anda memastikannya terlebih dahulu dengan mengakses cek template blog terlebih dahulu, dengan membuka halaman GTmetrix, Page Speed Inside Masukkan URL blog anda dan lihat hasilnya. Anda bisa lihat di bagian Yslow halaman pertama Add Expires headers. Seperti gambar dibawah.
Untuk mengatasi hal tersebut, anda bisa menambahkan script. Letakkan kode dibawah ini tepat di atas kode </head>

<include expiration=’7d’ path=’*.css’/>
<include expiration=’7d’ path=’*.js’/>
<include expiration=’3d’ path=’*.gif’/>
<include expiration=’3d’ path=’*.jpeg’/>
<include expiration=’3d’ path=’*.jpg’/>
<include expiration=’3d’ path=’*.png’/>
<meta https-equiv=”expires” content=”sat, 02 jun 2020 00:00:00 GMT”/>

Biasanya perubahan expires header pada bagian Yslow pada halaman Gmetrix bisa dilihat hasilnya sehari kemudian, tapi jika test kecepatan blog anda sudah ada perubahan, berarti proses penambahan script sudah berhasil.

Selaian dari memperbaiki axpired header untuk mempercepat loading page blog, anda juga dapat melakukan hala hal seperti diantaranya dengan merampingkan template, mengurangi widget, ataupun mengoptimalkan gambar sebelum kita posting. Tujuannya adalah mendapatkan performa loading blog yang lebih maksimal, agar lebih SEO dan disukai mesin pencari (search engine) seperti google.

Sebagaimanan yang kita amati sekrang ini jika para pemilik blog sudah saling bersaing secara ketata dan saling berlomba lomba dalam membenahi semua permasalahan yang berklaiatan dengan kecepatan loading page blog mereka masing-masing secara yang maksimal baik dari segi tampilan dekstop maupun tampilan versi mobile/HP. jadi jika anda tidak ingin blog anada langsung ditinggalkan oleh pengunjung anda karena lamanya loading halaman blog maka segera melakukan optimasi pada tempate blog anda. Demikian cara mempercepat loading blog, tips yang sederhana ini semoga saja bermanfaat.

Wednesday, January 31, 2018

Cara Mempercepat Loading Blog Jadi Ringan

Semakin cepat loading sebuah blog maka semakin besar pengaruhnya untuk muncul pada pencarian google search engine, disamaping itu juga semakin memperkecil rasion pentalan dari tampilan halaman blog kita. Ini akan memberikan dampak negeatif bagi blog kita, sebagai contoh kecil, situs Amazon dapat mengakibatkan kerugian kehilangan omsetnya sampai dengan $ 1.6 milyar tiap tahunnya jika situs mereka melambat dalam satu detik saja.

Cara Mempercepat Loading Blog Jadi Ringan
Cara Mempercepat Loading Blog Jadi Ringan

Jika kita mengelola sebuah Blog yang memiliki masa loadingnya yang agak lama maka sebagai konsekwensinya jelas jika blog kita akan ditinggalkan oleh visitornya apa lagi jika terganggu dengan tampilan iklan pop under yang sangat membuat pengunjung kita langsung tancap ke blog lain. Alasan utama blog kita akan ditinggalkan oleh pengunjung jika memiliki waktu loading yang lama ini diperkuat oleh penelitian pakar SEO dimana 50℅ pengunjung akan berpindah ke blog lain alias lari dari blog kita apabila dalam 10 detik blog tersebut belum loading secara sempurna, dan ini sungguh sangat merugikan kita. kesimpulannya, jika website yang masa loadingnya lambat akan berakibat negatif pada blog tersebut karena berkurangnya pengunjung bahkan sebagian pengunjung tidak akan lagi berkunjung ke blog yang kita kelola meskipun muncul di page one di pancarian google.

Untuk melakukan test alias mengetahui jumlah waktu loading blog kita, anda dapat menggunakan bantuan dari tool ini untuk mengecek perfomance situs kita diantaranya Pingdom, Google PageSpeed Insights, GTMetrix dan WebPageTest. Setelah itu perbaiki semua saran perbaikan yang disarankan dari tool tersebut. Sebagai gambaran umum disini saya akan memberikan beberapa gambaran umum yang mengakibatkan permasalahan lambannya loading halam blog beserta dengan cara memperbaikinya. Adapun masalah umum yang sering mengakibatkan lamanya masa loading halaman blog adalah sebagai berikut:

1. Penggunaan Template
Harus dipahami bahwasanya template blog yang kita gunakan juga dapat memgakibatkan lambatnya loading blog bisa jadi disebabkan oleh karena terlalu banyak script atau scriptnya tidak di compress terlebih dahulu, disamping itu juga karena terlalalu banyak gadget yang terpasang pada tempalte blog tersebut. Adapun cara untuk memperbaikinya adalah dengan cara mencari atau membuat template yang responsive, sebaiknya perlu dihindari mengunakan script script untuk mempercantik blog seperti : burung twitter terbang, animasi bergerak, atau salju turun pada blog dan sebagainya karena akan berdampak langsung dengan waktu loading halaman blog. 
2.  Penggunaan Gambar
Selain template, penggunaan gambar juga ikut mempengaruhi waktu loading sebuah blog. Kita menngunakan gambar dalam sebuah postingan blog dengan tujuan untuk memperindah tampilan blog kita selain juga sebagai eyes cathing bagi visitor blog kita. jadi supaya penampilan halaman blog kita indah dan waktu loading halamannya juga singkat maka kita harus melakukan optimasi gambar blog yang kita gunakan. Gunakan saja satu tampilan gambar pada setiap postingan, disamping jagan lupa untuk meng-compress terlabih dahalu gambar tersebut dalam format PNG

3. Gunakan Script berikut pada template yang anda gunakan. 
Script dibwah ini akan sangat berguna dalam mempercepat loading blog kita, adapun caranya adalah sebagai berikut:
Buka blogger→pilih tema→Edit html→Letakkan script berikut di atas tag </head>.


<script charset='utf-8' src='https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='https://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$("img").lazyload({placeholder :
"https://lh5.googleusercontent.com/_u4rBCfM4eII/TXksAi6R_OI/AAAAAAAABZY/2k63Mrtswf0/grey.png",threshold
: 200});
});
</script> 

Lalu klik save, dan lihat hasilnya blog sobat akan lebih cepat loadingnya.

4. Hapus Script Bawaan Dari Blogger 
Hal lain yang dapat memperlambat loading tampilan halaman blog adalah script bawaan dari tempalet blog, Karena script bawaan dari blogger menjadi salah satu faktor blog melambat Kira-kira scriptnya seperti ini

https://www.blogger.com/static/v1/widgets/124887373-widget_css_bundle.css
https://www.blogger.com/static/v1/widgets/449108565-widgets.jcss
https://apis.google.com/js/plusone.js
https://www.blogger.com/dyn-css/authorization.css?targetBlogID=663989tersebut.74394&zx=dcb98b04-c7d3-45fa-8010-504df7f23879
dyn-css/authorization.css

Untuk menghapusnya anda harus masuk ke Template => Edit HTML dan tekan C+F untuk mencari kode tersebut.
Jika kita takut untuk melakukan kesalahan dengan menghapus kode tersebut, Anda bisa menggunakan cara Alternative di bawah ini.
Cara Pertama cari kode <b:skin> dan ganti dengan kode ini

&lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin>

Cara Kedua cari tag penutup dan ganti dengan kode dibawah ini
&lt;!--</head>--&gt;&lt;/head&gt;

Cara Ketiga cari tag penutup dan ganti dengan kode dibawah ini
&lt;!--</body>--&gt;&lt;/body&gt;

5. Menggunakan Script LazyLoad
Selain cara di atas, ini adalah cara paling ampuh untuk meningkatkan kecepatan loading blog yaitu dengan menggunakan script lazyload. Cara memasang scriptnya pun masih sama dengan script diatas yaitu Dashbord => Tema => Edit HTML
Cari tag penutup </head> dan taruh scriptnya tepat diatas tag penutup </head>

<script type='text/javascript'>//<![CDATA[
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&amp;&amp;!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>

Sebagai saran terakhir, Sebaiknya coba anda lakukan pengecekan loading blog anda terlebih sebelum dan sesudah mengunakan semua kode scripts diatas. ini diperlukan untuk melihat apakah ada pengaruh peningkatan loading ataupun malah memperlembat loadingnya. Jika tidak ada pengaruh maka jangan digunakan/terapkan di blog anda, karena bisa jadi tidak semua kode script tersebut work ataupun tidak dapat bekerja sempurna untuk semua jenis template terutama template bawaan blog. jadi sebaiknya cobalah satu persatu saran di atas siapa tahu ada yang memiliki pengaruh bagus buat loading blog anda.