I have a website http://www.example.com/convert.html
and would like to have multilanguage versions of the website; for example German (http://www.example.com/de/konvertieren.html
) and French (http://www.example.com/fr/convertir.html
).
I "manually" translated all the pages including the Menu items, Footer, Header etc into the respective languages. So I basically now have 3 versions of my website with whole content in a different language. In every page of all 3 websites I have included
<link rel="x-default" href="http://example.com/en" hreflang="en" />
<link rel="alternate" href="http://example.com/de" hreflang="de" />
<link rel="alternate" href="http://example.com/fr" hreflang="fr" />
Is that the correct way to do it or should it be a link to the page like
<link rel="x-default" href="http://example.com/en/convert.html" hreflang="en" />
<link rel="alternate" href="http://example.com/de/konvertieren.html" hreflang="de" />
<link rel="alternate" href="http://example.com/fr/convertir.html" hreflang="fr" />
rel="alternate" hreflang="x" is used as a page level, not a site level, and you need to mark up each set of pages, including the home page, as appropriate
– dan♦ Feb 7 '15 at 0:41