(

4

)

Open Graph & Twitter Card Meta Tags Plugin

$ 19.00 Buy Now

Optimized shared content with Rich Title, Description and Images on Social Sites

Facebook Feed with “og” Meta Tags

This plugin makes the content shared from your website look very attractive and eye catching at Facebook. The feed of the content shared has a Title, eye catching description and very attractive image with potential to bring more views to your website.

Twitter Feed with “twitter:card” Meta Tags

Just like the feed of content shared at Facebook, the content shared looks very attractive and eye catching at Twitter also. The tweets of the content shared has a Title, eye catching description and very attractive image with potential to bring more views to your website.

Final Code With Social Meta Tags

With this plugin enabled on your website, the content shared from your website will have have images, titles, description in the code which is when read by the Social Networking sites will make your shared content look attractive and bring more views to your website.

About the App

Sharing on Social Media is powerful tool to reach a broader audience and get more visitors to your website. But only sharing is not enough, the shared content should be optimized with rich title, description and images, so that it helps you to stand out and draw more clicks and view to your shared content. This rich sharing via Open Graph and Twitter Card has indirect positive impact on your SEO credibilities which eventually lead to more profit.

With this plugin you can get more of the traffic from your content shared on Social Media sites like Facebook, Twitter, Google, Pinterest, etc as the meta tags can hugely affect conversions and click-through rates.

Important: This plugin will work well for all the Widgetized and Non-Widgetized pages on your website. From the admin panel, you can add title, description and image to these pages so that Facebook knows what images, text, and description to use when sharing your webpages.

Note: This plugin is compatible with all 3rd party plugins which are developed following SE standards.

Facebook’s Open Graph and Twitter Card Meta Tags

These Social Meta Tags allows integration between social sites like Facebook, Twitter, Google Plus, Pinterest, etc by allowing them to become rich “graph” objects.

These tags simply put a degree of control on how information travels from your website to other social networking websites when a page is shared.

In Twitter, these cards allow you to add summary in addition to the 140-character tweet. The card information does not show up automatically on people’s feeds, but a little “View Summary” button is added below the tweets with these tags.

Now, other social media sites like Google+, Pinterest, recognize Open Graph tags and take their advantage while sharing webpages.

A. Facebook Meta Tags

Facebook’s Open Graph Meta tags comes with “og:” prefix, then the specific property is added to it. The data relative to the associated property goes within the content attribute as below:

<meta property="og:{tagName}" content="{tagValue}"/>

Let’s take a look at the most important Facebook meta tags:

1. og:title

  • This tag is used to define your content’s title.
  • This meta title is very similar to the meta title tag in HTML, but it goes to Facebook and not in search engine pages.
  • This title text is displayed in bold on Facebook feed, so it is extremely important to make compelling and good post titles.
  • There is no limit on number of characters, but keep it to be between 60 and 90. And if the tile is longer, Facebook auto truncates it to only 88.
Example:
<meta property=”og:title” content=”Your eye-catching title here” />

2. og:description

  • This tag is used to define your content’s description.
  • This meta description is very similar to the meta description tag in HTML, but it goes to Facebook and not in search engine pages.
  • This is what people at Facebook feed will read about the shared webpage, so make it attractive and compelling, so that people find it useful and click.
Example: 
<meta property=“og:description” content=“Copy your description here and if your meta description is good, use it.” />

3. og:image

  • This is considered to be the most important Open Graph tag, as a picture can help your content stand out and is the most visible part in the feed.
  • Using this tag, you can choose how to show thumbnail in the shared feeds of your website’s content.
  • This tag is very important for your conversion rates.
Example:
<meta property=”og:image” content=”http://www.yourdomain.com/image-name.jpg” />
  • There are a few other tags like "og:locale", og:type, og:url" used to send to Facebook with shared webpages.

B. Twitter Card Meta Tags

With Twitter Cards, you can attach rich photos, videos and media experiences to Tweets, helping to drive traffic to your website. This plugins adds Twitter Card meta tags to your webpages and when people share your webpages in their tweets, a “Card” will be added to the Tweets which are visible to their followers.

There are different card types to Drive engagement from your Tweets and this plugin supports the “Summary Card with Large Image” which adds Title, Description and Thumbnail (which is a prominently-featured image).

<meta property="twitter:{tagName}" content="{tagValue}"/>

1. twitter:card

  • This is a required tag and it describes the type of content being shared to twitter.
  • This plugin uses Summary Card with Large Image which adds Title, Description and Thumbnail (which is a prominently-featured image).
Example:
<meta name=”twitter:summary card” content=”summary” />

2. twitter:title

  • This tag is used to define your content’s title when shared at Twitter.
  • This meta title is very similar to the meta title tag in HTML, but it goes to Twitter and not in search engine pages.
  • This title text is displayed in bold on Twitter feed, so it is extremely important to make compelling and good post titles.
Example:
<meta name=”twitter:title” content=”Your title here” />

3. twitter:description

  • This tag is used to define your content’s description.
  • Enables you to create compelling copy that nicely complements your tweet and the title.
  • This meta description is very similar to the meta description tag in HTML, but it goes to Twitter and not in search engine pages.
Example:
<meta property=“twitter:description” content=“Copy your 200-character description here and if your meta description is good, use it.” />

4. twitter:image

  • This is considered to be the most important tag, as a picture can help your content stand out and is the most visible part in the feed.
  • Using this tag, you can choose how to show thumbnail in the shared feeds of your website’s content.
  • This tag is very important for your conversion rates, so we have used the Twitter Card for Large images.
Example:
<meta name=”twitter:image” content=”https://www.yourdomain.com /image-name.jpg” />

Admin Panel

  • Admin can enable / disable Facebook OG meta tags.
  • Admin can enable / disable Twitter Cards meta tags.
  • Admin can configure OG & Twitter Card meta Title for non widgetized and each widgetized page.
  • Admin can configure OG & Twitter Card meta Description for non widgetized and each widgetized page.
  • Admin can configure Meta Image for Outside sharing.
  • Admin can configure Meta Image for each widgetized page.

User Reviews

(

4

)
Advance Blog and Open Graph
Recommended by Andrea Rocchi on September 4th, 2017 at 12:08pm

Social Engine Solution started with few Plugins and now they have a complete set of product to make your Social Network brilliant, Our blog section was already fine, sometime ago I express my desire to have some layout cosmetic improvement in our blogs, plus some futures, after while Social Engine Solution launched the new Advance Blogs plugin, all I wanted was there, looking forward to implement it after site is fully upgrade to latest SE.
A Must have for Blogs lovers.
TIV

A must have!
Recommended by Rose Marie Perez on September 3rd, 2017 at 7:27pm

A must have plugin from Socialengine Solutions. That's how to share professionally! Very useful and with lot of features

Excellent and very useful
Recommended by Juan Hurtado on August 31st, 2017 at 5:00am

For me this plugin is great.. there are already a lot of plugins to integrate to facebook and other social media but this one has a lot of unique features, I like the possibility to share to facebook with images as a have a facebook fan page of 22k I can integrate my SE with it ;)
It's great. plus it has SES support team which is the best.

Very useful...
Recommended by lud b. on August 30th, 2017 at 8:56pm

Another very useful plugin from SES. Finally I am able to choose images for any page for sharing purpose.

Great job and great support.

Thanks for your job and waitin for others amazing new plugins...

Support

We provide support via our SocialEngineSolutions client area from Monday to Friday, 9:30 AM to 7:30 PM (GMT + 05:30).

Resources

(

4

)

Open Graph & Twitter Card Meta Tags Plugin

$ 19.00 Buy Now
Contact Us