facebook debug

Why doesn't Facebook share my link correctly?

You've probably done this before. You create a great blog on your website or new page and you want to share it with your friends or followers.

You copy the URL and paste it into your post only for Facebook to show a preview on something you don't recognise!

You ask the questions:

  • Where has it got that title from?
  • Why hasn't it shown the image I wanted?
  • Where has it got that description from?

Hopefully this post will literally debug these issues for you so you can have peace of mind that what you share displays the way you want it to.

Facebook Debugger

The first thing you should do before even posting your new link onto Facebook is to use Facebook's debug tool:
https://developers.facebook.com/tools/debug/

facebook debug

This tool will allow you to preview what your link is going to look like before posting it.

Paste the URL into the field and click “Debug”. From here, two things could happen;

  1. You will see a message like that seen below, for brand new URL’s that have never been shared before. This is common for blog posts, as the URL generated by the website has most likely not been crawled yet.

    fetch information

    If this happens you can click “Fetch new information” and Facebook will then crawl the page and display its findings.

  2. You will receive the information Facebook has already got stored in its cache regarding that link.

Ideally what you want to see is something like the below:

facebook preview

 

The image is the one we want to use with our blog post, the title is correct and the description is the one we manually set.

Looking further down you can see how Facebook, using its Open Graph (OG) meta data detector, has picked up the elements.

facebook preview

The three main elements that you should be interested in for your link to display correctly are:

og:title – This will determine the title that is displayed in the post
og:image – The image that Facebook has picked up for the article/post
og:description – The descriptive text that will be display along with your post

The preview isn't right?

There could be many reasons for this, but one I see often, especially for URL’s that are being re-posted, is the fact that Facebook has cached information from the page before you made the new changes. This can happen if the same URL has been posted by you or someone else before.

Facebook Caching

Facebook has its own caching system, and for good reason:

“Link metadata tends to change infrequently, so the Facebook crawler conserves resources by updating your link metadata automatically every 30 days. Therefore, it can take as much as 30 days for your link details to update after a change.”

What we can do is click the “Scrape Again” at the top of our debug page. This will then tell Facebook to look at the URL in its current state.

If this brings back the results you want, then great news! You’re ready to post! If not, this can be down to the way the three Open Graph elements, mentioned before, have been set.

How do I manually fix the title, image or description?

The first thing to realise is that if the og:title and the og:description aren't set manually then they will be picked up from the Meta Data in the site;

meta:title (the title you want to give your web page for search engines)
meta:description (the description you give your web page to show up in search results)

If these aren't set either, then the title that has been automatically generated from the website (which can be as simple as “Home”), will be used, as will the first few words in the content of the page for the description.

Regarding the image that is used:

If an image has not been manually set, such as a “Featured image” on most CMS platforms, then Facebook will look around the rest of the page to find a suitable replacement. If there is no image on the webpage then no image will be displayed.

Also, bear in mind that Facebook has a minimum sizing requirement for sharing content on its platform. This means that the image must meet Facebook's required guidelines for it to be used.

There are currently two ways an image can be displayed. Create a shared link with a small square image to the left and text on the right, or with a larger rectangular image on top with the text underneath.

Image Guidelines

  • Recommended upload size of 1,200 x 628 pixels
  • Square Photo: Minimum 154 x 154px in feed
  • Square Photo: Minimum 116 x 116 on page
  • Rectangular Photo: Minimum 470 x 246 pixels in feed
  • Rectangular Photo: Minimum 484 x 252 on page
  • Facebook will scale photos under the minimum dimensions. For better results, increase image resolution at the same scale as the minimum size

For most CMS platforms, there are usually plugins that allow you to set the Open Graph parameters yourself. It’s also a good idea to set a general og:image for the website to be used when one can't be found on the page. This can be as simple as a square logo like below:

beyond your brand facebook

If you don't have the ability to update the og: data yourself, speak to your web developer and provide them with the information you would like the links to display when shared on Facebook.

Once you think that all the information is in place, don't forget to visit the debug page again and click the “Scrape Again” button, in order to bring Facebook up to date with your changes.

Contact Details

We love a good chat, and a good marketing dilemma. It is our pleasure to make suggestions and recommendations on how to implement them, in a way that works for each individual customer, based on their objectives and goals. Give us a ring, or drop us an email, and together we can find a solution for you.

T: 01993 835432
E: info@beyondyourbrand.co.uk

Members of

Juice Witney

Newsletter

Our monthly newsletter includes details on our latest news and blogs, including our top tips for marketing your business on-line. Sign up today to receive the newsletter via email.

By clicking submit you agree to how we use your data as explained in our privacy policy.

Happy Customers

  • "Caroline has helped take someone with basic google analytics and adwords knowledge and helped us to develop accounts that are high performing yet realistic to manage. All aspects of training are managed in a way that is clear to understand and so you feel comfortable that no question is too silly to ask...
    - National Garden Scheme
  • "Beyond Your Brand have been invaluable in their efforts to help our business grow. Their weekly marketing workshops have given us clear objectives and strategies for success, and their SEO advice has been invaluable in our recent site migration."
    - Thinking Software
  • "Analytics has always been a bit of a mystery to us but not anymore. Beyond Your Brand were able to break it down and explain it so that not only did we understand it, we could build a strategy around it; see what keywords were bringing people to the site, which pages were most popular and which ones weren’t...
    - Shoot it Yourself
  • "Beyond Your Brand have transformed our Google ads performance, working within the parameters of our Google ads grant while also providing me with skills for how we can make the most of the tools that are at our disposal...
    - African Children's Fund
  • "I could not be more thrilled with my new website. From the first meeting, Caroline took great care to understand my business and how I wished to see the website. The result is stunning. In addition to this, Beyond Your Brand are helping me to understand Google analytics so I get the best return. I would be delighted to recommend."
    - Anna Gage, Edelweiss HR

Read More

We use cookies to maintain login sessions, analytics and to improve your experience on our website. By continuing to use our site, you accept our use of cookies and Privacy Policy.