Multi-language site in Webflow
Hello everyone. I hope you're all doing well. I need a little help regarding SEO. When we have a smaller website in Webflow, for example in English, and we duplicate those pages and translate them into German. How do we tell Google that these are not duplicates and that the pages are in another language? Let's say we have the following pages:
http://www.mysite.com
http://www.mysite.com/de
http://www.mysite.com/about
http://www.mysite.com/de/about
Somewhere, I found that we should put the following code in the head of each page, can someone confirm if anything else needs to be done?
<link rel="alternate" hreflang="en" href="https://www.mysite.com/">
<link rel="alternate" hreflang="de" href="https://www.mysite.com/de/">
Do we need to perhaps include canonical, x-default, or <html lang="en"> tags?
1 Reply
@dragan I haven't done much multi-lingual website work but looks like you are on the right track. I usually toggle on Webflow's global canonical feature in the site settings, which I would go with for this example too.
https://chat.openai.com/share/9b7084f6-490f-4583-94dc-f04d5018c0b9
You may not be able to modify the html tag directly in webflow without using their language features. You could try using javascript to modify the attribute - google crawlers do wait for javascript now but there's not a lot of detail on how it works.
Google Search Documentation talks about how they "meet the web as it is" meaning your page doesn't have to be perfect. I would assume their crawlers are smart enough to pick up a language variation and serve the proper content. That said, what I would do is implement the easy stuff you can slap in the head tag or toggle in webflow settings (global canonical) and then monitor GSC for duplicate content warnings. I'll bet google will figure it out but if you get a warning you can start trying other things. Hope that makes sense!
ChatGPT
A conversational AI system that listens, learns, and challenges