Have you ever visited a website in another language and your browser asks you if you want to change it to your first language?
That’s a life saver, isn’t it?
Now think about whether you provided the functionality to owned The web is ready for a global audience. If you haven’t properly tagged or redirected your content to be optimized in different languages, it may not reach the expected traffic.
The name of this property is called language tagging, and it’s an SEO tag that you can use to make sure search engines know what language your content is in.
There are two different types of language tags: HTML tags and hreflang tags.
While both the HTML tag and the hreflang tag are aimed at optimizing content in multiple languages, they have a few differences.
Simply put, the language tag (or lang) attribute on the HTML tag tells your browser the language of current document or web page, while the hreflang tag attribute tells your browser the language of the web page being linked – for example, the lang tag on HubSpot.com tells your browser the language of HubSpot.com but the hreflang tag attribute indicates HubSpot.com’s language creation search when the user searches for HubSpot.
If the user searches for HubSpot.com from Germany, the hreflang tag is responsible for changing the available link in the search engine. However, when someone visits HubSpot.com in Germany, a lang tag changes the language of the page itself.
It can be more easily visualized, so here is a sample lang tag:
Additionally, here is a sample hreflang tag:
hreflang = “in” />
Google suggestions use hreflang when indexing webpages in different languages.
Next, let’s explore what hreflang tags are used for and how you can use them for your own websites.
What is a Hreflang card?
This attribute is what allows search engines to know which languages are being used on the linked website on the SERPs. This allows search engines to deliver results specific to that language.
Tags are: rel = “alternate” hreflang = “x”
The Hreflang tag allows you to show Google and other search engines the relationship between websites in different languages. For example, if your tag needed to link to an English blog, you’d use the following tag: hreflang = “en”.
Here’s an example of what a web page will look like when tagged with the hreflang property:
“En” in the first part of the tag refers to the language code, English, and “US” refers to the country code for the United States.
Users with IP addresses indicate which language is being used automatically see the site properly tagged, so the hreflang tag is especially useful if you have a global audience and want to make the user experience possible. theirs interesting.
Why do you need a Hreflang card?
Lastly, it would be helpful to use hfreflang tag so that you can create a better user experience. If a user in Germany searches for HubSpot, we want to make sure that the results in the search engine show our site in German, not in English. Besides a better user experience, this can also help reduce bounce rates and increase conversion rates because you’re showing the best version of your website to the right audience.
How does the Hreflang card work?
To illustrate how hreflang works, let’s look at an example. Let’s say you create two identical home pages, but one in English (hreflang = “en”) and the other in Spanish (hreflang = “es”).
When a user searches for your homepage in Spanish or from a Spanish-speaking browser, they’ll get the Spanish version of your homepage, as long as it’s properly tagged.
Each language and country has its own hreflang tag. Here is a list of popular ones:
German / German: de-de
UK / US: en-us
Irish / Irish: ga-ie
Hindi / Indian: hi-in
Italian / Italian: it-it
Japanese / Japanese: ja-jp
Korean / Korean: ko-kp
Portuguese / Brazilian: pt-br
Russian / Russian Federation: ru-ru
Chinese (simplified) / Chinese: zh-hans-cn
Thai / Thai: th-th
If you are sharing the same page in different regions, note that there can be multiple hreflang tags on the same page. For example, if your French site also sells to customers in Germany and Spain, you’ll be able to tag your page with HTML respectively.
Keep in mind that since hrefleg tags can be overridden by other SEO options, your page may rank higher in a different language. To avoid this, make sure search engines are equipped with the correct attributes, so that they know which language will render your page.
Ultimately, the purpose of hreflang is to provide customers who speak different languages or live in different regions of the world with content that is relevant to them. The search engine will give international users the version of the page in their language on the results page.
If all of this is a little confusing, don’t worry. You can use the free Hreflang tag generator, so all you need to do is copy and paste the code. See a few examples below.
Hreflang tag creation tool
first. Hreflang tag creation tool
With this tool, you can generate hreflang tags for your multilingual website. All you need to do is add the URL to your website and choose its language.
This is a great tool as you can even upload CSVs with up to 50 URLs and can generate hreflang tags for 50 sites at the same time.
Geo Targetly is another great hreflang generator. It’s easy and free to use. All you need to do is enter your URL and language, and you’re done.
While you can’t have up to 50 websites at once, it’s still a quick, easy option to use.
The Sistrix tool is similar to the other two tools above. All you need to do is enter your URL and language and the tool will then generate the code for you.
Now that you know a little more about hreflang tags, let’s talk about HTML language tags.
HTML language tag example
The HTML language attribute specifies the language of the web page. For example, the HTML language tag for an English web page would look like this:
Recall that Google doesn’t consider HTML language tags, but other search engines can, so you should include them in search engines not looking at hreflang tags.
You may also want to use HTML language tags in conjunction with hreflang tags – they can work together to inform search engines of the content on your web pages. Having both tags tells search engines what language the site is using, and directs users from other countries to the appropriate website.
When you’re optimizing your content for search engines, it’s important that you do everything you can to rank on the SERPs. This helps people around the globe find your business.