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:

Leave a Reply