meta property og image head for facebook scrape

Meta property og image head for facebook scrape code#

This tag enables you to specify the URL you want to drive people to on your website. Next on our list of types of open graph meta tags is og:url.

Meta property og image head for facebook scrape code#

To use this tag, you’ll add this code to your page: When sharing a page from your website, you’ll use the “website” type to specify.

There are dozens of options you can choose from, but the most popular include: This open graph tag enables you to specify what kind of object you’re sharing. To use this feature as one of your open graph tags, you’ll use this code:Īnother one of the types of open graph meta tags you’ll want to use is og:type. Since this description doesn’t impact your search engine optimization (SEO) efforts, you don’t need to spend your time trying to integrate keywords into the description.įocus on delivering a description that’s informative and enticing so that users will click on your link. This description enables you to provide your audience with information about what to expect on the page. This tag enables you to add a short description that appears when you share the page on your social media. To use this open graph tag, you’ll use this code:Īnother one of the og meta tags you’ll want to use is og:description. Using this tag can create a more compelling title that gets Facebook users to click on your article. If you don’t use this tag, Facebook automatically pulls the meta title tag from your page. This tag enables you to control what title appears when you share your web content on your Facebook page. og:titleįirst on our list of open graph tags is og:title. There are five types of open graph meta tags you can use to control the information in your Facebook posts: 1. For example, if you used an open graph meta tag for your URL, you would include the web page’s URL as the content. You’ll put the tag you’re using in the tag type section, which we’ll cover in the next section.įor the information portion, you put the information the tag requires. How this coding will appear depends upon which tag you use and what information you must input, but the basic formula looks like this: Now that you have an answer to “what are open graph tags,” you may wonder what the coding looks like for these tags. What does the code look like for open graph meta tags? These tags were created to promote integration between websites and Facebook to make it easy to make Facebook posts that entice people to visit your website.

These tags go into your website’s header and determine what people will see when you share your website pages on Facebook. Open graph meta tags help you control what information shows when you post content to your Facebook page from a website, blog, or other similar location. Want to get more tips and tricks for marketing your business online? Join 200,000 + savvy marketers by subscribing to Revenue Weekly! Plus, check out our handy FAQ at the end to get answers to additional questions about open graph meta tags!

What Does The Code Look Like For Open Graph Meta Tags?.

Why Are Open Graph Meta Tags Important?.

Keep reading to get answers to questions like: Open graph meta tags enable you to control how your posts appear on Facebook and other social sites, so links to your website and blogs are enticing and descriptive. If this is a problem your business faces, there’s a solution: Open graph meta tags. This problem is one many businesses face on social media sites like Facebook, Twitter, and LinkedIn –– from poor-quality images to lackluster titles. I have attached a sample application that can share 3 options of the same URL.Have you ever posted something to Facebook only to be dissatisfied with the way it appeared? It’s enough to use an aspx pages instead of an html page and change the meta tags using aspx inline tags. The only way to modify the meta tags dynamically is to dynamically create the html page itself. It’s not possible to modify the meta tags using javascript simply because the facebook “scraper” doesn’t run the javascript in the pages it scrapes. I think I gave you the wrong info via email. So right now I’m just wondering if dynamic META tags are possible in WiseJ. Ideally, Facebook would allow these set as parameters into sharer.php, but it appears that is deprecated and no longer works. I have a method in one of my forms that gets called after passing in URL parameters, if there was a way to do something likeĭocument.Inject(“custom HTML meta tags here”) But is it possible to create dynamic meta tags in the WiseJ document, based on URL parameters? Normally these would go in Default.html, but they would be static. After sharing a URL in Facebook, in order to generate nice-looking previews, Facebook scans the document for open graph meta tags.