Cara Melihat Semua URL/Link yang Mati di Blog Sendiri

Cara melihat URL/Link yang mati di blog kata bagi pemula pasti merasa bingung kerena di webmaster tools hanya terdeteksi URL-nya yang mati saja dan tidak mengarahkan dimana letak kesalahan URL tersebut.

Ini mungkin menjadi pertanyaan Anda saat mencari titik kesalahan URL yang terdeteksi di webmaster tools atau yang disebut "kesalahan perayapan" disitu Anda bisa melihat beberapa URL yang terdeteksi error gagal merayapi laman blog Anda.

Kerena URL yang error pasti tidak mengarah ke laman yang telah Anda tuju bisa juga kerena postingan dihapus atau domain yang sudah expired.

Mengapa URL/Link bisa mati atau broken link/ error 404 not found? Jika anda belum sepenuhnya paham, maka sulit untuk di jelaskan. Tetapi tidak usah kawatir kerena di blog ini, admin sedikit memahami penyebab link yang mati (broken link). Berikut ini salah satu penyebab yang paling umum URL/Link mati pada blog kita:

• Link Postingan. Biasanya ada kesalahan saat Anda memasukan link/url pada postingan sebelumnya yang mengarah ke artikel lain salah/mati.
• Komentar. Bisa saja ada orang lain komentar pada blog Anda lalu link/url yang disisipkan mati (broken link)
• Penghapusan Artikel. Salah satu penyebab yang sering saya alami, menghapus artikel tanpa menghapus di Webmaster Tools bisa saja menyebabkan link error (broken link).
• Link Perujuk Mati. Link yang mengarah ke situs lain, misalnya link download, link ke sosial media, link ke halaman dan lain sebagainya.

Itulah benyebab url/link mati (broken link) jika Anda tidak segera memperbaiki, maka tingkat SEO pada blog Anda akan menurun. Menurunkan SERP di mesin pencari dan memiliki dampak negatif pada peringkat situs web Anda di Search Engine besar seperti Google, Yahoo, Bing, yandex dan lain sebagainya. Sebagaian besar juga merugikan pembaca blog Anda.

Selain berdampak pada SEO (search engine optimization) juga berdampak negatif pada blog Anda. Misalnya mendaftarkan blog Anda ke GA (Google Adsense) jadi jangan salah jika blog Anda ditolak Google, ini juga menjadi salah satu kriteria penolakan GA kerena adanya link mati/broken link.

Jadi intinya sangat penting sekali untuk memperbaiki link mati pada blog kita. Entah bagaimanapun caranya memperbaiki, bisa juga dengan cara menghapus atau menggantikan URL yang mati dengan yang baru.

Maka dari itu kita harus bertindak dengan serius untuk mengatasi link mati. Kita harus mengambil tindakan dengan cara menggunakan tools online khusus pengecekan link mati. Pengecekan link ini harus rutin paling tidak satu bulan sekali.


Cara melihat URL mati pada blog

Internet saat ini sudah menyediakan banyak sekali tools canggih yang bisa digunakan untuk keperluan masing-masing kesalahan. Anda bisa mengunakan tools dibawah ini :

• Brokenlinkcheck.com
• Siteliner.com

Di postingan ini saya akan menggunakan tools online Brokenlinkcheck yang bisa Anda tiru di rumah nanti dan ini Grati.

Kelebihan Brokenlinkcheck:

• Memeriksa situs web dan blog Anda untuk URL yang rusak/mati.
• Dapat memindai halaman web blog dalam jumlah tak terbatas.
• Memvalidasi URL internal dan eksternal.
• Menampilkan lokasi tautan bermasalah dalam HTML Anda.
• Kode kesalahan laporan (404 dll) untuk semua URL rusak.

1. Langkah pertama kita harus menyiapkan URL blog kita yang mau di cek, (contoh : www.maslogow.xyz)

2. Selajutnya kita harus membuka tools Brokenlinkcheck lewat browser chrome, caranya Anda bisa klik tautan ini www.brokenlinkcheck.com.

3. Masukukan URL blog yang sudah Anda siapkan tadi dan masukkan di bawah ini (misalnya www.maslogow.xyz) klik Find broken links.

4. Selajutnya akan terlihat seperti gambar di bawah ini :

Pada nomor 1. Enter your URL (e.g. www.example.com) - by doing so you agree to these. Masukkan URL Anda (misalnya www.example.com) - dengan demikian Anda telah menyetujui persyaratan ini.

Pada nomor 2. Security code (kode keamanan) masukkan Kode keamanaan yang telah tertulis di samping kanan itu. Jika anda menginginkan kode baru silahkan, Generate new code.
5. Setelah semua persyaratan selesai, selajutnya teliti terlebih dahulu, silahkan simak gambar di bawah ini :

Pastikan anda sudah memasukkan kode keamanan (Security code). Seperti contoh di atas saya menulis 5sk8c.

Report distinct broken links only (Laporkan hanya tautan yang rusak saja)
Report all occurrences of each dead link (may be slower) (munculkan setiap tautan/link yang mati).
Silahkan pilih sesuai keinginan Anda, di sini saya menyarankan pilih Report all occurrences of each dead link (may be slower).
6. Silahkan klik Find broken links now!. Maka akan tampil semua URL yang mati tadi, silahkan chek sendiri dengan cara klik tautan yang sudah terbaca di Broken link Chacker contohnya dibawah ini 404 artinya link tida befungsi/mati.

Gambar 1,2 di atas adalah daftar broken link atau yang disebut link mati error 404 not found di blog blog kita.

Sumber:

Read More

Berkenalan dengan Struktur Dasar Template Blogspot

Mengenal struktur template blog wajib hukumnya jika ingin mengetahui cara mengoptimalkan tampilan. Kecuali Anda tidak ingin ambil pusing mempercantik tampilan blog Anda walau template yang Anda gunakan sekalipun berasal dari pihak ketiga (bukan bawaan blogspot).

Dengan mengetahui struktur dasar blogspot, seorang blogger juga memiliki peluang besar menjadi web designer. Ibarat membangun rumah tanpa mengatahui arah pembangunan, sama saja sia-sia. Mengetahui struktur blog juga sama posisi dengan arsitek.

Tahu struktur juga akan memudahkan kita mengembangkan tampilan layout template. Bagian mana yang ingin kita olah, apa saja yang harus dilakukan dan bagaimana membuatnya.

Walau mengenal struktur belum menjamin kita mahir segalanya, namun setidaknya dengan mengenal struktur akan ada progres pemahaman minimal 10 persen dari seharusnya. Sisanya kita harus belajar dan berkenalan dengan CSS (Cascading style sheet) dan HTML (Hyper Text Markup Language) serta Javascripts. Ini akan kita bahas belakangan.

Sebuah template pada dasarnya memiliki struktur yang sama dimana setiap blog memiliki struktur utama, yakni body, Outer-wrapper, Header, Sidebar, Main wrapper atau post dan terakhir Footer.

Penjelasan: 

Body:

block paling lebar, body ini yang menampung seluruh konten dari blog atau website.

Outer-wrapper:

kotak ini melapisi bagian template (Body lebih mirip bagian luar template), jadi kebanyakan pada umumnya outer wrapper ini sebagai wadah header, sidebar, main-wrapper dan juga footer.

Header:

Kotak ini adalah bagian teratas dari blog mungkin dari namanya sudah bisa kita tebak dari sebuah header ini. Biasanya header ditempati oleh judul-deskripsi blog, logo, dan juga kebanyakan dibawahnya ditempai oleh Navigasi Menu.

Sidebar:

Block ini digunakan sebagai wadah widget blog atau aksesoris misalnya About me, Link list, gambar slide, dan juga widget-widget lainnya

Main:

Main-wrapper yaitu sebuah block atau kolom dalam yang paling lebar, dalam block ini juga masih menampung seperti Judul Post, Post konten, kotak komentar dan juga keterangan lainnya mengenai artikel atau posting blog.

Footer:

Adalah kotak paling bawah dari sebuah template. Seperti bagian header namun terletak dibagian bawah biasanya footer ini ditempati sebuah tautan dan juga teks keterangan hak cipta.

Namun di HTML5 yang saat ini berkembang, beberapa istilah diganti, misal main wrapper tidak akan ditemukan lagi dalam HTML biasa, posisinya dihapus tergantung posisi. Misal pos, diganti dengan kata Section dan Article, serta Skin berubah menjadi style. Ini akan kita bahas dipembahasan HTML.

Struktur paling mendasar yang harus dipahami oleh seorang blogger adalah header, navigation, sidebar, section/post dan footer. Bisa dilihat pada bagan dibawah ini.

Dalam penulisan scriptnya, posisinya seperti dibawah ini.

<body>

    <header>...</header>

    <nav>...</nav> 

    <article>

    <section>

    ...    

    </section>

    </article>

    <aside>...</aside>

    <footer>...</footer>

</body>

Namun pada umumnya, blogspot menggunakan silsilah seperti ini:

<html> <--- tag pembuka untuk html

<head> <--- tag pembuka untuk head

(****Posisi CSS atau juga Javascript****)

</head> <--- tag penutup untuk head

<body> <--- tag pembuka untuk body

(****Disini tempat yang akan ditampilkan yaitu HTML dan juga bisa Javascript****)

</body> <--- tag penutup untuk body

</html> <--- tag penutup untuk html

Penjelasan:

HTML : <html> </html>

Sebuah template Blog/Website selalu diawali dengan tag pembuka <html> dan harus diakhiri tag penutup </html>

Diantara tag inilah tag-tag atau struktur lainnya diletakkan yang akan menciptakan sebuah tampilan blog/website.

Head : <head> </head>

Tepat setelah <head> biasanya diletakkan kode tag pengenal mulai dari tag title/judul, deskripsi, keywords dan tag-tag pengenal lainnya.

Diantara kode ini harus diletakkan sebuah kode CSS yang akan menampilkan sebuah tampilan model atau karakter dari template itu sendiri.

Sebelum kode tag penutup </head> biasanya ditambahkan sebuah kode Javascript untuk sekedar menambahkan fitur-fitur menggunakan kode Javascript. 

Body : <body> </body>

Tag body merupakan yang paling utama pada sebuah template Blog/Website karena ini akan menampung dan menampilkan semua konten blog/website itu sendiri.

Pada bagian tag ini masih terbagi dalam 4 struktur penting lagi yaitu Header, Sidebar, Content dan juga Footer, di atas sudah saya jelaskan tentang struktur ini.Penjabaran struktur diatas selanjutnya akan kita bahas satu persatu, mulai dari header hingga footer bersama dengan elemen-elemennya. Kami berusaha memberikan pemahaman agar tidak membingunkan. Setidaknya, struktur utamnya telah kita ketahui.

Sumber:

Read More

Cara Membuat/Menambah Widget Kotak Subscribe di Blog

Membahas mengenai Subscirbe di blog, maka kita tidak akan terlepas dengan yang namanya Feedburner, Dengan Feedburner pengunjung akan dengan mudah mengikuti aktivitas blog anda, terutama dalam notifikasi otomatis konten baru.

Hal ini akan berdampak dengan naiknya traffic. Jadi pengunjung yang mengikuti anda lewat Feedbuner akan mendapatkan kiriman email secara otomatis jika kita posting artikel baru.

Ada 2 cara menambah kotak Subscribe di blog, yang pertama anda bisa menambah langsung dari HTML feed yang sudah di sediakan Blogger, dan yang kedua anda bisa memasang manual dengan menambah Script yang saya akan lampirkan di bawah.

Jika anda berminat untuk Membuat Widget Subscribe di Blog, silakan ikuti langkah-langkah di bawah ini:

Cara Pertama Menambah Kotak Berlangganan di Blog

Masuk ke akun Blogger anda

Pada menu Dashboard pilih Tata Letak

Klik Add A Gadget

Cari dan pilih layanan Tautan Berlangganan

Beri Judul widget terakir Klik Save

Cara kedua membuat Kotak Subscribe di Blog

Pertama, Login ke akun Blogger anda.

Pada menu Dashboard pilih Template

Klik Edit HTML/JavaScript

Cari Kode ]]></b:skin> (Agar lebih mudah gunakan CTRL + F)

Copy kode di bawah ini dan letakkan tepat di atas ]]></b:skin>

#subscribe-box {background-color:#0CC388;font-family: 'PT Sans', sans-serif;} #subscribe-box p {font-size:22px;color:#fff;line-height:20px;padding:10px 20px 0 20px;margin:0;} #subscribe-box .emailfield {padding:0px 20px 10px;} #subscribe-box .emailfield input {background:#f9f9f9;color:#bbb;padding:10px;margin-top:10px;font-size:13px;width:91%;border:0;transition:all 0.4s ease-in-out;} #subscribe-box .emailfield input:focus {background:#fff;outline:none;color:#888;} #subscribe-box .emailfield .submitbutton {background:#444;color:#fff;text-transform:uppercase;font-weight:700;font-size:18px;font-family: 'PT Sans', sans-serif;;border:none;outline:none;width:100%;cursor:pointer;border-radius:3px;transition:all 0.4s ease-in-out;} #subscribe-box .emailfield .submitbutton:active {outline:none;border:none;background:#fff;color:#e25734;} #subscribe-box .emailfield .submitbutton:hover{background:#fff;color:#444;} .creadit a{color: #A7A6A6; float: right; font-size: 8px

Berikutnya kembali ke menu Dasboard dan pilih Layout/Tata Letak

Klik Add A Gadget

Copy kode di Script di bawah ini dan Save

<div id="subscribe-box"> <center> Subscribe for our all latest news and updates</center> <div class="emailfield"> <form action="http://feedburner.google.com/fb/a/mailverify?uri=USER-NAME" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=USER-NAME, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input name="name" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Your Name&quot;;}" onfocus="if (this.value == &quot;Your Name&quot;) {this.value = &quot;&quot;;}" type="text" value="Your Name" /> <input name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}" onfocus="if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}" type="text" value="Your Email" /> <input name="uri" type="hidden" value="USER-NAME" /> <input name="loc" type="hidden" value="en_US" /> <input class="submitbutton" type="submit" value="Subscribe Now" /> </form> </div> </div>

Keterangan

Silakan ganti USERNAME dan ID Feedburner anda

Jika belum punya akun FeedBurner, silakan lakukan registrasi di sini

Sumber:

Read More

Cara Membuat Subscribe Box Keren di Blogger

Kotak Subscriber menjadi salah satu item pendukung sekaligus pelengkap navigasi pada sebuah situs baik itu blog maupun website.

Kotak subscriber (berlangganan via email) yang terpasang pada sebuah situs memiliki berbagai manfaat positif terhadap perkembangan situs itu sendiri.

Salah satu manfaatnya ialah agar pembaca setia situs tidak ketinggalan update konten atau artikel terbaru pada situs kita.

Saat pembaca setia kita telah melakukan subscribe dengan cara memasukkan alamat email pada form subscribe yang tersedia.

Maka secara otomatis, ketika blog kita telah menerbitkan sebuah konten atau artikel baru, mereka para pembaca setia akan mendapatkan notifikasi khusus berupa pemberitahuan lewat email yang sebelumya telah dimasukkan.

Selain itu ada manfaat lain yang didapatkan jika kita memasang kotak subscriber di blog misalnya pengunjung blog cenderung akan lebih stabil daripada biasanya.

Hal ini dikarenakan pengunjung yang melakukan subscribe adalah merupakan pengunjung lama yang sebelumnya memang pernah berkunjung ke blog kita.

Kotak subscribe berlangganan ini sebenarnya telah didukung dan disediakan oleh developer Blogger sendiri.

Namun kebanyakan orang tidak menyukai desainnya yang terlalu simpel dan sederhana sehingga mereka enggan menggunakan fitur bawaan tersebut.

Mereka lebih memilih untuk membuat kotak subscribe sendiri yang dinilai lebih menarik dibanding kotak subscribe bawaan Blogger.

Selain itu pembuatan kotak subscribe ini cukup mudah untuk dilakukan, bahkan untuk Blogger pemula sekalipun.

Cara Membuat Widget Berlangganan (Subscribe Box) di Blogger

Menarik Untuk AndaLangsung saja, berikut tutorial cara membuat kotak subscriber langganan keren di Blogger

1. Login ke akun Blogger masing-masing.

Klik menu Tema/Template

2. Kemudian klik Edit HTML

3. Cari kode ]]></b:skin> atau kode pembungkus </style>

4. Lalu tempelkan kode berikut ini tepat diatasnya ]]></b:skin> atau </style>.

/* Subscribe Box */ #subscribe-css{position:relative;padding:20px 0;background:#292929;overflow:hidden;border-top:4px solid #eee;font-family:"Poppins", Arial, sans-serif;} .subscribe-wrapper{color:#fff;font-size:16px;line-height:normal;margin:0;text-align:center;text-transform:none;font-weight:400;width:100%} .subscribe-form{clear:both;display:block;overflow:hidden} form.subscribe-form{clear:both;display:block;margin:0;width:auto;overflow:hidden} .subscribe-css-email-field{background:#fff;color:#ccc;margin:10px 0;padding:15px 20px;width:35%;border:none;border-radius:4px;font-family:"Poppins", Arial, sans-serif;} .subscribe-css-email-button{background:#3cc091;color:#fff;cursor:pointer;font-weight:700;padding:14px 30px;margin-left:15px;text-transform:none;font-size:16px;border:0;border-radius:4px;transition:all .6s} .subscribe-css-email-button:hover{background:#37b185;} #subscribe-css p.subscribe-note{margin:16px;text-align:center;color:rgba(255,255,255,.6);font-size:180%;font-weight:400;line-height:normal;} #subscribe-css p.subscribe-note span {position:relative;overflow:hidden;font-weight:700;transition:all .5s} #subscribe-css p.subscribe-note span.itatu {font-weight:400;font-style:italic;color:rgba(255,255,255,.6);text-transform:lowercase} #subscribe-css p.subscribe-note span.itatu:before,#subscribe-css p.subscribe-note span.itatu:after{display:none} #subscribe-css p.subscribe-note span:before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:3px;margin:10px 0 0;background:rgba(255,255,255,.1);transition:all .5s} #subscribe-css:hover p.subscribe-note span:before{width:100%;}

5. Selanjutnya tambahkan juga markup berikut ini.

<p class='subscribe-note'><span>SUBSCRIBE</span> <span class='itatu'>TO</span> OUR NEWSLETTER</p> <div class='subscribe-wrapper'> <div class='subscribe-form'> <form action='http://feedburner.google.com/fb/a/mailverify?uri=droidideblog' class='subscribe-form' method='post' onsubmit='window.open (&apos;http://feedburner.google.com/fb/a/mailverify?uri=droidideblog&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'> <input name='uri' type='hidden' value=' droidideblog'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='Enter your Email'/><input class='subscribe-css-email-button' title='' type='submit' value='submit'/></form> </div> </div> </div>                               

6. Letakkan kode markup diantara tag pembungkus <body>kode markup</body>.

Catatan: Silakan ganti nama ID Droidideblog sesuai dengan kode ID feedburner kalian.

7. Kemudian Simpan Tema dan selesai.

Sumber:

Read More

10 Plugin Wajib WordPress agar tampil di Google paling Atas

WordPress merupakan salah satu CMS terbaik yang paling banyak digunakan saat ini. Hal ini bukan tanpa alasan. WordPress sangat user friendly dan cocok bagi blogger pemula karena menyediakan jutaan theme dan plugin. Menurut venturebeat.com, saat ini hampir 30% lebih website yang ada di internet merupakan web yang berbasis wordpress. Jadi, ketika kita mencari informasi di internet, kemungkinan, website yang muncul di google paling atas itu berbasis wordpress. Belum lagi website yang tampil paling atas di search engine lain seperti bing, yahoo, yandex dan sebagainya.

WordPress merupakan salah satu CMS terbaik saat ini

Untuk tampil di search engine paling atas, tentu harus dilakukan optimasi web yang maksimal. Biasanya para webmaster melakukan Search engine optimization (SEO) agar blog tampil di google paling atas. Salah satu SEO wordpress yang wajib dilakukan yaitu dengan menggunakan Plugin SEO Terbaik. Dengan begitu, Anda dapat mendapatkan pengunjung organik dari mesin pencari seperti google, bing, yahoo, yandex dan sebagainya.

Berikut adalah 7 Plugin Wajib WordPress agar tampil di Google paling Atas

1. Yoast SEO

Siapa yang tidak kenal dengan plugin SEO Terbaik ini?. Yoast SEO merupakan plugin SEO wordpress terbaik dan paling banyak digunakan saat ini. Hal ini terbukti dengan jumlah install dan rating yang tinggi.

Dengan plugin ini Anda dapat mengatur SEO dasar menggunakan setup wizard yang telah disediakan. Selain itu, plugin ini memiliki fitur saran terbaik agar Anda dapat mengimplementasikan keyword, deskripsi, tag dan sebagainya. Dengan begitu, artikel yang Anda buat akan lebih SEO friendly.

2. All in One SEO Pack

Plugin ini merupakan alternatif terbaik dari yoast SEO. Sama seperti yoast, plugin ini juga memiliki pengguna yang banyak, hampir 3 juta lebih pengguna aktif. Plugin ini sangat cocok bagi Anda yang menyukai pengaturan yang simple dan mudah. Kelebihan plugin ini yaitu Anda dapat dengan mudah memasukan kode Google Analytics, membuat sitemap xml, dan optimasi judul, keyword, meta tak seperti pada yoast SEO.

3. WP Super Cache

Ingin loading website Anda cepat? Mungkin plugin inilah solusinya. Dengan plugin ini Anda dapat membuat file-file html Anda statis pada server sehingga kecepatan loading website Anda lebih cepat dari sebelumnya.

Dengan loading yang cepat tentu peluang bertambahnya pengunjung akan semakin tinggi. Selain itu, cepatnya loading web atau blog juga berpengaruh terhadap SEO.

4. Jetpack

Jetpack merupakan plugin multifungsi yang dapat digunakan untuk mengoptimasi wordpress yang Anda miliki. Plugin ini memiliki puluhan plugin lain didalamnya. Anda dapat meningkatkan fungsi dan optimasi web seperti menambah tombol share, post otomatis ke sosial media seperti facebook, twitter, google+, fitur keamanan, CDN, dan dashboard statistik blog, serta masih banyak lagi fitur berguna lainnya.

5. Akismet

Akismet merupakan plugin wajib yang biasanya sudah terinstal secara bawaan di wordpress Anda. Plugin ini berguna untuk mengatasi dan menangkal spam yang masuk. Hal ini sangat berguna bagi SEO karena SPAM sangat tidak disukai oleh google.

Dengan plugin ini Anda dapat menangkal komentar spammer yang bandel.

6. EWWW Image Optimizer

Jika website Anda memiliki banyak gambar, plugin ini sangat wajib Anda instal. EWWW Image optimizer merupakan plugin terbaik untuk mengompress dan mengoptimasi gambar. Dengan begitu, ukuran gambar yang terdapat pada website akan semakin kecil dan ringan namun tidak menurunkan kualitas gambar. Dengan begitu website Anda lebih SEO Mobile Friendly karena ringan dan cepat ketika di load.

7. Wordfence

Plugin ini merupakan plugin security wordpress terbaik saat ini. Terbukti dengan pengguna lebih dari 2 juta orang dan rating diatas 4.8. Dengan plugin ini website Anda akan lebih aman dari serangan orang jahat yang ingin mengambil alih situs Anda. Dengan begitu, situs Anda akan aman dari virus dan malware sehingga SEO Website Anda maksimal karena dinilai aman oleh mesin pencari.

Sumber:

Read More