Advertisement
S.E.O.

Quick Tip: Use “x-default hreflang” for International Landing Pages

by

Google recently introduced the new x-default hreflang annotation. Thanks to this markup, webmasters can specify international landing pages. Google will use this information to display the most relevant page in the search results.


Usage

A lot of international businesses use a landing page on their websites which redirects visitors to local pages. This can either be done via a redirect to a language-specific page or by changing the language of the content. By directing their customers to local pages, they can change their content to better suit the needs of these target groups.

There are plenty of examples of websites that have an international landing page: Apple, Tiffany & Co, Samsung, the list goes on. Most global brands have this sort of page.

apple international landing page
The international landing page of Apple.

Implementation

Let’s say that a global online retailer is also active in the United States and the United Kingdom. When customers visit the website (retailer.com), they can choose a country. Customers from the US are redirected to retailer.com/en-us and visitors from the UK are redirected to retailer.com/en-gb.

In short:

  • http://retailer.com - International landing page with a country selector.
  • http://retailer.com/en-us - For customers from the United States.
  • http://retailer.com/en-gb - For customers from the United Kingdom.

In a previous article we already learned that the rel=”alternate” hreflang=”x” annotation can be used to identify alternative versions of the same content in a different language. So we’ll find the following code on the US page:

<link rel="alternate" hreflang="en-GB" href="http://retailer.com/en-gb" />

This is very useful for pages which target a certain region, but it can’t be used for international landing pages because they don't target a specific language. That’s where the new x-default hreflang attribute comes in handy. Now, for the landing page we can use the following code:

<link rel="alternate" hreflang="x-default" href="http://retailer.com/" />

This piece of code signals that the landing page doesn't target any specific language and is the default page when no other page is better suited.

How does Google use this information? If someone from the US or UK searches for the site, Google will show the corresponding page (http://retailer.com/en-us and http://retailer.com/en-gb respectively). But if someone from Germany or Canada searches for the site, Google will display the international landing page. These annotations ensure that visitors can reach the most relevant page.


Further Reading

Related Posts
  • Computer Skills
    App Training
    Beyond Highlighting: How to Get the Most From Your AnnotationsAnnotations icon
    It's easy to highlight a passage in an eBook, but there's so much more you can do with digital highlights. Here's everything you need to know to annotate your eBooks and PDFs on your Mac, PC, iPad, and more, and then put your annotations to work for you.Read More…
  • Web Design
    UX
    Walk Users Through Your Website With Bootstrap TourTour retina
    When you have a web application which requires some getting used to from your users, a walkthrough of the interface is in order. Creating a walkthrough directly on top of the interface makes things very clear, so that's what we're going to build, using Bootstrap Tour.Read More…
  • Business
    Marketing
    A Smart Guide to Landing Page OptimizationLanding page optimization
    Landing pages are a great way to convert your website traffic into users, email subscribers, or customer leads. In this smart guide to landing page optimization, learn how to apply proven strategies that will help you convert a higher percentage of your site visitors.Read More…
  • Code
    Plugins
    The Beginner's Guide to WordPress SEO by Yoast: ConfigurationThe beginners guide to wordpress seo by yoast 400
    Everyone these days tries to rank their site's content higher in Google Search results. There are marketing firms earning a good deal of revenue in relation to the most notorious digital term these days, "SEO". In this post I will be explaining the different aspects of "On Page SEO", how to deal with it in WordPress using one of the best free plugins: WordPress SEO by Yoast. This is a series of tutorials, in the first one we will be configuring and understanding different sections of the WordPress SEO Plugin. Future tutorials in this series will be about different aspects of SEO, how to utilize your site's Tags & Categories, the concept of rel='canonical', a practical example of an SEO optimized post, and finally some discussion about what else you need to do after having this plugin configured.Read More…
  • Web Design
    S.E.O.
    A Web Designer's SEO Checklist (Including Portable Formats)Seo checjklist preview
    As you might have noticed from our previous articles; there are many factors which need to be influenced to optimize a website for search engines. After a while you might not see the woods for the trees. To help you bring some order to this chaos, we’ve compiled an SEO checklist.Read More…
  • Web Design
    S.E.O.
    The Problem of Duplicate Content and How to Solve itSeo duplicate preview
    One problem that we see on almost every website is duplicate content. Larger websites with hundreds of pages are especially prone to this. But what exactly qualifies as duplicate content? Why does having duplicate content lead to problems and how can we avoid them? We'll cover all that and more within this article.Read More…