Master International SEO with the Hreflang Basics
Table of Contents:
- Introduction
- What is hreflang attribute?
- Why use hreflang attribute?
- Types of hosting for multilingual websites
- 4.1 Sub-directory type
- 4.2 ccTLD (country code top-level domain)
- 4.3 Subdomain
- The format for hreflang attribute
- Best practices for using hreflang attribute
- 6.1 Bidirectional linking
- 6.2 Self-referencing
- 6.3 Using x-default
- Other signals for localized versions
- 7.1 Country code top-level domain
- 7.2 Language
- 7.3 Currency
- 7.4 Server location
- 7.5 Inbound links
- 7.6 Search console targeting
- Conclusion
🌍 Introduction
Welcome to this video where we will be discussing the hreflang attribute and its best practices for multilingual websites. As businesses expand their target audience to international markets, it becomes crucial to provide localized versions of websites. Without the proper implementation of hreflang, search engines may struggle to understand the intended target market for each language version of a website, leading to potential misdirection of the audience.
📍 What is hreflang attribute?
The hreflang attribute is an HTML attribute used to tell search engines about alternative language versions of a webpage. It helps search engines understand which version of a webpage should be shown to users based on their language or location preferences. By using hreflang, webmasters can ensure that their website is properly indexed and displayed in the search results for users in different countries or regions.
🤔 Why use hreflang attribute?
Using the hreflang attribute is essential for websites with multiple language versions targeting different regions. Without hreflang, search engines may rely on external signals, such as IP addresses or language settings, to determine the most relevant version of a webpage for a user. While these signals can sometimes be accurate, explicitly indicating language and region using hreflang helps search engines understand the intended audience and deliver the correct version of the webpage.
🏘️ Types of hosting for multilingual websites
When creating a multilingual website, there are three common types of hosting options to consider:
4.1 Sub-directory type
In the sub-directory type, each language version of the website is created as a subdirectory. For example, test.com/ would be the default version, test.com/de/ would be the German version, and test.com/es/ would be the Spanish version. This type of hosting is commonly used when the website's content remains the same across different language versions, with only the language translations changing.
4.2 ccTLD (country code top-level domain)
A ccTLD is a top-level domain specific to a country or region. For example, .de is the ccTLD for Germany, and .es is the ccTLD for Spain. With this type of hosting, different language versions of the website are hosted on separate domains. For instance, test.de would be the German version and test.es would be the Spanish version. This approach is useful when the content and functionality of each language version vary significantly.
4.3 Subdomain
With the subdomain type, each language version is hosted on its own subdomain. For example, de.test.com would be the German version, and es.test.com would be the Spanish version. This hosting option is suitable when the language versions have substantial differences in content and functionality. It allows for better separation and organization of the different language versions.
📜 The format for hreflang attribute
The hreflang attribute follows a specific format that includes the "link rel" attribute, the hreflang attribute itself, and the URL of the alternative language version. For example:
<link rel="alternate" hreflang="de" href="https://example.com/de/" />
In this example, the hreflang attribute indicates that the URL specified is the German version of the webpage.
✅ Best practices for using hreflang attribute
To ensure the hreflang attribute is utilized effectively, consider the following best practices:
6.1 Bidirectional linking
When implementing hreflang, it is crucial to create bi-directional links between language versions. For example, if the German version is targeted at the German market, it should link back to the default version. Similarly, the default version should link back to the German version. This bidirectional linking helps search engines understand the relationship between different language versions.
6.2 Self-referencing
While not mandatory, self-referencing is a good practice when using hreflang. Self-referencing involves including the hreflang attribute that refers to the language or country code of the specific language version. For instance, the default version would self-reference the English language with hreflang="en", the German version would self-reference the German language with hreflang="de", and so on. This practice helps search engines confirm the intended language version.
6.3 Using x-default
The "x-default" value is used as a fallback option when there is no suitable language version available. By specifying hreflang="x-default" and providing the URL of the preferred default version, website owners can guide search engines to display the default version when none of the other language versions are appropriate for the user. This practice ensures a seamless user experience and prevents potential confusion.
📡 Other signals for localized versions
In addition to the hreflang attribute, search engines also consider other signals to determine the appropriate localized version of a website. Some of these signals include:
7.1 Country code top-level domain
Using country-specific top-level domains, such as .de or .es, can indicate the intended target market and language for a website. Search engines give priority to websites with country code top-level domains when matching search queries from users in the corresponding country or region.
7.2 Language
The presence of language translations on a website makes it easier for search engines to understand the target audience for each language version. If the website offers content in multiple languages, search engines may prioritize displaying the language version that matches the user's preferred language.
7.3 Currency
The currency used on a website can also serve as a signal for search engines to identify the intended target audience. Websites that display prices and conduct transactions in a specific currency may be more relevant to users from regions where that currency is commonly used.
7.4 Server location
The physical location of the website's server can influence search engine ranking for certain regions. If the server hosting the website is located in the same country or region as the target market, search engines may consider it more relevant and display it higher in the search results.
7.5 Inbound links
Inbound links from local websites or websites with regional relevance can also indicate the intended target market for a website. Search engines take into account the geographic location of the websites linking to determine the appropriate localized version to display.
7.6 Search console targeting
Webmasters can further specify their target audience through search console settings. By configuring target settings in the search console, website owners can enhance the visibility of their website in specific countries or regions.
🎯 Conclusion
The hreflang attribute is a powerful tool for targeting specific language versions of a website to the intended audience. By correctly implementing hreflang and following best practices, webmasters can ensure that search engines understand the different language versions and display the most relevant version to users based on their language or location preferences. Incorporating other signals, such as country code top-level domains, language translations, currency, server location, inbound links, and search console targeting, can further enhance the visibility and effectiveness of localized versions. So, make sure to leverage the full potential of hreflang to expand your website's reach and connect with a global audience!
Highlights:
- The hreflang attribute is used to indicate alternative language versions of a webpage.
- Proper implementation of hreflang helps search engines deliver the correct version of a webpage to users in different countries or regions.
- There are three common hosting options for multilingual websites: sub-directory, ccTLD, and subdomain.
- The format for the hreflang attribute includes the "link rel" attribute, hreflang attribute, and URL of the alternative language version.
- Best practices for using hreflang include bidirectional linking, self-referencing, and using x-default as a fallback option.
- Other signals, such as country code top-level domains, language translations, currency, server location, inbound links, and search console targeting, also play a role in displaying the appropriate localized version of a website.
- Effective utilization of hreflang and other signals helps businesses expand their target audience and connect with users globally.
Frequently Asked Questions (FAQs)
Q: Can I use hreflang for websites with only one language version?
A: Yes, you can still use hreflang even if your website has only one language version. In this case, you can self-reference the language code of your website to indicate that it is the default version of the webpage.
Q: Are there any disadvantages to using hreflang?
A: While hreflang is an essential tool for multilingual websites, it does require proper implementation and maintenance. If the hreflang tags are not set up correctly or are not kept up-to-date with any changes in language versions, it can lead to confusion for search engines and potentially affect the visibility of your website in different regions.
Q: Do search engines always prioritize the language or country code specified in hreflang?
A: While hreflang provides valuable information to search engines, they also consider other signals, such as country code top-level domains, language availability, and server location, to determine the most relevant version to display. It is important to optimize your website based on these additional signals to increase its visibility in specific regions.
Q: Can I use hreflang for a website with multiple languages but without targeting specific regions?
A: Absolutely! The hreflang attribute is not only for targeting specific regions but also for indicating language versions. Even if you don't have specific regional targeting, using hreflang can still help search engines understand the language variations on your website and deliver the most appropriate version to users based on their preferred language.
Resources:
