So I am running into an issue that I cannot find an answer to. I am trying to put a tag on an image so that open graph will IGNORE that image. I have a share post button on my blog and facebook / pinterest always pulls the avatar image instead of the featured image. So I would like to put a tag on my avatar image to be ignored when sharing. I could put open graph information specifically on each image but then every post I have something to do, whereas if I could ignore the profile image it would work perfect.
Related
I'm having an issue concerning the thumbnail from a web page that is being shared on socials (LinkedIn & Facebook). LinkedIn has an easy way to choose whatever image you want as a thumbnail, but Facebook is not working for me as it should even if I upload the desired image as one of the available images.
[The first 5 are automatically generated, the 6th is uploaded. I'm unable to only select the uploaded image, the one I desire to use as a stand-alone thumbnail image.][1]
I've tried to add the desired image to the og metatags (drupal 8), but it still doens't load the right image.
Where should I look further into to find a solution? The metatags on our website or Facebook's uploading system?
Thanks in advance for any help.
[1]: https://i.stack.imgur.com/GFhI9.png
I have a new website built on latest Wordpress. My issue is in posts, its not showing images automatically when I scroll through, but when I move mouse pointer, its showing a magnifying glass (means there is an image below) and when I click on it, image is come-up on top but not on the post. It looks like only if the image is bigger than the area in post, its doing this because I can see images on other posts where image is smaller.
One example of a post that has issue:
https://www.techadrive.com/hp-envy-curved-all-in-one-34-review-stylish-sophistication-in-a-pc/
Any help will be appreciated. Thank you all.
Your Image path is wrong:
Your site image path is: data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7
actual image path is: https://icdn7.digitaltrends.com/image/digitaltrends/hp-envy-curved-34-review-9-1500x1000.jpg
You can add image again and add the same path in your website section.
Make sure Your Problem is solved
This seems to be more difficult than it should be.
All I would like to be able to do is add a link from an image on my wordpress site to an external website.
Using the normal media library tools this doesn't seem to be possible so I got the plugin WP Gallery Custom Links
However, even though I added the external link to the Gallery Link URL it still doesn't link.
Is there a more straightforward way to embed a link into an image?
Here is a screenshot of the image editing page:
If you are trying to make an Image clickable and bring you to an external site, click the image, click Edit, under Display settings select link to, custom url, and there you go.
Another way is, when you are adding an image to your site from your Media Library within Wordpress, there is an option "Link to" under Attachment Display Settings.
I have to edit a wordpress site right now. One of the task is to give thumbnails a direct link to point the image directly in the gallery instead of the gallery page.
I can change the link in the thumbnails but I cannot find out what is the link which goes inside the gallery directly to a specific image. And of course keep the paging capabilities after that.
Depends on the gallery being used, in most cases you link to the gallery index.
I would like to add post's preview image to facebook Open Graph meta tag.
One possible solution is to use data:blog.postImageThumbnailUrl:
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
However, the default post image thumbnail which is created by Blogger is too small (72px × 72px), and it doesn't look really nice when facebook tries to stretch it while creating the post's story based on this image thumbnail (facebook says "all the images referenced by og:image must be at least 200px in both dimensions").
So, the question is:
is there any way to retrieve somehow the image's url from the post's body and insert it into facebook Open Graph meta tag which was mentioned above?
(let's say every post of my blog has image tag inside its body:
http://loveclubhouse.blogspot.com/)
Yes! You can. It's kind of sloppy looking, but functional. Here the og:image property from my blog. As you see it is actually grabbing an image from my Facebook profile:
<meta content='http://sphotos.xx.fbcdn.net/hphotos-ash3/538645_3357819035748_1577184006_2624573_712999292_n.jpg' property='og:image'/>
When you load an image from your photo library in Facebook, you can usually right click on it and select "View Image". When you do that, you'll see the URL to the actual image as it is stored by Facebook. So long as the image is publicly accessible, there won't be any problems.
You can see it in action at my blog if you decide to click Recommend (the current page) or Like (of an individual post). :)