Ads Top

How to use "x-default hreflang" for international landing pages?




Multilingual sites


Delivering your blog's or website's content in a multitude of languages can make your web entity accessible to a wider range of audience. Indeed, this is one of the many strategies webmasters employ to increase their website traffic. They can simply configure their homepages to point towards specialized content tailored for different users' different language requirement. but now, there's a new and more SEO friendly way of doing this. Webmasters can now specify such specialized homepages using a new rel-alternate-hreflang annotation that Google only just introduced, and is compatible not only with Google, but other search engines as well such as Yandex.





There are two basic ways of delivering multi-lingual content; either through redirecting users to another page with the corresponding language setting, or dynamically changing your page's content to match the preferences of the users (and based on other things as well like their geographic location etc). But whatever way you deliver the content, this markup will still work perfectly.


'Rel-Alternate-Hreflang'



Take this site as an example. Suppose we were to serve our content in four different languages, English, Spanish, French, and German. The respective URLs would look something like this.



  • http://www.mybloggertricks.com/en/

  • http://www.mybloggertricks.com/sp/

  • http://www.mybloggertricks.com/fr/

  • http://www.mybloggertricks.com/gr/

  • and so on.....




If we were to add this annotation to our site, the best approach would be to use <link /> tags in the head of our HTML documents. Here's the syntax for this annotation.


<link href="http://www.mybloggertricks.com/en/" rel="alternate" hreflang="en" />
(for English content)


The 'x-default hreflang' attribute



You can use the "x-default" value in the hreflang attribute to indicate that a page indicated by the href attribute doesn't have any specific language preferences, and is the default page for any type of audience. This should be used when the link points to the homepage, and not to any language-specific page. For example;


<link href="http://www.mybloggertricks.com/" rel="alternate" hreflang="x-default" />


As mentioned earlier, it doesn't matter whether you change the content of your website dynamically to accommodate different languages, or redirect users to specific pages. This annotation will still work. If you have problems with using this annotations, please feel free to ask us in the comments below. Also share your feedback on the selection of topics at our blog =D

No comments:

Categories

adsense adsense optimization adsense tips Animation Announcement Apps Background backlinks Basic blog Blog Design blogger Blogger Design Blogger Hack blogger pages blogger posts Blogger Security Blogger Special Tricks Blogger Templates Blogger Tips Blogger Tips & Tricks Blogger tools blogger tricks Blogger Widgets Blogger Widgets and plugins Blogging Basic Tips Blogging ethics Blogging tips Blogging Tools Blogging Tricks Btemplates 2013 Btemplates 2014 Bugs and Errors click bombing Comments css CSS and HTMLTricks CSS3 Cursors custom domain Design Drop Down Menu Earning Tips Editing emoticons Events Facebook Facebook tricks Featured Content Slider firebug Flash Free Coupons Free Recharge Gadget Generator Google Google AdSense Google Analytics Google Plus Google Plus Tricks Guest Posts Horizontal Menu How To HowTo Tuts HTML Image Image Effects Increase traffic instagram Interesting invalid clicks Java Script javascript jQuery Label labels Link Building Links LOGO Makers Make Money Make Money Online Marketing Menu bar menus Menus for Blogger Multi Tabbed Navigation navigation menu News Numbered Page Optimizing Other Tricks Page Photoshop Pop Out popular posts Post posts presentations Pure CSS Menu recent comments recent posts related posts Responsive Blogger Templates robots Rss Search box SEO SEO Strategy SEO Tips & Tricks sitemap Slide Show slideshows Social Media social media plugins statcounter static pages Style your Blog swf Tab Menu Template Template Designing Template Tricks Templates templates 2016 threaded comments Tips tools Traffic Tips Twitter Unlock modems Vertical bar Video Wallpapers Web Designing web hosting Webmaster Tools Widget Widget Generators Widgets wordpress WordPress Plugins WordPress Themes WordPress Tricks WP Tips
Powered by Blogger.