Pinterest article rich pins logo not showing - html

We've created a Business account in Pinterest and our website got approved. On approval, a meta tag was given and we added it to our website meta tags. We've validated our website URL for rich pins and it also got approved. Next step was to enable rich pins and we did it. The problem is that our logo doesn't appear in the article rich pin.
This is what we have:
This is what we want:
As you can see CNN has a logo and a dialog for following them.

The logo here is a link to your Pinterest profile. It is a feature of confirming your website, and not a feature of adding Rich Pin meta data to your site.
Learn about confirming your website at https://business.pinterest.com/confirm-your-website
The Follow button will appear to anyone who is not already following you. You can edit the image by changing your profile picture.
Pinterest does not currently add the favicon from your site to Rich Pins, but the validator does still check for it. It's used in embedded Pins on other sites currently, and the use may change in the future.
I hope that helps explain what you're seeing!

Related

don't working Og in meta tag in sharing link

I set all Og tags to my website.
But when I share a link from my website on social networks such as WhatsApp and Telegram, the image and other information is not displayed.
I even tried with a small photo but it still did not show
What is the problem?
I did a lot of research but I still haven't succeeded.
Please help me. Thank you
I realized that the address in the og:url should be exactly like the address of site.
Then, if this address is complete(https://www.websiteurl...) will be shown in Telegram and WhatsApp. If it does not have one of the "https" and "www" ,information may not be displayed in one.
I have had similar issues with Open Graphs tags... Facebook keeps updating the tags and their documentation does not make it clear.
I suggest copy-pasting your url in Open Graph debugger which would highlight any issues with your OG tags.
I don't see any issues with your tags, but you might want to include the following tags:
og:image:url
og:site_name
og:country-name
Also this question might be helpful.

Show source website when sharing a link on Facebook?

I'm a manager of a page on Facebook and now I'm building a site for this page. To be honest I'm way too new to web-developing to be doing such a site, but I would like to try anyway.
My question is, when I see my friend shares a link (from BuzzFeed for example), I would see something like this
I believe that to change the thumbnail, the title and the description you would have to edit the meta tag of the html files (please correct me if I'm wrong).
So I just want to know how the source website (circled red in the picture) can be displayed through the shared links.
P/S: A side-question, if I want to learn more about building such a "social" site, where can I read more about it and what frameworks should I look into, thanks alot !

Website Redirection in Google Search

My problem is whenever I search any related keyword about my website in google, it will display the content and address of the website but if I click the link it will redirect to another website which is not related to my website.
Click this to see the image
This most likely is Google's problem. In other words, I don't think there is anything you can do.

Is it possible to integrate a Facebook page's "recommendations box" into a website?

I am not talking about this thing that shows related pages/links, I'm talking about the box that shows up on Pages:
I can't find any information about it on Facebook - all that comes up is the "Recommendations Box" linked above. In fact the box recently disappeared and we had to follow some convoluted method to make it appear again (add an address and make sure the map is displayed).
We would like to display the recommendations on the testimonials page on our site. Is there any method to do this?
No, there is no social plugin which displays this information, nor is there an API which returns those recommendations

How should i structure the code so Facebook and Google+ fetch the right elements when someone shares an url?

I was wondering which elements are fetched when an user shares an url on Facebook or Google+...
For example: how can i make sure the description of the post will be the description i want to be shared and the image will be the image i want to be shared?
Title is pretty obvious, so i skipped that.
Facebook suggests the opengraph protocol: http://ogp.me
It works reliable and can be checked with the facebook url linter http://developers.facebook.com/tools/lint/
Funny, I just wrote a blog post about this this week. It seems to me that there's no reliable way of knowing how either social network site will parse your web page to get the "status" version of it. Not only does each site do it differently (i.e. FB, vs. linkedin vs. G+), but they're liable to change it at a whim.
So currently the short answer is that you can't know this for sure. You have to reverse engineer each social network site's behavior and hope it doesn't change too often. That is until the industry smartens up and decides on some markup to convey, for example, which image form a page is considered the cardinal "share" image, and so on.