Meta tags for responsive version (mobile & tablet) and for social functionality(facebook twitter and default social meta tags)

Meta tags for responsive version (mobile & tablet) and for social functionality(facebook twitter and default social meta tags)

Meta tags for responsive version (mobile & tablet) and for social functionality(facebook twitter and default social meta tags)

No Comments on Meta tags for responsive version (mobile & tablet) and for social functionality(facebook twitter and default social meta tags)

Meta tags are snippets of text that describe a page’s content; the meta tags don’t appear on the page itself, but only in the page’s code. We all know tags from blog culture, and meta tags are more or less the same thing, little content descriptors that help tell search engines what a web page is about.

And Responsive Meta Tag means that the browser will (probably) render the width of the page at the width of its own screen. So if that screen is 320px wide, the browser window will be 320px wide, rather than way zoomed out and showing 960px (or whatever that device does by default, in lieu of a responsive meta tag).

Examples of meta tags for responsive and social functionality :

 
<!--  meta for responsive version -->

<meta name="viewport" content="width=640, user-scalable=no" />

<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="width=640; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<meta name="viewport" content="width=640">
<meta name="viewport" content="width=620px, initial-scale=0">
<meta name="viewport" content="width=640px, initial-scale=1, maximum-scale=1" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=0" />
<meta name="viewport" content="width=device-width, user-scalable=no">
<meta name="viewport" content="initial-scale=1, maximum-scale=1" user-scalable=no />
<meta name="viewport" content="width=640; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">

<!-- SOCIAL META TAGS -->

<!--  start meta -->
<meta name="google-site-verification" content="" />
<meta class="meta_description" name="description" content="" />
<meta class="meta_keywords" name="keywords" content="" />
<meta class="meta_copyright" name="copyright" content="company name" />
<meta class="meta_author" name="author" content="author name" />
<meta class="meta_email" name="email" content="mail@mail.com" />
<meta class="meta_charset" name="Charset" content="UTF-8" />
<meta class="meta_distribution" name="Distribution" content="Global" />
<meta class="meta_rating" name="Rating" content="General" />
<meta class="meta_robots" name="Robots" content="index,follow" />
<meta class="meta_revisit" name="Revisit-after" content="7 Days" />
<!--  facebook meta -->
<meta class="og_app_id" property="fb:app_id" content="242235345797592">
<meta class="og_title" property="og:title" content="" />
<meta class="og_description" property="og:description" content="" />
<meta class="og_url" property="og:url" content=""/>
<meta class="og_type" property="og:type" content="website"/>
<meta class="og_image" property="og:image0" content="" />
<meta class="og_image og_image_2" property="og:image1" content="" />
<meta class="og_image og_image_3" property="og:image2" content="" />
<meta class="og_image og_image_4" property="og:image3" content="" />
<meta class="itemprop_name" itemprop="name" content="" />
<meta class="itemprop_description" itemprop="description" content="" />
<meta class="itemprop_image" itemprop="image" content="" />
<!-- twitter meta -->
<meta class="twitter_cart" name="twitter:card" content="summary" />
<meta class="twitter_site" name="twitter:site" content="" />
<meta class="twitter_creator" name="twitter:creator" content="" />
<meta class="twitter_url" name="twitter:url" content="" />
<meta class="twitter_title" name="twitter:title" content="" />
<meta class="twitter_description" name="twitter:description" content="" />
<meta class="twitter_image" name="twitter:image" content="" />
<meta class="twitter_image twitter_image_2" name="twitter:image" content="" />
<link class="meta_image" rel="image_src" href="" />
<link class="meta_image meta_image_2" rel="image_src" href="" />
<link class="meta_image meta_image_3" rel="image_src" href="" />
<link class="meta_image meta_image_4" rel="image_src" href="" />
<!--  end meta -->

Share This:

Related Posts

Leave a comment

You must be logged in to post a comment.

December 2019
M T W T F S S
« Nov    
 1
2345678
9101112131415
16171819202122
23242526272829
3031  

Distribuie

Share This:

Back to Top