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

Post a Comment

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.
Post a Comment
Read more

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.
Post a Comment
Read more

Add meta tags in blog, blogger

Meta tags are important block of codes in the HTML of your blog or website. They tell search engines about your blog/website title, description and etc. So when users search the web for materials that are relevant to your blog/website, search engines suggest them your blog/website. Steps to add meta tags: Login to your Blogger Account Click on the Template Tab Click on Edit HTML Search for <head> Copy the following Code and Paste it Below  <head> < !-- Meta Tags - ddtechone.blogspot.com  -- >   < meta content='Your Blog Description' name='description'/ >   < meta content='Keyword1,Keyword2,...' name='keywords'/ >   < meta content='Author Name' name='Author'/ >   < meta content='all' name='robots'/ >   < meta content='Language Name' name='language'/ >   < meta content='Country Name' name='country'/ > < !-- /Meta Tags - ...
Post a Comment
Read more