Cara Memasang Tag Hreflang di Blog

Tag Hreflang biasa digunakan untuk mencari bahasa yang benar di dalam hasil penelusuran. Tag hreflang ini jarang di ketahui para blogger-blogger pemula, karena fungsinya yang tidak terlalu di perhatikan.

Seberapa pentingkan tag hreflang ini?

Sebenarnya tag hreflang ini tidak terlalu berpengaruh terhadap rangking dari sebuah artikel, tapi tag hreflang akan sangat berguna apabila ada pengunjung dari luar regional atau daerah target blog yang kita miliki di Search Console.

Sehingga pengunjung akan betah berada di blog yang kita miliki, karena bahasanya cocok dengan bahasa di daerah regional mereka.

Contoh skrip dari tag hreflang tersebut.

<link rel="alternate" href="http://www.tutorialumum.com" hreflang="en-us" />

Untuk cara memasang tag hreflang secara default agar menyesuaikan dengan mesin pencari, ikuti langkah-langkah dari saya berikut ini.

Cara Memasang Tag Hreflang di Blog

Cara Memasang Tag Hreflang Secara Default

Silahkan copy skrip kode di bawah ini


<link href='https://tutorialbloggerindo1.blogspot.co.id/en-gb' hreflang='en-gb' rel='alternate'/>

<link href='https://tutorialbloggerindo1.blogspot.co.id/en-us' hreflang='en-us' rel='alternate'/>

<link href='https://tutorialbloggerindo1.blogspot.co.id/en-au' hreflang='en-au' rel='alternate'/>

Catatan : Ganti www.tutorialumum.com dengan URL blog anda
Masuk ke akun blogger anda
Pilih menu Tema, pilih Edit HTML
Kemudian masukan skrip kode yang sudah di copy tadi tepat di bawah kode <head>
Setelah selesai, pilih Simpan tema.

Cara Menambahkan Tag Hreflang pada Templat

copy tadi tepat di bawah kode <head>

Cara Memasang Tag Hreflang dengan Target Indonesia

Silahkan copy skrip tag hreflang di bawah ini

<link rel="alternate" href="https://tutorialbloggerindo1.blogspot.co.id/" hreflang="id-id" />

Catatan : Ganti www.tutorialumum.com dengan URL blog anda
Masuk ke akun blogger anda
Pilih menu Tema, pilih Edit HTML
Kemudian masukan skrip kode tag hreflang target indonesia ini tepat di bawah kode <head>
Setelah selesai pilih Simpan tema.

Cara menambahkan Tag Hreflang Di Blog Dan Kegunaannya

copy tadi tepat di bawah kode <head>

Cara Membuat Tag Hreflang dengan Hreflang Tags Generator Tool

Langkah pertama buka website Hreflang Tags Generator Tool
Masukan URL blog anda, pilih bahasa yang di inginkan, pilih negara yang di targetkan
Masukan URL blog anda, pilih bahasa yang di inginkan, pilih negara yang di targetkan
Keterangan :

Masukan URL blog anda
Masukan Bahasa yang anda inginkan
Masukan Regional Negara yang anda inginkan

Untuk menambahkan tag hreflang lagi, silahkan pilih Add an additional language / country URL version, kemudian ulangi kembali langkah-langkah di atas
Untuk menambahkan tag hreflang lagi, silahkan pilih Add an additional language / country URL version
Setelah selesai, pilih Generate the hreflang tags for these URLs
pilih Generate the hreflang tags for these URLs
Copy skrip code yang tampil
Masuk ke akun blogger kalian
Pilih menu Tema, pilih Edit HTML
Masukan skrip kode yang sudah di copy tadi di bawah <head>
Setelah selesai pilih Simpan tema.

Demikian tutorial dari saya mengenai cara memasang tag hreflang di blog. Jika ada pertanyaan mengenai cara memasang atau tentang tag hreflang ini, silahkan masukan di kolom komentar.

Terima kasih sudah berkunjung di blog Tutorial Umum. Untuk tutorial yang lainnya dari saya silahkan tetap kunjungi blog Tutorial Umum.

Postingan populer dari blog ini

Cara Membuat Widget Komentar Terbaru Dengan Judul Postingan di Blogger

Cara Membuat Widget Komentar Terbaru Dengan Judul Postingan di Blogger - Setelah sebelumnya saya membagikan tutorial cara membuat widget recent comments ringan di blog, kali ini saya akan membagikan widget yang sama tapi dalam bentuk yang berbeda. Apa bedanya ? Di dalam widget komentar terbaru ini sudah ada judul postingannya, jadi akan terlihat artikel apa yang terakhir di komen oleh pengunjung blog. Untuk masalah kecepatan, widget ini tidak akan menggangu kecepatan blog, jadi kalian tidak perlu khawatir untuk memasang widget ini. (Baca juga : Cara Membuat Widget Recent Comments Ringan di Blog ) Widget ini saya temukan di blog Kang Ghani yang sering membagikan berbagai tutorialnya. Bagi yang ingin tahu bagaimana cara memasangnya, ikuti langkah-langkah berikut ini. Cara Memasang Widget Komentar Terbaru Dengan Judul Postingan di Blogger Langkah pertama masuk ke akun blogger kalian Kemudian pilih menu Tata Letak , kemudian pilih lokasi widgetnya Pilih Tambahkan Gadget , kemudian pili...

Baca Lebih Lanjut »

Cara Membuat Button Responsive 13 Gaya dengan CSS

Button atau tombol adalah sebuah tampilan atau bentuk untuk mengaktifkan sebuah perintah yang di jalankan oleh admin atau penggunanya. Umumnya button atau tombol ini hanya berupa 1 atau 2 buah saja dalam bentuk terpisah-terpisah. Kali ini saya akan membagikan cara membuat button responsive 13 gaya dengan css . Button responsive ini tidak memakan loading sebuah website atau blog, karena button ini hanya menggunakan css saja. (Baca juga : Cara Membuat Efek Tombol Keyboard di Blogger Dengan CSS ) Ada beberapa pilihan untuk memilih button yang kita inginkan, diantaranya : 6 warna Biru Orange Merah Hijau Ungu Putih 4 ukuran XS (Extra Small) SM (Small) MD (Medium) LG (Large) 2 pengaturan Block Buttons Outline(Accessibility) Untuk tampilan 13 gaya buttonnya silahkan lihat di https://bttn.surge.sh/ . Tampilan Gaya Button Slant, Unite, Float Tampilan Gaya Button Pill, Material - flat, Material - circle Tampilan Gaya Button Fill, Gradient, Jelly Tampilan Gaya Button Stretch, Minimal, Bordered...

Baca Lebih Lanjut »

Cara Membuat Tombol Demo dan Download Ringan Responsive di Blogger

Tombol download dan demo sangat di butuhkan pada saat kita membagikan sesuatu di blog yang kita miliki. Apalagi untuk kalian yang memiliki blog seperti blog share template, software, film, musik, dan lain sebagainya. Untuk itu kali ini saya akan membagikan cara membuat tombol demo dan download ringan responsive di blogger . (Baca juga : Cara Membuat Button Responsive 13 Gaya dengan CSS ) Kenapa saya bilang ringan, karena tombol ini hanya menggunakan css jadi tidak masalah karena tidak menggunakan javascript yang berlebihan. Cara konfigurasinya sangat mudah kalian tinggal memasukan link demo atau download kalian. Langsung saja saya akan memberikan cara membuat tombol demo dan download ringan responsive di blogger . (Baca juga : Cara Membuat Button Dengan Animasi Bounce Effect ) Cara Membuat Tombol Demo dan Download Ringan Responsive di Blogger Langkah pertama masuk ke akun Blogger kalian. Pilih menu Tema , kemudian pilih Edit HTML . Cari script ]]></b:skin> atau ...

Baca Lebih Lanjut »

Update Template Tutor Magazine 3D Versi 1.0, Template Biru Paling Favorit

Update Template Tutor Magazine 3D Versi 1.0, Template Biru Paling Favorit Setelah sebelumnya saya membagikan template Hijau Magazine v1.0 , kali ini saya akan membagikan template versi terbaru dari Template Tutor Magazine , yaitu Template Tutor Magazine 3D v1.0 . (Baca juga : Download Template Premium Paling Laris 2017, Hijau Magazine V1.0 Template ) Mengapa 3D ? Karena saya sudah menyesuaikan beberapa CSS yang ada, agar tampilannya terlihat 3D atau terlihat seperti nyata. Di Template Tutor Magazine ini, saya juga sudah memperbarui beberapa bug yang ada di Template Tutor Magazine sebelumnya. Untuk keterangan beberapa bug dan update terbaru diantaranya adalah. Perbaikan Thumbnail Gambar menu Postingan Perbaikan Thumbnail Gambar menu Postingan Perbaikan Primary menu dan Judul Blog Perbaikan Primary menu dan Judul Blog Update H2 Update H2 Popular Posts update style Popular Posts update style Perubahan Posisi & update beberapa fitur. Perubahan ...

Baca Lebih Lanjut »