Home » SEO
Showing posts with label SEO. Show all posts
Showing posts with label SEO. Show all posts

Jan 8, 2018

logoblog

Cara Menambahkan Tag Hreflang di Blog Optimasi SEO

January 08, 2018
Cara Menambah Tag Hreflang di Blog

Cara Menambah Tag Hreflang di Blog - Sebagai seorang blogger kamu tentu harus mengetahui hal yang satu ini. Ketika kamu ingin memudahkan pengunjung melihat halaman blog kamu, maka perhatikan penggunaan tah hreflang.Kebanyakan blogger mengabaikan hal ini, entah karena tidak mengerti fungsinya atau tidak peduli sama sekali.

Optimasi SEO memang penting untuk meningkatkan trafik blog. Namun apakah kamu sudah menerapkan tag yang sedang kita bahas? Setelah sekian optimasi On Page sudah dilakukan ternyata masih ada satu hal yang kebanyakan blogger lupakan yaitu tag hreflang.

Fungsi Tag Hreflang

Pertama-tama kita saya akan sedikt membahas apa itu tag hreflang. Tag tersebut merupakan tag yang berfungsi untuk menyesuaikan bahasa konten blog kepada pengunjung sesuai dengan target bahasa yang ditujukan. Lebih jelasnya tag tersebut berguna agar blog kamu dapat dilihat oleh pengunjung dari negara manapun dengan menyesuaikan bahasa negara tersebut. Mungkin penjelasannya cukup singkat saja, mari kita lanjut ke cara penggunaannya.

Cara Menggunakan Tag Hreflang Di Blog

Setelah mengetahui betapa pentingnya tag hreflang untuk meningkatkan SEO blog, maka saya akan menjelaskan cara penggunaannya di blog. Jika kamu pengguna platform wordpress mungkin sudah disesuaikan oleh developer templatenya. Penulisan tag ini cukup sederhana sehingga mudah untuk diterapkan di blog. Ada beberapa cara penulisan script untuk tag hreflang.

1. Menentukan tag ke bahasa tertentu

 Kamu bisa menentukan bahasa mana yang akan dipilih dengan mengubah pada bagian hreflang='disini'
<link href='http://blogcahti.blogspot.com' hreflang='am-et' rel='alternate'/>
Tag tersebut berfungsi untuk menangkap bahasa Amharik baik itu Ethopia ataupun Eritrea.

Catatan :  Ubah bagian script yang berwarna merah dengan URL blog kamu

2. Menentukan bahasa secara otomatis

Namun jika kamu ingin menggunakan tag hreflang yang menyesuaikan seluruh bahasa di dunia, maka perlu diubah bagian tag hreflang='am-et' menjadi hreflang='x-default' Lebih jelasnya perhatikan script berikut :
<link href='http://blogcahti.blogspot.com'  hreflang='x-default' rel='alternate'/>

3. Menentukan secara dinamis menyesuaikan URL 

Sedangkan jika kamu ingin tag tersebut lebih dinamis dengan menyesuaikan alamat url halaman yang di buka maka gunakan tag di berikut ini :
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
Tag tersebut akan menyesuaikan url seluruh halaman yang ada di blog kamu dengan menggunakan atribut expr:href='data:blog.url'

Langkah meletakkan script

Jika platform blogger masuk ke Tema > Edit html lalu pilih salah satu script tersebut dan letakkan diatas </head> atau dibawah <head> begitupun dengan patfrom lain tinggal menyesuaikan. Berikut contoh penempatan script di blogger
Penggunaan Tag Hreflang

Kesimpulan

Dengan menambahkan optimasi berikut tidak menjamin bahwa trafik blog kamu akan naik drastis. Perlu kita ketahui lagi bahwa masih banyak hal lainnya untuk menaikan trafik pengunjung blog. Namun dengan menerapkan tag ini, blog kamu akan lebih banyak diminati oleh berbagai pengunjung dari seluruh dunia.

Sekian tutorial tentang cara menambahkan tag hreflang di blog yang baik untuk optimasi SEO On Page. Jika ada yang ingin ditanyakan, silahkan berkomentar.

Terimakasih telah mengunjungi blogcahti, semoga bermanfaat.

Aug 3, 2017

logoblog

Cara Mengatasi Error Image Missing Titles dan Descriptions Agar SEO Meningkat

August 03, 2017
Cara Mengatasi Error Image Missing Titles dan Descriptions Agar SEO Meningkat 

Cara Mengatasi Error Image Missing Titles dan Descriptions - Kebiasaan yang sering dilakukan blogger yaitu lupa memberikan judul maupun deskripsi pada gambar. Padahal untuk bersaing di mesin pencari sangat perlu optimasi gambar. Bila kamu mengabaikan hal ini, maka jangan kaget jika blog kamu sepi pengunjung. Akibatnya kamu akan malas ngeblog. Tenang saja, di situs www.chkme.com kamu bisa cek skor SEO blog kamu dan bisa melihat letak error image missing titles dan descriptions.

Kamu bisa lihat error image di blog saya seperti pada gambar berikut :
Error Image Missing Titles dan Descriptions

Lumayan juga kan bisa mengurangi skor SEO blog? Oleh sebab itu saya akan memberikan solusi untuk mengatasi hal tersebut. Pastinya dijamin skor blog kamu bisa naik hingga 100%. Namun perlu diingat bahwa untuk mencapai skor 100%, kita perlu memperhatikan optimasi SEO on page lainnya. Jadi tidak hanya optimasi pada gambar, melainkan seperti pada deskripsi blog, meta keyword, dan lainnya.

Cara Mengatasi Error Image Missing Titles dan Descriptions

Ada beberapa kesalahan yang sering terjadi pada gambar yang tidak memilik deskripsi. Kesalahan tersebut diantaranya ada pada postingan, widget, quickedit, dan lain-lain. Tapi saya akan bahas tiga masalah saja karena itulah yang sering terjadi.

1. Image Missing Titles dan Descriptions pada Postingan

Terkadang kita lupa memberikan deskripsi pada gambar di postingan blog. Mengatasi hal ini sangatlah mudah. Caranya :

1. Edit Postingan
2. Klik gambar yang belum diberikan deskripsi
3. Properties
4. Isikan judul dan deskripsi gambar (seperti gambar dibawah ini)
Image Properties
  
5. Klik OK, lalu simpan/perbarui postingan

2. Image Missing Descriptions pada Quickedit

Quickedit merupakan sebuah ikon berbentuk obeng yang berfungsi untuk memudahkan blogger mengedit blog secara cepat. Biasanya terletak pada widget blog. Ikon tersebut akan otomatis ada ketika kita login ke blogger dan tidak akan terlihat oleh pengunjung lain. Biasanya ini menjadi kendala untuk urusan SEO serta tidak sedikit blogger yang menyukainya. Untuk mengatasi masalah ini, kita hanya perlu menghapus kode quickedit pada template blog kita. Caranya :
1. Edit Tema > Edit HTML
2. Tekan CTRL+F, cari kode berikut :
<b:include name='quickedit'/>
3. Hapus semua kode yang sama seperti diatas
4. Simpan Template

3. Image Missing Descriptions pada Widget

Biasanya ketika kita meletakan kode HTML/Javascript pada widget terutama gambar, maka perlu teliti sebelum menyimpannya. Kebanyakan blogger tidak teliti sehingga menjadi penyebab tidak optimalnya SEO karena lupa memberikan deskripsi gambar. Cara mengatasinya cukup mudah :
1. Tata Letak
2. Sunting widget HTML/Javascript yang dirasa bermasalah. Sebagai contoh perhatikan kode berikut ini : 
<img class="mbw-back-to-top" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJLRMNrDcZV2ILoTewDgs6nyiF2zyVxMDwNzlk7k5cx4Tbug1iE4DUa7xnREwOIoDlnLRtndkMPIKT-sDtLZsKTKtZujrwldy3DwB1FS2G_ra7Ge87cGAveS8zCiK7tGHZEO3kzVdpMhU/s1600/Back-To-Top.png" title="Back to Top"/>
3. Tambahkan kode alt="Deskripsi Gambar" didalam tag html tersebut
4 Sehingga menjadi seperti ini :
<img class="mbw-back-to-top" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJLRMNrDcZV2ILoTewDgs6nyiF2zyVxMDwNzlk7k5cx4Tbug1iE4DUa7xnREwOIoDlnLRtndkMPIKT-sDtLZsKTKtZujrwldy3DwB1FS2G_ra7Ge87cGAveS8zCiK7tGHZEO3kzVdpMhU/s1600/Back-To-Top.png"
 title="Back to Top" alt="Deskripsi Gambar"/>
5. Klik Simpan

Catatan : Ganti tulisan "Deskripsi Gambar" sesuai dengan keinginanmu


Berikut adalah hasil akhir skor SEO blog di www.chkme.com setelah melakukan langkah-langkah diatas :
Error Image Missing Titles dan Descriptions Teratasi

Nah, itulah artikel tentang Cara Mengatasi Error Image Missing Titles dan Descriptions Agar SEO Meningkat dan akhirnya skor SEO pun naik, semoga bermanfaat.

Jul 27, 2017

logoblog

Cara Membuat Breadcrumbs Diatas Judul Postingan Blog yang SEO Friendly

July 27, 2017
Cara Membuat Breadcrumbs (Navigasi diatas judul Postingan) di Blogspot yang SEO Friendly


Cara Membuat Breadcrumb di Blog - Saat kamu mengunjungi sebuah blog, pada bagian atas halaman terdapat navigasi berupa link. Biasanya navigasi tersebut berada tepat diatas judul postingan. Link tersebut menunjukkan lokasi dimana kamu sedang berada pada sebuah halaman blog, itulah yang disebut breadcrumb. 

Breadcrumb menunjukkan posisi kamu ketika mengunjungi suatu artikel, label, atau halaman tertentu. Tujuan membuat breadcrumb yaitu agar memudahkan mesin pencari untuk menemukan blog kita. Selain itu breadcrumbs juga sangat user friendly.

Cara membuat breadcrumbs yang SEO friendly

Oke, ikuti langkah-langkah berikut supaya blog kamu menarik di mata pengunjung dan juga mesin pencari.

1. Login ke blogger
2. Klik Tema > Edit HTML
3. Cari kode <b:includable id='main' var='top'> atau bisa tekan CTRL+F lalu ketikkan kode tersebut kemudian tekan enter
4. Ganti kode diatas dengan kode berikut :
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>

<!-- Breadcrumb Untuk Halaman Pos -->

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span itemprop='title'>Home</span></a></span>
<b:loop values='data:post.labels' var='label'>
&#187; <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;amp;max-results=7&quot;' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> &#187; <span>Without Label</span> / <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>

<!-- Breadcrumb Untuk Label Search dan Search Pages -->

<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> &#187; <span>Archived For <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> &#187; <span>All Post</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> &#187; <span><data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Catatan : Kamu bisa ubah tulisan yang berwarna biru sesuai keinginan kamu. Kode &#187; merupakan spesial karakter. Dapat kamu lihat disini untuk kode-kode spesial karakter lainnya.

5. Copy kode ini dan taruh dibawah <b:skin> atau sebelum </b:skin> :
.breadcrumbs{padding:10px 5px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.breadcrumbs a {color:#999;}
.breadcrumbs a:hover{color:#2471a3 ;text-decoration:underline;}
6. Klik Simpan

Setelah itu kamu bisa cek dengan mengunjungi blog kamu. Jika berhasil maka breadcrumbs akan muncul diatas judul artikel, label, atau halaman lainnya.

May 26, 2017

logoblog

Cara Submit URL Artikel ke Google Webmaster

May 26, 2017
Gambar dari pixabay.com

Cara Submit URL ke Google Agar Cepat Terindex - Siapa sih yang tidak ingin artikelnya langsung terindex di mesin pencari? Saat kamu mempublikasi artikel blog sebenarnya bisa terindex secara otomatis oleh mesin pencari namun memerlukan waktu yang cukup lama. Sedangkan dengan submit url langsung ke webmaster akan membuat artikel langsung terindex dengan hanya beberapa detik. Logikanya jika kamu ingin bersaing di SERP maka artikel yang kamu buat harus cepat terindex oleh robot mesin pencari. Umumnya master SEO selalu rajin submit url ke webmaster agar artikelnya cepat teindex.

(Baca juga : Cara Membuat Breadcrumbs di Blogger SEO Friendly)

Cara Submit URL ke Google 

Cara ini sangat mudah kok, blogger pemula pasti bisa melakukannya. Berikut langkah-langkah submit url.

1. Copy link artikel blog kamu.
2. Masuk ke Google Submit URL.
3. Paste link artikel di kolom yang disediakan dan jangan lupa  isi CAPCTHA dengan benar.
Submit URL ke Search Console

4. Klik "Submit Request".
5. Tunggulah beberapa detik lalu masukkan link artikel kamu di mesin pencari google diawali dengan dork 'site:' sebelum link artikel kamu. Misal seperti ini 'site: http://linkatikelkamu' tanpa tanda petik. Lebih jelasnya coba perhatikan gambar berikut.
Cek URL di Mesin Pencari


Dengan beberapa detik saja artikel kamu sudah terindex di google mudah bukan? Setiap artikel yang telah kamu buat agar cepat terindex maka kamu harus submit dahulu ke webmaster google.

Cukup sekian dulu artikel tentang Cara Submit URL ke Google Agar Cepat Terindex semoga bermanfaat bagi sobat semua.  

Apr 27, 2017

logoblog

Cara Membuat Meta Deskripsi di Blogspot Agar Lebih SEO

April 27, 2017
Cara Membuat Meta Deskripsi Blogger Agar Menarik

Cara Membuat Meta Deskripsi di Blogspot - Seperti yang kita  ketahui bahwa blog adalah rumah bagi pemiliknya. Blog harus terlihat menarik agar tamu bisa betah lama-lama di blog kita. Ketika orang akan mengunjungi blog kita melalui mesin pencari, mereka melihat cuplikan kalimat. Itulah yang namanya deskripsi.

Deskripsi menggambarkan tentang apa yang ada di blog kita dan bertujuan agar pengunjung tertarik untuk melihat atau sekedar mampir ke blog kita. Deskripsi juga merupakan teknik seo yang bertujuan agar mesin pencari dengan mudah dapat merayapi blog kita. Namun ini bukan satu-satu cara yang bisa dilakukan untuk optimasi mesin pencari. Masih banyak tekhnik lain untuk memaksimalkan seo.

Banyak penyedia layanan blog yang memasang fitur deskripsi seperti pada wordpress, blogspot, dll. Deskripsi berisi sepenggal kata atau kalimat yang menunjukkan isi dari sebuah blog. Membuat deskripsi pada blogger mudah kok, tidak harus mengerti kode-kode html atau apapun yang agak memusingkan.

(Baca juga : Cara Membuat Breadcrumbs Diatas Judul Postingan Blog yang SEO Friendly)
 
Sebenarnya deskripsi juga merupakan tag html yaitu <meta> yang berada dalam tag <head>. Bermaksud untuk memberikan arahan kepada mesin pencari bahwa kode tersebut nantinya akan ditampilkan di halaman pencarian.

Cara Membuat Meta Deskripsi

Ada dua jenis deskripsi pada blog, yaitu deskripsi untuk blog itu sendiri dan deskripsi untuk artikel. Lalu apa perbedaannya? Jika deskripsi blog berarti mengacu pada seluruh konten yang ada di blog. Sedangkan deskripsi pada artikel berarti menyangkut tentang isi dari artikel tersebut. Oke, untuk membuat dua deskripsi tersebut ikuti langkah-langkah berikut.

Deskripsi blog

  • Login ke blogger.com
  • pilih menu setelan lalu cari "Preferensi penelusuran"
  • Tepat dibawah informasi judul terdapat deskripsi. Kemudian klik "edit" dan ketikkan deskripsi sesuai dengan isi dari blog kamu.
Deskripsi Blog

Di kolom terlihat bahwa batas karakter yang dapat diinput kurang lebih 150 saja. Jika lebih, google secara otomatis akan memotongnya. Setelah itu klik simpan dan pastikan centang pada pilihan aktifkan deskripsi penelusuranBuatlah deskripi yang singkat dan jelas. Misalnya kamu mempunyai blog tentang kesehatan, maka deskripsi yang tepat adalah "Blog yang menyajikan tentang informasi seputar kesehatan" atau apa saja yang menurut kamu bagus. Intinya sih buat deskripsi dengan kata kunci yang sesuai isi blog kita.

Deskripsi artikel

  • Login ke blogger.com
  • Masuk ke post, klik "New entry" atau kamu bisa juga edit post langsung dengan klik edit pada masing-masing daftar postingan.
  • Pada sebelah kanan ada Setelan entry, klik pada "Deskripsi Penelusuran"


Deskripsi Artikel

Deskripsi pada artikel juga diperlukan agar ketika orang mengetikkan kata kunci di mesin pencari, kemudian artikel kita muncul dengan deskripsi yang sesuai dengan isinya.

Sekian artikel tentang Cara Membuat Meta Deskripsi di Blogspot Agar Lebih SEO semoga bermanfaat.
Subscribe to: Posts (Atom)