Apa itu hreflang dan bagaimana cara memasangnya di situs?

YG tech blog - kali ini kami akan mengulas pengertian, manfaat dan cara memasang tag herflang dalam sebuah situs. Penggunaan tag hreflang Pada blog atau situsweb sangat di anjurkan oleh google webmaster tools, hal ini mengindikasikan kalau tag hreflang memiliki peran yang sangat bagus untuk perkembangan situs dan tentunya juga membuat blog menjadi lebih Seo friendly.

Pengertian Hreflang.


Hreflang itu sebenernya adalah sebuah tag script  yang akan menentukan bahasa pada halaman blog atau
website kita.
tag ini akan menjadi acuan bahasa pada blog atau situs oleh google secara otomatis. Adapun tujuan sederhana dari hreflang  agar
post cepat terindex di google ataupun mesin pencari lainnya.

Manfaat tag hreflang bagi situs.


Secara tidak langsung dengan menggunakan tag hreflang pada blog/web/situs, kita akan mendapatkan banyak manfaat dan keuntungan. Diantara manfaat bagi blog yang memakai tag hreflang adalah sebagai berikut:

hreflang atau rel="alternative" hreflang="x"  merupakan sebuah kode yang berfungsi untuk menginstruksikan kepada tiap robot (spider bot) yang mengcrawl blog untuk menampilkan konten atau artikel pada situs kita sesuai dengan bahasa pengunjung (visitor) web. Dengan demikian spider bot akan secara otmatis menerjemahkan konten sesuai dengan bahasa negara pengguna berdasarkan alamat IP yang digunakan. Sehingga pengunjung website akan merasa nyaman dan betah untuk berlama-lama di situs kita karena tidak dibingungkan bahasa tulisan yang tidak mereka pahami.

Jadi, secara tidak langsung tag hreflang bermanfaat menjadikan Blog lebih SEO.

Cara Memasang Tag Hreflang Di Blog


setelah mengetahui pentingnya peran tag hreflang untuk SEO maka saya pribadi memutuskan untuk membagikan sedikit cara menggunakan hreflang.

Pada dasarnya bentuk penulisan dari tag hreflang cukup sederhana, lihat script dibawah ini.

<link href='http://bloganda.blogspot.com' hreflang='am-et' rel='alternate'/>

dilihat dari script di atas bahwa tag tersebut berfungsi untuk menangkap bahasa amharik baik itu ethopia dan eritrea

tapi jika Anda ingin menggunakan tag hreflang yang menyesuaikan seluruh bahasa di dunia sebaiknya ubahlah tag hreflang='am-et' menjadi hreflang='x-default'.lihat script di bawah ini.

<link href='http://bloganda.blogspot.com' hreflang='x-default' rel='alternate'/>

kemudian jika Anda ingin tag hreflang tersebut lebih dinamis dengan alamat url sesuai halaman yang di buka maka gunakan tag di bawah ini

<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>

tag tersebut akan menyesuaikan url seluruh halaman yang ada di blog Anda dengan menggunakan atribut expr:href='data:blog.url'

Kemudian tempatkan tag tersebut di bawah script <head> dan selanjutnya yang perlu diperhatikan, jangan lupa untuk menyimpan perubahannya.

sekarang refresh halaman blog Anda dan coba lihat open sourch (ctrl+u) setiap halaman apakan tag tersebut sudah menyesuaikan url setiap halaman blog. Mudah bukan.

demikianlah ulasan sederhana ini, semoga dengan menggunakan tag hreflang ini bisa meningkatkan seo on page blog anda. semoga bermanfaat.

Comments