How To show your Organization Logo On Google Search Results?

Organizational logos
To any company, organization, or corporation, a logo is a basic building block without which the building cannot hold. It helps with the instant public recognition of a brand, which is why a new start-up company isn't considered complete unless it has an official logo. The use of logos dates as far back as 2300 B.C, and the practice still remains with most businesses today. Make that "all businesses", because I can't think of any brand that does not have a logo. Companies need people to recognize them. Have you ever thought of associating an official logo with your brand? You might already have a logo, but how do you officially associate a logo with your official website, so that even search engines know what your logo is? Fortunately, schema.org markup for organizational logos allows you to do just that, and Google has very recently released support for it!

Using this markup, you can officially link your website to your logo icon, which will automatically get associated with your brand. Google will understand that this is your logo icon, and will use this information in search results.

Specifying a logo for your site

Suppose you have a website (www.yoursite.com). To associate a logo, you have to keep an image of that logo in a safe and secure place online, a place where you or others won't bother it. Ideally, it should be in the same place where you keep your website files (web hosting server). But you can put it in another accessible place as well, such as another server. But make sure you don't move the file around, so as not to change its URI.

You can use a multitude of web formats for your image files, such as .jpg, .bmp, .ico, .png etc. But .png is recommended, since it offers high quality with lossless compression (formats like .jpg are lossy - their quality deteriorates).

To point this logo image to Google's algorithms, you can use the following markup using visible on-page elements on their homepage.

<div itemscope itemtype="http://schema.org/Organization"> <a itemprop="url" href="http://www.example.com/">Home</a> <img itemprop="logo" src="http://www.example.com/logo.png" /></div>

Where www.yoursite.com is the URL of your site's homepage, and www.yoursite.com/logo.png is the direct URI of your logo image.

Why use logos?

Google's algorithms will automatically associate the image with your homepage, and this information will be used in search results - the logo image will be given preference over others in the Knowledge Graph, for example. It also helps with your authority, and in the future, we can expect more applications for this feature.

With this feature, you can also set up a single logo for multiple websites under the same brand/company. And since your logo has precedence, it will replace your Google Plus profile picture in search results. We at MBT aren't using this markup, because we're fine with our Google Plus profile picture. However, we will do it once we set up a company website for our network.

Got any questions? Feel free to ask in the comments section below. And stay tuned for more updates on how Google works. Cheers :)

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

19 comments

PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.
  1. Thanks Qasim Bro its indeed a very helpful news for all blogger users. Thanks for using this nice trick with markup setings. Thanks you so much.

    ReplyDelete
  2. Wow... This is pretty nice bro Qasim, i always like your posts. Thanks for sharing.

    ReplyDelete
  3. Thank Qasim its very helpful for organization, Thank you very much.

    ReplyDelete
  4. This comment has been removed by the author.

    ReplyDelete
  5. nice post.
    Sir i making my blog for last 2 mounts. I publised over 57 poast about electrical learning but my daily visitor 30-40.
    Plz help me that how can increas my visitor.
    My blog is
    haidarustaad.blogspot.com

    ReplyDelete
  6. But where to embed this code. In our index page?

    ReplyDelete
    Replies
    1. he is pointing it to the "home" link in the nav menu... Bloggerology

      Delete
  7. Any eg. or anyone using org logo on G search?

    ReplyDelete
  8. Thanks 4 sharing this..Loveable post!

    ReplyDelete
  9. nice information admin i like it :D

    http://cyberhax.blogspot.com

    ReplyDelete
  10. you didn't state where to paste the code www.jindublog.com

    ReplyDelete
  11. The problem is we (like many other sites) display our logo using css as a background image and don’t have an image file in the HTML to add the schema to.

    Do I throw the redundant HTML code on the page and slap a display:none on it , or can I mark it with just meta tags instead of img tags? if so, how would you recommend doing it?

    Thanks.

    ReplyDelete
  12. Sir where can i paste this code

    ReplyDelete
  13. nice post and nice info. Thanks
    very helpful

    ReplyDelete
  14. Hello,
    Please kindly teach me where should I insert the above code in my blogspot ?

    ReplyDelete
  15. Hello,
    Please kindly teach me where should I insert the above code in my blogspot ?

    ReplyDelete
  16. Pleases Tell Us...
    Where to use this code in source code of our site..
    www.TheDeepak.Com

    ReplyDelete