Global websites often have content in multiple languages or that is tailored to specific regional markets. When those web pages are discovered in Google, how does Google know to show searchers the content that was tailored just for them? The answer is hreflang tags.
Adding hreflang tags is a powerful international SEO strategy. It helps crawlers understand your multiple web pages and promote them accordingly. If your website wants to go international, adding hreflang tags is a really powerful way to improve conversion rates for the global visitors you earn from organic search.
Here is a complete guide on how to add hreflang tags to your pages. Also, we will detail the many benefits of this powerful technical optimization.
For global brands, creating a multilingual site is a powerful digital strategy. For example, this website communicates to users whose IP addresses are not aligned with the regional page that there is a better version of the page for them to view.
Hreflang tags are snippets of code that communicate to web crawlers web pages that have similar content but are tailored to different languages or regions. In HTML, the hreflang tag looks like this:
Basically, this code tells search engine crawlers that this is the English version of the page. Therefore, it should be shown to searchers in the United States.
Alternatively, the below hreflang tag tells search engine crawlers that this web page, although also in English, should be shown to searchers located in Hong Kong.
Hreflang can communicate both the same content in the different languages or the same content, but targeted at different countries. This method ensures that someone in the United States will be directed to the English version of a page. Also, someone in a different region will find the same exact content in their preferred language through an alternative URL.
Hreflang is considered an advanced meta tag, It requires some more complex work on the backend of your website. However, these tags can be very powerful for any website that wants to expand their global reach or market share.
First, Google will determine if it wants to rank the URL you have presented to it. Next, search bots or crawlers will check for any present hreflang annotations associated with that specific URL.
Then, Google will show searchers the variant of the URL that contains the right content for their language and geographic region. The searchers’ current location and the language settings they have specified on their devices are all taken into account.
These elements are then used to ensure the correct version of your site is presented to the right audience in the right language. If there is no specified language-country data in the searcher’s browser settings, Google will default to the version of the page that is specified as the “x-default.”
If you already have content in multiple languages on your website, then hreflang tags are essential to your SEO strategy.
If you are thinking about implementing an international SEO strategy, creating that content is the first step. This is far more time and resource intensive than the hreflang implementation. But once that content is live on your site, you’ll be ready to move forward with adding hreflang tags.
To run a successful international SEO campaign, you need to ensure that browsers are displaying the right content to the right audience. If not, the amount of users who exit your site after visiting the homepage will increase.
Searchers in the United States are not very likely to stay and toggle language translation options on your homepage if it is written in another language. This is because there are billions of other sites to choose from that have already catered to them through the use of hreflang tags.
Hreflang is an integral part of SEO for a website that hosts content aimed at different countries. As mentioned above, language codes can help search engines distinguish duplicate content that is actually written in a different language or geared towards different regions.
Some of the SEO benefits of hreflang include the following:
If you are familiar with rel canonical tags, hreflang may sound similar.
Rel canonicals tell Google to index a specific page and ignore others that are similar. They are particularly useful for websites that have multiple pages with similar content (like ecommerce sites with multiple product pages).
Rel canonical tags ensure that the master page is always promoted in search results, regardless of the searcher.
So how is hreflang different?
Well, hreflang tells Google to index the page and all of the other similar pages with language variations. It then asks Google to promote those pages based on key information about the user including language preference and geographic location.
Your language variation pages each need to have their own self referencing canonical. If any of the canonical tags on your foreign or regional pages point to the “x-default” or some other url, those tags will actually work against each other. Working with skilled web developers who are familiar with technical SEO can prevent you from using these advanced tags incorrectly.
Once you have your different web page variations created and published on your website, you can use hreflang to make sure Google promotes the right versions of the page to the right international searchers.
There are two ways to add hreflang tags. You can add tags to each individual variation of the page, or you can add hreflang tags via your sitemap.
The first step is to write your hreflang tags in a text editor. And make sure you do so properly! Each hreflang tag needs to have a specific HTML language and country code, so make sure to confirm the accuracy of your language and regional attributes.
You can also use a hreflang tag generator tool. Here’s one from Geotargetly you can try.
Then, follow these three steps.
If you only have a few language variations, you can add your hreflang tags to your sitemap. Warning: If you have hundreds of page variations, this can take quite a bit of time.
However, adding hreflangs to your sitemap reduces the page load by not having all that additional data in your header. A step-by-step for adding hreflang to your sitemaps is as follows:
Because hreflangs require quite a bit of HTML work, it’s easy to make mistakes. Beginners to the process should make sure they do their homework before adding metadata for SEO purposes.
Here are some of the more common mistakes that webmasters make in their implementations.
International SEO can take a lot of time and consume a lot of resources. Nevertheless, the payoff is well worth it.
The primary goal behind optimization as a whole is to provide internet users with the best information possible. Providing tailored content for language preferences and regional areas shows your a webmaster that thinks about the user’s experience.
Google’s primary goal is also making search better for users. If you implement hreflang correctly, Google will ultimately reward you by promoting your pages more often to the right audience.
“They are dedicated to our success and are a thoughtful sounding board when we run ideas by them - sometimes on ideas and projects that are tangential to our main SEO project with them. Also, I love that they allow for shorter-term contracts compared to the usual 1-year contract with other SEO companies. Lastly, they deliver on their promises.”
Get detailed recommendations for on-page, off-site, and technical optimizations.