Cara Cek Dan Mengatasi Broken Link

Kali ini G-aNkar BloG akan membuat atau membahas masalah yang sering dan banyak di jumpai pada suatu blog, dan Cara Cek Dan Mengatasi Broken Link Atau Link Rusak ini sangat mudah. Kita hanya di anjurkan untuk menghapus link yang rusak tersebut namun pasti kalian dan awalnya termasuk saya juga bingung bagaimana mencari dan mengetahui link yang rusak tersebut. Berkat kepandaian atau orang lain kita dapat mengatasi masalah tersebut, kita hanya perlu membuka websitenya dan memasukan alamat blog kita.

Berikut langkah-langkah yang perlu di perhatikan dalam Cara Cek Dan Mengatasi Broken Link Atau Link Rusak.

1. Buka alamat ini www.brokenlinkcheck.com/

2.Setelah terbuka maka akan tampak halaman seperti gambar berikut;

**** Dari gambar diatas masukan alamat sesuai pada gambar, jangan gunakan tanda "/" di akhir alamat. Setelah itu  klik tombol "Find broken links". ****

3. Masukan kode verifikasi kedalam kolom yang tersedia, contoh lihat gambar;

**** Setelah memasukan kodenya dengan benar lalu klik tombol "Find broken link now !" maka secara otomatis layar akan scroll atau geser kebawah. Dan tunggu beberapa saat hingga semua link rusaknya terbuka, jika sudah sobat tinggal klik tulisan url atau scr. Misalkan link yang rusak berada dalam postingan sobat, maka tinggal sobat edit postingannya dan hapus link tersebut. ****

Sebagai contoh lihat gambar berikut;

**** Dari gambar diatas adalah contoh link rusak blog ini. ****

Langkah ini berguna untuk meningkatkan kualitas SEO suatu blog, karena banyaknya link rusak berimbas pada kualitas suatu blog. Maka langkah terbaiknya yaitu dengan cara menghapus semua link yang rusak tersebut. Terimaksaih kepada blog SEOCIPS yang sudah membuat artikel seperti ini, dan untuk link sumbernya yaitu http://www.seocips.com/2014/05/cara-cek-broken-link-di-blog-dan-cara-mengatasinya.html. Sekian artikel saya hari ini, selain berbagi saya juga memanfaatkan sebagai dokumentasi saja. 

Modifikasi Homepage Jadi Valid Html5

Modifikasi Homepage Jadi Valid Html5 adalah langkah menuju kemajuan suatu blog seiring berkembangnya suatu blog di mata dunia. Meski berlebelkan blog gratisan, namun di mata dunia dunia blog di jadikan solusi utama dari beragam jenis usaha. Ada yang memanfaatkan untuk promosi usaha namun juga ada yang cuma sekedar hobi saja.

Gambar saya samarkan

Blog yang ringan dan menarik serta tidak meninggalkan keSEOannya maka akan di sukai para pengunjungnya, pengunjung akan bosan jika blog memiliki desain yang tidak menarik sama sekali. Terlebih jika blog tersebut memiliki loading yang sangat lama untuk dapat menampilkan semua isi blognya secara sempurna, maka saya kasih solusi untuk sobat blogger agar dapat mengurangi beban loading dari blognya.

Cara yang saya kasih sebenarnya sudah banyak di lakukan  oleh para blogger, yaitu hanya membuat postingan hanya terlihat judulnya saja baik di Halaman Utama (Home page) atau Halaman Labelnya. Langkah pembuatannya pun sangat mudah, dan sesuai judulnya saya sudah validkan tutorial saya. Saya membuat postingan seperti ini berdasarkan postingan yang saya jumpai dari blog DINAMIKA, namun setelah saya praktekan di salah satu blog saya ternyata masih belum sesuai keinginan. 

Lalu saya coba otak-atik ternyata masih kurang title saja, maka saya tambahkan kode expr:title='data:post.tiitle' untuk membuat judul postingannya menjadi lebih SEO. Namun saya masih ragu apakan blog saya sudah memenuhi syarat atau belum, tetapi blog yang saya buat setelah satu hari bahkan belum sehari saja sudah terindex di google search engine dan dalam waktu dua hari sudah memiliki peringkat 14.264.847 di mata tante alexa.

Baiklah ini dia caranya membuat postingan blog hanya terlihat judulnya di halaman utama (hom page) dan halaman label.

Cara jitu mengatasi masalah itu kita hanya sedikit memasukan beberapa Tag Conditional dan kode CSS sehingga pada waktu membuka halaman utama (homepage) dan halaman label hanya menampilkan judul posting yang akan mengurangi waktu loading ketika membuka halaman tersebut.

Sebenarnya bukan hanya pada 2 halaman tersebut tetapi juga pada halaman arsip (archive page) dan halaman pencarian (search page).

Langkah langkah penerapannya:

1. Login akun Blogger anda.

2. Template - Edit HTML

3. Cari kode <b:include data='post' name='post'/>, lalu ganti kode tersebut dengan kode dibawah ini

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

<a expr:href='data:post.url' expr:title='data:post.title'>

<div style='padding:5px 0 5px 10px;box-shadow:5px 6px 2px #808080;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;margin-bottom:2px;color:#333;text-shadow: 1px -1px 0px #E0E0E0;font-size:20px;'>

<data:post.title/></div></a>

<b:else/>

<b:include data='post' name='post'/>

</b:if>

<b:else/>

<b:include data='post' name='post'/>

</b:if>

kode ini merupakan untuk menampilkan hanya judul posting pada semua halaman kecuali halaman posting dan halaman statis.
Kode yang warna hijau merupakan kode CSS silahkan kamu sesuaikan sendiri.
Kalau kamu hanya ingin merubah halaman utama atau halaman label saja ganti kode Tag Conditionalnya saja.


Untuk Halaman Utama, ganti kode :

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

 
dengan kode dibawah ini :

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

Untuk Halaman Label saja, ganti dengan kode dibawah ini :

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

Saya rasa segitu saja cara yang bisa saya bagikan, kurang lebihnya mohon maaf jika tutorial saya tidak benar atau salah pemahamannya. Jika mau mempraktekan silahkan,, atau jika mau lihat demonya silahkan klik tulisan demo ini.

 DEMO 

Sumber: Dinamika 

Membuat Recent Post Seo Valid HTML5

Recent Post atau Artikel Terbaru ini memang lebih bagus di bandingkan dengan pupuler post, tapi kebanyakan para sahabat blogger tidak menyadarinya. Namun jika sobat mau menggunakan populer post, saya sarankan menngunakan opsi mingguan. Biar semua post bisa naik dalam indexnya di google, baiklah mari kita pelajari triknya.

Maaf jika gambarnya tidak sopan, karena saya ambilkan dari blog sebelah.

Membuat Recent Post With Thumbnail Seo Valid HTML5

Langkah 1

Login ke akun blogger sobat.

Langkah 2

Masuk ke Tata Letak atau Layout.

Langkah 3

Add Gadget lalu pilih Html/javascript.

Langkah 4

Copy kode berikut lalu pastekan di gadget tersebut,

<div class="widget-content">
<style scoped="">
img.recent_thumb {width:72px;height:72px;float:left;padding:3px;margin:0 2px 2px 0;}
.recent_posts_with_thumbs {font-weight:bold;font-size:24px;}
ul.recent_posts_with_thumbs li {font-size:18px;color:#888;overflow:hidden;}
.recent_posts_with_thumbs a {text-decoration:none;font-weight:normal;}
.recent_posts_with_thumbs normal {font-size:20px;}
</style>
<script type="text/javascript">
//<![CDATA[
function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_with_thumbs">'); for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length;k++){
if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error)

{
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){
thumburl=d;} else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8MEdeRtrAvt6I6bvdoaGrqSNltW8OEOhbY1yhztpGM9VSKAkeVIuHYmv2MscMgQHRA1G6dY4fvTPpMfITlSwfl15jjcRta2hdSnpMiTiZxjWshdEGDKIAVM08s_I62e8wGkgh92FT9XAX/s320/noimage.png';
}

var postdate = entry.published.$t;var cdyear = postdate.substring(0,4);var cdmonth = postdate.substring(5,7);var cdday = postdate.substring(8,10);var monthnames = new Array();monthnames[1] = "Jan";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Apr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Aug";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Dec";document.write('<li class="clearfix">');

if(showpostthumbnails==true)
document.write('<img class="recent_thumb" src="'+thumburl+'" title="'+posttitle+'" alt="'+posttitle+'"/>');
document.write('<b><a class="alink" href="'+posturl+'" title="'+posttitle+'" target ="_blank">'+posttitle+'</a></b><br>');
    if ("content" in entry) {
      var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
      var postcontent = entry.summary.$t;}
    else var postcontent = "";
    var re = /<\S[^>]*>/g;
    postcontent = postcontent.replace(re, "");

if (showpostsummary == true) {
      if (postcontent.length < numchars) {
          document.write('<i>');
         document.write(postcontent);
          document.write('</i>');}
      else {
          document.write('<i>');
         postcontent = postcontent.substring(0, numchars);
         var quoteEnd = postcontent.lastIndexOf(" ");
         postcontent = postcontent.substring(0,quoteEnd);
         document.write(postcontent + '...');
          document.write('</i>');}
}
var towrite='';var flag=0;
document.write('<br><strong>');
if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{
if (flag==1) {towrite=towrite+' | ';}
if(commenttext=='1 Comments') commenttext='1 Comment';
if(commenttext=='0 Comments') commenttext='Add Comment';
commenttext = '<a class="alink" href="'+commenturl+'" target ="_top">'+commenttext+'</a>';
towrite=towrite+commenttext;
flag=1;
;
}
if(displaymore==true)
{
if (flag==1) towrite=towrite+' | ';
towrite=towrite+'<a class="alink" href="'+posturl+'" title="'+posttitle+'" class="url" target ="_top">More -></a>';
flag=1;
;
}
document.write(towrite);
document.write('</strong></li>');
if(displayseparator==true)
if (i!=(numposts-1))
document.write('<hr size=0.5>');
}document.write('</ul>');
}
//]]>
</script>
<script>
var numposts = 10;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 150;
</script>
<script src="http://azhallea.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentpostswiththumbs" type="text/javascript"></script>
</div>

Keterangan:
*Ganti link "http://azhallea.blogspot.com" dengan link blog sobat.

*Untuk ukuran teks silahkan ganti angka 18 dengan kesukaan sobat dan sesuai template blog sobat tentunya.

Langkah 5

Save html/javascript tersebut lalu lihat hasilnya di blog sobat.

Langkah 6
Jika memang sudah muncul widgetnya di blog sobat maka sobat buka template sobat lalu hapus kode berikut "<b:include name='quickedit'/>" agar benar-benar valid html5.

Langkah 7
Save template sobat

Selesai sudah postingan saya mengenai Recent Post With Tumbnail Seo Friendly Valid Html5, jika ada yang bingung silahkan berkomentar dan atau jika mau merepost mohon sertakan link sumber yah.

Cara Mempercepat Loading Blog Menggunakan Javascript

Cara Mempercepat Loading Blog Menggunakan Javascript, G-aNkar BloG - Di kesempatan ini saya akan share mengenai atau mengatasi loading blog yang terasa berat karena banyaknya faktor. Sebenarnya sebelumnya saya pernah share Cara Mempercepat Loading Blog Tanpa JavaScript namun tak ada salahnya jika menggunakan cara yang sekarang saya bagikan.

Sebenarnya sudah banyak yang membagikan cara ini di blog lain, tapi tak ada salahnya saya membagikan untuk pengunjung blog saya. Ikuti langkahnya di bawah ini;

1. Download Scriptnya di sini Ziddu.
2. Buka akun blog anda.
3. Masuk ke Edit HTML.
4. Cari kode </head>, biar cepat gunakan Ctrl + F;
5. Copy Pastekan script yang sudah sobat download di atas kode </head>
6. Jika sudah, simpan template sobat.

Tes blog sobat, apakah masih terasa berat atau sudah ringan tapi dengan catatan kecepatan interneet sobat normal, semoga bermanfaat postingan saya kali ini untuk sahabat G-aNkar.

Salam Sukses, Ex Pray Badboys.

Percepat Loading Blog Melalui Google Developers

Percepat Loading Blog Melalui Google Developers, G-aNkar BloG - Pada kesempatan yang sebelumnya saya pernah share juga Tips Jitu k Mempercepat Loading Blog, namun kali ini berbeda. Saya sarankan sobat untuk menggunakan Google Developers PageSpeed Insights.

Sama halnya kita meminta saran untuk meningkatkan kualitas SEO blog kita pada Validator W3 atau Ckhme, di Google Developers PageSpeed ini juga memberi kita saran untuk memperbaiki kesalahan-kesalahan yang ada dalam blog kita.

Lihat foto berikut yang menunjukan skore blog saya;

Jika sobar berminat mengikuti cara saya silahkan ikuti langkah-langkahnya, dan sebelumnya anda nilai kecepatan loading blog saya ini dengan catatan prioritas jaringan atau keceptan internet sobat normal.

1. Masuk akun blog sobat
2. Buka blog sobat sambil menghitung waktu loading blog sobat dari awal masuk sampai loading berhenti.
3. Setelah tahu berapa lama waktu yang di butuhkan blog sobat untuk membuka sampai akhir, saatnya sobat masuk ke link ini Percepat Loading Blog Melalui Google Developers
4. Masukan link blog sobat pada kolom yang tersedia lalu klik tombol ANALISIS (gambar nomor 3).
5. Baru sobat tahu keterangan lengkap blog sobat, contoh pada gambar milik blog saya.
6. Baca saran-saran yang di tunjukan oleh mbah gogle, jika anda mengerti silahkan lakukan saran tersebut.
7. Sekarang sobat bedakan melalui langkah yang kedua yaitu membuka blog dan menghitung waktu yang di butuhkan. Apakah ada perubahan atau tidak.

Saya kira dah cukup jelas, demikian postingan saya kali ini mengenai Cara Percepat Loading Blog Melalui Google Developers, selamat mencoba dan salam blogger.

Cara Cek SEO Blog Di Ckhme

Cara Cek SEO Blog Di Ckhme  - Sebagai pembuka dari sebuah penggarapan blog yang sudah di pertimbangkan sebelumnya bahwa blog tersebutlah yang akan di nomor satukan di banding blog-blog anda yang lain maka hal ini sangat penting untuk mengoptimalkan peforma blog anda dalam bersaing di dunia blogging.

Salah satu cara untuk mengetahui atau mengecek kualitas atau skor SEO blog kita yaitu berkunjung ke website Ckhme, di sana lah kita akan mengetahui dan mendapatkan petunjuk jika ada hal yang membuat rating SEO blog kita menurun atau belum sempurna.

Saya akan jelaskan langkah dan cara mengecek Skor SEO sebuah blog Di Ckhme;

1. Buka www.ckhme.com 
2. Masukan URL/Alamat blog sobat pada kolom yang tersedia
3. Setelah itu klik tombol "check" di bawah kolom tadi
4. Sekarang anda tahu skor blog anda dan hal-hal yang perlu di perhatikan bagi kesempurnaan blog anda.

Saya rasa sekian penjelasan tentang Cara Cek SEO Blog Di Ckhme, memang bagi para sobat blogger yang sudah lama terjun di dunia blogging postingan saya ini tidak berarti sama sekali namun bagi para newbe hal ini sangat di perlukan buat tambahan wawasan.

Terimakasih sudah berkunjung, salam Ex Pray Badboys

Cara Baru Mengatur Meta Tag Heading Blog

Sebelum anda sampai pada artikel saya ini, pasti anda juga sering melihat topk yang sama dengan yang saya terbitkan ini. tetapi setiap kode script yang diberikan terkadang berbeda – beda. Itu memang biasa terjadi, 

karena struktur kode script dalam setiap templete berbeda-beda. silakan simak lebih lanjut mengenai tutorialnya berikut. Tetapi ingat, Simpan / back up dahulu templete dasar anda untuk menghindari jika nantinya terjadi kesalahan dalam proses perubahannya.

Ok, ikuti cara ini:

1. Buka dahulu akun blogspot anda

2. Klik “Templete”

3. Klik “cadangkan/pulihkan” – lalu klik “Unduh”

4. Setelah selesai, klik “Edit HTML” 

5. Mengganti Judul Blog menjadi H1 pada homepage dan H3 pada semua halaman posting

a. Cari kode <div class='titlewrapper' ( anda bisa menggunakan CTRL+F pada keyboard, lalu paste kode diatas pada kotak pencariannya.
Jika ketemu, block kode diatas sampai kode </div>

b. Ganti semua kode tersebut dengan Kode dibawah ini:

<div class='titlewrapper' style='background: transparent'> 
<b:if cond='data:blog.pageType != &quot;item&quot;'> 
<h1 class='title' style='background: transparent; border-width: 0px'> 
<b:include name='title'/></h1> 
<b:else/> 
<h3 class='title' style='background: transparent; border-width: 0px'> 
<b:include name='title'/></h3> 
</b:if> 
</div>

Jika dalam templete anda terdapat banyak kode <div class='titlewrapper' , maka ganti semua kode tersebut dengan kode script diatas.

6. Mengubah Meta tag Deskripsi pada blog menjadi H2

a. Cari kode <div class='descriptionwrapper'> dan block kode tersebut sampai kode </div>

b. kemudian ganti kode yang anda block tersebut dengan kode seperti ini

<div class='descriptionwrapper'> 
<h2 class='description'><span><data:description/></span></h2> 
</div>

Seperti halnya langkah nomor 5, jika terdapat banyak kode <div class='descriptionwrapper'> dalam templete anda, gantilah semuanya

7. Merubah Judul posting artikel Menjadi H1 pada single post dan H3 pada Homepage

Cari Kode <div class='post hentry uncustomized-post-template', kemudian pada beberapa baris dibawahnya, anda akan menemukan kode seperti berikut

<h? class='post-title entry-title' itemprop='name'>
kode,, kode,, kode,,

kode,, kode

kodee,,

</h?>

ganti h? nya dengan h3
( jika sudah h3, biarkan saja tidak perlu diedit )

Setelah selesai dengan Cara Baru Mengganti Meta Tag Heading Seo Friendly diatas, selanjutnya adalah sebagai berikut

Cari kode yang berwarna merah berikut ini, yang diatasnya terdapat kode pada warna ungu berikut.

<b:includable id='post' var='post'> kode bla...bla...bla... 
kode bla...bla...bla... <a expr:name='data:post.id'/> 
<b:if cond='data:post.title'> 
<h3 class='post-title entry-title'> 
kode bla...bla...bla... 
kode bla...bla...bla... 
</h3> 
</b:if> <div class='post-header'>

Ganti hanya kode yang berwarna merah dengan kode dibawah ini

<a expr:name='data:post.id'/> 
<b:if cond='data:blog.pageType != &quot;item&quot;'> 
<b:if cond='data:post.title'> 
<h3 class='post-title entry-title'> 
<b:if cond='data:post.link'> 
<a expr:href='data:post.link'><data:post.title/></a> 
<b:else/> 
<b:if cond='data:post.url'> 
<a expr:href='data:post.url'><data:post.title/></a> 
<b:else/> 
<data:post.title/> 
</b:if> 
</b:if> 
</h3> 
</b:if> 
<b:else/> 
<h1 class='post-title entry-title'> 
<b:if cond='data:post.link'> 
<a expr:href='data:post.link'><data:post.title/></a> 
<b:else/> 
<b:if cond='data:post.url'> 
<a expr:href='data:post.url'><data:post.title/></a> <script src='http://secebisilmu.blogspot.com' type='text/javascript'></script><b:else/> 

<data:post.title/> 
</b:if> 
</b:if> 
</h1> 
</b:if>

8. Klik “preview” untuk melihat perubahan pada blog anda
9. Klik “save”

Setelah berhasil, ukuran huruf dalam judul blog, deskripsi dan judul posting anda akan berubah. Disini admin tidak memberikan kode CSS nya disebabkan kode CSS untuk setiap template itu tidak sama, tapi sekedar petunjuk dasar, anda bisa mengatur ukuran tag h1 h2 dan h3 nya sesuai selera pada elemen h1{  h2{  dan h3{

Sumber: http://secebisilmu.blogspot.com/2013/04/cara-baru-mengatur-meta-tag-heading-blog.html#ixzz2VaqgIPcS

Cara Memasang Meta Tag Otomatis Di Setiap Halaman Blog

Pasti sobat sudah nebak kalau saya mau mengatakan Pada kali ini kita akan membahas tentang "Cara memasang meta tag otomatis di setiap halaman blog". Yups.. betul sekali :D. Cara memasang meta tag oromatis di setiap halaman blog kali ini dapat dikatakan sempurna agar blog mudah terindeks mesin pencari. Memasang meta tag ini pun sangat berfungsi untuk SEO Optimization. Cara memasangnya pun cukup mudah sobat. Ikuti langkah - langkah di bawah ini:






1. Login pada blog sobat

2. Klik Rancangan/tata letak

3. Terus klik Edit HTML

4. Cari kode <title><data:blog.pageTitle/></title>

5. Ganti kode tersebut dengan kode di bawah ini

<b:if cond='data:blog.pageType == &quot;index&quot;'><!-- berikut adalah Ini meta otomatis halaman utama --><title><data:blog.title/></title><meta expr:content='data:blog.title + &quot; Tutorial Blogspot | Games | Top rate.&quot;' name='description'/><meta expr:content='data:blog.title + &quot;, Tutorial Blogspot | Games | Top rate&quot;' name='keywords'/><b:else/><!-- Berikut adalah meta otomatis pada setiap halaman posting --><title><data:blog.pageName/> - <data:blog.title/></title><meta expr:content='data:blog.pageName + &quot;, Tips n trick | Lirik lagu | Free template.&quot;' name='description'/><meta expr:content='data:blog.pageName + &quot;, Tips n trick | Lirik lagu | Free template&quot;' name='keywords'/></b:if>

Keterangan : ganti tulisan yang berwarna merah dengan deskripsi blog sobat di halaman home

dan ganti juga tulisan yang berwarna biru dengan deskripsi blog sobat di halaman post

6. Simpan Template



Selesai dehh!!! Sobat tau tidak. Template yang di pakai sang sumber yaitu Blognya Reggy sudah di pasang meta tag seperti ini. Jika sobat ingin memasang meta tag tersebut ikuti langkah - langkah di atas okeh? Selamat Mencoba!!! :D