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?
Was this page helpful?