Tag for using Facebook OpenGraph protocol to preview webpage links (HTML meta tags with property starts with "og:"
Questions tagged [share-open-graph]
105 questions
13
votes
2 answers
Pass Base64 jpeg image to og:image
I have image that is being generated in runtime on my website and I display it in html using
Now, I want for Facebook to fetch this image, but if I do the same for og:image meta tag,…
Now, I want for Facebook to fetch this image, but if I do the same for og:image meta tag,…
Vuk Stanković
- 7,864
- 10
- 41
- 65
7
votes
1 answer
Open Graph meta tags are inconsistently missing from instagram post's link response
I am putting link previews in my web app. I'm using nodejs in backend to retrieve og properties (like site_name, description, image, title, etc). Links of YouTube and other stuffs works fine but with Instagram's link, the Open Graph meta tags are…
Shaikh Amaan FM
- 312
- 4
- 12
5
votes
1 answer
Get the open graph image for a webpage? (The way facebook embeds a thumbnail image when you share its link)
On my webpage I want to share a link - let's say to this wikipedia page for Superhero
In the code for that page there is the following code in the head tag:
JackNapier
- 318
- 4
- 14
5
votes
3 answers
Twitter Open Graph image not showing
I am trying to implement OpenGraph in a website. Here's my metadata code:
dvbngln
- 301
- 2
- 12
4
votes
1 answer
Facebook's debugger shows a preview image, yet on Facebook it doesn't pull in that same preview image?
Facebook will randomly take posts I have shared on a company page and make the preview image blank/white. It is maddening.
Here's what I do to replicate:
Copy URL that I want to share
Go to Facebook's debug and check URL to confirm a preview image…
hdwebpros
- 528
- 3
- 7
- 20
4
votes
2 answers
LinkedIn website share always showing 1 min read
I am trying to figure out how to remove the 1 min read in the description of when I share content to LinkedIn.
1 min read example
I have the open graph tags on the page, and verified they do not display 1 min read anywhere on the page. I've also…
Geckoty
- 41
- 3
4
votes
1 answer
NextJs dynamic open graph meta tags not rendering for facebook debugger
I have tried to include meta tags using base "Head" feature of NextJs, react-helmet and next-seo packages.They all works fine on client side and show meta tags in inspect tool. But When I try to detect it using facebook debugger tool or any other…
Ali Hamza
- 51
- 1
- 2
4
votes
0 answers
Sharing image generated from html canvas on FB
This one I've been banging my head against for a few weeks now.
Scenario:
Let user generate an image out of layers they select
Convert image to canvas
Share image from canvas on facebook wall using share_open_graph (along with the image, a short…
Alex Marek
- 92
- 8
3
votes
0 answers
While sharing link, it's showing default or blank
Open graph is not showing while sharing link it's show default or blank.. I want to set it as dynamic for each page.
async asyncData({ route, app }) {
const appData = await 'my API call for data'
if (appData) {
return {
pageTitle:…
DHAVAL KANJARIYA
- 31
- 3
3
votes
0 answers
How to social-share several parts of a page (embeded node) each with its own opengraph metatags?
I have a drupal8 site that uses the Entity Embed Module, to place teasers of content in the textflow of articles.
Now a visitor comes to the article page (node/6) which contains several embeded node teasers ( node/123, node/124 ...).
The visitor…
verfranzt
- 56
- 5
3
votes
3 answers
Viber og:image tag
I have the following URL:
http://ikre.info/vijesti/item/902-cestitka-u-povodu-dana-nezavisnosti-bih.html
and all og tags are set:
kozla13
- 1,854
- 3
- 23
- 35
2
votes
1 answer
Open Graph meta tags not recognized in NextJS website deployment
I have been working on a NextJS website project and I'm facing an issue with Open Graph meta tags. I have added appropriate meta tags for title, image, and description on all pages of the website to ensure proper sharing on social media platforms.…
koobi41e
- 21
- 2
2
votes
0 answers
How to change link previews (Open Graph) dynamically in a Client-Side Rendered React App?
import React from "react";
import { Helmet } from "react-helmet";
const HotelHelmet = ({
title,
address,
images,
websiteSlug,
city,
state,
descriptions,
keywords,
}) => {
return (
{title}
…
Akhilesh S
- 21
- 2
2
votes
0 answers
Facebook og:image (link image) does not display when sharing my website
I cannot get the image to show when sharing my site in FB. Below is my open graph code.
I have rescraped using the FB sharing debugging tool (https://developers.facebook.com/tools/debug). soooo many times, and it never displays, in the tool or in a…
Richie 888
- 21
- 1
2
votes
0 answers
Why og:url is not taken from meta tags?
On my sharing page: https://tikex-dev.com/kubl/38fn/j1vd/2mi1
in header I specify a different og:url than the url itself, this:
og:url should be point to…
user19473296