Mobile redirect

I plan on using the below tags for a mobile version of a current site. To that end should I paste the "alternate" and "canonical" tag's in the home page(s.) masterborder html or page html? Would truly appreciate any advice. Many thanks!

<link rel="alternate" media="only screen and (max-width: 640px)"
href="http://m.example.com/page-1">

and on the mobile page (http://m.example.com/page-1), the required annotation should be:

<link rel="canonical" href="http://www.example.com/page-1">

This rel="canonical" tag on the mobile URL pointing to the desktop page is required.

If you paste the code into the MasterBorder html it will appear on every page in your site. That may or may not be what you want. If you paste it into the page html, it will only appear on that page. Only you can say which is the right result for your site.

One way of deciding is to look at your logs and see where visitors are coming from and which pages in the site they are accessing first. In other words, do most of your visitors come to your home page first (in which case the redirect need only be on your home page) or do they come to a variety of pages, for example, from search engine results, in which case you may want the redirect on every page of your site.

Franko, many thanks. I truly appreciate your prompt thoughtful reply!

Jim