I created a Facebook page a year ago, and last month I created a website (Wordpress) that I want to have that Facebook page connected to. I've tried to set my personal facebook account (which is admin of the Facebook page in question) as fb:admins in a meta tag on my website, but Facebook still says my website/domain has 0 likes. My Facebook page has a few thousand likes.
In short: I want the my Facebook page (and it's likes) to be connected to my domain. So when someone likes my website/domain, it adds to the likes of my facebook page. How do I accomplish this?
My meta tags look like this (I've changed the domain to "example.com" and my facebook page to "myfacebookpage" and my personal facebook ID is replaced with 0:s, but if it is necessary I can provide the actual website and id):
<!-- This site is optimized with the Yoast WordPress SEO plugin v1.7.4 - https://yoast.com/wordpress/plugins/seo/ -->
<link rel="canonical" href="http://example.com" />
<meta property="og:locale" content="sv_SE" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Website Title" />
<meta property="og:description" content="Description of website" />
<meta property="og:url" content="http://example.com" />
<meta property="og:site_name" content="Website Title" />
<meta property="article:publisher" content="http://www.facebook.com/myfacebookpage" />
<meta property="fb:admins" content="0000000000" />
<script type="application/ld+json">{ "#context": "http://schema.org", "#type": "WebSite", "url": "http://example.com", "potentialAction": { "#type": "SearchAction", "target": "example.com/?s={search_term}", "query-input": "required name=search_term" } }</script>
<!-- / Yoast WordPress SEO plugin. -->
Any help more than welcome!
Unfortunately it doesn't work the way you think. Connecting your website with your Facebook fanpage doesn't mean all the likes will be passed one to another.
The fb:admins meta tag just allows you to getting access to the data available via Facebook Insights.
In case of a need of having the Facebook like button associated with the fan page just change its URL to the URL of the fan page.
Related
When using Facebook Sharer, Facebook will not shw the post title and image.
But I add open graph in my site and some post work good and some post not work good.
<meta property="og:title" content="title" />
<meta property="og:description" content="description" />
<meta property="og:image" content="thumbnail_image" />
in my facebook page we show post like :( http://prntscr.com/h7gwjl )
But I need to show like :( http://prntscr.com/h7gx7e )
As Wizkid say you can use developers.facebook.com/tools/debug for debug your site. You will paste the url in debugger and facebook will clear the cache from your url. If this not work, i suggest you try install a plugin that do this for you.
You can try YOAST SEO.
Here are an article about this.
https://kb.yoast.com/kb/getting-open-graph-for-your-articles/
I already have the social-share button for whatsapp on my webpage, but when you choose a contact to send, it only writes "title_content url" on the writing box. It seams that whatsapp doesn't see the meta tags of the webpage to create a nice box with the image, title and description.
I am using the following open-Graph meta tags and it is working fine with facebook social sharing:
<meta property="og:type" content="website" />
<meta property="og:title" content="{{event.name}}" />
<meta property="og:description" content="{{eventDescription event.information}}" />
<meta property="og:url" content="{{eventUrl url}}" />
<meta property="og:image" content="{{eventImage event}}" />
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="500" />
<meta property="fb:app_id" content="#####" />
I do not have a icon for my event, so I can't set up the tag:
<link rel="shortcut icon" href="###.ico" type="image/x-icon">
I tried to set it with a .png image but it didn't work. So, what else can I do to whatsapp see my website and render that box with the image, title and description?
I just found out what was happening. When you try to feed information to facebook or twitter crawlers you need a special way to do it. So you have to create a crawler route with filter and dynamic content (as you can see on this tutorial that i created: Tutorial ).
With whatsapp you don't need to worry about server side rendering. When I created my open-graph meta tags direct on the <head>.
Eddited:
Because I need meta tags that work dynamically, I had to stop using direct on the <head>. But the docHead() or any of the packages were not working for me. So I realised that whatsapp can work from server side and use the same og: tags that I already have for facebook.
I just needed to find its user-agent that is WhatsApp/2.17.107 A and add the permition like I did for the other ones on the server side route.
How do I override the WordPress Facebook "og:title" content="(no title)" meta tag for an AddThis FB share button?
I added the meta tag:
<meta property="og:title" content="The Modern Rapunzel" />
to the child-theme header.php, but it's displaying "(no title)" in the FB share popup when I click on the AddThis button.
Running the Facebook debugger shows both meta tags are in there somewhere:
<meta property="og:title" content="The Modern Rapunzel" />
and
<meta property="og:title" content="(no title)" />
No idea where it's pulling that second one from; it's not defined in header.php
So,
I use Advanced Custom Fields on Wordpress to set an featured image that i host on flickr, this way i can query it perfectly in the template i am building.
But this image isn't in the content(text) of the post, so for example Facebook or Twitter or any social media to share posts to don't see this image.
So in posts wherefore i only have one image. Which i show on top of the post as background for the title won't be shown inside the content and therefore social media don't recognize it.
Bullet points:
Wordpress Advanced Custom Fields plugin to add a field to a post where in i paste the url of the picture on flickr.
I can perfectly query the URL and implement it in the template i am building.
But this means that this picture isn't in the post content(text). Therefore social media don't seem to see this picture and don't show a picture if users want to share a article from my website.
I really don't know how to solve this and i hope that somebody has a solution.
English isn't my first language so excuse me in case of any spelling or grammar errors.
I don't really get why you want to host your featured image outside WP or, more specifically, on Flickr... but if you can get its URL via ACF (I guess you're using an URL field) and the issue is Facebook or Twitter doesn't retrieve your image when you share your page, maybe you should implement Open Graph and Twitter Card meta tags.
That's, in your header.php inside <head>:
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="#youraccount" />
<meta name="twitter:creator" content="#youraccount" />
<meta property="og:title" content="The title" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.example.com/your-page" />
<meta property="og:image" content="http://www.example.com/your-flickr-image-url" />
<meta property="og:description" content="Content description..." />
It appears that Facebook and LinkedIn have differing standards for the og:image.
On Facebook they advise that the image should be at least 200 x 200 pixels (square) see here
However LinkedIn advise 180 x 110 pixels (rectangular) see here
Is there a way to target an og:image to either Facebook or LinkedIn seperately? What's the best way of doing this?
I'm trying to create a default thumbnail for the website home page which will let users share the home page in a nice manner. At the moment LinkedIn is cropping my og:image though Facebook and Google+ are sharing it nicely.
This ought to do it.
<meta property="og:image" content="image-180x110.jpg" /> <!-- 180x110 Image for Linkedin -->
<meta property="og:image:width" content="180" />
<meta property="og:image:height" content="110" />
<meta property="og:image" content="image-200x200.jpg" /> <!-- 200x200 Image for Facebook -->
<meta property="og:image:width" content="200" />
<meta property="og:image:height" content="200" />
Depending on the server environment something like this may work.
<meta property="og:image" content="<?php echo(strpos($_SERVER['HTTP_USER_AGENT'],'LinkedInBot') !== false ? 'image-180x110.jpg' : 'image-200x200.jpg'); ?>" />