SlideShare a Scribd company logo
1 of 36
Expanding your site to new
languages or country-based
language variations
Maile Ohye
Developer Programs Tech Lead
Google
Agenda
• Search issues with international sites
• Background questions before you start
• Use cases
• Signals to help Google understand your
international site
<link rel=”alternate” hreflang=”en”
href=”http://www.example.com” />
• Best practices
Potential search issues
• Searchers of a particular language/region aren't
shown a URL tailored to them when one exists
Searching on google.co.uk
What if there exists an
equivalent URL for
google.co.uk searchers? :(
Potential search issues (cont.)
• Search results might display two very similar
URLs from your site, confusing users
• Search engines might not be aware of all
language variations
Self-reflection before you start
Is your team committed to...
• Developing an experience tailored to users of
a different region/language?
• Creating, reviewing, maintaining newly
written content for different users of your
site?
• Supporting customers in a new region and/or
language?
Ranking in one language/country
≠
Automatically ranking in a new
language/country
Use case: Regional variations of the
same language
Use case: Full translations (car, coche,
auto!)
rel="alternate" hreflang to help
Google understand your site
rel="alternate" hreflang
Several places to explain markup
• On-page markup
<link rel="alternate" hreflang="es"
href="http://es.example.com/page.html" />
• HTTP Header
HTTP/1.1 200 OK
Content-Type: text/htmlLink: <http://es.example.com/>;
rel="alternate"; hreflang="es"Content-Length: 5710
(... rest of HTTP response headers...)
rel="alternate" hreflang (cont.)
• Sitemap with all variations for each URL
<loc>http://www.example.com/deutsch/</loc>
<xhtml:link
rel="alternate"
hreflang="en"
href="http://www.example.com/english/"/>
<xhtml:link
rel="alternate"
hreflang="de"
href="http://www.example.com/deutsch/"/>
...
• Can submit one Sitemap if all sites are verified
rel="alternate" hreflang (cont.)
• Specify language (en), or both language and
region (en-gb)
<link rel="alternate" hreflang="en"
href="http://en.example.com/" />
<link rel="alternate" hreflang="en-gb"
href="http://en-gb.example.com/" />
rel="alternate" hreflang (cont.)
Without a general language specified (imagine
you had no general “en,” only “en-gb” and
“en-us”), Google will behave as before we
supported the hreflang annotation (i.e., we'll
try to choose one of the versions that would
be relevant to the user).
rel="alternate" hreflang (cont.)
Specify x-default for pages (often homepages)
that
• Autoredirect
• Serve dynamic content based on IP
• Act as a language selector (where users choose
their preferred language)
<link rel="alternate" hreflang="x-default"
href="http://www.example.com/" />
rel="alternate" hreflang (cont.)
Potential implementation at the Play store, both
homepage and apps vary language based
on user's IP
• https://play.google.com/
• https://play.google.com/store/apps/details?id=com.
rel="alternate" hreflang (cont.)
• For duplicative URLs, such as URLs with
sessionIDs
o Include the proper rel=”canonical”
• On canonical URLs, specify rel=alternate
hreflang values to the corresponding canonicals
o No need to list hreflang values on non-canonical URLs
rel="alternate" hreflang (cont.)
Most efficient configuration when dealing with
duplicative URLs and rel=”alternate” hreflang
rel="alternate" hreflang (cont.)
Specify all alternates on each page, including the
page itself (whether with on-page markup,
Sitemaps, or HTTP headers)
rel="alternate" hreflang (cont.)
Can be on same or different domain (e.g.,
www.example.com for "en", maileohye.com for
"sp")
o Subdirectory
 www.example.com/en/
 www.example.com/jao
o Subdomain
 en.example.com/
 ja.example.com/
o ccTLD or gTLD
 www.example.com/
 www.example.co.jp/
o Different domains
Targeting a specific country (for sites
with a gTLD)
Can still use Geographic target feature in
Webmaster Tools
• Verified subdomains or subdirectories
• Not to be used for a generic language
rel="alternate" hreflang (cont.)
May not be treated by other major search
engines in the same manner.
Use case: Country-based variations
of the same language
Use case: Full translations
Full translation and country-based
variations
Benefit: rel="alternate" hreflang
When implemented correctly, helps search
engines like Google consolidate several
indexing signals.
Benefit: Helps discovery of new URLs
Benefit: More targeted URL for
searchers
For searchers on google.co.uk
Yay! Appropriate localized
URL!
Best practices
Shareable URLs
Each URL should be shareable: URL
gives same information regardless of
user’s IP or language preference
• It’s fine to autoredirect from x-default URL
to language/country specific URLs
• Autoredirecting from one language URL to
another language URL may prevent the
crawling of all pages
• Dynamically serving different languages
on one URL will allow only one language
version to be indexed (whichever version
was crawled)
Language and region not as
parameter
• Parameters can be overloaded, more difficult
for search engines to understand
• ccTLD, gTLD subdirectory, gTLD subdomain
is fine
Use Unicode in URLs when necessary
UTF-8 encoding in the path, filenames, URL
parameters:
http://example.ca/fr/vélo-de-montagne.html
becomes
http://example.ca/fr/v%C3%A9lo-de-montagne.html
Be sure to test that your entire stack (server,
database, CMS, etc.) supports UTF-8.
Build your business with your new
language users
Finding users in the new language who can
recommend, link, and refer others to your site
can help you business gain new customers.
Factor page speed
Architecture must scale to new/more users
and network distances.
More Page Speed tips
https://developers.google.com/speed/pagespeed/
"Site performance for webmasters" video
http://goo.gl/kqS2
Power to the user
• Ability to switch a page to their language of
choice
• Enjoy a tourist experience (US English
speaker purchasing while in Germany)
Reference resources!
Working with multilingual sites
http://goo.gl/Nmgp
Working with multiregional sites
http://goo.gl/Fm0U
rel="alternate" hreflang
http://goo.gl/oxN0a
rel="alternate" hreflang="x-default"
http://goo.gl/WI3EI
Webmaster discussion forum for internationalization
http://goo.gl/T6IB7
www.google.com/webmasters
Thanks!

More Related Content

Similar to International sites hreflang video slides

Going global with international SEO - Deepcrawl at Digital Growth Day
Going global with international SEO - Deepcrawl at Digital Growth DayGoing global with international SEO - Deepcrawl at Digital Growth Day
Going global with international SEO - Deepcrawl at Digital Growth DayOMN
 
Hreflang Tag - Introduction.pptx
Hreflang Tag - Introduction.pptxHreflang Tag - Introduction.pptx
Hreflang Tag - Introduction.pptxsanal suraj
 
SEO Trainning Class by Amardeep Yadav
SEO Trainning Class by Amardeep YadavSEO Trainning Class by Amardeep Yadav
SEO Trainning Class by Amardeep YadavAmardeep Yadav ♛
 
Barcelona Multilanguage
Barcelona MultilanguageBarcelona Multilanguage
Barcelona Multilanguageguest3a6661
 
Multilingual Drupal presentation from "Do it With Drupal"
Multilingual Drupal presentation from "Do it With Drupal"Multilingual Drupal presentation from "Do it With Drupal"
Multilingual Drupal presentation from "Do it With Drupal"Gábor Hojtsy
 
International SEO: A Guide to Promoting Your Business Overseas, from Explore ...
International SEO: A Guide to Promoting Your Business Overseas, from Explore ...International SEO: A Guide to Promoting Your Business Overseas, from Explore ...
International SEO: A Guide to Promoting Your Business Overseas, from Explore ...Laura Hampton
 
The Characteristics of a Successful SPA
The Characteristics of a Successful SPAThe Characteristics of a Successful SPA
The Characteristics of a Successful SPAGil Fink
 
SEO for multilingual websites
SEO for multilingual websitesSEO for multilingual websites
SEO for multilingual websitesLingoHub
 
HREFLANG for International SEO: Lessons from 3,000 Implementations
HREFLANG for International SEO: Lessons from 3,000 ImplementationsHREFLANG for International SEO: Lessons from 3,000 Implementations
HREFLANG for International SEO: Lessons from 3,000 ImplementationsErudite
 
intenranional SEO Best practices
intenranional SEO Best practices intenranional SEO Best practices
intenranional SEO Best practices Anton Surov
 
International SEO FAQs
International SEO FAQsInternational SEO FAQs
International SEO FAQsStudio24ltd
 
International SEO FAQs
International SEO FAQsInternational SEO FAQs
International SEO FAQsStudio24ltd
 
Mind Your Lang — London Web Standards
Mind Your Lang — London Web StandardsMind Your Lang — London Web Standards
Mind Your Lang — London Web StandardsAdrian Roselli
 
Multilingual SEO - WordCamp Antwerp 03-18
Multilingual SEO - WordCamp Antwerp 03-18Multilingual SEO - WordCamp Antwerp 03-18
Multilingual SEO - WordCamp Antwerp 03-18Annelieke van den Berg
 
Mind Your lang — Accessibility Camp Toronto 2016
Mind Your lang — Accessibility Camp Toronto 2016Mind Your lang — Accessibility Camp Toronto 2016
Mind Your lang — Accessibility Camp Toronto 2016Adrian Roselli
 
getting_rid_of_duplicate_content_iss-ben_dangelo.ppt
getting_rid_of_duplicate_content_iss-ben_dangelo.pptgetting_rid_of_duplicate_content_iss-ben_dangelo.ppt
getting_rid_of_duplicate_content_iss-ben_dangelo.pptzachbrowne
 

Similar to International sites hreflang video slides (20)

Going global with international SEO - Deepcrawl at Digital Growth Day
Going global with international SEO - Deepcrawl at Digital Growth DayGoing global with international SEO - Deepcrawl at Digital Growth Day
Going global with international SEO - Deepcrawl at Digital Growth Day
 
International SEO
International SEOInternational SEO
International SEO
 
Hreflang Tag - Introduction.pptx
Hreflang Tag - Introduction.pptxHreflang Tag - Introduction.pptx
Hreflang Tag - Introduction.pptx
 
SEO Trainning Class by Amardeep Yadav
SEO Trainning Class by Amardeep YadavSEO Trainning Class by Amardeep Yadav
SEO Trainning Class by Amardeep Yadav
 
Barcelona Multilanguage
Barcelona MultilanguageBarcelona Multilanguage
Barcelona Multilanguage
 
Multilingual Drupal presentation from "Do it With Drupal"
Multilingual Drupal presentation from "Do it With Drupal"Multilingual Drupal presentation from "Do it With Drupal"
Multilingual Drupal presentation from "Do it With Drupal"
 
International SEO: A Guide to Promoting Your Business Overseas, from Explore ...
International SEO: A Guide to Promoting Your Business Overseas, from Explore ...International SEO: A Guide to Promoting Your Business Overseas, from Explore ...
International SEO: A Guide to Promoting Your Business Overseas, from Explore ...
 
The Characteristics of a Successful SPA
The Characteristics of a Successful SPAThe Characteristics of a Successful SPA
The Characteristics of a Successful SPA
 
SEO for multilingual websites
SEO for multilingual websitesSEO for multilingual websites
SEO for multilingual websites
 
HREFLANG for International SEO: Lessons from 3,000 Implementations
HREFLANG for International SEO: Lessons from 3,000 ImplementationsHREFLANG for International SEO: Lessons from 3,000 Implementations
HREFLANG for International SEO: Lessons from 3,000 Implementations
 
intenranional SEO Best practices
intenranional SEO Best practices intenranional SEO Best practices
intenranional SEO Best practices
 
International SEO FAQs
International SEO FAQsInternational SEO FAQs
International SEO FAQs
 
International SEO FAQs
International SEO FAQsInternational SEO FAQs
International SEO FAQs
 
Mind Your Lang — London Web Standards
Mind Your Lang — London Web StandardsMind Your Lang — London Web Standards
Mind Your Lang — London Web Standards
 
Module 5 and 6
Module 5 and 6Module 5 and 6
Module 5 and 6
 
Php packages
Php packagesPhp packages
Php packages
 
Multilingual SEO - WordCamp Antwerp 03-18
Multilingual SEO - WordCamp Antwerp 03-18Multilingual SEO - WordCamp Antwerp 03-18
Multilingual SEO - WordCamp Antwerp 03-18
 
Mind Your lang — Accessibility Camp Toronto 2016
Mind Your lang — Accessibility Camp Toronto 2016Mind Your lang — Accessibility Camp Toronto 2016
Mind Your lang — Accessibility Camp Toronto 2016
 
Module 3
Module 3Module 3
Module 3
 
getting_rid_of_duplicate_content_iss-ben_dangelo.ppt
getting_rid_of_duplicate_content_iss-ben_dangelo.pptgetting_rid_of_duplicate_content_iss-ben_dangelo.ppt
getting_rid_of_duplicate_content_iss-ben_dangelo.ppt
 

International sites hreflang video slides

  • 1. Expanding your site to new languages or country-based language variations Maile Ohye Developer Programs Tech Lead Google
  • 2. Agenda • Search issues with international sites • Background questions before you start • Use cases • Signals to help Google understand your international site <link rel=”alternate” hreflang=”en” href=”http://www.example.com” /> • Best practices
  • 3. Potential search issues • Searchers of a particular language/region aren't shown a URL tailored to them when one exists Searching on google.co.uk What if there exists an equivalent URL for google.co.uk searchers? :(
  • 4. Potential search issues (cont.) • Search results might display two very similar URLs from your site, confusing users • Search engines might not be aware of all language variations
  • 5. Self-reflection before you start Is your team committed to... • Developing an experience tailored to users of a different region/language? • Creating, reviewing, maintaining newly written content for different users of your site? • Supporting customers in a new region and/or language?
  • 6. Ranking in one language/country ≠ Automatically ranking in a new language/country
  • 7. Use case: Regional variations of the same language
  • 8. Use case: Full translations (car, coche, auto!)
  • 9. rel="alternate" hreflang to help Google understand your site
  • 10. rel="alternate" hreflang Several places to explain markup • On-page markup <link rel="alternate" hreflang="es" href="http://es.example.com/page.html" /> • HTTP Header HTTP/1.1 200 OK Content-Type: text/htmlLink: <http://es.example.com/>; rel="alternate"; hreflang="es"Content-Length: 5710 (... rest of HTTP response headers...)
  • 11. rel="alternate" hreflang (cont.) • Sitemap with all variations for each URL <loc>http://www.example.com/deutsch/</loc> <xhtml:link rel="alternate" hreflang="en" href="http://www.example.com/english/"/> <xhtml:link rel="alternate" hreflang="de" href="http://www.example.com/deutsch/"/> ... • Can submit one Sitemap if all sites are verified
  • 12. rel="alternate" hreflang (cont.) • Specify language (en), or both language and region (en-gb) <link rel="alternate" hreflang="en" href="http://en.example.com/" /> <link rel="alternate" hreflang="en-gb" href="http://en-gb.example.com/" />
  • 13. rel="alternate" hreflang (cont.) Without a general language specified (imagine you had no general “en,” only “en-gb” and “en-us”), Google will behave as before we supported the hreflang annotation (i.e., we'll try to choose one of the versions that would be relevant to the user).
  • 14. rel="alternate" hreflang (cont.) Specify x-default for pages (often homepages) that • Autoredirect • Serve dynamic content based on IP • Act as a language selector (where users choose their preferred language) <link rel="alternate" hreflang="x-default" href="http://www.example.com/" />
  • 15. rel="alternate" hreflang (cont.) Potential implementation at the Play store, both homepage and apps vary language based on user's IP • https://play.google.com/ • https://play.google.com/store/apps/details?id=com.
  • 16. rel="alternate" hreflang (cont.) • For duplicative URLs, such as URLs with sessionIDs o Include the proper rel=”canonical” • On canonical URLs, specify rel=alternate hreflang values to the corresponding canonicals o No need to list hreflang values on non-canonical URLs
  • 17. rel="alternate" hreflang (cont.) Most efficient configuration when dealing with duplicative URLs and rel=”alternate” hreflang
  • 18. rel="alternate" hreflang (cont.) Specify all alternates on each page, including the page itself (whether with on-page markup, Sitemaps, or HTTP headers)
  • 19. rel="alternate" hreflang (cont.) Can be on same or different domain (e.g., www.example.com for "en", maileohye.com for "sp") o Subdirectory  www.example.com/en/  www.example.com/jao o Subdomain  en.example.com/  ja.example.com/ o ccTLD or gTLD  www.example.com/  www.example.co.jp/ o Different domains
  • 20. Targeting a specific country (for sites with a gTLD) Can still use Geographic target feature in Webmaster Tools • Verified subdomains or subdirectories • Not to be used for a generic language
  • 21. rel="alternate" hreflang (cont.) May not be treated by other major search engines in the same manner.
  • 22. Use case: Country-based variations of the same language
  • 23. Use case: Full translations
  • 24. Full translation and country-based variations
  • 25. Benefit: rel="alternate" hreflang When implemented correctly, helps search engines like Google consolidate several indexing signals.
  • 27. Benefit: More targeted URL for searchers For searchers on google.co.uk Yay! Appropriate localized URL!
  • 29. Shareable URLs Each URL should be shareable: URL gives same information regardless of user’s IP or language preference • It’s fine to autoredirect from x-default URL to language/country specific URLs • Autoredirecting from one language URL to another language URL may prevent the crawling of all pages • Dynamically serving different languages on one URL will allow only one language version to be indexed (whichever version was crawled)
  • 30. Language and region not as parameter • Parameters can be overloaded, more difficult for search engines to understand • ccTLD, gTLD subdirectory, gTLD subdomain is fine
  • 31. Use Unicode in URLs when necessary UTF-8 encoding in the path, filenames, URL parameters: http://example.ca/fr/vélo-de-montagne.html becomes http://example.ca/fr/v%C3%A9lo-de-montagne.html Be sure to test that your entire stack (server, database, CMS, etc.) supports UTF-8.
  • 32. Build your business with your new language users Finding users in the new language who can recommend, link, and refer others to your site can help you business gain new customers.
  • 33. Factor page speed Architecture must scale to new/more users and network distances. More Page Speed tips https://developers.google.com/speed/pagespeed/ "Site performance for webmasters" video http://goo.gl/kqS2
  • 34. Power to the user • Ability to switch a page to their language of choice • Enjoy a tourist experience (US English speaker purchasing while in Germany)
  • 35. Reference resources! Working with multilingual sites http://goo.gl/Nmgp Working with multiregional sites http://goo.gl/Fm0U rel="alternate" hreflang http://goo.gl/oxN0a rel="alternate" hreflang="x-default" http://goo.gl/WI3EI Webmaster discussion forum for internationalization http://goo.gl/T6IB7