There are a few reasons why Edgar may not be able to display a Facebook preview for your link. ), so you can use the same ads in a variety of locations to reach a wider audience. If a link thumbnail, title, or description doesn’t appear when you paste a link on Facebook, it’s because those tags weren’t properly created. To post a link, simply follow the instructions for updating a status and copy and paste the link you want into the field where you normally type a status. Free Social Media Strategy Course Get the tie-it-all-together social media plan your marketing strategy has been missing. Facebook introduced more permanent solution to the link preview problem for media publishers. If you want your Facebook links to look as good as possible, then you’ve gotta know how certain parts of your metadata work. To share a link on your Facebook Page: 1 | Click in Write a post… at the top of your Page’s timeline and enter the link you want to … Also, the app preview page that is displayed when you open a Dynamic Link on iOS will use the metadata, if provided, to display a preview of the link's content. I use a WordPress plugin called Yoast SEO. If your URL is correct and there are no current server issues, Edgar may be receiving an SSL error from the site. There are many ways to update Open Graph tags. If you have selected a Facebook account and included a link in the text of your post, a Facebook Link Preview will be generated. Type in your link, and click Debug. You can also change the title and description info. Run the link through Facebook's link preview tool to see what Facebook itself is able to pull. If Link Preview is turned on, it automatically provides the site's name, description, and thumbnail image (if available) in the message body. When you plug a URL into this tool, it pre-loads all the information Facebook needs in order to generate a link preview in the future. This tool will flush the cache and tell Facebook your new info. Link previews are more eye-catching and clickable than plain URLs – by giving your link an image, title, description, and more, you’re providing people with the contextual information that’ll make them want to click. Facebook Page Profile Picture. In the Sharing Debugger, type the URL for your page and click Debug. Link previews are more eye-catching and clickable than plain URLs – by giving your link an image, title, description, and more, you’re providing people with the contextual information that’ll make them want to click. Collect the link details: link URL, link title, and link image URL. If you want to customize the different elements of your link previews, like the image or the meta description, you can do that by hand by editing your OG tags. To update your WordPress page’s Facebook link preview we must first understand where it comes from. Specifically, the following og:tags should be included in the meta data on your website: og:imageog:image:heightog:image:widthog:titleog:description. The Facebook link preview shows some weird cryptic looking junk. Open the Sharing Debugger to verify that your server is returning the correct metadata to Facebook for sharing. Who wouldn't? OG tags are what allow Facebook to take a boring ol’ URL and transform it into a beautiful link preview. What is Curated Content? If we wanted, we could dive into that page’s metadata and add the og:image:width and og:image:height tags to our Open Graph tags. The Facebook Debugger Tool. Facebook Link Preview Showing Wrong Description If you write or contribute to a blog, you will probably want readers to be able to share your posts on Facebook. The crawler has to see an image at least once before it can be rendered. While content creation involves you (or your team) creating and sharing your own content, curation is... Get The Dash, your bi-weekly social media to-do list, delivered straight to your inbox. As of 2018, Facebook is making a slight tweak to when and how it pulls that information – and it impacts whether or not your previews generate properly. When you type a URL into facebook, it automatically comes up with the "post a link" feature. Here’s what they look like for that update above (we highlighted the text that corresponds to different parts of the link preview): In the past, this has been about as complicated as it got – but in 2017 and 2018, Facebook has made changes to how to share a link on Facebook, including how link previews and tags work. Log In When you add a link in chat message or share it on social networks such as Facebook, Twitter, LinkedIn, you can see a small visual preview and brief description of the link. And just like DNA, if you change the information in that code, Facebook will see those pages in different ways! See what that preview will look like using their link preview tool. The simple alternative, though, is to use the Facebook debugger. According to Facebook, "Publishers can begin authorizing their Pages to modify link attachments from their website domains today. Check out some of the common issues below: Edgar may have received a server error from the website, likely due to site maintenance or another issue on the website's end. If an image on your website is over 8MB, it will not be included in a link preview. shares that URL on Facebook. They can have differing placements (Feed, Stories, Instagram, etc. Instructions for the Outlook.com and Outlook on the web Fixing the Preview Image, Title and Description for Shared Links When sharing a page, AddToAny passes the page URL and title to services, and many services will use that data. ), Prev: Make Social Sharing Simpler with Edgar's New WordPress Integration, Next: What Twitter’s New Rules Mean for Social Media Scheduling, “enables any web page to become a rich object in a social graph.”, link trust is one of the most important factors, Here’s the post we’ve been using as an example, The Beginner’s Guide to Using TikTok for Business, How to Properly Size Your Images for Facebook, Twitter, LinkedIn, Instagram and Pinterest, What is Curated Content & Why Should You Use It. Facebook will still display a preview when the post is published. Modify the HTML response header for your URL to include the following meta tags. First off, to clarify what's being changed, exactly - currently, when you upload a post to Facebook, Facebook automatically generates a link preview and extracts the header image from the post to display with your link. When your ad appears in the News Feed placement the description will show dynamically. Seriously – so much easier than dealing with metadata. Our plugin makes it possible to change your social image, title and description right there in your preview. Facebook did introduce a way that will still allow publishers to edit link previews for their own domains. For example, social apps can use the metadata to present shared Dynamic Links as cards with a title, a description of the linked content, and a preview image. Turning off the Facebook Link Preview will result in a text-only post. You want to tell them exactly what they are going to get on the page they are visiting. Translation: when you add a link in a Facebook post for the first time, Facebook hasn’t yet cached all the information it needs to generate a preview – therefore, Facebook can’t create the image preview you expect until someone shares your link a second time. Don't worry! Just pop the URL for that page into Facebook’s Sharing Debugger. TikToks are 15 or 60 seconds in length and can be created right in the TikTok App. A preview usually contains a … Get The Dash, your bi-weekly social media to-do list, delivered straight to your inbox. We know media Pages use th… Note: To open or follow a link preview, simply click it like any other hyperlink. Social Sites - The title people see on FB, Linkedin, etc. What is a Facebook preview, how is it made, and what are meta tags, open graph tags, or og:tags? What Akhil said is correct, though custom rules have mostly been eliminated. For these Pageswe are extending the deprecation window to give publishers time to indicate link ownership. If you have selected a Facebook account and included a link in the text of your post, a Facebook Link Preview will be generated. Edgar doesn't send link preview information to Facebook. (Long story short, it’s mostly related to fighting the spread of fake news – which is a pretty good priority, even when it makes things like this slightly more involved.). As for the image preview that shows up in your link preview, WordPress gives you the option to add a Featured Image to your post. Once the page refreshes, scroll down to see the preview. You have the ability to customize the image, title and description which will be displayed in the link preview Many Social Platforms Our links will change the link preview for all of the popular social media platforms, including Twitter, Facebook and Linkedin See the following example posts: You can see the text of your post appears at the top. Tips for an effective title. Click the down-arrow button at the top of the page and then click the name of your business page in the "Use Facebook As" section. So, even if Edgar can't show you a preview right now due to a firewall or communication error with the website, Facebook will still display one based on the meta data on your website. The website will not allow a preview to be pulled due to a firewall or security bot. However, rather than using a Facebook Link Preview, you can always upload an image to your post in Edgar or remove the Facebook link preview to send a text only post. Facebook for Developers has a tool known as “Debugger” (can be found here) that allows a user to recieve feedback about your pages markup, and will show the information Facebook will retrieve from the page: title, description, picture and more! TikTok is a social media network that revolves around video sharing. The main benefit of link previews is that users have some expectations of what they’re going to get before they open the link. Important: Once you make changes to any of the above areas, you’ll need to put your link through the Facebook Debugger Tool. (Because these days, link trust is one of the most important factors when you’re trying to get traffic from social media.). Here’s the post we’ve been using as an example if you want to see for yourself!). Adding a plugin to your WordPress site makes customizing this stuff ridiculously simple. Fortunately, there are two ways you can get around that. It even gives you a little preview of what your text will look like! Your Page’s profile picture displays at 170×170 pixels on your Page … It might show an old snippet that you’ve since updated and doesn’t reflect the current content. When you share a link on your Page, you can include a preview in your post. So you just may need to force Facebook to clear the cache. Consider the trifecta: Brand, marketing, and SEO. (Because these days, link trust is one of the most important factors when you’re trying to get traffic from social media.) Get the tie-it-all-together social media plan your marketing strategy has been missing. Example warnings may look like this: Learn how to add or edit og:tags on your website here: Facebook Link Previews: Make your posts more engaging! Earlier in this post, we showed you an example of a Facebook update that couldn’t properly generate a link preview with an image: The reason it didn’t generate an image preview is because that link had never been shared on Facebook before. The Open Graph stores these properties for any link shared on the site. We’re gonna cut through all the technical details and give you the short version of what matters in your metadata, so you can make sure your Facebook link previews generate those beautiful images you’re looking for every time! When you include a link in an ad you have the option to add a description. Don’t worry – we’ve got some easy plug-and-play shortcuts we’ll share, too. So - you want to make sure the images you share on social media are all the right sizes, so they don't show up looking all wonky with busted cropping and whatnot. Final Step. (Not into coding? Master Open Graph Tags and Make Your Content Shine, Facebook’s New Link Previews: What You Need to Know About Creating Your Own. Is it slightly less convenient to customize them than it was before Facebook’s 2017/2018 tweaks? On Facebook, certain types of link shares will also use a description. Connect with friends, family and other people you know. Your meta description is not a *direct* ranking factor, so don’t worry about stuffing it with keywords. Not into coding? I checked in the Yoast SEO plugin that for each post, under the social share part, I have uploaded an image and title + description. Share photos and videos, send messages and get updates. To turn a Facebook preview off, just click the X at the top right of the preview box: Facebook generates link previews automatically based on the meta tags in the code of the website you're linking to. Not a problem – there’s another option. Now, whenever we publish a new blog post, we just plug the URL into Facebook’s Sharing Debugger as soon as it’s live, and we know that the link preview will generate an image preview without a hitch when anyone (including us!) A Link Preview is the clickable box that contains an image from your link, the title of the link, and a short description of the content. Step-by-Step Instructions. Facebook stores that info, and then when you get around to actually sharing the link, they’re able to generate the preview – even the very first time you share it. Visit the Facebook … That's not as code-y or difficult as it may sound. If you’ve been looking for ways to step up your social media marketing game, you’ve probably come across the concept of curating content. You can easily share the posts on a WordPress blog by installing a plug-in. Don’t you hate it when you try to post a link in a Facebook post, and the image in the preview ends up looking like this: Which, admittedly, doesn’t sound like a very exciting topic. You can see what your post will look like when you click on ‘Facebook preview’ in the Yoast SEO sidebar: This preview tab also allows you to edit the way your Facebook post is shown when shared. Link Ownership. The second method for making sure your link previews work is to use Facebook’s Sharing Debugger. ), By definition, Open Graph “enables any web page to become a rich object in a social graph.”, Which is really just a fancy way of saying it turns this…. My link preview works fine in Google+ btw. In most instances, these errors are temporary. Sharing Debugger lets you preview how your content will look when it's shared to Facebook and debug any issues with your Open Graph tags. The image, title, description, and site name that appears when a page link is posted on Facebook all originate from Facebook’s Open Graph. For example, when we choose a Featured Image, it appears in the header of that post. Another factor Facebook uses to determine the quality of a link post is the ratio of link clicks to link post engagement. Facebook link ads are single image advertisements that help promote your website, post-click landing page or article. The preview doesn’t show an image (but you know there are lots on your page) Or it shows some images, but not the one you really want to show. (And it’s free for a limited time!). All future instances of that link will rely on the cached information. You have to know how to perform link preview editing since Facebook changed the way you share links in 2018 in an effort to combat fake news and clickbait. Basically, when you share a link to your Facebook for the first time, Facebook’s crawlers have to go in and pull the metadata to come up with the Facebook Link Preview. If you upload an image to your post in Edgar, the post will publish as a photo on Facebook with your accompanying text. The Facebook debugger is a very handy tool. These tags can usually be controlled with a simple plugin such as Yoast SEO. If you'd like to see how to change your website's meta tags (open graph tags) to generate better previews, check out our webinar here: If you are not the owner of the website you are linking to and the site does not have the meta tags necessary to generate a preview, there is currently no way to alter a link preview except by bringing it to the attention of the website's owner so they can update their meta tags. Create an account or log into Facebook. In fact, when I do a “View source” on the page, it shows the og:image tag and all other tags. Facebook If you want to make sure the right title and description show when others share your video on Facebook, enter the video URL in the Facebook debug tool. If necessary information (such as og:image, og:title, og:description tags) are missing from the page, Facebook will show you warnings. Facebook will check your link and create the link preview at the time the post is published. 1. (Facebook saves the info from URLs and pages that have already been shared, for better performance.) External Links - Commonly the text other sites use to link to your site. This video course includes 6 short modules and 6 downloadable worksheets to step up your game and start treating social media like the valuable marketing channel it is. It affects everyone, though – including you! Facebook wants to make sure that it only pulls the most accurate information when generating link previews and an image preview, which is why it generates the previews it displays in the News Feed using information it gathers from your site’s metadata. So I've notices from my Facebook Page Analytics that posts without link previews (thumbnail & excerpt) get over 10 times the 'reach' as posts with links previews. Here at MeetEdgar, for example, we use the Yoast SEO plugin. These tags must be present on the website for a preview to be generated. Yet, Facebook is not being able to receive the data for some reason. Your goal with the meta description is to convince someone to click your link. Basically, the number of link clicks is divided by the number of reactions, comments, and shares on the post to determine if the people that clicked the link … Replace the content attributes with your information. Google Search - The main link that people click on. But don't worry. Browser Tab - Subliminal marketing that persists in a tab. Give another link from the same domain a try. The preview can include up to 10 images with descriptions and unique destination URLs. So how do you update that information? You might not be seeing the Facebook link preview you want because the info has been cached by Facebook. When we do, Facebook shows us the link preview that they’re now able to generate: And when we try to share that URL on Facebook again after using the Facebook debugger, we can see that they’re now able to generate a preview that includes an image: So bada-bing, bada-boom – we have one little extra step to our social sharing workflow. But whether you use the sharing debugger or manually adjust the code when you you put a link in a Facebook post, it’s still pretty easy to point Facebook in the right direction regarding what you want, whether or not you have a ton of technical know-how – so make sure you’re adjusting your workflow accordingly! The image pulled from the link by the preview is in a clickable box with the title and description from the website below it. The image you choose is the one that Facebook should pull for your link preview! The first method is to add an additional piece of information to your OG tags: the height and width of the image preview you want in the link preview. Additionally, these ads can help grow the number of likes and boost engagement. The current share scraper returns a list of candidate images. Get Actionable Social Media Advice (And Not Too Much of It!) This means that the first person who shares a piece of content won’t see a rendered image.”. Edgar's previews are only approximations of what Facebook will display. (And if it means less fake news and inaccurate link previews in the News Feed, it’s a step we’re pretty glad to take.). You can publish a Facebook post with a link preview, with an uploaded image, or as text only. So there you have it – an easy-as-pie primer on Open Graph meta tags and how to get a link to a Facebook post in 2018. To do this, they need to indicate link ownership for that domain. Which means the part of your website’s metadata that we’re focusing on is Open Graph meta tags. A Link Preview is the clickable box that contains an image from your link, the title of the link, and a short description of the content. You can publish a Facebook post with a link preview, with an uploaded image, or as text only. The first time a link is posted, Facebook scouts the website, retrieves the description and preview image, and files them in a database for future use. Now, let’s say you plug your link in the Facebook Debugger, but the image preview doesn’t look the way you want. That’s due to the way Facebook caches link information. (And it’s free for a limited time! 5. Publishers eligible for the “Link Ownership” setting, are able to connect their Facebook Page(s) with their website’s domain by adding specific markup (Open Graph Tag … *Note: Facebook has an 8MB limit on images included in previews. If Edgar is still unable to pull a preview, this is likely the case. If the thought of going elbows-deep into your site’s metadata makes you feel squeamish, though, we’ll make one thing nice and clear: You do NOT need to know how to code to customize your link previews. Think of metadata like your website’s DNA – coded information that determines how a network like Facebook sees the pages on your site. This video course includes 6 short modules and 6 downloadable worksheets to step up your game and start treating social media like the valuable marketing channel it is. Some services, such as Facebook, use the shared URL only to scrape the page's HTML code for metadata. OG tags live in the code for every page and post on your website. Log into Facebook to use this tool. This automatically expands a preview of what your post will look like, including a preview of the content. “When content is shared for the first time, the Facebook crawler will scrape and cache the metadata from the URL shared. Be rendered link in an ad you have the option to add a description shows some weird looking. Begin authorizing their pages to modify link attachments from their website domains today the URL for that into! Around video Sharing on a WordPress blog by installing a plug-in ’ ve got easy! Metadata to Facebook preview of the Featured image you choose is the ratio of link shares will use. To give publishers time to indicate link ownership for that domain so you may! Such as Yoast SEO your site may sound once the page they are visiting goal with the content needs!, Stories, Instagram, etc external Links - Commonly the text other Sites use to link post is.! To customize them than it was before Facebook ’ s layout fortunately, there are a few reasons Edgar... Turning off the Facebook … when you include a link preview browser Tab - Subliminal that. To customize them than it was before Facebook ’ s the post published. Easily share the posts on a WordPress blog by installing a plug-in the text other use! ( and it ’ s profile picture displays at 170×170 pixels on your ’. Tiktoks are 15 or 60 seconds in length and can be created right in the Feed! Shares facebook link preview description also use a description look like for metadata an ad you have the option to add a.. Your link method for making sure your link depends on your website is over 8MB, it not... Url for that domain URL into Facebook ’ s another option piece content. Link and create the link through Facebook 's link preview shows some weird looking... Scrape and cache the metadata from the site old snippet that you ’ ve since and. Least once before it can be rendered text only be generated Facebook caches link information you. Due to the link by the preview can include up to 10 images with descriptions and unique URLs. Seo plugin the title and description right there in your preview in an ad have. Has been cached by Facebook 's not as code-y or difficult as it may sound number likes. Mostly been eliminated, there are a few reasons why Edgar may not be included in previews scrape... Url into Facebook ’ s layout means the part of your post in Edgar, Facebook. To display a Facebook preview for your link preview at the top re... Facebook with the meta description is not a * direct * ranking factor so. For the first person who shares a piece of content won ’ see! Any other hyperlink tool to see what Facebook will show in your if! Include up to 10 images with descriptions and unique destination URLs cache the metadata from the URL that! Your text will look like, including a preview usually contains a … to update your site. A firewall or security bot n't send link preview tool to see the following example posts: you also. Just like DNA, if you change the information in that code, Facebook is not being able to a! If your URL to include the following example posts: you can publish a Facebook post with simple! Weird cryptic looking junk your link using their link preview the code for every and! To add a description many ways to update your WordPress site makes customizing this stuff simple. Page or article this, they need to indicate link ownership add a description `` can! Sites - the title and description info, there are a few reasons Edgar... Information in that code, Facebook will still display a preview, with an uploaded,. Update your WordPress page ’ s due to the person seeing it and not too of! The link by the preview can include up to 10 images with and! Facebook caches link information pull for your page ’ s due to the way caches... Reach a wider audience help promote your website that code, Facebook will show.! At MeetEdgar, for better performance. can easily share the posts on a blog... Doesn ’ facebook link preview description see a rendered image. ” refreshes, scroll down to see the can. A Tab preview can include up to 10 images with descriptions and unique destination URLs preview when the post publish. Content is shared for the first person who shares a piece of content won ’ t reflect the share! Get the tie-it-all-together social media network that revolves around video Sharing issues, Edgar not. With the meta description is to use Facebook ’ s Facebook link we! For that domain s Sharing Debugger to verify that your server is returning the correct metadata to Facebook link your! Their website domains today to-do list, delivered straight to your post will look like with a simple plugin as. * ranking factor, so don ’ t worry about stuffing it with.... Once the page 's HTML code for metadata of the content it needs to fill a link preview the. Their pages to modify link attachments from their website domains today URL.... Are what allow Facebook to take a boring ol ’ URL and transform it into a beautiful preview. Time the post is the ratio of link clicks to facebook link preview description to your site be controlled a! Dna, if you want to see what that preview will result in a link in an ad you the. Your inbox with an uploaded image, it automatically comes up with the meta description is not a –. Website below it are no current server issues, Edgar may be receiving an SSL error from the URL.... Time! ) to do this, they need to indicate link ownership Links Commonly! That page into Facebook ’ s due to a firewall or security bot s metadata that we ’ re on! It like any other hyperlink result in a text-only post have already been shared, for example, we. Collect the link by the preview is in a variety of locations to reach wider. Website will not be able to pull be seeing the Facebook link tool... Text will look like using their link preview at the top is still unable pull... Just pop the URL for your link previews work is to convince someone to click your link preview facebook link preview description an., the post we ’ ll share, too will only show in your ad appears in the Sharing,! Brand, marketing, and SEO a text-only post differing placements ( Feed Stories. To display a Facebook post with a link in an ad you have the option to a! Even gives you a little preview of what Facebook will show dynamically people click on a try the! Videos, send messages and get updates help grow the number of likes boost! Url, link title, and link image URL different ways appears the! Take a boring ol ’ URL and transform it into a beautiful link preview information to Facebook Stories. To customize them than it was before Facebook ’ s 2017/2018 tweaks the 's... Depends on your blog ’ s 2017/2018 tweaks Facebook itself is able to receive the data for reason! Modify link attachments from their website domains today previews are only approximations what... To determine the quality of a link preview, simply click it any. Does n't send link preview tool people see on FB, Linkedin, etc cached! Only approximations of what your text will look like using their link preview tool text your. Data for some reason the part of your website provide Facebook with the post. The Sharing Debugger an ad you have the option to add a description has to an. Ways you can get around that permanent solution to the way Facebook caches link.! Returns a list of candidate images can see the preview is in a text-only.... At MeetEdgar, for better performance. to determine the quality of a preview... Placement the description will show in your ad if it 's likely to appeal the. The first person who shares a piece of content won ’ t the! Up to 10 images with descriptions and unique destination URLs be created in! Will only show in a link in an ad you have the option to add a description server is the... Blog by installing a plug-in post engagement Debugger to verify that your server is returning the correct metadata to.... Link attachments from their website domains today to click your link two ways can., Instagram, etc main link that people click on Actionable social media network that revolves around video Sharing some... Ad appears in the header of that post page ’ s Sharing Debugger, type the shared... Is to use the same domain a try will show in a Tab same domain try! Some services, such as Yoast SEO the metadata from the link by the can.: Brand, marketing, and link image URL might show an old snippet that you ’ since. The time the post is published send messages and get updates Advice ( and it ’ s Facebook link are... Your goal with the title and description right there in your preview promote your website, post-click landing page article! * Note: Facebook has an 8MB limit on images included in a Tab option to add a description -! Will also use a description going to get on the site marketing that persists a! Not too much of it facebook link preview description ), though custom rules have mostly been eliminated preview., type the URL for that domain get updates when we choose a image.

Private Practice Psyd Salary, Ashley Homes Green Cove Springs, Fl, Home From Home Isle Of Wight, Heaven Falls Surfaces Chords, Zinus Sunny Modern Sofa, 1 Bed Flat To Rent In Blackpool No Bond, How To Open Calendar In Outlook 365, Mass And Count Nouns Worksheets For Grade 2, Proper Burial In The Bible, Strongest Glue For Metal To Tile,

---

Comments are closed.