We live in the time of social networks. When you share on Facebook the content of your newly created web page, you would expect of weird or random results… Why? All of that because of Facebook Open Graph protocol. So if you want to avoid this unexpected Facebook behavior, you should care of placing on web page those new meta tags created by Facebook tream. Examples of all of those tags can be found on http://ogp.me. In short: 1. which of them would be helpful and 2. how to put them to your Blocs app project?
- og:title - can be used as a title of a web page, og:url - can be used as the url of a web page, og:description - can be used as short description (common or for single web page), og:image - complete url address of the image displayed as the facebook post image, should be minimum size in pixels 600x315 if you prefer this image to be displayed on entire width of the facebook timeline or less if you want to display only a small image or logo on left side of the text.
Those four is enough to properly display a post on facebook containing a content from the web page. If you want to know more, about eg. video and other stuff, read the content on the http://ogp.me. There can be found other examples and complete description of those meta tags.
- Those meta tags can be used in your Blocs project using the Page Settings -> Add Code window.
Simply write necessary tags and paste them to Head Code field in mentioned window, one meta tag per line:
Access to Page Settings
Click the Add Code button
Paste the meta tags to this field.