Don’t you hate it once you try to post a web link in a Facebook post, and the image within the preview ends up looking like this: Boring. Where’s the image, right? It’s supposed to be there automatically! This all comes down to metadata. Which, admittedly, doesn’t seem like a very exciting topic. It affects everyone, though – including you!
Think about metadata like your website’s DNA – coded information that determines the way a network like Facebook sees the web pages on your own site. And merely like DNA, should you change the information in that code, cloudhq will see those pages in a different way! If you would like your Facebook links to appear just like possible, then you’ve gotta know how certain areas of your metadata work. We’re gonna cut through each of the technical details and provide the short version of the things matters inside your metadata, so you can make certain your Facebook link previews generate those beautiful images you’re trying to find every time!
Which means the a part of your website’s metadata that we’re concentrating on is Open Graph meta tags. Here’s the actual way it all works! What exactly are Open Graph meta tags, exactly? Obviously, Open Graph “enables any web page to become a rich object in a social graph.”
OG tags are what allow Facebook to adopt a boring ol’ URL and transform it in to a beautiful link preview. Link previews tend to be more eye-catching and clickable than plain URLs – by providing your link a picture, title, description, and more, you’re providing individuals with the contextual information that’ll get them to wish to click. (Because these days, link trust is among the most essential factors when you’re looking to get traffic from social networking.)
OG tags live in the code for each page and post on your website. Here’s what they seem like for the update above (we highlighted the text that corresponds to various parts of the link preview): Previously, it has been about as complicated since it got – but in 2017 and 2018, Facebook makes changes to how to share a link on Facebook, including how link previews and tags work. (Long story short, it’s mostly associated with fighting the spread of fake news – that is a excellent priority, even when it can make things like this a little more involved.)
Facebook wants to ensure that it only pulls by far the most accurate information when generating link previews plus an image preview, which is the reason it generates the previews it displays in the News Feed using information it gathers from the site’s metadata. As of 2018, Facebook is building a slight tweak to when and how it pulls that information – plus it impacts if your previews generate properly.
In their own individual words: “When content articles are shared for the first time, the Facebook crawler will scrape and cache the metadata through the URL shared. The crawler needs to see an image at least one time prior to it being rendered. This means that the very first person who shares a bit of content won’t visit a rendered image.” Translation: once you give a link in a Facebook post the very first time, Facebook hasn’t yet cached every piece of information it must have to produce a preview – therefore, Facebook can’t make the image preview you hkxnmf until someone shares your link a second time.
Fortunately, there are 2 ways you can travel that. Here’s what you ought to know: How you can share a link on Facebook. The very first technique is to include an extra piece of information for your OG tags: the height and width from the image preview you would like in the link preview. Once you add og:image:width and og:image:height to your existing Open Graph tags, it gives Facebook adequate information to generate the photo preview you would like, even the first time a web link is shared.
Not into coding? No problem – there’s another choice. The second technique for making certain your link previews work is to apply Facebook’s Sharing Debugger. The Facebook debugger is definitely a handy tool. Once you plug a URL into this tool, it pre-loads all the information Facebook needs in order to produce a link preview down the road. Facebook stores that info, and after that when you get around to completely sharing the link, they’re capable of generate the preview – even the 1st time you share it.