When typing www.8billionminds.com or http://8billionminds.com on twitter, the image on the thumbnail shows correctly, but when typing https://8billionminds.com then it doesn't.
Any idea why?
It works fine on linkedin or facebook, but not twitter.
These are the meta tags
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>8Billionminds | worldwide live learning platform</title>
<meta
name="description"
content="We are a free online interactive learning platform where you can learn, teach and chat about almost anything."
/>
<meta name="keywords" content="live learning, online learning" />
<meta property="og:site_name" content="8Billionminds" />
<meta property="og:type" content="website" />
<meta property="og:location" content="en_UK" />
<meta property="og:url" content="http://www.8billionminds.com/" />
<link rel="canonical" href="http://www.8billionminds.com" />
<meta
property="og:title"
content="8Billionminds | worldwide live learning platform"
/>
<meta
property="og:description"
content="We are a free online interactive learning platform where you can learn, teach and chat about almost anything."
/>
<meta property="og:image" content="${webAppRoot}images/8BM-open-graphic.png" />
<meta property="og:image:alt" content="${webAppRoot}images/8BM-open-graphic.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="#8Billionminds" />
<meta
name="twitter:title"
content="8Billionminds | worldwide live learning platform"
/>
<meta
name="twitter:description"
content="We are a free online interactive learning platform where you can learn, teach and chat about almost anything."
/>
<meta name="twitter:image" content="${webAppRoot}images/8BM-open-graphic.png" />
<meta name="twitter:image:alt" content="${webAppRoot}images/8BM-open-graphic.png" />
EDIT
It works fine now. I changed nothing.
your og:url
<meta property="og:url" content="http://www.8billionminds.com/" />
has hardcoded http and www
EDIT:
checking on https://cards-dev.twitter.com/validator
it seems to work
Related
I've built an application on next.js. For that I'm injecting custom meta tags into the head of page. Following is the content i'm injecting into the Head of document.
<title>{`${recordingData.title} - VUMU`}</title>
<meta name="description" content="Check out a video I made via VUMU" />
/* SEO */
<meta property="og:site_name" content="VUMU.IO" />
<meta property="og:type" content="website" />
<meta property="og:url" content={`${config.WEB_URL}share/${query.pid}`} />
<meta property="og:title" content={`${recordingData.title} - VUMU`} key="title" />
<meta property="og:description" content="Check out a video I made via VUMU" />
<meta property="og:image" content={recordingData.thumbnailUrl} />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="720" />
<meta name="twitter:card" content="summary" />
/* OEMBED links discovery */
<link rel="alternate" type="application/json+oembed" href="https://2rstwutqz5.execute-api.eu-west-2.amazonaws.com/dev/get-recording-oembed?url=https%3A%2F%2Fstage.vumu.io%2Fshare%2F60d81714d4324bb2b7a595ab&format=json" />
<link rel="alternate" type="application/json+oembed" href="https://2rstwutqz5.execute-api.eu-west-2.amazonaws.com/dev/get-recording-oembed?url=https%3A%2F%2Fstage.vumu.io%2Fshare%2F60d81714d4324bb2b7a595ab&format=xml" />
/* Other tags */
Plus following is the link contaings these tags. https://stage.vumu.io/share/60d81714d4324bb2b7a595ab?src=ext
Now the problem is that when i share the link url on actual social media platform it doesn't load up the embeded iframe.
Here is a sample XML file:
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="Workbook-S-140-PublicTalk-WatchtowerStudy-ServiceTalk-Version2.xsl"?>
<MeetingWorkBook>
<Meeting BookmarkId="4" PageBreak="0" NumberClasses="1" SpecialEvent="0" CircuitVisit="0">
<Date ThisWeek="W20200831" NextWeek="W20200907">August 31–September 6</Date>
</Meeting>
</MeetingWorkBook>
Here is a stripped down XSL file:
<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns="http://www.w3.org/1999/xhtml">
<xsl:output method="html" indent="yes" version="4.01"
doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN"/>
<xsl:param name="CSSFile1"></xsl:param>
<xsl:template match="/">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
</head>
<body>
<div class="containerPage">
<xsl:for-each select="MeetingWorkBook/Meeting">
<div class="containerMeeting">
<!-- Put output here -->
</div>
</xsl:for-each>
</div>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
I am interested in this element:
<Date ThisWeek="W20200831" NextWeek="W20200907">August 31–September 6</Date>
Specifically, these attributes:
ThisWeek="W20200831"
NextWeek="W20200907"
The values are in the format of: WYYYYMMDD.
I need to display this text, for example:
Schedule date range - 31/08-6/09
The tasks I need to acheive:
Extract DD from ThisWeek (strip any leading 0).
Extract MM from ThisWeek (do not strip leading 0).
Extract DD from NextWeek and subtract 1 (strip any leading 0).
Extract MM from NextWeek (do not strip leading 0).
I realise that is might not be straightforward because we want to subtract 1 day which could theoretically be in the previous month. So if it is easier we could add 6 days to ThisWeek.
Can this be acheived with XSLT-1?
Thanks.
I am working on a WEB API 2 Project. I am using Swagger documentation.
I am also using ODATA V4.
I want to set my default page of my web api to swagger, How can I do it?
You can create a redirect, see an example here:
http://turoapi.azurewebsites.net/
All I did was create an index.html with the following code:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<meta http-equiv="refresh" content="0; URL='/swagger'" />
</head>
<body></body>
</html>
With that make sure in Web.config
<system.webServer>
<handlers>
<remove name="ExtensionlessUrlHandler-Integrated-4.0" />
<remove name="OPTIONSVerbHandler" />
<remove name="TRACEVerbHandler" />
<add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="*" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
</handlers>
</system.webServer>
... it should not include this tag.
<clear/>
About 2-3 weeks ago the product image and description quit showing in posts to our Google+ business page.
They are showing on our Facebook business page.
Heres the OG code:
<meta property="og:type" content="product" />
<meta property="og:title" content="Product Name" />
<meta property="og:site_name" content="Website Name" />
<meta property="og:description" content="Description of listed item on webpage" />
<meta property="og:image" content="http://www.mywebsite.com/myimage.jpg" />
<meta property="og:url" content="http://www.mywebsite.com/product-name.html" />
Any ideas?
I want to share video on Google plus
I am using open graph tags
<meta property="og:site_name" content="..." />
<meta property="og:url" content="..." />
<meta property="og:title" content="..." />
<meta property="og:type" content="..." />
<meta property="og:image" content="..." />
<meta property="og:video" content="..." />
<meta property="og:video:type" content="..." />
<meta property="og:video:width" content="..." />
<meta property="og:video:height" content="..." />
it does share as a link and not video.
Thumbnail displays but not embed video within it.
Google+ only supports a select few Open Graph tags.
og:title
og:image
og:description