Skip to main content

Change the old description, title or image shown from a blog/website shared on Facebook or add Open Graph protocol

The Open Graph protocol is used to allow web pages to have a rich set of objects in a social graph.

To turn web pages into the graph object, basic meta tags need to add in the pages.

How to add it:

  • Specify additional meta tags in the <head> section of a blog/website. Eg.

<head>
    <!-- opengraph - ddtechone.blogspot.com -->
    <meta content='DD Tech' property='og:title'/>
    <meta content='Startup: Tech Talk' property='og:description'/>
    <meta content='http://ddtechone.blogspot.my' property='og:url'/>
    <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf9QrQViNGpZrG_plwC_6dkACpp5CGlS8wT2QXxnpFdezL0f8kDpTpaM3WiEhqNhHkX5Y__i8jC3TMah3PGXivm64MHHRYTmmzU8T2CsB1vwCT_yq3uboNJrXfOHkiZila2bslnKhK/s1600/IMG_20150601_132034.jpg' property='og:image'/>
</head>

  • Save it.

Now if you share your blog/website on Facebook, old description, title or image of the blog/website will be updated.

You can debug your blog/website using Facebook Debugger Tool to see how it appears on Facebook.

There are a lot of Open Graph tags available. You can go through the Open Graph protocol for more info.

Comments

Popular posts from this blog

Why do we need IP Address when the MAC address is unique? Can't we communicate with only MAC address?

IP addresses (network addresses) are used for just transferring information from one network to other, travelling of information among networks via.  IP address. Mac addresses (physical addresses) are actually used for distribution of information. 1) Carrying of information from one network to another. 2) Distribution of information (resources) is based upon Mac address.

XIAOMI MI4 stuck – Make your phone normal again!

Last week, my MI4 stuck after I installed and applied new theme (theme win10) to my phone. I searched few forums and knew that sometimes MI phones get stuck when some apps are installed. I found some solutions as well to fix it. One of them was to wipe all the data by rebooting to recovery mode. I was worried, I didn’t want to wipe my data at all. So instead of wiping all the data, I cleared cache and my phone came back to normal stage again. These are the steps that I did: Turn off phone by pressing the power button. Press “volume UP + power” button to go into recovery. Select “English” from the menu and go to next screen. Select “Wipe & Reset” and go to next screen. Select “Wipe Cache” and go to next screen. Now select “YES” to confirm wipe cache. After that, go back to main menu and reboot the phone.  It’s done now. I didn’t lose my data.

Set focus to a control from code behind, ASP.NET!

I tried to focus on error message in a control (asp.net table)  but I couldn't get it. So I added a hyperlink control next to the table and set focus on it. It worked perfectly. What I did: Add the following code in aspx.      <asp:HyperLink ID="LnkFocus" runat="server">      </asp:HyperLink> Add this in code behind      LnkFocus.Focus(); That's all. I think this is one of the easiest way to set focus on a control.