Truemag

  • Categories
    • Tips And Tricks
    • Internet
    • PHP
    • Javascript
    • CSharp
    • SQL Server
    • Linux
  • Lastest Videos
  • Our Demos
  • About
  • Contact
  • Home
  • Write With Us
  • Job Request
Home Tips And Tricks Adding Meta Tags For Social Sharing

Adding Meta Tags For Social Sharing

These meta tags: og:title, og:image, og:url, og:description, etc will define information what we want to share on social sites such as Facebook.

The meta tags should be managed and placed within the <head> … </head> section of every web page.

Example of meta tags for social sharing

<html>
<head>
<title>Adding Meta Tags For Social Sharing</title>
<meta property="og:title" content="4 Rapid Development" />
<meta property="og:site_name" content="4rapiddev" />
<meta property="og:description" content="Just a demo for adding meta tags for social sharing" />
<meta property="og:url" content="http://4rapiddev.com/" />
<meta property="og:image" content="http://4rapiddev.com/wp-content/themes/4rapiddev/images/logo.png" />
</head>
<body>
</body>
</html>

<html> <head> <title>Adding Meta Tags For Social Sharing</title> <meta property="og:title" content="4 Rapid Development" /> <meta property="og:site_name" content="4rapiddev" /> <meta property="og:description" content="Just a demo for adding meta tags for social sharing" /> <meta property="og:url" content="http://4rapiddev.com/" /> <meta property="og:image" content="http://4rapiddev.com/wp-content/themes/4rapiddev/images/logo.png" /> </head> <body> </body> </html>

In the example above, meta tags for social sharing are:

  • og:title: the title of the page; should be the same with webpage title
  • og:site_name: the website name, not URL
  • og:description: the description of what you want to share. Should be the same with description meta tag
  • og:url: the URL of the page
  • og:image: the URL of image which represents for the shared content

For more information, please reference 2 links below to get best practices on social sharing:

  • Sharing Best Practices for Websites & Mobile Apps
  • The Open Graph protocol

 

Oct 28, 2014Hoan Huynh

Demo page

Clear Facebook Cached URLJQuery Read Rows And Columns Of HTML Table
You Might Also Like:
  • Clear Facebook Cached URL
  • Delete Bulk Draft And Trash WordPress Posts Includes All Tags, Comments, Meta Fields And Terms Associated
  • Etiquette tips for beginners about social media
  • Function Remove All HTML Tags In PHP
  • How To Get WordPress Tags By Categories
  • Share Page On Facebook With Thumbnail Featured Image
  • Create Auto Refresh Page Or Redirect After A Given Seconds
  • Display Technorati Media Ads In Iframe
  • WordPress Delete Unused Post Tags By SQL Command
  • Top Social Bookmarking Websites Support Do Follow Link
Hoan Huynh

Hoan Huynh is the founder and head of 4rapiddev.com. Reach him at [email protected]

6 years ago Tips And TricksFacebook, meta tags, Open Graph protocol, Social Sharing134
0
GooglePlus
0
Facebook
0
Twitter
0
Digg
0
Delicious
0
Stumbleupon
0
Linkedin
0
Pinterest
Most Viewed
PHP Download Image Or File From URL
21,918 views
Notepad Plus Plus Compare Plugin
How To Install Compare Text Plugin In Notepad Plus Plus
19,746 views
Microsoft SQL Server 2008 Attach Remove Log
Delete, Shrink, Eliminate Transaction Log .LDF File
15,584 views
JQuery Allow only numeric characters or only alphabet characters in textbox
13,094 views
C# Read Json From URL And Parse/Deserialize Json
9,557 views
4 Rapid Development is a central page that is targeted at newbie and professional programmers, database administrators, system admin, web masters and bloggers.
Recent Posts
  • Research Paper Writing Service
  • Annotated Bibliography Example – How it Can Help You
  • Essay Writing Online Tips – How to Write Essays Online With Essay Proof Editing
  • Get Research Paper Assistance From Professional Help
  • Customized Essay Writing Agency – Why You Want It
Categories
  • CSharp (45)
  • Facebook Graph API (19)
  • Google API (7)
  • Internet (87)
  • iPhone XCode (8)
  • Javascript (35)
  • Linux (28)
  • MySQL (16)
  • PHP (84)
  • Problem Issue Error (29)
  • Resources (32)
  • SQL Server (25)
  • Timeline (5)
  • Tips And Tricks (141)
  • Uncategorized (62)
Recommended
  • Custom Software Development Company
  • Online Useful Tools
  • Premium Themes
  • VPS
2014 © 4 Rapid Development