![]() ![]() I took the visualforce page below and exported it as a site and ran it through Facebooks opengraph debugger and it seems to work. ![]() Has anyone had success passing Open Graph tags to Facebook from a page? I have searched the internet for articles about this and can't find any documentation specifically about VisualForce pages. It pulls the meta data directly from my home page - which I guess would work, but not my objective. The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.The 'og:title' property should be explicitly provided, even if a value can be inferred from other tags.The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags.This may be because your HTML was malformed and they fell lower in the parse tree. Please fix this in order for the tags to be usable. Your page has meta tags in the body instead of the head.Object at URL '' of type 'website' is invalid because a required property 'og:title' of type 'string' was not provided.I have built a company profile page and implemented sharing buttons but Facebook doesn't pick up my open graph tags.ĭepending on the variations of the tags I have tried, the Object Debugger error messages include: On Drupal, if an image style is used for the og:image, make sure the image is pre-generated to reduce the missing image problem as the Facebook Crawler will cache the result.Does anyone have recent documentation about using open graph tags on a page? I have tried several combinations of tags and I can't get the Facebook DeBugger to read my page correctly. Also, the Facebook Crawler will not load the page or image if it takes more than a few seconds. The markup will need to reside within the first megabytes of the page for the Facebook Crawler to pick it up. You will want to test the front page, samples from your content types, commerce products, taxonomy, and any important pages. If you do have errors in your HTML, you can use the debugger to update your content. The debugger also triggers a scrape of your page using the Facebook Crawler. It will show which meta tags the crawler scrapes as well as any warnings or errors. To see how your markup appears when shared on Facebook, enter a URL into the Sharing Debugger. If your site is multilingual, setting the correct locale will help with more engagement. Keep this short one or two sentences are fine. Unlike the HTML description tag, this carries no keyword strength for search engine indexing. Put a compelling description here to help increase click-through rate, as this appears directly under the title. Using this tag, you will ensure that all social shares will only access one URL, which helps your Facebook EdgeRank. Although it seems redundant at first sight, this tag is significant. Based on the landscape ratio, we recommend 1200 x 630. Facebook Open Graph Docs suggests a landscape of 1.9:1 and 1:1 image for ads. Two primary schools of thought here are the landscape image and the square image. If the page specifies an og:image, it should specify og:image:alt.Īn important consideration here is the image size. Og:image:alt - A description of what is in the image (not a caption). Og:image:height - The number of pixels high. Og:image:width - The number of pixels wide. Og:image:type - A MIME type for this image. ![]() Og:image:secure_url - An alternate URL to use if the webpage requires HTTPS. ![]() The og:image property has some optional structured properties that you can use if appropriate. Note that many social sites use the same og:image to present thumbnails for a site, including Facebook, LinkedIn, Reddit, Pinterest, and Twitter. A social post image will increase your user reach. This is an image URL that should represent your object within the network graph. Note that the list changes, so if you are using a less common type, it may need to be updated from time to time. The most common types are website and article. The type of content you are sharing is the og:type. A blog could use | O8 blog to better deliver the context. We could put | for Global setting, for example. This will usually be similar to the HTML title, as seen by search engines such as Google. This is where you customize the page title. The four required properties for every page are: For example, if you want to add a post-related image to the OG, Drupal Metatag allows you to enter tokens to generate a dynamic value. Then, customize content type, taxonomy, or user as needed if the Global setting is not sufficient. Customize the front page meta tag to tune your most important landing page. You’ll want to start with a Global setting as the general coverage for all pages. On Drupal, what you’ll need for this is the Metatag module and its Metatag: Facebook submodule. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |