Don’t you hate it whenever you try to post a link in a Facebook post, as well as the image in the preview ends up looking like this: Boring. Where’s the image, right? It’s meant to be there automatically! This all comes down to metadata. Which, admittedly, doesn’t seem to be a very exciting topic. It affects everyone, though – including you!
Think about metadata such as 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, gmail url link preview will spot those pages differently! If you want your Facebook links to check just like possible, then you’ve gotta understand how certain areas of your metadata work. We’re gonna cut through all the technical details and give you the short version of the items matters within your metadata, to help you make certain your Facebook link previews generate those beautiful images you’re searching for each time!
Which suggests the a part of your website’s metadata that we’re centering on is Open Graph meta tags. Here’s the actual way it all works! What are Open Graph meta tags, exactly? By definition, Open Graph “enables any website to become rich object in a social graph.”
OG tags are what allow Facebook to consider a boring ol’ URL and transform it into a beautiful link preview. Link previews tend to be more eye-catching and clickable than plain URLs – by giving your link a graphic, title, description, and more, you’re providing individuals with the contextual information that’ll get them to want to click. (Because these days, link trust is one of the most essential factors when you’re looking to get traffic from social networking.)
OG tags reside in the code for each page and post on the website. Here’s whatever they look like for the update above (we highlighted the words that matches various areas of the web link preview): In the past, it has been about as complicated as it got – however in 2017 and 2018, Facebook has made changes to how to share a link on Facebook, including how link previews and tags work. (Long story short, it’s mostly linked to fighting the spread of fake news – which is a excellent priority, even when it makes such things as this slightly more involved.)
Facebook wants to make sure that it only pulls the most accurate information when generating link previews as well as an image preview, which is why it generates the previews it displays in news reports Feed using information it gathers out of your site’s metadata. Since 2018, Facebook is making a slight tweak to when and just how it pulls that information – and it also impacts whether or not your previews generate properly.
In their own individual words: “When content is shared the first time, the Facebook crawler will scrape and cache the metadata from the URL shared. The crawler has to see an image at least one time before it can be rendered. Which means that the initial individual who shares a bit of content won’t see a rendered image.” Translation: when you put in a link in a Facebook post the first time, Facebook hasn’t yet cached all the information it needs to produce a preview – therefore, Facebook can’t produce the image preview you hkxnmf until someone shares your link a second time.
Fortunately, the two main ways you can travel that. Here’s what you ought to know: The best way to share a web link on Facebook. The first method is to add an extra part of information for your OG tags: the height and width of the image preview you would like inside the link preview. Whenever you add og:image:width and og:image:height for your existing Open Graph tags, it gives Facebook adequate information to generate the picture preview you desire, even the 1st time a hyperlink is shared.
Not into coding? Not an issue – there’s another choice. The 2nd way of making certain your link previews work is by using Facebook’s Sharing Debugger. The Facebook debugger is an extremely handy tool. When you plug a URL into this tool, it pre-loads all the details Facebook needs to be able to produce a link preview later on. Facebook stores that info, and after that when you get around to really sharing the hyperlink, they’re in a position to generate the preview – even the very first time you share it.