Cek Link Website error 404

Cek Link Website error404 - Panduan simpel tentang "Bagaimana cara mengecek broken link pada situs blog atau website Anda" dengan mudah. Apakah broken link pada blog atau website kita bermasalah? 

Menurunnya peringkat SEO

salah satu penyebabnya adalah pada broken link situs atau website itu sendiri. tentu kita tidak akan membiarkan hal itu terjadi, jika dibiarkan begitu saja karena link tersebut mati akan berdampak terhadap buruknya pengalaman pengguna (user experience) yang juga berpengaruh terhadap tingkat engagement vistor Anda.

Cek Link Website error404

Menghapus broken link di blog atau website tidaklah terlalu sulit, Anda cukup mencari dengan tools online yang bertebaran di dunia maya secara gratis. Salah satu contoh kita gunakan tools internet online pada website online broken link checker "brokenlinkcheck.com", cukup simpel cara penggunaannya :

1. Masuk ke situs brokenlinkcheck.com

2. Setelah masuk ke situs brokenlinkcheck.com, masukan captcha/security code dan pilih antara 2 opsi :

- Report distinct link only, atau

- Report all occurences of each dead link (mayy be slower)

*) saran, gunakan opsi yang kedua meskipun lebih lambat namun report broken link akan kita ketahui lebih banyak.

3. Setelah itu klik "Find broken links now"

Tunggu sebentar maka dapat diketahui link-link mana yang mati dalam blog atau website yang kita kelola.

Pada kolom Page where found Anda bisa melihat link url yang tidak berfungsi, pada halaman mana terdapat broken link tersebut berada di blog atau website kita. Selanjutnya setelah kita ketahui posisi link yang tidak berfungsi atau mati tinggal kita hapus atau di ganti dengan url yang baru.

Itulah cara simpel untuk mengecek kesehatan link blog atau website, luangkan waktu sejenak satu atau dua bulan sekali untuk memeriksa kemballi link pada blog atau website Anda. Terima kasih sudah membaca artikel ini semoga bermamfaat.

Cek Link Website error 404

Posted by litelinfo

Cek Link Website error404 - Panduan simpel tentang "Bagaimana cara mengecek broken link pada situs blog atau website Anda" dengan mudah. Apakah broken link pada blog atau website kita bermasalah? 

Menurunnya peringkat SEO

salah satu penyebabnya adalah pada broken link situs atau website itu sendiri. tentu kita tidak akan membiarkan hal itu terjadi, jika dibiarkan begitu saja karena link tersebut mati akan berdampak terhadap buruknya pengalaman pengguna (user experience) yang juga berpengaruh terhadap tingkat engagement vistor Anda.

Cek Link Website error404

Menghapus broken link di blog atau website tidaklah terlalu sulit, Anda cukup mencari dengan tools online yang bertebaran di dunia maya secara gratis. Salah satu contoh kita gunakan tools internet online pada website online broken link checker "brokenlinkcheck.com", cukup simpel cara penggunaannya :

1. Masuk ke situs brokenlinkcheck.com

2. Setelah masuk ke situs brokenlinkcheck.com, masukan captcha/security code dan pilih antara 2 opsi :

- Report distinct link only, atau

- Report all occurences of each dead link (mayy be slower)

*) saran, gunakan opsi yang kedua meskipun lebih lambat namun report broken link akan kita ketahui lebih banyak.

3. Setelah itu klik "Find broken links now"

Tunggu sebentar maka dapat diketahui link-link mana yang mati dalam blog atau website yang kita kelola.

Pada kolom Page where found Anda bisa melihat link url yang tidak berfungsi, pada halaman mana terdapat broken link tersebut berada di blog atau website kita. Selanjutnya setelah kita ketahui posisi link yang tidak berfungsi atau mati tinggal kita hapus atau di ganti dengan url yang baru.

Itulah cara simpel untuk mengecek kesehatan link blog atau website, luangkan waktu sejenak satu atau dua bulan sekali untuk memeriksa kemballi link pada blog atau website Anda. Terima kasih sudah membaca artikel ini semoga bermamfaat.

Cara Kilat Breadcrumb Terindeks Google

Cara Kilat Breadcrumb Terindeks Google - Kali ini kita akan membahas cara membuat breadcrumnb segera terindeks google, bahkan blog tak berpagerank alias N/A pun bisa langsung merasakan kedasyatan trik ini.  

Breadcrumb navigasi adalah komponen cukup penting yang harus ada di blog. Menurut kabar, breadcrumb navigasi akan di indeks search engine terutama pada blog yang minimal ber pagerank 3, teori ini tersebut memang tak sepenuhnya salah dan memang benar adanya, karna memang "dulu" breadcrumb navigasi yang di indeks google hanya akan sobat dapati pada blog berpagerank 3 ke atas, berbeda sekali dengan sekarang.. 

Setelah google , yahoo, dan bing terintegrasi dengan schema.org dan data-vocabulary.org ( terutama dalam mengenali snippet ), bahkan blog dengan pagerank 0 pun bisa langsung di indeks breadcrumbnya. Nah.. dengan penjelasan di atas, maka timbul 2 pertanyaan :

1. Apa yang sebenarnya di indeks google dari breadcrumb navigasi?

Jawaban : yang di indeks dari breadcrumb navigasi adalah label atau kategori sebuah artikel, karna itu saran saya untuk mengoptimasi bagian ini.

2. Bagaimana cara agar breadcrumb langsung terindeks di google? 

jawabannya : simak cara dibawah 

Cara Kilat Breadcrumb Terindeks Google

1. Login ke akun blogger sobat

2. Klik Rancangan --> Edit HTML

3. Silahkn sobat back up ( download template lengkap ) unutk mencegah kalau - kalau terjadi eror

4. Centang kotak kecil di samping tulisan Expand template widget

5. Bagi yang belum pernah memasang navigasi breadcrumb silahkan cari kode berikut. ( gunakanCTRL + F untuk kemudahan pencarian kode )

<div class='post hentry'>

atau kode

<div class='post hentry uncustomized-post-template'>

6. Letakkan kode di bawah ini tepat setelah kode tadi

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> <span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"> <a expr:href='data:blog.homepageUrl' itemprop="url"><span itemprop="title">Home</span></a> &gt; </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' itemprop="url"><span itemprop="title"><data:label.name/></span></a> <b:if cond='data:label.isLast != &quot;true&quot;'> &gt; </b:if> </b:loop> </b:if> &gt; </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title"><data:post.title/> </span></span></div> </b:if></b:if>

Sehinnga hasilnya akan seperti ini

<div class='post hentry'>

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> <span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"> <a expr:href='data:blog.homepageUrl' itemprop="url"><span itemprop="title">Home</span></a> &gt; </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' itemprop="url"><span itemprop="title"><data:label.name/></span></a> <b:if cond='data:label.isLast != &quot;true&quot;'> &gt; </b:if> </b:loop> </b:if> &gt; </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title"><data:post.title/> </span></span></div> </b:if></b:if>

7. Kemudian letakkan kode berikut di atas kode ]]></b:skin>

.breadcrumbs{padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px;font-size:95%;line-height:1.4em;

border-bottom:2px double #cadaef;

}

8. Klik save dan lihat hasilnya.. 

Sekilas tentang Cara Kilat Breadcrumb Terindeks Google semoga bermanfaat

Cara Kilat Breadcrumb Terindeks Google

Posted by litelinfo

Cara Kilat Breadcrumb Terindeks Google - Kali ini kita akan membahas cara membuat breadcrumnb segera terindeks google, bahkan blog tak berpagerank alias N/A pun bisa langsung merasakan kedasyatan trik ini.  

Breadcrumb navigasi adalah komponen cukup penting yang harus ada di blog. Menurut kabar, breadcrumb navigasi akan di indeks search engine terutama pada blog yang minimal ber pagerank 3, teori ini tersebut memang tak sepenuhnya salah dan memang benar adanya, karna memang "dulu" breadcrumb navigasi yang di indeks google hanya akan sobat dapati pada blog berpagerank 3 ke atas, berbeda sekali dengan sekarang.. 

Setelah google , yahoo, dan bing terintegrasi dengan schema.org dan data-vocabulary.org ( terutama dalam mengenali snippet ), bahkan blog dengan pagerank 0 pun bisa langsung di indeks breadcrumbnya. Nah.. dengan penjelasan di atas, maka timbul 2 pertanyaan :

1. Apa yang sebenarnya di indeks google dari breadcrumb navigasi?

Jawaban : yang di indeks dari breadcrumb navigasi adalah label atau kategori sebuah artikel, karna itu saran saya untuk mengoptimasi bagian ini.

2. Bagaimana cara agar breadcrumb langsung terindeks di google? 

jawabannya : simak cara dibawah 

Cara Kilat Breadcrumb Terindeks Google

1. Login ke akun blogger sobat

2. Klik Rancangan --> Edit HTML

3. Silahkn sobat back up ( download template lengkap ) unutk mencegah kalau - kalau terjadi eror

4. Centang kotak kecil di samping tulisan Expand template widget

5. Bagi yang belum pernah memasang navigasi breadcrumb silahkan cari kode berikut. ( gunakanCTRL + F untuk kemudahan pencarian kode )

<div class='post hentry'>

atau kode

<div class='post hentry uncustomized-post-template'>

6. Letakkan kode di bawah ini tepat setelah kode tadi

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> <span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"> <a expr:href='data:blog.homepageUrl' itemprop="url"><span itemprop="title">Home</span></a> &gt; </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' itemprop="url"><span itemprop="title"><data:label.name/></span></a> <b:if cond='data:label.isLast != &quot;true&quot;'> &gt; </b:if> </b:loop> </b:if> &gt; </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title"><data:post.title/> </span></span></div> </b:if></b:if>

Sehinnga hasilnya akan seperti ini

<div class='post hentry'>

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> <span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"> <a expr:href='data:blog.homepageUrl' itemprop="url"><span itemprop="title">Home</span></a> &gt; </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' itemprop="url"><span itemprop="title"><data:label.name/></span></a> <b:if cond='data:label.isLast != &quot;true&quot;'> &gt; </b:if> </b:loop> </b:if> &gt; </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title"><data:post.title/> </span></span></div> </b:if></b:if>

7. Kemudian letakkan kode berikut di atas kode ]]></b:skin>

.breadcrumbs{padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px;font-size:95%;line-height:1.4em;

border-bottom:2px double #cadaef;

}

8. Klik save dan lihat hasilnya.. 

Sekilas tentang Cara Kilat Breadcrumb Terindeks Google semoga bermanfaat

Cara Membuat Auto Readmore Super Fast Loading dan Responsive SEO

Disebut super fast loading (ringan, tampil lebih cepat) karena tidak menggunakan Javascript alias murni CSS & HTML), Disebut SEO Friendly karena ada tambahan kode khusus untuk deskripsi gambar thumbnail (alternative/alt text). Berikut ini Cara Membuat Auto Readmore Fast Loading untuk Blogger yang otomatis menjadikan tampilan halaman depan blog berupa ringkasan posting.

1. EDIT TEMPLATE

Klik "Template" > "Edit HTML"

2. SIMPAN KODE
Simpan sebaris kode css gambar thumbnail berikut ini di atas kode ]]></b:skin>.thumbnail-post {width:150px; height:100px; float:left; margin:0px 10px 0px 0px;}

Catatan:

Anda bisa mengubah angka 150 dan 100. Itu ukuran gambar, lebar dan tinggi. 

3. GANTI KODE
Cari (Ctrl+F) dan ganti kode <data:post.body/> yang kedua dengan kode auto readmore seo fiendly dan fast loading berikut ini.

Kode ini yang meringkas tampilan posting di halaman depan sehingga tidak tampil penuh:<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:post.firstImageUrl'>

      <a expr:href='data:post.url'><img class='thumbnail-post' expr:alt='data:post.title'expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></a>

    <b:else/>

      <a expr:href='data:post.url'><img class='thumbnail-post' expr:alt='data:post.title' expr:title='data:post.title' src='http://1.bp.blogspot.com/-XeZs003zT-4/UwM1mfc9l3I/AAAAAAAAAlw/TNTcFCMPH4A/s1600/no-image-thumbnail.jpg'/></a>

    </b:if>

<div class='post-snippet'>

<data:post.snippet/>
</div>
<a class='button' expr:href='data:post.url'>Read More</a></b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
</b:if>

Catatan:

Untuk menghapus atau menghilangkan teks "Read More", hapus kode:

 <a class='button' expr:href='data:post.url'>Read More</a>

4. Save!

Cara Membuat Auto Readmore Super Fast Loading dan Responsive SEO

Posted by litelinfo

Disebut super fast loading (ringan, tampil lebih cepat) karena tidak menggunakan Javascript alias murni CSS & HTML), Disebut SEO Friendly karena ada tambahan kode khusus untuk deskripsi gambar thumbnail (alternative/alt text). Berikut ini Cara Membuat Auto Readmore Fast Loading untuk Blogger yang otomatis menjadikan tampilan halaman depan blog berupa ringkasan posting.

1. EDIT TEMPLATE

Klik "Template" > "Edit HTML"

2. SIMPAN KODE
Simpan sebaris kode css gambar thumbnail berikut ini di atas kode ]]></b:skin>.thumbnail-post {width:150px; height:100px; float:left; margin:0px 10px 0px 0px;}

Catatan:

Anda bisa mengubah angka 150 dan 100. Itu ukuran gambar, lebar dan tinggi. 

3. GANTI KODE
Cari (Ctrl+F) dan ganti kode <data:post.body/> yang kedua dengan kode auto readmore seo fiendly dan fast loading berikut ini.

Kode ini yang meringkas tampilan posting di halaman depan sehingga tidak tampil penuh:<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:post.firstImageUrl'>

      <a expr:href='data:post.url'><img class='thumbnail-post' expr:alt='data:post.title'expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></a>

    <b:else/>

      <a expr:href='data:post.url'><img class='thumbnail-post' expr:alt='data:post.title' expr:title='data:post.title' src='http://1.bp.blogspot.com/-XeZs003zT-4/UwM1mfc9l3I/AAAAAAAAAlw/TNTcFCMPH4A/s1600/no-image-thumbnail.jpg'/></a>

    </b:if>

<div class='post-snippet'>

<data:post.snippet/>
</div>
<a class='button' expr:href='data:post.url'>Read More</a></b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
</b:if>

Catatan:

Untuk menghapus atau menghilangkan teks "Read More", hapus kode:

 <a class='button' expr:href='data:post.url'>Read More</a>

4. Save!