I have this sharing page: https://tikex-dev.com/kubl/34lw/j1vd/ceay
Though og:url is the same as og:image, og:url value in Facebook Debugger will not show the meta tag value, but the url of the sharing page. Why?
<meta property="og:image" content="https://t44-post-cover.s3.eu-central-1.amazonaws.com/pbs8">
<meta property="og:url" content="https://t44-post-cover.s3.eu-central-1.amazonaws.com/pbs8">
Anyway og:image points to a GIF file.
And there is an other problem also, I can not see the preview of the image in Facebook Debugger, and when sharing page is shared on Facebook, GIF is a static image, not animating. Why?
Short answer:
The path specified for og:url does not need to be a page that renders in the browser. However, it must respond to the Facebook crawler and return og:... meta tags. For details on detecting the Facebook crawler, see The Facebook Crawler.
More details:
The og:url is an equivalent to a meta canonical tag - use it, canonical is the most important canonization tag.
When the path referred to by og:url returns an og:url link that is different, the new link is followed. The sharing details that Facebook uses are the ones at the final link in the redirect chain. The final link in the chain should also include the og:url meta tag. If og:url isn't specified, then the URL of the page is assumed to be the canonical URL.
Some limitations apply because you are using different domains:
Starting February 3, 2020, you will no longer be able to specify URLs
with a different domain as the canonical URL, unless that domain has
explicitly added your domain to an allow list using the Webmaster
tool.
The domain t44-post-cover.s3.eu-central-1.amazonaws.com does not match tikex-dev.com.
Reference: https://developers.facebook.com/docs/sharing/webmasters/getting-started/versioned-link/?locale=en_US
Related
This bounty has ended. Answers to this question are eligible for a +500 reputation bounty. Bounty grace period ends in 20 hours.
John Rood wants to draw more attention to this question.
When the button on my website is pressed, I want the link of my website to be shared on LinkedIn. But when the button is pressed, the image I specified in the meta tags does not appear on the share page. In addition, the description and title information I gave in the meta tags are visible.(I am using vite-11ty.)
the link i gave to the button
Share with Linkedin
my meta tags
<meta name="image" property="og:image"content="image-url"/>
Maybe Linkedin cache isn't up to date with your website. You can try using the LinkedIn Post Inspector to see if the info you gave in the meta tags is being returned ok by Linkedin, it'll make Linkedin refresh the data they've about your post too.
If it doesn't work, try the process mentioned in this post (add a query string in the img url so Linkedin will consider it as a new img).
Also, make sure the URL in the og:image tag is public and the right format (jpg or png)
First of all, one needs to make sure one is following all the requirements:
og: tags
Image requirements
Below will also give one example of how to solve it with WordPress, as the approach might be helpful.
If those don't work, one approach is to reach out directly to LinkedIn's Support.
Requirement 1
With regards to the og: tags, they must exist and this is their correct format:
<meta property='og:title' content='Title of the article'/>
<meta property='og:image' content='//media.example.com/ 1234567.jpg'/>
<meta property='og:description' content='Description that will show in the preview'/>
<meta property='og:url' content='//www.example.com/URL of the article'/>
One can add inside one's <head> tags.
Requirement 2
The image needs to satisfy the following requirements:
Max file size: 5 MB
Minimum image dimensions: 1200 (w) x 627 (h) pixels
Recommended ratio: 1.91:1
If the image meets the requirements, but it still does not appear in updates on LinkedIn, one's website may be blocking LinkedIn from pulling the image or the image may be located on a protected directory or website.
How to solve it in WordPress?
In WordPress one can solve this issue by using YoastSEO.
The hyperlink above redirects one to a page on how to do it using Facebook, however, as LinkedIn also uses Open Graph metadata, the data used in the Facebook preview is also what LinkedIn will use.
In order to set up an Open Graph image for individual posts and pages, with Yoast SEO,
you can do that in the Social tab of the Yoast SEO meta box, which can
be found bellow the page content
(as seen on the image bellow):
Notes:
One can test the posts with LinkedIn Post Inspector. If one's content has changed recently, one can see when LinkedIn last updated their data on it, and request a re-scrape.
Relevant reads:
Make your website shareable on LinkedIn.
Share on LinkedIn.
Clear LinkedIn cache: LinkedIn caches the OG tags for shared URLs. Sometimes, if the OG tags were updated recently, the cached version may still be used. To clear the LinkedIn cache, you can use the LinkedIn Post Inspector tool (https://www.linkedin.com/post-inspector/).
Check for other OG tags: Sometimes, other OG tags may be present on the website that conflict with the OG tags you added. Check the HTML source code of your website to make sure there are no other conflicting OG tags.
Test with other sharing tools: Test sharing your website link on other sharing tools such as Facebook or Twitter to see if the image appears. If the image appears on other platforms but not on LinkedIn, it may be an issue with LinkedIn.
If none of these steps work, you can try reaching out to LinkedIn support for further assistance.
I am trying to share following post/page on my google plus account https://www.schoolmykids.com/parenting/importance-of-father-daughter-relationship/
Instead of TITLE of the blog, google plus is showing me just the site name.
Please suggest how to resolve this issue except for my actual blog/article page all pages are showing correct tile while sharing on google plus.
Try modifying your page to add meta tags with Open Graph properties. This should work for sharing either on Google+ or Facebook. Using these OpenGraph properties you can specify descriptive meta data about your page such as your page title, a brief description, an image, etc.
For example:
<meta property="og:title" content="The Importance of the Father-Daughter Relationship" />
Here are a couple of links to get you started:
https://developers.google.com/+/web/snippet/
https://developers.facebook.com/docs/sharing/webmasters
I seem to have a problem with my Google Analytics.
My pages are being shown as 404 errors as the full URL address is being repeated after the foldername.
Example:
My page for cars is:
/cars/
But Google Analytics is showing this page as
/cars/www.domain.com
There are no filters set that I can see but I don't know how to resolve it.
Is this common? It is a Wordpress site.
You have a link somewhere that starts with www.example.com, but should start with http://www.example.com (or https://www.example.com).
URLs that don't start with a protocol (http://, https:// or just :// to mean "the same protocol this document was requested with") or a / are interpreted to be relative to the current document, e.g. if you are on http://www.example.org/cars/ and you link to "mercedes/", it yields http://www.example.org/cars/mercedes/. This is what happens for you, because you have an incomplete URL somewhere. Look at your document source in your browser and search for www.example.com. You will most likely find something like href="www.example.com". Find the link in your post / template that is responsible, and change it to href="http://www.example.com" or href="https://www.example.com", depending on what that host supports.
In some cases, you might find that Google Analytics is adding your domain name after every URL slug captured and it can make for some messy reporting.
For example, our homepage would return
/nichemarket.co.za
and the blog page would return
/blog/nichemarket.co.za
If your site analytics account returns a similar issue, this is not standard practice and is generally due to a misconfiguration of the view filter.
To fix this issue head over to your Google Analytics account and click the Admin tab in the right-hand menu.
Navigate to view
Select view settings
Scroll down to default page
Remove your domain name from the text box and leave it blank
Click save
This is SO annoying.
The Issue is a matter of two scenarios behaving differently when I expect (and wish) them to be the same, these relate to the same webpage/article which features both Facebook Comment widget and a Share icon.
It's important to mention that the webpage is a Wordpress article, and we redirect:
from www.example.com/wordpress/articles/news/thearticle
to www.example.com/news/thearticle
The issue explained:
Scenario 1) I visit the article and type a facebook comment, I also click 'Also Post on Facebook'. When I view may facebook wall and see the share with the comment I just made, the link is linking back to the wordpress URL - I do not want this.
Scenario 2) I visit the article and share it through the Share icon. On my wall this time the linkback URL is the short one - this is good.
Important info regarding debugging
My OG URL tag is correct:
<meta property="og:url" content="http://www.example.com/news/thearticle"/>
Facebook debugger is picking up the correct desired URL as above,
also listing the desired Fetched URL and Canonical URL. All seems to
be what I want it to be.
This is true regardless of whether or not I
scrape the URL before or after I try this procedure.
Even if I then go back and do another comment with 'also post on FB' after doing a scrape with FB debugger, still the share links to the wrong/long format/original URL.
However, if I at any point share via the share icon, not the comment-share, the desired URL is present as per the OG URL.
If I do a comment-share, then an icon-share, then another comment-share, the comment share ones still have the wrong URL even though the icon-share had the correct one!
Any ideas? Thanks so much in advance to anyone who can help :)
It seems that the Comments FB plugin doesn't get the page info from OpenGraph, but expect a data-href attribute, or if not provided will use the current url by default.
From the doc:
data-href
Description : The absolute URL that comments posted in the plugin will be permanently associated with. Stories on Facebook about comments posted in the plugin will link to this URL.
Default : Current URL.
So what you need to do is to provide the valid URL as an HTML5 attribute on your plugin wrapper:
<div class="fb-comments" data-href="http://www.example.com/news/thearticle" data-numposts="5"></div>
I am wondering what kind of tags can be used in a web page of a blog post to give search bots more clue about what they are looking at.
The ones that I know is as follows :
keywords meta tag
description meta tag
canonical meta tag
Also rel="canonical" link as follows :
<link rel="canonical" href="http://www.example.com/product.php?item=swedish-fish"/>
Is there any others?
First off, meta description and content tags are no longer used by the major search engines for the purposes of any kind of page/site ranking. However, I still include them because they will probably end up being used for other purposes.
What is more important is your choice of blog post title - I usually put a lot of work into this one thing alone. Next, try and include the blog post title in the URL. Finally, use social media links for all their worth! Quality links back to your blog will reap the most benefit SEO-wise :)
Friendly URLs always help and are included when using BlogEngine.
UPDATE:
To "canonicalize" your URLs, you can use ASP.NET routing or do it like this:
http://www.codersbarn.com/post/2009/02/21/ASPNET-SEO-and-the-Canonical-Tag.aspx
The meta keywords tag has no SEO value of any kind and can be ignored.
The meta description tag does not affect rankings but may be used by Google as the snippet below a page's listing in the search results.
The rel="canonical" tag is used to signify the preferred URL when content can be found using more then one URL.
The robots meta tag can be used to tell search engines not to index certain content or follow links on a page.
Meta tags are very important for websites SEO you can't ignored them.Without these meta tags your site cannot get good SEO score and position on search engines.
important meta tags are following:
1. Meta Title
2. Meta Description
3. Meta Keywords
4. Meat Robots
For more deatils about these tags visit:
https://blogging4uever.blogspot.com
For Google Panda title is very important. Keywords are not very important but you can use them.
Title, Description and Tags.