{"id":7412,"date":"2020-05-19T15:00:06","date_gmt":"2020-05-19T13:00:06","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=7412"},"modified":"2020-12-01T10:38:16","modified_gmt":"2020-12-01T09:38:16","slug":"hreflang-tags-in-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/hreflang-tags-in-wordpress\/","title":{"rendered":"What Are Hreflang Tags and How to Use Them in WordPress"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]If you\u2019re thinking of going viral and reaching a worldwide audience, it might be a good idea to have a website that supports multiple languages. Even though English has sort of become a global lingua franca of the modern age, there\u2019s still plenty of people who\u2019d much rather browse websites written in their mother tongue.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]And that\u2019s where hreflang tags come into play. Thanks to them, Google can display a page in search results in the user\u2019s preferred language. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In this roundup, we\u2019ll dig deeper into the subject of hreflang tags, and we\u2019ll answer the following questions:[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#what-are-they\">What Are Hreflang Tags<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#where-to-put-them\">Where Should You Put Hreflang Tags<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#can-they-affect-seo\">Can Hreflang Tags Affect SEO<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#how-to-add-them\">How to Add Hreflang Tags in WordPress?<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"what-are-they\"><\/a>What Are Hreflang Tags?<\/h2>\n<p>[\/vc_column_text][vc_column_text]<strong>Hreflang is an HTML meta tag that stipulates the language and the geographic location for a page<\/strong>. It informs Google that a website has different versions for users that come from different countries and speak different languages, and that the search engine should display the pages accordingly.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]For instance, a hreflang tag will instruct Google to display one page for Italian speakers in Italy and a different one for English speakers in the UK. As such, this attribute is especially useful if you wish to target a specific audience with particular products or services.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]This is how hreflang tags look in action. First, we have the top result for Italian users who\u2019d like to visit the MTV\u2019s website:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"395\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/1-What-Are-Hreflang-Tags.jpg\" class=\"attachment-full size-full\" alt=\"What Are Hreflang Tags\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/1-What-Are-Hreflang-Tags.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/1-What-Are-Hreflang-Tags-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/1-What-Are-Hreflang-Tags-620x350.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]And when an English speaker from the UK googles MTV, this is the first result they\u2019ll see:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"395\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/2-Hreflang-Tags-from-the-UK.jpg\" class=\"attachment-full size-full\" alt=\"Hreflang Tags from the UK\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/2-Hreflang-Tags-from-the-UK.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/2-Hreflang-Tags-from-the-UK-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/2-Hreflang-Tags-from-the-UK-620x350.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]This is all possible thanks to hreflang tags. They <strong>enable Google to direct users to the most appropriate version of a website based on their language preferences, search criteria, and region<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">When Should You Use Hreflang Tags?<\/h3>\n<p>[\/vc_column_text][vc_column_text]While we did mention the most obvious case that requires the implementation of hreflang tags (when your site is international and translated into multiple languages), you should also consider using them in any of the following scenarios:[\/vc_column_text][vc_empty_space height=&#8221;23px&#8221;]<ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Your pages are in <strong>one language but different regional dialects<\/strong>. For instance, you have a website in English, but with different versions for the US, the UK, Ireland, and Canada markets.<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">You own a website that comes in <strong>different versions for various global markets<\/strong>. This means there\u2019s one version for Europe, another one for Asia and the Pacific region, a different one for North America, for Latin America and the Carribean, etc\u2026.<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">When you wish to keep the <strong>main content in one language but have the navigation and footer in other languages<\/strong>, e.g. in user forums.<\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"where-to-put-them\"><\/a>Where Should You Put Hreflang Tags?<\/h2>\n<p>[\/vc_column_text][vc_column_text]There are <strong>three ways to tell Google you have multiple language versions of a page<\/strong>. You can use hreflang tags in:[\/vc_column_text][vc_empty_space height=&#8221;38px&#8221;]<div class=\"qodef-ordered-list-item \">\n\t        <div class=\"qodef-ol-title-holder\">\n            <span class=\"qodef-ol-title-number\">1.<\/span>\n            <span class=\"qodef-ol-title-content\">HTML tags<\/span>        <\/div>\n    <\/div><div class=\"qodef-ordered-list-item \">\n\t        <div class=\"qodef-ol-title-holder\">\n            <span class=\"qodef-ol-title-number\">2.<\/span>\n            <span class=\"qodef-ol-title-content\">HTTP headers<\/span>        <\/div>\n    <\/div><div class=\"qodef-ordered-list-item \">\n\t        <div class=\"qodef-ol-title-holder\">\n            <span class=\"qodef-ol-title-number\">3.<\/span>\n            <span class=\"qodef-ol-title-content\">Sitemaps<\/span>        <\/div>\n    <\/div>[vc_column_text]Let\u2019s go through each of these methods separately.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">1. How to Implement Hreflang in HTML Tags<\/h3>\n<p>[\/vc_column_text][vc_column_text]For starters, we\u2019ll show you what a hreflang tag looks like:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">&lt;link rel=\"alternate\" hreflang=\"lang_code\" href=\"url_of_page\" \/&gt;<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;18px&#8221;][vc_column_text]That\u2019s the tag you should add to the header of your page to let Google know about different language and\/or locale versions of your page.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Now, let\u2019s see what each part of this tag means:[\/vc_column_text][vc_empty_space height=&#8221;23px&#8221;]<ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n                        <span class=\"qodef-ul-title\">\n                <span class=\"qodef-ul-title-text\">link rel=\u201dalternate\u201d<\/span>\n            <\/span><span class=\"qodef-ul-mark\">: <\/span><span class=\"qodef-ul-title-content\">this tells us that this is the alternate version of a page<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n                        <span class=\"qodef-ul-title\">\n                <span class=\"qodef-ul-title-text\">hreflang=\u201dlang_code\u201d<\/span>\n            <\/span><span class=\"qodef-ul-mark\">: <\/span><span class=\"qodef-ul-title-content\">this is where you specify the language, and if you wish, the country code as well; always use the language code first and separate it from the country code with a hyphen; for language codes use the <a href=\"https:\/\/www.loc.gov\/standards\/iso639-2\/php\/code_list.php\" target=\"_blank\" rel=\"noopener\">ISO 639-1 format<\/a>, and for countries the <a href=\"https:\/\/www.iso.org\/obp\/ui\/#search\" target=\"_blank\" rel=\"noopener\">ISO 3166-1 Alpha-2 format<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n                        <span class=\"qodef-ul-title\">\n                <span class=\"qodef-ul-title-text\">href=\u201durl_of_the_page\u201d<\/span>\n            <\/span><span class=\"qodef-ul-mark\">: <\/span><span class=\"qodef-ul-title-content\">you should insert here the URL of the page for a specific language or a region<\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;34px&#8221;][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">2. How to Implement Hreflang Tags in HTTP Headers<\/h3>\n<p>[\/vc_column_text][vc_column_text]This method is an excellent option when dealing with <strong>non-HTML files, such as PDFs<\/strong>. But you can use it with HTML pages, too.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In this case, the link will look like this:[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<em><strong>&lt;url1&gt;; rel=&#8221;alternate&#8221;; hreflang=&#8221;lang_code_1&#8243;, &lt;url2&gt;; rel=&#8221;alternate&#8221;; hreflang=&#8221;lang_code_2&#8243;, &lt;url3&gt;; rel=&#8221;alternate&#8221;; hreflang=&#8221;lang_code_3&#8243;<\/strong><strong>,\u2026<\/strong><\/em> and so on, depending on how many language or regional versions of a page you have.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">3. How to Implement Hreflang Tags Using a Sitemap<\/h3>\n<p>[\/vc_column_text][vc_column_text]While this method may seem like the messiest, it\u2019s quite useful since it lets you <strong>use just one file to inform Google about all the languages and region versions of your page<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]For this method, you\u2019re going to need the<strong> &lt;loc&gt;<\/strong> attribute that specifies an URL and the <strong>&lt;xhtml:link&gt;<\/strong>, to list all language and region variants of your page.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Basically, what you would need to enter is this:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">&lt;url&gt;\r\n&lt;loc&gt;url_of_page&lt;\/loc&gt;\r\n&lt;xhtml:link \r\nrel=\u201dalternate\u201d \r\nhreflang=\u201dlang_code\u201d \r\nhref=\u201durl_of_page_targeted_at_specific_language_speakers\u201d\/&gt; \r\n&lt;\/url&gt;<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;18px&#8221;][vc_column_text]Repeat this part for every language, just change the codes.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]N.B. Google has specified <a href=\"https:\/\/support.google.com\/webmasters\/answer\/189077?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\">hreflang implementation guidelines for all methods<\/a>, so make sure to stick to them no matter which method you opt for.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">When Should You Use the Hreflang=\u201dx-default\u201d Tag?<\/h3>\n<p>[\/vc_column_text][vc_column_text]Google has <a href=\"https:\/\/webmasters.googleblog.com\/2013\/04\/x-default-hreflang-for-international-pages.html\" target=\"_blank\" rel=\"noopener noreferrer\">introduced the hreflang=\u201dx-default\u201d tag<\/a> in 2013. Its purpose is to specify <strong>which page users should see when there are no other language pages that match their preset criteria<\/strong>. Setting this tag up isn\u2019t obligatory, but it can be useful if a page doesn\u2019t target a specific language or region (e.g. homepages with the country selection option).[\/vc_column_text][vc_empty_space height=&#8221;81px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#f0f0f0&#8243;][vc_empty_space height=&#8221;50px&#8221;][vc_widget_sidebar sidebar_id=&#8221;banner-seo&#8221;][vc_empty_space height=&#8221;28px&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#f0f0f0&#8243;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"can-they-affect-seo\"><\/a>Can Hreflang Tags Affect SEO?<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"395\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/Can-Hreflang-Tags-Affect-SEO.png\" class=\"attachment-full size-full\" alt=\"Can Hreflang Tags Affect SEO\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/Can-Hreflang-Tags-Affect-SEO.png 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/Can-Hreflang-Tags-Affect-SEO-300x169.png 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/Can-Hreflang-Tags-Affect-SEO-620x350.png 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Hreflang tags are immensely important for your SEO. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]They help <strong>reduce the chances of seemingly having duplicate content<\/strong>. Thanks to hreflang tags, Google will know that you\u2019re not running two copies of the same content. This is especially important if you have pages in one language aimed at different markets, with seemingly small differences. For example, you could be running an <a href=\"https:\/\/qodeinteractive.com\/magazine\/ecommerce-sites-in-qode-themes\/\">eCommerce website<\/a> in English, but with prices displayed in different currencies depending on the country.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Another benefit of using hreflang tags is <strong>great user experience, and therefore, lower bounce rates<\/strong>. The longer visitors stay on your page, the higher the chance of them becoming leads, and eventually, converting.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"how-to-add-them\"><\/a>How to Add Hreflang Tags in WordPress?<\/h2>\n<p>[\/vc_column_text][vc_column_text]<strong>The fastest and easiest way to add hreflang tags in WordPress is by using plugins<\/strong>. You could make your website multilingual by using multilingual or hreflang plugins.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Multilingual plugins are the best solution when you aim to create a multilingual website. One of the most popular plugins of this kind is <a href=\"https:\/\/wordpress.org\/plugins\/polylang\/\" target=\"_blank\" rel=\"noopener noreferrer\">Polylang<\/a>. It currently has more than 500k active installations, it\u2019s regularly updated, and it has an average rating of 4.7 stars.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"395\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/3-Polylang-Plugin.jpg\" class=\"attachment-full size-full\" alt=\"Polylang Plugin\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/3-Polylang-Plugin.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/3-Polylang-Plugin-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/3-Polylang-Plugin-620x350.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once you <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-install-a-wordpress-plugin\/\">install the plugin<\/a>, you\u2019ll be able to <strong>choose which languages to add to your website<\/strong>. You can select as many of them as you need. Plus, you can enable Polylang to <strong>translate the text that accompanies media files<\/strong>, such as titles, descriptions, etc. There\u2019s also the option to <strong>choose the language that\u2019ll go along the content that comes without an assigned language<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Polylang also integrates with <em><strong>Lingotek<\/strong><\/em>, which is an excellent translation management system.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Besides Polylang, another excellent multilingual plugin you could use is <a href=\"https:\/\/wordpress.org\/plugins\/weglot\/\" target=\"_blank\" rel=\"noopener noreferrer\">Weglot<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"374\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/Weglot.jpg\" class=\"attachment-full size-full\" alt=\"Weglot\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/Weglot.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/Weglot-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/Weglot-620x331.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]With an average rating of 4.8 stars, Weglot <strong>automatically detects, translates<\/strong> (first layer of machine translation, with full editing control) <strong>and displays the content of your website under language subdirectories<\/strong>. It also allows you to <strong>edit and update your translations, and even hire Weglot\u2019s professional translators<\/strong> to translate all types of content for you. This plugin also follows Google\u2019s best practices for multilingual SEO so hreflang tags are automatically added to your WordPress website for you.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Besides Polylang and Weglot, <a href=\"https:\/\/wpml.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">WPML<\/a> and <a href=\"https:\/\/translatepress.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">TanslatePress<\/a> are two powerful plugins that will help you add hreflang tags to your site.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]If you wish to avoid using multilingual plugins, you can try the <a href=\"https:\/\/wordpress.org\/plugins\/hreflang-tags-by-dcgws\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>HREFLANG Tags Lite<\/strong><\/a> plugin.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"395\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/4-HREFLANG-Tags-Lite.jpg\" class=\"attachment-full size-full\" alt=\"HREFLANG Tags Lite\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/4-HREFLANG-Tags-Lite.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/4-HREFLANG-Tags-Lite-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/4-HREFLANG-Tags-Lite-620x350.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]As you activate the plugin, the <em><strong>Hreflang<\/strong><\/em> option will appear in your WordPress menu. Click on it to choose the types of content for which you wish to set the hreflang metaboxes. We wanted to add hreflang tags for our pages, so we ticked the appropriate box. And now, when we go to<em><strong> Pages &gt; Add New<\/strong><\/em> we have the option to add hreflang tags for the new page. All we have to do is paste the URL of the page we\u2019ve just made and select the language.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"395\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/5-Hreflang-option.jpg\" class=\"attachment-full size-full\" alt=\"Hreflang option\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/5-Hreflang-option.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/5-Hreflang-option-300x169.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/05\/5-Hreflang-option-620x350.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The pro version of this plugin offers more options, such as the <em>HTML Code Generator<\/em>, the <em>Bulk Editor<\/em> (it displays all of your pages and posts in one place and lets you add hreflang tags to them), and the <em>Validation Tool<\/em>, that allows you to test your hreflang tags.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Conclusion<\/h2>\n<p>[\/vc_column_text][vc_column_text]To all entrepreneurs with an international audience, hreflang tags are your friends. You can use them to ensure better user experience and deliver the content to your audience in their own language. Adding them to WordPress is effortless, thanks to the powerful plugins. But if you decide to create them on your own, try to keep in mind the following practices:[\/vc_column_text][vc_empty_space height=&#8221;23px&#8221;]<ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Choose one method to implement hreflang tags and stick to it<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Try to ensure your hreflang tags are bidirectional and point to each other <\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Use self-referential hreflang tags<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Be careful not to mess up language and region combos<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\">Consider setting up your hreflang=\u201dx-default\u201d tag<\/span>        <\/div>\n            <\/li>\n<\/ul><ul class=\"qodef-unordered-list-item \">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"https:\/\/technicalseo.com\/tools\/hreflang\/\" target=\"_blank\" rel=\"noopener\">Test your hreflang tag<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_column_text]Good luck![\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Care to learn all about hreflang tags? Discover how to use them in WordPress, so visitors can browse your site in their preferred language.<\/p>\n","protected":false},"author":4,"featured_media":7506,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[15,25,4,13],"class_list":["post-7412","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing","tag-plugins","tag-seo","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/7412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=7412"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/7412\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/7506"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=7412"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=7412"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=7412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}