I am facing an issue with facebook open graphs. This is the link of the website:
http://pandolin.com/
The problem is that when I share content from my website (for eg: this page http://pandolin.com/crafting-realism-on-celluloid-production-designers-subrata-and-amit/), the image and description of the post are not present in the link preview. I've attached the required screenshots.
The sharing debugger is giving the website
Response code 0
Server Id is empty
og:description is empty
og:image is empty
the scraper views an empty page instead of the page source
I've tried all the solutions available online. Please help find the bug and guide me by providing a step by step solution of the problem.
I saw that you're using Yoast plugin for your WordPress site. Maybe you can try the following:
Log-in into your WordPress CMS dashboard
Go to "Posts" and navigate to the desired post, as you would like to edit it
Scroll down to the bottom of your post, where you will see Yoast
settings
Click on the share icon in the Yoast settings, as shown in the image
below:
Upload your desired image to be shown in the FB share by default
That's it.
Related
I just wondering whether http://www.shoutmeloud.com/videos is a subdomain under subdirectory?
I am just curious to know how we can do that.
I have a website called http://quantumbuddy.com/ and I want to share spirtual video the same way here shoutmeloud did.
Can anyone let me know how they did?
The website Shoutmeloud is a very popular website of a very popular Indian blogger Harsh Agarwal. The website is WordPress built as told by him many times. Regarding your question - the http://www.shoutmeloud.com/videos is not a directory because if it had been a WordPress directly there would be a login url - http://www.shoutmeloud.com/videos/wp-login.php, but it is not there.
Seeing the design of http://www.shoutmeloud.com/videos i think it is a post category (videos) which shows the post contained in it(here videos).
In wordpress this comes by default, all you have to do is to create a post category and add post in it. Then in these post add youtube videos embed code.
You can easily achieve that by going to your wordpress dashboard then add a new page and name it like videos then insert some video files there whether it's a link or from your uploaded videos then save it.
To check the page, Add it to your main menu for example then save it.
The url would be like http://quantumbuddy.com/videos.
so basically the videos is the name of the page.
I checked your site and it only contain one link in the menu. Add a page and add it to your menu bar and it would display next to the Blog link.
The website you are referring to is using Genesis Theme. You can find it here
.
I share a articles from this blog on my FB page: http://what-is-your-story.co.za/blog/ - when it contains an image, it shows the image in the preview mode on facebook, but after I post the link, the image disappears. It just shows a white block where the image should be.
When I share an article from the same blog with no image, it still shows a blank thumbnail block where an image would've been (although there is none).
I've tested it with the Facebook Open Graph Object Debugger, and the link looks fine with the image showing up if the article has one and no image/thumb area when there isn't one. But still if I share the articles on Facebook, it shows a blank thumbnail area for all these articles.
The same happens when someone else shares these posts as well.
Some screenshots of what I see in FB Debugger and what is actually posted: screenshots
Website / blog built on: Wordpress V4.4.2 | Gantry 5 framework V5.2.10 with Hydrogen theme
Any ideas on what causes this and how I can fix this?
PS: Sharing to Google+ shows the images just fine. No problem there. It seems to just be Facebook.
i have this wp page that display the preview of the products and once click it will send to the other page with full details of the product. Actually this worked on not pretty permalink but hopefully trying to make it search engine friendly
preview page:
http://localhost/phone/brand
full page:
http://localhost/phone/specs
sample link:
NOKIA-3210
Then specs/full page will get the "nokia-3210" string from the url to use in the wp query. but this redirect me to 404 page.
How can I go about fixing this? I've read that this can be fixed using .htaccess also rewrite_api, I'm lil confuse what to use. Any help to point me to the right direction?
I've never done this but I would guess some changes in the htaccess file would be required to force all visits onto the specs page itself and not treat nokia-3210 as a post/page.
To start with, I am not an expert of any kind. Codes drive me insane. I run a site called: http://nascentarray.com.
I moved the site from one host to another and after the migration, I found that many images were broken. So, I changed the permalink structure:
From: nascentarray.com/post-name/
To: nascentarray.com/year/month/date/post-name/
Everything looked fine until I started getting 404 errors on images interested into the posts directly.
To me more specific, I use two methods to insert images:
I use the Jetpack module of WP to create a gallery in mosaic layout that gives a carousel of images when someone clicks on the gallery.
For some posts, using Jetpack gallery module makes no sense and so, I simple insert individual images between texts using the simple media uploader.
Problem: The problem is with the posts where I do not use the Jetpack gallery module. When I click on a post, the post opens fine and shows all images in it. However, the moment I start clicking on individual images, they start giving 404 error.
Example: http://nascentarray.com/2013/02/08/tallest-buildings-of-2013/
Clicking on any image in the post will return a 404 error.
How to solve this problem? Anyone, please help me. This is so disturbing and I don't have enough technical expertise to deal with this on my own and so I can came here with a hope to find some help from experts.
The posts where you don't use jetpack image gallery module doesn't embed a gallery. Instead, you embed images in your posts individually. When you embed, there's option with image link whether you want to link image with post, attachment page, custom link or source file.
Your images are not linked to source file - instead those are linked to POST ATTACHMENT link.
Once you changed the permalinks structure of your post, the links associated with your image files were not updated and those remained as per previous permalink structure those don't exist now and thus it gives 404 error.
It's solution can be to revert your permalinks structure to previous one (short and immediate solution) and other solution can be writing a short script and update all links of images in batch with their source file or anything else.
Another solution is to use Yoast SEO plugin to generate redirect URL's for old backlinks.
See the guide in this blog post regarding this solution.
I hope this helps and you understand the issue now.
Your permalink structure is incorrect. You need to change it back to nascentarray.com/year/month/date/post-name/
If it's already that way, then you need to double check your folders in uploads. Because if you look at your one page here http://nascentarray.com/2013/06/17/stock-wallet-the-only-wallet-you-will-ever-need/
That image is linked with ../year/month/date/post_name/image_name/
i.e. http://i0.wp.com/nascentarray.com/wp-content/uploads/2013/06/stock_wallet_2.jpg?resize=389%2C176
Obviously your plugin for viewing galleries adds the extra stuff in the URL's.
Where as the link you gave above has just ../post_name/image_name/ Which isn't working with your plugin or linking of the image file.
I am not sure why this is happening. But, When i try to post Link Omitted on the company's facebook page, the thumbnails aren't loaded by the facebook. Whereas if I try to post some earlier link from my website, like Link Omitted, all the pics from that page are loaded.
Can someone tell why this happens...Also, sometimes, facebook doesn't load all the images from page.
You rely on how Facebook scrapping your page content which isn't a best way to achieve what you want. The reason you see image for older links is probably caching.
To ensure you have images with posting your content on Facebook you should add og:image OpenGraph meta tags.
For more info on this read OpenGraph documentation and use Facebook Debug tool to check if you have any issues with scrapping and/or all details scrapped correctly.