Cara Menambahkan Tag hreflang di WordPress
Diterbitkan: 2023-02-12
Apakah Anda membuat situs web yang mendukung berbagai bahasa dan wilayah? Situs multibahasa dapat memperluas audiens potensial Anda secara eksponensial, tetapi juga dapat terlihat sulit untuk dikelola.
Kabar baiknya adalah menambahkan tag hreflang dapat meningkatkan Pengoptimalan Mesin Telusur (SEO) dan Pengalaman Pengguna (UX) situs Anda. Ini tidak terlalu sulit untuk dicapai, dan Anda dapat mulai mendapatkan keuntungan dari peningkatan lalu lintas dan keterlibatan dengan cepat.
Pada artikel ini, kita akan melihat apa itu tag hreflang, dan beberapa praktik terbaik untuk menggunakannya. Kami kemudian akan mengungkapkan metode yang dapat Anda gunakan untuk menerapkan tag ini di situs web WordPress Anda. Ayo mulai bekerja!
Apa itu hreflang?
Tag hreflang adalah kode HTML yang memberi tahu Google versi laman web mana yang akan ditampilkan untuk bahasa dan wilayah tertentu. Berikut adalah contoh tampilan kode tersebut:
<link rel="alternate" href="example.com" hreflang="en-us" />
<link rel="alternate" href="example.com/fr/" hreflang="fr-fr" />
Setiap tag menyertakan kombinasi detail bahasa dan lokasi, seperti "en-us" untuk bahasa Inggris dan Amerika Serikat, atau "fr-fr" untuk bahasa Prancis dan Prancis.
Meskipun Google dapat mendeteksi bahasa halaman web, tidak memiliki tag hreflang tetap dapat membahayakan peringkat pencarian Anda. Itu karena tanpa tag ini, halaman Anda dalam bahasa yang berbeda dapat bersaing satu sama lain untuk mendapatkan penempatan teratas. Meskipun tag hreflang bukan merupakan faktor peringkat tersendiri, mereka membantu Google menyajikan halaman yang tepat kepada pengguna.
hreflang dan Situs Multibahasa Anda: Praktik Terbaik
Anda dapat menjangkau audiens yang lebih luas dengan situs web multibahasa WordPress, tetapi Anda perlu menerapkan praktik terbaik tertentu untuk mendapatkan hasil. Salah satu praktik terbaik untuk situs web semacam ini adalah menggunakan tag hreflang, tetapi ada juga teknik cerdas lainnya.
Untuk pengalaman pengguna terbaik, sebaiknya gunakan konten yang ditulis oleh penutur asli, dan bukan teks terjemahan mesin. Praktik terbaik lainnya adalah menggunakan tag x-default opsional untuk bahasa yang tidak cocok. Ini harus digunakan di beranda, di mana pengguna dapat memilih lokasi dan bahasa yang mereka inginkan.
Jika situs web Anda menggunakan tag kanonis, Anda juga harus berhati-hati saat menambahkan tag hreflang. Kedua jenis tag ini dapat bertentangan, mengirimkan sinyal campuran ke Google tentang halaman mana yang harus ditampilkan. Meskipun Anda dapat meninggalkan tag hreflang dari halaman yang memiliki tag kanonis, lebih baik menambahkan tag bahasa dengan hati-hati.
Cara Menerapkan tag hreflang di WordPress
tag hreflang sangat berharga di situs web WordPress, tetapi hanya jika diterapkan dengan benar. Ada tiga metode yang dapat Anda gunakan untuk menambahkan tag ini ke situs web Anda. Plugin adalah metode termudah dan paling umum. Namun, Anda juga dapat memperbarui tajuk situs web, atau mengedit peta situs XML-nya. Mari kita lihat ketiga teknik tersebut.
plugin hreflang
Metode implementasi hreflang termudah adalah dengan menggunakan plugin WordPress. Plugin seperti MultilingualPress menambahkan tag hreflang untuk Anda secara otomatis, dan seharusnya tidak menyebabkan masalah kinerja apa pun:
MultilingualPress juga memiliki fitur terjemahan, yang dapat ditemukan di editor postingan. Saat Anda menerima terjemahan, plugin menambahkan tag hreflang yang sesuai ke header situs Anda. Fitur terjemahan tidak terbatas pada posting, dan bekerja pada tag dan kategori sambil juga menyelaraskan dengan baik dengan plugin seperti Yoast dan WooCommerce.
Opsi plugin lain untuk implementasi hreflang adalah Polylang:
Polylang adalah alat gratis populer yang membantu Anda mengelola situs web WordPress dalam berbagai bahasa. Anda dapat membuat konten seperti biasa, lalu menetapkan bahasa untuk konten tersebut. Setelah itu, Polylang akan mengurus tag hreflang untuk Anda.
Tambahkan hreflang ke <head>
Anda dapat menambahkan tag hreflang ke situs web WordPress Anda tanpa plugin, dengan memperbarui file header.php Anda. Untuk mengakses file ini, Anda harus membuka Appearance > Theme Editor , atau menggunakan File Transfer Protocol (FTP).
Setelah membuka file, Anda ingin mencari pembuka <head> dan menempelkan kode ini:
<link rel="canonical" href="http://example.com/content"/>
<link rel="alternate" hreflang="x-default" href="http://example.com/content"/>
<link rel="alternate" hreflang="en-us" href="http://example.com/content"/>
<link rel="alternate" hreflang="es-es" href="http://example.com/es/content"/>
<link rel="alternate" hreflang="fr-fr" href="http://example.com/fr/content"/>
Dalam contoh ini, tag perlu ditambahkan ke konten berbahasa Inggris. Tag x-default dan bahasa Inggris hreflang juga mengarah ke halaman konten bahasa Inggris.
Di sisi lain, tag hreflang Spanyol dan Prancis dialihkan ke versi bahasa halaman yang benar. Tentu saja, Anda dapat menambahkan lebih banyak tag hreflang untuk bahasa lain yang digunakan di situs web Anda.
Tambahkan hreflang ke Peta Situs XML
Jika Anda tidak ingin mengedit file header.php , Anda dapat memperbarui peta situs XML situs Anda. Menggunakan metode ini memastikan bahwa Google akan menemukan halaman bahasa alternatif Anda dan mengindeksnya dengan benar. Memperbarui peta situs Anda juga mengurangi ukuran halaman web Anda, untuk waktu pemuatan yang lebih cepat.
Tag hreflang untuk peta situs XML Anda sedikit berbeda:
<url>
<loc>http://www.example.com/content</loc>
<xhtml:link rel="alternate" hreflang="es-es" href="http//www.example.com/es/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>
<url>
<loc>http://www.example.com/es/content</loc>
<xhtml:link rel="alternate" hreflang="en-us" href="http//www.example.com/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>
Saat mengedit peta situs XML Anda membantu pengindeksan, itu juga bisa menjadi rumit. Jika Anda memiliki situs web yang besar, peta situs mungkin membengkak. Menambahkan tag hreflang ke peta situs juga bisa memakan waktu lebih lama daripada menggunakan metode lain yang dijelaskan di atas.
Cara Memvalidasi hreflang di WordPress
Meskipun disertakan, tag hreflang sering diterapkan secara tidak benar di situs web multibahasa. Memvalidasi tag hreflang dapat membantu Anda menentukan apakah Anda telah menambahkannya dengan benar.
Untuk memvalidasi tag, Anda dapat menggunakan berbagai alat online. Alat-alat ini menawarkan informasi serupa, tetapi menyajikannya dengan cara yang berbeda. Alat pengujian tag hreflang Sitrix menampilkan tag di situs web Anda, dan memberi tahu Anda jika ada kesalahan:
Alat pengujian tag hreflang Merke juga menyediakan perincian tag dan kesalahan di situs web Anda:
Namun, jika Anda hanya ingin melihat kesalahan, alat pengujian tag hreflang SALT.agency adalah pilihan lain.
Terus Belajar dengan WP Engine
Jika Anda memiliki situs web dengan konten dalam berbagai bahasa, tag hreflang akan membantu Google mengirimkan halaman yang tepat ke pengunjung yang tepat. Untungnya ada beberapa cara untuk menambahkan tag hreflang ke situs web Anda, dengan opsi termudah adalah memasang plugin khusus.
Jika Anda kesulitan dengan aspek lain dalam menjalankan situs web multibahasa Anda, WP Engine didedikasikan untuk membantu Anda menemukan sumber daya yang Anda butuhkan. Lihat rencana kami hari ini!