What Is The Open Graph Protocol?

Marketers create a lot of content. Yes, content is king, but a king is powerless without followers. So, what’s the first thing that comes to mind when you want to reach a broader audience with your awesome new post?

Sharing on social media, of course. The huge audiences of Facebook and Twitter make them the best platforms for sharing, but do you know how to optimize that outreach potential?

Facebook introduced Open Graph in 2010. It promotes integration between Facebook and other websites by allowing them to become rich “graph” objects with the same functionality as other Facebook objects.

Now, other social media sites also are taking advantage of social meta tags. All of the other major platforms, Twitter, LinkedIn, and Google+, recognize Open Graph tags. Twitter actually has its own meta tags for Twitter Cards, but if Twitter robots cannot find any, Twitter uses Open Graph tags instead.

How to implement Open Graph Meta Tags?

You can integrate OGP into a webpage by adding meta element into its <head>. In order to integrate OGP, you need to insert the prefix and define attribute by following this simple 9-step tutorial:

  1. First, you must highlight and add a prefix into the ’s <head>  element and highlight that the Open Graph Protocol is present in page code: 
    <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
  2. Then, you need to add the website or webpage title: 
    <meta property="og:title" content="Website title" />
  3. Add the description of the website (optimally, up to 156 characters including spaces) 
    <meta property="og:description" content="Website description" />
  4. Insert the tag with URL address of the page: 
    <meta property="og:url" content="Website URL address" />
  5. We need to highlight and determine URL of the image which is to be used while sharing and liking the Facebook page: 
    <meta property="og:image" content="Website image URL" />
  6. Write dimensions of the image from the fifth step: 
    <meta property="og:image:width" content="Website image width" /> 
    <meta property="og:image:height" content="Website image height" />
  7. Write the name of the website, blog, natural person, or company: 
    <meta property="og:site_name" content="Website name" />
  8. Add and determine object type by choosing the tag which best describes whether it is a website, personal portfolio, author, book, restaurant, blog or blog article, etc: 
    <meta property="og:type" content="Website type" /> 

    Currently available objects are the following: (website, article, book, books.author, books.genre, business.business, fitness.course, music.album, music.musician, music.playlist, music.radio_station, music.song, object, place, product, product.group, product.item, profile, quick_election.election, restaurant, restaurant.menu, restaurant.menu_item, restaurant.menu_section, video.episode, video.movie, video.tv_show, video.other). 
    *There may be some changes in the existing or adding new object attributes due to constant development of the Open Graph Protocol.

  9. The last, but not the least, is adding the ID of a private Facebook profile’s administrator number from which the Facebook page of the company was created: 
    <meta property="fb:admins" content="Facebook admin Id number" /> 
    or adding the ID number of the Facebook application which was created from the administrator’s Facebook account: 
    <meta property="fb:app_id" content="Facebook application Id number" />

You can Contact Me to discuss your website and social media strategy.

Some articles you might also be interested in...

The tools, habits, and hardware needed to speed up your computer
The tools, habits, and hardware needed to speed up your computer

Whether it happens gradually over time or all of a sudden, trying to work with a slow computer can be seriously frustrating. Even if you’re fairly diligent with the maintenance of your laptop or PC, it’s surprising how quickly things slow down. If you are asking yourself “Why is my laptop so slow” and running Windows 10, 8, or 7, this post is for you!

Read The Article
How to monitor the power usage of devices using a Sonoff Pow R2
How to monitor the power usage of devices using a Sonoff Pow R2

Sonoff Pow R2 is a 16A WiFi smart light switch that allows you to remotely manage and control your appliances and monitor your home energy usage. The WiFi light switch works like a power monitor, which allows you to keep track of 99% accurate real-time current, voltage and power on your app.

Read The Article
Sonoff SNZB-02 Zigbee Temperature & Humidity Sensor
Sonoff SNZB-02 Zigbee Temperature & Humidity Sensor

Enclosed in the same shell, SNZB-02 Zigbee temperature & Humidity sensor reports back every couple of minutes. The sensor is powered by CR2450 3V battery. The extra capacity means that the sensor will last a really long time. I have a heater connected to eWeLink app and, once I added a hub (absolutely required) this thing has performed well. The heater is controlled within +- 1°C. That's another thing, eWeLink only provides temperature readings in °C with no option for °F. I'm thinking about placing another sensor on the outside of the window so that I can control based on outdoor temperature as well.

Read The Article