Social Meta Tags for Google, Twitter and Facebook
Wall Script
Wall Script
Monday, January 27, 2014

Social Meta Tags for Google, Twitter and Facebook

If you are developing an eCommerce (product selling) website and you must integrate with social networks sites like Facebook, Twitter and Google plus to reach more people. I strongly believe social networks like Facebook, Twitter and Google Plus will increase your product sales and generating new web traffic. This post will explain you that how to include social META tags for defining exact titles, description and images for better results.

Social Meta Tags


Live Demo

Note: You have to include following META tags within the tag HEAD.

Meta Tags for Discoverability
This helps to improves Google ownership for search engine optimization.
<meta property="place:location:latitude" content="13.062616"/>
<meta property="place:location:longitude" content="80.229508"/>
<meta property="business:contact_data:street_address" content="Street Name"/>
<meta property="business:contact_data:locality" content="City Name"/>
<meta property="business:contact_data:postal_code" content="ZIP Code"/>
<meta property="business:contact_data:country_name" content="Country"/>
<meta property="business:contact_data:email" content="[email protected]"/>
<meta property="business:contact_data:phone_number" content="+91 1234567890"/>
<meta property="business:contact_data:website" content="http://www.website.com"/>

Google Plus
Here add you website details.
<meta itemprop="name" content="Website Name"/>
<meta itemprop="description" content="Website Description"/>
<meta itemprop="image" content="https://website.com/image250X250.png"/>

Google Plus Meta Tag

Google Structured Data Testing Tool http://www.google.com/webmasters/tools/richsnippets

Twitter
<meta name="twitter:card" content="summary"/>  <!-- Card type -->
<meta name="twitter:site" content="9lessons"/>
<meta name="twitter:title" content="The Wall Script">
<meta name="twitter:description" content="PHP Social Networking Script"/>
<meta name="twitter:creator" content="9lessons"/>
<meta name="twitter:image:src" content="https://website.com/image250X250.png"/>
<meta name="twitter:domain" content="website.com"/>

Twitter Cards

Twitter Verification
Validate your website here https://dev.twitter.com/docs/cards/validation/validator

Add your website and validate
Twitter Verification

Give website owner details
Twitter verification

Validation approved
Twitter Verification

Facebook
Modify with your website and Facebook profile details.
<meta property="og:type" content="profile"/>
<meta property="profile:first_name" content="First Name"/>
<meta property="profile:last_name" content="Last Name"/>
<meta property="profile:username" content=""/>
<meta property="og:title" content="Website Name"/>
<meta property="og:description" content="Website  Description"/>
<meta property="og:image" content="https://website.com/image250X250.png"/>
<meta property="og:url" content="http://www.thewallscript.com"/>
<meta property="og:site_name" content="Website Name"/>
<meta property="og:see_also" content="http://www.website.com"/>
<meta property="fb:admins" content="Facebook_ID"/>

Facebook debugger tool to validate meta information. https://developers.facebook.com/tools/debug
web notification

22 comments:

  1. karanJanuary 27, 2014 at 5:08 PM

    Very informative article. Thanks for sharing :))

    ReplyDelete
  2. Developer hosnyJanuary 27, 2014 at 5:26 PM

    nice wall , good script

    ReplyDelete
  3. zuwaiJanuary 27, 2014 at 6:14 PM

    nice share...i will try it for my blog

    ReplyDelete
  4. siddhuJanuary 27, 2014 at 9:10 PM

    Extordinaryyyyyyyyyyyyyy...

    ReplyDelete
  5. PhongLeJanuary 27, 2014 at 9:46 PM

    how to add meta search with [review]

    ReplyDelete
  6. bastr3January 27, 2014 at 11:02 PM

    nice man :) thank you

    ReplyDelete
  7. AnonymousJanuary 27, 2014 at 11:37 PM

    excellent

    ReplyDelete
  8. PraveenJanuary 28, 2014 at 12:36 AM

    Thanks for sharing!!

    ReplyDelete
  9. MuralidharJanuary 28, 2014 at 2:05 AM

    Shall i add this snippet to blogger template too?

    ReplyDelete
  10. Jane WallJanuary 28, 2014 at 2:10 AM

    This is awesome article Srinivas, along with social shares and visits, it will surely help us to impletement Schema.org on our website. Can you explain about apple touch icons and dublin core tags as well?

    ReplyDelete
  11. Chirag MishraJanuary 28, 2014 at 2:38 AM

    Nice post and yes Social Networking sites are useful for generate traffic. Thanks for sharing.

    ReplyDelete
  12. Simon ArturiusJanuary 28, 2014 at 3:28 AM

    nyc....thanks fro the script..:-)

    ReplyDelete
  13. SEOJanuary 28, 2014 at 4:39 AM

    Better use schema. Schema is universal and accepted by all major search engines. Opengraph is good for FB.

    ReplyDelete
  14. Prasenjit KumarJanuary 28, 2014 at 6:38 AM

    nice

    ReplyDelete
  15. Nikhil BhivgadeJanuary 28, 2014 at 7:01 AM

    Thanks for Sharing information....

    ReplyDelete
  16. GiriJanuary 29, 2014 at 1:30 AM

    Nice info

    ReplyDelete
  17. BalajiJanuary 29, 2014 at 1:55 AM

    Great... tank you...

    ReplyDelete
  18. nazmul hassanFebruary 4, 2014 at 12:56 AM

    nice post.... thank you for sharing this post

    ReplyDelete
  19. Hava durumuFebruary 14, 2015 at 2:02 PM

    Thanks for sharing!!

    ReplyDelete
  20. Discount2DealFebruary 26, 2015 at 4:53 AM

    thank you for sharing this post admin. i use all social meta tag in my site.

    ReplyDelete
  21. Barbi oyunuJune 16, 2015 at 7:40 AM

    thank you for post

    ReplyDelete
  22. UnknownJune 2, 2017 at 4:22 AM

    Hi. my web page is after login. so i guess that is why google is not taking my appropriate data. is there anything i can do?

    ReplyDelete

Most Popular Posts

mailxengine Youtueb channel
Facebook and Google Login
Make in India
X