Dasar-Dasar SEO: File Dokumentasi Pengaturan SEO Kraken Blogger Template
Selayaknya template blogger premium pada umumnya, SEO Kraken juga memiliki tutorial dan/atau panduan settingnya lho! :)
Ada beberapa kode yang harus anda ubah atau ganti sebagaimana mestinya, sesuai dengan kepemilikan anda pribadi seperti Google Analytics, kode verifikasi mesin pencari, Title Tag SEO, Facebook Debug dan banyak lagi.
Jika ada beberapa kode yang tidak di mengerti, atau belum ngerti, atau belum mendapatkannya, akan saya beri tahu cara mendapatkannya. Slowly, ikuti saja...
Cari kode google-site-verification, atau msvalidate.01, atau yandex-verification, letaknya tepat di bawah kode <head> dengan tampilan kira-kira seperti berikut:
Pada bagian yang saya tandai (warna merah), ubah/ganti dengan kepemilikan anda pribadi. Jika anda belum mendapatkannya, maka gunakan tutorial di bawah ini secara seksama:
Harap ikuti tutorialnya dengan seksama dan hati-hati. Jika salah langkah, blog anda tidak akan terhubung dengan mesin pencari.
OpenID adalah sebuah standar desentralisasi dan terbuka bagi autentifikasi pengguna (user) dan kontrol akses yang memungkinkan pengguna (user) untuk masuk ke dalam berbagai layanan hanya dengan satu identitas digital (ID) yang sama.
Cari kode di bawah ini:
Ganti dengan OpenID milik anda sendiri.
Nah apabila anda belum mengetahui definisi jelasnya, fungsi serta tujuannya dan cara membuat dan/atau memasangnya di blogspot, silakan buka Tutorial Cara Membuat OpenID untuk Blogspot.
Cari kode plus.google.com, kode lengkapnya seperti ini:
Silakan ganti URL di atas dengan URL Google+ milik anda. Penting? Ya, sangat penting dan harus di ubah agar sinkron dengan blog anda, -- sesuai URL admin dari blog tersebut.
Di dalam template, sudah saya tambahkan tag meta keyword untuk target kata kunci yang anda gunakan. Kode lengkapnya seperti ini:
Ganti atau ubah keyword (kata kunci) yang ada dengan kata kunci yang anda targetkan, sesuai dengan topik blog.
Pada faktanya, tag meta keyword telah dinonaktifkan oleh Google untuk memperhitungkan dan menilai kualitas sebuah situs.
Tapi, bagaimana dengan Bing dan Yandex?
Kedua situs ini masih menggunakan tag meta keyword untuk memperhitungkan dan memperingkatkan sebuah situs pada hasil penelusuran mesin pencari mereka.
Sedikit informasi, utamakan dan/atau gunakan kata kunci yang terdiri dari satu kata dulu, baru diikuti dengan kata yang terdiri 2 kata, 3 kata, 4 kata dan seterusnya.
Di atas adalah contoh cara memasang meta tag keyword yang benar dan tepat sebagaimana mestinya, -- sesuai anjuran para webmaster luar negeri :)
Di dalam template blog, ada nama saya di bagian author. Silakan ubah/ganti dengan nama Google+ atau nama admin dari blog tersebut.
Ubah/ganti dengan nama anda. Selain itu, apabila anda menemukan nama saya, Arief Ghozaly di tempat lain; ubah juga dengan nama anda.
Title Tag SEO adalah salah satu faktor inti dan penting banget di dalam template, dan Title Tag SEO inilah yang mempengaruhi ranking artikel dan blog anda di SERPs.
Title Tag SEO yang dimaksud adalah seperti di atas. Hapus dan ganti dengan Title Tag sesuai dengan topik blog. Contohnya, blog anda tentang makanan, maka gunakan cara kurang lebih seperti di bawah ini:
Atau bisa juga dengan penerapan seperti di bawah ini:
Oh iya! Title Tag ini sudah dikembangkan sedemikian rupa, sesuai dengan pedoman Google.
Title Tag SEO yang terpasang di SEO Kraken Blogger Theme sudah dinamis alias SEO Friendly 100%.
Pada dasarnya, Title Tag adalah deskripsi blog singkat anda. Title Tag akan tampil di Google, bersebelahan dengan nama blog anda.
Singkatnya, Title Tag adalah pengenalan jati diri blog anda secara singkat, padat dan jelas, -- pemberitahuan blog anda tentang apa.
Cari kode Open Graph Facebook seperti di bawah ini:
Jika anda bingung, atau tidak tahu fungsi serta kegunaannya, maka cek artikel Tutorial Cara Membuat dan Mendapatkan Open Graph Facebook.
Ubah URL logo blog di bawah ini dengan URL logo blog punya anda (URL gambar ada 2 buah):
Jika anda tidak punya, dan mau menggantinya, silakan gunakan (ganti) dengan URL gambar di bawah ini:
URL di atas adalah URL gambar yang bisa anda gunakan. Faktanya, URL gambar di atas gratis dan bisa digunakan secara umum.
Selain itu, ubah deskripsi Open Graph Facebook yang sudah ada seperti di bawah ini:
Silakan ganti (ubah) dengan deskripsi blog anda; saran dari saya, maksimalkan dengan 500 karakter/huruf (bukan 150 karakter).
Selain Facebook, Twitter pun juga punya Open Graph. Cari dan ubah Creator dan Site Twitter di bawah ini:
Ubah juga URL logo blog ini dengan URL blog anda; atau gunakan URL gambar yang saya sarankan pada tutorial no. 7 di atas:
Sangat mudah, kan?
Navigasi Menu pada SEO Kraken blogger theme termasuk User Friendly karena bisa di buka-tutup, -- dengan dukungan Toggle Script.
Ubah semua tagar (hashtag) diatas dengan label atau kategori dari blog anda; contohnya seperti ini:
Atau, kalau labelnya terdiri 2 kata, pisahkan dengan kode %20 sebagai pengganti spasi (space), contohnya:
Sangat praktis, kan?
Template blogger yang bersahabat dengan Google adalah template yang sudah dikaitkan dengan berbagai produk milik Google, contohnya Google+ (No. 3) dan Google Analytics.
Jika anda tidak punya, silakan baca dan gunakan Tutorial Cara Membuat dan Mendapatkan Tracking Code Google Analytics untuk Blogspot.
Static Page atau halaman statis terdiri dari halaman Tentang Saya, Kontak, Daftar Isi dan Disclaimer.
Silakan cari kode di bawah ini:
Silakan sesuaikan dengan URL static page dan nama URL nya, -- sesuai dengan kepemilikan anda.
Template blogger SEO Kraken sudah mendukung fitur Responsive untuk video YouTube. Gunakan kode di bawah ini di dalam artikel/postingan blog pada mode HTML (bukan Compose).
Ganti ID-YouTube di atas dengan ID/URL dari video YouTube yang ingin anda sematkan di dalam artikel.
Template blogger SEO Kraken pada versi sebelumnya TIDAK dipasangkan JavaScript guna mendukung video YouTube agar Responsive.
Jika belum ada, pasang JavaScript di bawah ini, letaknya di atas kode </body> atau <!--</body>--></body>
Thanks to Arlina Design! :)
Jika anda ingin memasang unit iklan Google AdSense di dalam template blogger, gunakan parse HTML. Sudah pada tahu, kan?
Di dalam template blogger, sudah saya tandakan dengan kode <!-- iklan ... --> dengan kalimat tertentu untuk memudahkan para penggunanya; di mana ditempatkan dan berapa ukuran semestinya.
Jika anda ingin menambahkan kode HTML, CSS dan JavaScript, gunakan atribut kotak di bawah ini:
<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;font-family: "Courier New",Courier,monospace;">
.... kalimat .... atau kode CSS .... kode HTML .... kode JavaScript ....
</div>
Hasilnya akan seperti di bawah ini:
Selalu ingat pada atribut di atas, gunakan tag </div> untuk mengaktifkan atribut kotak tersebut. Cara membuatnya di HTML, bukan Compose artikel.
Jika anda ingin menambahkan URL dari pihak ketiga dalam bentuk alamat/URL dari sebuah situs -- di dalam template blogger, perhatikan!
Silakan cek URL tersebut apakah sudah mendukung HTTPS atau tidak.
Jika tidak, berarti ya tidak apa-apa. Jika sudah di Redirect ke HTTPS, berarti URL yang harus anda sematkan di dalam template harus berawalan alamat HTTPS.
SEO Kraken sepenuhnya sudah mendukung HTTPS secara 100%.
Selain itu, anda juga akan disuguhkan beberapa panduan setting tambahan di dalam File Documentation; dalam bentuk gambar dan Notepad.
Saya juga akan memberikan tambahan informasi mengenai tips dan trik rahasia SEO yang selama ini saya gunakan di dalam File Documentation.
Jika ada hal yang ingin ditanyakan, bertanyalah di kolom komentar di bawah ini. Jika malu bertanya, hadehhh... hubungi saya melalui email. Hahahaa thank youuuu!
Selayaknya template blogger premium pada umumnya, SEO Kraken juga memiliki tutorial dan/atau panduan settingnya lho! :)
Ada beberapa kode yang harus anda ubah atau ganti sebagaimana mestinya, sesuai dengan kepemilikan anda pribadi seperti Google Analytics, kode verifikasi mesin pencari, Title Tag SEO, Facebook Debug dan banyak lagi.
Panduan Setting SEO Kraken Blogger Template
1. Kode verifikasi Search Engine Google, Bing dan Yandex
Cari kode google-site-verification, atau msvalidate.01, atau yandex-verification, letaknya tepat di bawah kode <head> dengan tampilan kira-kira seperti berikut:
<meta content='Kode-verifikasi-mesin-pencari-google' name='google-site-verification'/>
<meta content='Kode-verifikasi-mesin-pencari-bing' name='msvalidate.01'/>
<meta content='Kode-verifikasi-mesin-pencari-yandex' name='yandex-verification'/>
<meta content='Kode-verifikasi-mesin-pencari-bing' name='msvalidate.01'/>
<meta content='Kode-verifikasi-mesin-pencari-yandex' name='yandex-verification'/>
Pada bagian yang saya tandai (warna merah), ubah/ganti dengan kepemilikan anda pribadi. Jika anda belum mendapatkannya, maka gunakan tutorial di bawah ini secara seksama:
- Cara daftar blog ke Google Console (Google Webmaster Tools)
- Cara daftar situs ke mesin pencari Bing
- Cara daftar blog ke search engine Yandex webmaster
Harap ikuti tutorialnya dengan seksama dan hati-hati. Jika salah langkah, blog anda tidak akan terhubung dengan mesin pencari.
2. Kode verifikasi OpenID
OpenID adalah sebuah standar desentralisasi dan terbuka bagi autentifikasi pengguna (user) dan kontrol akses yang memungkinkan pengguna (user) untuk masuk ke dalam berbagai layanan hanya dengan satu identitas digital (ID) yang sama.
Cari kode di bawah ini:
<link href='Disini-Kode' rel='openid2.provider'/>
<link href='Disini-Kode' rel='openid2.local_id'/>
<link href='Disini-Kode' rel='openid2.local_id'/>
Ganti dengan OpenID milik anda sendiri.
Nah apabila anda belum mengetahui definisi jelasnya, fungsi serta tujuannya dan cara membuat dan/atau memasangnya di blogspot, silakan buka Tutorial Cara Membuat OpenID untuk Blogspot.
3. Mengganti (Mengubah) URL Google+
Cari kode plus.google.com, kode lengkapnya seperti ini:
<link href='https://plus.google.com/+AriefGhozaly/posts' rel='publisher'/>
<link href='https://plus.google.com/+AriefGhozaly/about' rel='author'/>
<link href='https://plus.google.com/+AriefGhozaly' rel='me'/>
<link href='https://plus.google.com/+AriefGhozaly/about' rel='author'/>
<link href='https://plus.google.com/+AriefGhozaly' rel='me'/>
Silakan ganti URL di atas dengan URL Google+ milik anda. Penting? Ya, sangat penting dan harus di ubah agar sinkron dengan blog anda, -- sesuai URL admin dari blog tersebut.
4. Keyword (kata kunci) dari Blog
Di dalam template, sudah saya tambahkan tag meta keyword untuk target kata kunci yang anda gunakan. Kode lengkapnya seperti ini:
<meta content='keyword 1, keyword 2, keyword 3, keyword 4, keyword 5, dan seterusnya....' name='keywords'/>
Ganti atau ubah keyword (kata kunci) yang ada dengan kata kunci yang anda targetkan, sesuai dengan topik blog.
Pada faktanya, tag meta keyword telah dinonaktifkan oleh Google untuk memperhitungkan dan menilai kualitas sebuah situs.
Tapi, bagaimana dengan Bing dan Yandex?
Kedua situs ini masih menggunakan tag meta keyword untuk memperhitungkan dan memperingkatkan sebuah situs pada hasil penelusuran mesin pencari mereka.
Sedikit informasi, utamakan dan/atau gunakan kata kunci yang terdiri dari satu kata dulu, baru diikuti dengan kata yang terdiri 2 kata, 3 kata, 4 kata dan seterusnya.
<meta content='SEO, Blog, Tutorial Blog, Tips Blogging, Template Blogger SEO, Cara Membuat Blog Blogspot' name='keywords'/>
Di atas adalah contoh cara memasang meta tag keyword yang benar dan tepat sebagaimana mestinya, -- sesuai anjuran para webmaster luar negeri :)
5. Mengubah Nama Author di Template Blogger
Di dalam template blog, ada nama saya di bagian author. Silakan ubah/ganti dengan nama Google+ atau nama admin dari blog tersebut.
<meta content='Arief Ghozaly' name='Author'/>
Ubah/ganti dengan nama anda. Selain itu, apabila anda menemukan nama saya, Arief Ghozaly di tempat lain; ubah juga dengan nama anda.
6. Mengganti Title Tag SEO
Title Tag SEO adalah salah satu faktor inti dan penting banget di dalam template, dan Title Tag SEO inilah yang mempengaruhi ranking artikel dan blog anda di SERPs.
<title><data:blog.pageTitle/> - Deskripsi Blog Singkat</title>
Title Tag SEO yang dimaksud adalah seperti di atas. Hapus dan ganti dengan Title Tag sesuai dengan topik blog. Contohnya, blog anda tentang makanan, maka gunakan cara kurang lebih seperti di bawah ini:
<title><data:blog.pageTitle/> - Cara Masak, Olah Tumisan, Kangkung Enak Tenan</title>
Atau bisa juga dengan penerapan seperti di bawah ini:
<title><data:blog.pageTitle/> - Panduan Blogger untuk Pemula hingga Menghasilkan Uang</title>
Oh iya! Title Tag ini sudah dikembangkan sedemikian rupa, sesuai dengan pedoman Google.
Title Tag SEO yang terpasang di SEO Kraken Blogger Theme sudah dinamis alias SEO Friendly 100%.
Pada dasarnya, Title Tag adalah deskripsi blog singkat anda. Title Tag akan tampil di Google, bersebelahan dengan nama blog anda.
Singkatnya, Title Tag adalah pengenalan jati diri blog anda secara singkat, padat dan jelas, -- pemberitahuan blog anda tentang apa.
7. Mengganti ID dan App Admin Open Graph Facebook
Cari kode Open Graph Facebook seperti di bawah ini:
<meta content='Disini-Kode' property='fb:app_id'/>
<meta content='Disini-Kode' property='fb:admins'/>
<meta content='Disini-Kode' property='fb:admins'/>
Jika anda bingung, atau tidak tahu fungsi serta kegunaannya, maka cek artikel Tutorial Cara Membuat dan Mendapatkan Open Graph Facebook.
Ubah URL logo blog di bawah ini dengan URL logo blog punya anda (URL gambar ada 2 buah):
<meta content='https://2.bp.blogspot.com/-E-qkGjv4Mcs/WqWQa-x3lEI/AAAAAAAAIfI/acJcUPSZti8xef3J2W0q1O161ldUUeFzACK4BGAYYCw/s1600/seo-kraken.png' property='og:image'/>
Jika anda tidak punya, dan mau menggantinya, silakan gunakan (ganti) dengan URL gambar di bawah ini:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihW5saRkySDaXsIujLnJJ8GlR5bVG2SDgnoX2M38x9aklPc5mNNSUEpe_MqKJTemUppujUhATDX4dY1zlBK3H2UnbcFoUFANIT-zphFJOBl0oU-Put9LFWXlwf-6fQ4SlKhV4e_eT0cbIb/s1600/contoh-iklan-adsense.JPG
URL di atas adalah URL gambar yang bisa anda gunakan. Faktanya, URL gambar di atas gratis dan bisa digunakan secara umum.
Selain itu, ubah deskripsi Open Graph Facebook yang sudah ada seperti di bawah ini:
<meta content='SEO Kraken adalah template blogger SEO High CTR Google AdSense yang bisa anda download secara gratisss... ah masasiiihhh??? berbayar keles hehehe...' property='og:description'/>
Silakan ganti (ubah) dengan deskripsi blog anda; saran dari saya, maksimalkan dengan 500 karakter/huruf (bukan 150 karakter).
8. Mengubah Open Graph Twitter
Selain Facebook, Twitter pun juga punya Open Graph. Cari dan ubah Creator dan Site Twitter di bawah ini:
<meta content='@ariefghozaly' name='twitter:site'/>
<meta content='@ariefghozaly' name='twitter:creator'/>
<meta content='@ariefghozaly' name='twitter:creator'/>
Ubah juga URL logo blog ini dengan URL blog anda; atau gunakan URL gambar yang saya sarankan pada tutorial no. 7 di atas:
<meta content='https://2.bp.blogspot.com/-E-qkGjv4Mcs/WqWQa-x3lEI/AAAAAAAAIfI/acJcUPSZti8xef3J2W0q1O161ldUUeFzACK4BGAYYCw/s1600/seo-kraken.png' name='twitter:image:src'/>
Sangat mudah, kan?
9. Setting Navigasi Menu
Navigasi Menu pada SEO Kraken blogger theme termasuk User Friendly karena bisa di buka-tutup, -- dengan dukungan Toggle Script.
<li><a href='/search/label/#?&max-results=5' itemprop='url'><span itemprop='name'>BLOGGING</span></a></li>
bla... bla... bla... bla...
<li><a href='/search/label/#?&max-results=5' itemprop='url'><span itemprop='name'>PENULIS</span></a></li>
bla... bla... bla... bla...
<li><a href='/search/label/#?&max-results=5' itemprop='url'><span itemprop='name'>PENULIS</span></a></li>
Ubah semua tagar (hashtag) diatas dengan label atau kategori dari blog anda; contohnya seperti ini:
<li><a href='/search/label/Penulis?&max-results=5' itemprop='url'><span itemprop='name'>Penulis</span></a></li>
Atau, kalau labelnya terdiri 2 kata, pisahkan dengan kode %20 sebagai pengganti spasi (space), contohnya:
<li><a href='/search/label/Tulisan%20Lepas?&max-results=5' itemprop='url'><span itemprop='name'>Tulisan Lepas</span></a></li>
Sangat praktis, kan?
10. Pasang Tracking Code Google Analytics
Template blogger yang bersahabat dengan Google adalah template yang sudah dikaitkan dengan berbagai produk milik Google, contohnya Google+ (No. 3) dan Google Analytics.
- Cari kode <b:include data='blog' name='google-analytics'/>
- Tambahkan Tracking Code Google Analytics milik anda, tepat di bawah kode di atas
Jika anda tidak punya, silakan baca dan gunakan Tutorial Cara Membuat dan Mendapatkan Tracking Code Google Analytics untuk Blogspot.
11. Mengedit Halaman Static Page
Static Page atau halaman statis terdiri dari halaman Tentang Saya, Kontak, Daftar Isi dan Disclaimer.
Silakan cari kode di bawah ini:
<div><a href='/p/about.html' itemprop='url'><span itemprop='name'>About</span></a> - <a href='/p/contact.html' itemprop='url'><span itemprop='name'>Contact</span></a> - <a href='/p/disclaimer.html' itemprop='url'><span itemprop='name'>Disclaimer</span></a> - <a href='/p/sitemap.html' itemprop='url'><span itemprop='name'>Sitemap</span></a></div>
Silakan sesuaikan dengan URL static page dan nama URL nya, -- sesuai dengan kepemilikan anda.
12. Video Responsive di Postingan Blog
Template blogger SEO Kraken sudah mendukung fitur Responsive untuk video YouTube. Gunakan kode di bawah ini di dalam artikel/postingan blog pada mode HTML (bukan Compose).
<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/ID-YouTube">
</div>
</div>
</div>
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/ID-YouTube">
</div>
</div>
</div>
Ganti ID-YouTube di atas dengan ID/URL dari video YouTube yang ingin anda sematkan di dalam artikel.
Template blogger SEO Kraken pada versi sebelumnya TIDAK dipasangkan JavaScript guna mendukung video YouTube agar Responsive.
Jika belum ada, pasang JavaScript di bawah ini, letaknya di atas kode </body> atau <!--</body>--></body>
<script type='text/javascript'>
//<![CDATA[
// Youtube Responsive
setTimeout(function(){$(".video-youtube").each(function(){$(this).replaceWith('<iframe class="video-youtube loader" src="'+$(this).data("src")+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>')})},5e3);
//]]>
</script>
//<![CDATA[
// Youtube Responsive
setTimeout(function(){$(".video-youtube").each(function(){$(this).replaceWith('<iframe class="video-youtube loader" src="'+$(this).data("src")+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>')})},5e3);
//]]>
</script>
Thanks to Arlina Design! :)
13. Iklan Google AdSense
Jika anda ingin memasang unit iklan Google AdSense di dalam template blogger, gunakan parse HTML. Sudah pada tahu, kan?
- Tekan tombol CTRL dan F secara bersamaan
- Cari dengan kata kunci iklan di dalam template blogger
- Anda menemukan slot-slot iklan
Di dalam template blogger, sudah saya tandakan dengan kode <!-- iklan ... --> dengan kalimat tertentu untuk memudahkan para penggunanya; di mana ditempatkan dan berapa ukuran semestinya.
14. Kotak HTML, CSS dan JavaScript
Jika anda ingin menambahkan kode HTML, CSS dan JavaScript, gunakan atribut kotak di bawah ini:
<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;font-family: "Courier New",Courier,monospace;">
.... kalimat .... atau kode CSS .... kode HTML .... kode JavaScript ....
</div>
Hasilnya akan seperti di bawah ini:
.... kalimat .... atau kode CSS .... kode HTML .... kode JavaScript ....
Selalu ingat pada atribut di atas, gunakan tag </div> untuk mengaktifkan atribut kotak tersebut. Cara membuatnya di HTML, bukan Compose artikel.
15. Menambahkan URL dari Pihak Ketiga
Jika anda ingin menambahkan URL dari pihak ketiga dalam bentuk alamat/URL dari sebuah situs -- di dalam template blogger, perhatikan!
Silakan cek URL tersebut apakah sudah mendukung HTTPS atau tidak.
Jika tidak, berarti ya tidak apa-apa. Jika sudah di Redirect ke HTTPS, berarti URL yang harus anda sematkan di dalam template harus berawalan alamat HTTPS.
SEO Kraken sepenuhnya sudah mendukung HTTPS secara 100%.
Kesimpulan
Selain itu, anda juga akan disuguhkan beberapa panduan setting tambahan di dalam File Documentation; dalam bentuk gambar dan Notepad.
Saya juga akan memberikan tambahan informasi mengenai tips dan trik rahasia SEO yang selama ini saya gunakan di dalam File Documentation.
Jika ada hal yang ingin ditanyakan, bertanyalah di kolom komentar di bawah ini. Jika malu bertanya, hadehhh... hubungi saya melalui email. Hahahaa thank youuuu!
Labels:
SEO Kraken
Thanks for reading