How should hreflang tags be set up and when are they needed?

How should hreflang tags be set up and when are they needed?

25 Jan 2024

'hreflang' tag

With globalization, many websites have started to launch multilingual versions to better serve users in different countries. To make these multilingual websites more effective in search engine results pages in different regions, using hreflang tags becomes very important. So what are the benefits of setting up hreflang tags, and what impact would there be if hreflang tags are not set up? How should hreflang tags be configured under different circumstances? Let’s continue reading with these questions in mind.

What are the benefits of websites setting up hreflang tags?

● Improves SEO issues with multilingual websites, allowing search engines to more accurately understand the language versions of a website, which helps improve rankings for multilingual websites.

● Improves user experience issues by allowing search engines to provide users with versions more suitable to their language preferences.

● Avoids duplicate content issues. By clearly defining the relationships between language and regional versions using hreflang tags, search engine penalization due to duplicate content can be avoided.

What are the disadvantages if a website does not set up hreflang tags?

● If a website does not set up hreflang tags, it would have the following disadvantages:

● Risks search engines identifying duplicate content or mirrored pages.

● Inability to properly understand the website’s language structure.

● Degraded user experience.

Let’s first take a look at Google’s official recommendation for multilingual websites as shown below:

It is recommended from both an SEO and user perspective to use region-specific URLs in the format example.com/de/. Why choose this format? Firstly, it reduces SEO optimization complexity across sites. Secondly, customers only need to maintain one domain name, greatly reducing human resource needs.

Reminder: Do not use IP analysis to adjust content. IP geolocation analysis is difficult to implement and is often unreliable. In addition, Google may be unable to properly crawl website variants. Most (not all) Google crawls originate from the US and we do not attempt to alter location information to detect website variants. Hreflang tags should not be used if IP delivery is needed.

Before setting up hreflang tags, you need to understand language and region codes. The hreflang attribute consists of one or two values separated by a hyphen, e.g. zh-CN. The first code in hreflang is the language code (using ISO 639-1 format), followed by the second code representing the region of the alternate website (using ISO 3166-1 alpha 2 format). This means: Chinese-China.

A practical case study for implementing hreflang tags is as follows:

Customer Case 1: Different regions use subdomains

Different countries and regions use local languages and subdomains to display content. This approach is not optimal for SEO and requires maintaining 6 domain names for the website.

https://cn.domain.com/

https://de.domain.com/

https://jp.domain.com/

https://es.domain.com/

https://kr.domain.com/

Recommended to change to:

https://www.domain.com/zh-cn/

https://www.domain.com/de-de/

https://www.domain.com/ja-jp/

https://www.domain.com/es-es/

https://www.domain.com/ko-kr/

hreflang tags set up as follows:

<link rel="alternate" hreflang="x-default" href="https://www.domain.com/" />
<link rel="alternate" hreflang="en-US" href="https://www.domain.com/" />
<link rel="alternate" hreflang="zh-CN" href="https://www.domain.com/zh-cn/" />
<link rel="alternate" hreflang="de-DE" href="https://www.domain.com/de-de/" />
<link rel="alternate" hreflang="ja-JP" href="https://www.domain.com/ja-jp/" />
<link rel="alternate" hreflang="es-ES" href="https://www.domain.com/es-es/" />
<link rel="alternate" hreflang="ko-KR" href="https://www.domain.com/ko-kr/" />

Customer Case 2: If the customer can afford to maintain 7 domain names, subdomain names can be retained. With retained subdomains, hreflang tags can be modified as follows:

<link rel="alternate" hreflang="x-default" href="https://www.domain.com/">
<link rel="alternate" hreflang="en-US" href="https://www.domain.com/">
<link rel="alternate" hreflang="zh-CN" href="https://cn.domain.com/">
<link rel="alternate" hreflang="de-DE" href="https://de.domain.com/">
<link rel="alternate" hreflang="ja-JP" href="https://jp.domain.com/">
<link rel="alternate" hreflang="es-ES" href="https://es.domain.com/">
<link rel="alternate" hreflang="ko-KR" href="https://kr.domain.com/">

Customer Case 3: If the website only needs to retain one language, with differences in shipping fees or product descriptions between regions, hreflang tags can be set up as follows:

<link rel="alternate" hreflang="x-default" href="https://www.domain.com/" />
<link rel="alternate" hreflang="en-US" href="https://www.domain.com/" />
<link rel="alternate" hreflang="en-DE" href="https://www.domain.com/en-de/" />
<link rel="alternate" hreflang="en-JP" href="https://www.domain.com/en-jp/" />
<link rel="alternate" hreflang="en-ES" href="https://www.domain.com/en-es/" />
<link rel="alternate" hreflang="en-KR" href="https://www.domain.com/en-kr/" />

Customer Case 4: With different subsidiaries in different regions, using local domain suffixes like .com / .hk / .au / .sg, set up can refer to the following (using .com domain name as example):

<link rel="alternate" hreflang="x-default" href="https://www.domain.com/" />
<link rel="alternate" hreflang="en-US" href="https://www.domain.com/" />
<link rel="alternate" hreflang="en-HK" href="https://www.domain.hk/" />
<link rel="alternate" hreflang="en-AU" href="https://www.domain.au/" />
<link rel="alternate" hreflang="en-SG" href="https://www.domain.sg/" />

The above setups demonstrate the importance of properly configuring hreflang tags for multilingual websites. It can improve SEO effectiveness and provide users with a better experience. For businesses with cross-border ecommerce or overseas market needs, building multilingual websites for global users is very necessary. Properly implemented hreflang tags allow your website to be better searched and identified by search engines and international users globally.

At this point, do not forget to also adjust the sitemap format, below is the setup when using a multilingual, multi-region sitemap format:

More Blogs

Featured Articles

Basics of Canonical Tags The canonical tag in HTML is likely familiar to many. We can use this HTML tag to tell search engines that the canonical or “main” URL for a page is a certain one, avoiding issues with duplicate content. To implement properly, simply add the following code in the section of the web page: The href attribute points to the location of the primary version of the page. Benefits of Using Canonical Tags: 1.Concentrates authority, avoids diluting trafficFor example, merging parameters from multiple product pages into one primary product page, or redirecting www and non-www versions to the same domain. This combines authority and prevents fragmenting traffic. The same concept applies to short links redirecting to main URLs. 2.Unifies mobile and desktopSometimes mobile sites have lower authority than desktop. Canonical tags can consolidate both versions onto one authoritative page. 3.Improves search engine assessment accuracyInforming engines of the canonical URL aims to help them better judge the primary location of main site content, aiding SEO rankings. Though simple, proper implementation provides significant SEO assistance! Canonical Concepts in CSS While there are no canonical tags in CSS, optimization at various levels can still enhance SEO through CSS code: Rational content styling: Use proper heading tags for content sections instead of DIVs/SPANs uniformly. Apply semantic class/ID names. Helps search engines correctly understand and label key data. Mobile optimization: Catering the experience across devices, providing a seamless user flow improves engagement. Mixing long and short sentences also boosts appeal and readability. Media queries enable responsive designs. Controlling horizontal scrolls and sizing for screens are also key. Performance and standards compliance: Minifying CSS/JS, deferred non-critical resource loading improves speed. Caching also accelerates….

Here is the English translation: What is an SEO landing page? Before getting into the topic, let’s explain what an SEO landing page is first. The main purpose of a landing page is to convert potential users into customers. And landing pages are designed for specific SEO purposes, which are directly related in search engine optimization. Because in many cases, visitors’ first interaction with your website is through these pages. If the relevance between your target page and the user’s search intention is low, then the chance of conversion will be greatly discounted. The importance of keyword research in selecting landing pages? Before selecting landing pages, we need to first analyze the keywords you need to do SEO. This is a very important step. We need to have a good understanding of the part of speech of the keywords. We will divide keywords into several major categories: Nouns: Words that describe products, services, industries, etc.Examples: moisturizer, SEO service, accident insurance, education, etc. Adjectives: Words that describe product and service attributes.Examples: lightweight, cheap, delicious, fast, etc. Verbs: Words that describe product functions or user behaviors.Examples: learn, book, buy, download, etc. Phrases: Words composed of multiple words.Examples: air cushion sports shoes, Huawei mobile phone case, tourist resort hotel, etc. Long-tail keywords: Longer groups of words that more specifically describe user search needs.Examples: durable, non-fading outdoor leisure shorts Personal names: Such as business names, industry celebrities, entertainment stars, etc. These names also become search terms for some users.Place names: Some place names or locations can also be hot search words, like scenic spots, city names, etc. Interrogative words: Questions or problems entered by users can also appear as keywords.For example: What is an…

1.What is YouFind Maximizer? YouFind Maximizer is an SEO optimization tool developed by YouFind company, which integrates all the optimizations needed by search engines based on over 10 years of SEO experience. It consolidates and streamlines SEO to help customers avoid the professional knowledge and staffing requirements traditionally required for optimization. The significance of Maximizer is to achieve the maximum optimization effect for the customer’s website with their minimum participation. You just need to install the Maximizer files and you can easily leave the SEO optimization within the site to us. Maximizer implements one-stop integrated optimization within the site in a unique “All-in-one” way, which has received wide acclaim from our customers. In order to assure customers of the safety of Maximizer, our company applied for a patent for it in August 2022. 2.What specific SEO optimizations can Maximizer do? 301 setting canonical setting SEO TD optimization content optimization website syntactic errors fixing multiple language setting GA / GSC setting image Alt tag fixing http protocol fixing page improve speed sitemap fixing 3.How to set up Maximizer? 3.1 PHP site setting steps example If the customer’s website supports PHP programs, you can directly load the maximizier program through the following process: Steps: 1.Back up the website Before making any changes to website files. It is strongly recommended to back up files! 2.Unzip the attachments and place the 4 files in the image above in the website root directory. All four files need writable permissions. Please set the permissions of the files to the highest level “777” 3.Upload path/check link:https://www.domain.com/yf.seo.api.php 4.After uploading, let the customer notify us. After we confirm there is no problem on our side, ask the customer to…

What Does KOL Mean? Unveiling KOLs: The Difference Between Internet Celebrities and Key Opinion Leaders

In the era before the internet, information dissemination was very “one-way”. The information we were exposed to came mainly from mass media – news was received by reporters, digested, organized and reported, and finally conveyed to the public. But in today’s internet age, information dissemination has become “multi-directional”, like a spider web that interconnects. Individuals and groups can communicate freely. From the public’s perspective, Key Opinion Leaders (KOLs) play a particularly important role. Their evaluations published on social media not only attract a lot of fans’ eyeballs, but also influence many people’s consumption decisions. Therefore, it is not difficult to understand why many brand owners and advertisers are striving to find excellent KOLs to achieve advertising effects. So what does KOL mean in Chinese? KOL (Key Opinion Leader) literally translates to “key opinion leader”. It refers to influential people on the Internet. They usually open accounts on online social platforms like Youtube, Facebook, and Instagram, regularly post content on specific topics, and gradually accumulate a large number of followers. Some KOLs involving consumer goods attract companies to cooperate with them for advertising. So what conditions should an excellent KOL have? Does high popularity necessarily mean influence? In fact not. Both popularity and influence are important indicators, but they are not necessarily proportional. A KOL with high popularity may have a lot of fans or followers, but may not be able to influence their consumption decisions. On the contrary, an influential KOL may not be well-known, but his few fans will listen to him. Evaluating KOL’s Quality and Quantity Indicators Going further, what factors should marketing professionals consider when evaluating how to select the right KOLs? Based on our team’s accumulated…

The Complete Guide to Choosing the Right SEO Company

Search engine optimization (SEO) is crucial for improving your website’s visibility and traffic from search engines. But SEO requires specialized skills and extensive effort to be effective. That’s why most businesses rely on an experienced SEO company to handle their search optimization and achieve real results. This comprehensive guide covers everything you need to know about choosing the right SEO company for your business, including: What Does an SEO Company Do? Key Benefits of Hiring an SEO Company SEO Company Services to Look For Warning Signs of Bad SEO Companies Step-by-Step Process for Choosing an SEO Company Questions to Ask SEO Company Candidates Tips for Assessing an SEO Company’s Track Record Red Flags to Avoid When Selecting an SEO Company What Does an SEO Company Do? SEO companies are service providers that use various techniques to improve websites’ organic search engine rankings, traffic, and conversions. Their expert SEO service agents focus on areas like: On-page optimization Optimizing title tags, meta descriptions, content, etc. Keyword research Identifying high-value search terms. Link building Earning high-quality backlinks from other sites. Technical SEO Improving site speed, security, mobile optimization. Content creation Producing blog posts and other assets to attract visitors. Local SEO Optimizing for searches within specific geographic regions. Reporting & analysis Tracking keyword rankings, traffic, ROI of SEO efforts. Key Benefits of Hiring an SEO Company There are many advantages to hiring an SEO company over attempting DIY SEO: Get access to SEO expertise They stay current on best practices. Save time Don’t distract your in-house team with constant SEO work. Increase organic traffic Earn higher search rankings and visibility. Unbiased insights SEO companies provide an outside perspective. Improved efficiency SEO firms have…