Welcome to hreflang tags SEO hub for 2020. Hreflang tags are some of the most important HTML tags for a multilingual or internationally targeted website. Whether you are an absolute beginner or an SEO expert looking to learn extra advanced techniques, this page will guide you. After working for 6+ years in the SEO industry, I bring you a hreflang tutorial that will make all concepts clear.
Suppose, a website publishes in multiple tongues such as French, Spanish, Hindi, Nepali, and so on. These attributes will boost SERP discovery for people searching from that targeted location. Such tags help to reach a geo-targeted audience within a territory or region.
Structure of HREFLANG Tag
Hreflang Tag WordPress – free plugin method
Hreflang Tag Generator
To make things safe & easier, we can use a paid plugin known as HREFLANG MANAGER. This is a safe, faster, and easier method than the previous one. We can directly add hreflang tags in WordPress using that plugin.
Once the plugin is activated, a new tab named ‘Hreflang’ is found in the WordPress Dashboard. To change default hreflang tags for the entire site, navigate to Hreflang > Options > Defaults . There you can select up to 10 different languages and locales.
For individual posts, just enter the WordPress editor and scroll down to ‘Hreflang Manager’. There you can insert the up to 10 URLs of the page built in other languages with locale and language.
1. Hreflang Return Tags: The purpose of the hreflang tag is to tell search engines about two versions of the same page but in a different language. To solve the no-return tags errors, both the pages should interlink with one another using proper Hreflang HTML attributes.
2. Wrong Language Code: The regions and languages must comply with the ISO 693-1 & ISO 3166-1 alpha-2 standard. You should specify both the accent and the country. For example, “en-gb” is used to target English-speaking audiences in the United Kingdom. The ISO files will reveal the proper codes for each target.
Similarly, never consider that adding hreflang tags will fix the duplicate content issue. There are canonical tags for it. Also, it’s an unverified misconception that such HTML tags increase DA & Link Authority. They are meant just for geo-targeting. In addition, if you add hreflang annotations to a noindex page, Google returns an error.
You can edit the source code of each page in a blogger to insert the attributes. There are two ways to edit a post, visual and HTML editor. These attributes can be applied through the HTML editor in Blogspot. Plus, if you want to implement a single code to the whole site, edit the theme’s source file via template editor. The location to insert the hreflang tag on a blogger template is just below the <head> tag.
Hreflang tags are the HTML annotations that indicate two pages of the same meaning but built in different languages. They are extremely useful for international targetting in multiple geographical regions.
Whether it is Blogger, Wordpress, Shopify, or any other Content Management System, you must have access to the theme's header file or template. There you can insert the hreflang annotations between the <head> and </head> section of the page.