1]
By crawling the CSS, JavaScript, and images Being able to access these external files fully will help our algorithms detect your site's responsive web design configuration and treat it appropriately.
2]
* <link rel="alternate" media="only screen and (max-width: 640px)"
href="http://m.example.com/Desktop-page" >
and on the mobile page, 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.
3]
Annotation in Sitemaps
We support including the rel="alternate" annotation for the desktop pages in Sitemaps like this:
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>http://www.example.com/page-1/</loc>
<xhtml:link
rel="alternate"
media="only screen and (max-width: 640px)"
href="http://m.example.com/page-1" />
</url>
</urlset>
4]
Annotation in Sitemaps
We support including the rel="alternate" annotation for the desktop pages in Sitemaps like this:
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>http://www.example.com/page-1/</loc>
<xhtml:link
rel="alternate"
media="only screen and (max-width: 640px)"
href="http://m.example.com/page-1" />
</url>
</urlset>
Annotation in detail
Notice the attributes of the link tag on the desktop page:
@ The rel="alternate" attribute signals that this tag specifies an alternative URL to the desktop page.
@ The media attribute's value is a CSS media query string that specifies the media features the alternative URL applies to. In this case, we're using a media query that's typically used to target smartphones.
@ The href attribute specifies the location of the alternative URL, namely on the page on m.example.com.
This two-way ("bidirectional") annotation helps Googlebot discover your content and helps our algorithms understand the relationship between your desktop and mobile pages and treat them accordingly. When you use different URLs to serve the same content in different formats, the annotation tells Google's algorithms that those two URLs have equivalent content and should be treated as one entity instead of two entities. If they are treated separately, both desktop and mobile URLs are shown in desktop search results, and their positions may be lower than they would otherwise be.
Ref - https://developers.google.com/webmasters/smartphone-sites/details#dynamicserving
By crawling the CSS, JavaScript, and images Being able to access these external files fully will help our algorithms detect your site's responsive web design configuration and treat it appropriately.
2]
* <link rel="alternate" media="only screen and (max-width: 640px)"
href="http://m.example.com/Desktop-page" >
and on the mobile page, 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.
3]
Annotation in Sitemaps
We support including the rel="alternate" annotation for the desktop pages in Sitemaps like this:
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>http://www.example.com/page-1/</loc>
<xhtml:link
rel="alternate"
media="only screen and (max-width: 640px)"
href="http://m.example.com/page-1" />
</url>
</urlset>
4]
Annotation in Sitemaps
We support including the rel="alternate" annotation for the desktop pages in Sitemaps like this:
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>http://www.example.com/page-1/</loc>
<xhtml:link
rel="alternate"
media="only screen and (max-width: 640px)"
href="http://m.example.com/page-1" />
</url>
</urlset>
Annotation in detail
Notice the attributes of the link tag on the desktop page:
@ The rel="alternate" attribute signals that this tag specifies an alternative URL to the desktop page.
@ The media attribute's value is a CSS media query string that specifies the media features the alternative URL applies to. In this case, we're using a media query that's typically used to target smartphones.
@ The href attribute specifies the location of the alternative URL, namely on the page on m.example.com.
This two-way ("bidirectional") annotation helps Googlebot discover your content and helps our algorithms understand the relationship between your desktop and mobile pages and treat them accordingly. When you use different URLs to serve the same content in different formats, the annotation tells Google's algorithms that those two URLs have equivalent content and should be treated as one entity instead of two entities. If they are treated separately, both desktop and mobile URLs are shown in desktop search results, and their positions may be lower than they would otherwise be.
Ref - https://developers.google.com/webmasters/smartphone-sites/details#dynamicserving
No comments:
Post a Comment