I am getting "500 internal server Error" from card validater Trying to validate my webpage.
I am using the following summary card in head section of my document
<meta name="twitter:card" content="$row['summary']" />
<meta name="twitter:site" content="#me" />
<meta name="twitter:title" content="$row['title']" />
<meta name="twitter:description" content="$row['description']" />
But it doesn't display summary card, I read the twitter card documentation , followed each staps and created a robot.txt file with the following contents :
User-agent:Twitterbot
Disallow :*
Allow :/webpage
But it still doesn't work. Card validater is returning the same error. My domain is on a free live server http://000webhost.com so I don't have access to the error.log life.
Can you help me solve this issue?
Is it an CMS or raw html/php? Sometime very slow host generate various error for Twitter Validator. I will suggest try using an internal link, that you could view properly, and the source shows all card meta properly. If you are using WordPress, I would have suggested using free plugin Twitter Cards Meta. It does all the coding part and direct you step by step for validation.
Related
Hi Goodies i have an issue in pyscript
issue : when i paste the below pyscript code in my WordPress post as an html and press preview it just simply popups to dawnload the pyodide file instead of showing the hello world message in the code below. Please someone can clear that to me why this is happening.
thanks regards
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://pyscript.net/latest/pyscript.css" />
<script defer src="https://pyscript.net/latest/pyscript.js"></script>
</head>
<body>
<py-script> print('Now you can!') </py-script>|
</body>
</html>
the output screenshots from the browser where i get this happening.
(1) From WordPress
this is once i write the code in real time wordpress post as an html
this is what i got once i click on preview
(2) Samething is happening in vscode live server instead of the showing the message hello world it just popup my dawnloader idm to dawnload a pyodide file.
this is the code in vscode with the live server
this is what i got once i run with the live server in vscode
i need to run a small python code in my WordPress post when someone visit my website and in that post once he requests some calculation so the python code should be responsible to do some calculations and show that to the user.
any suggestions please
From the logo on the popup messages you're getting in both cases, it looks like this is behavior caused by having [https://www.internetdownloadmanager.com/](Internet Download Manager) (IDM) installed.
When the Pyodide runtime loads, it fetches certain additional files from the web, including pyodide_py.tar (the compressed Python API files the Pyodide Python API, as well as any additional packages specified in <py-config>. If IDM is configured to interrupt fetching these necessary files, Pyodide will fail to load and/or execute.
You may be able to whitelist (allow) IDM to automatically download these files, but that's beyond my knowledge of that particular plugin.
For more discussion, here's a similar issue on the PyScript GitHub.
I am trying to set og:image tag for my website so that users can see the thumbnail image when the website link is shared. Now the thumbnail is working fine facebook, twitter and Linkedin. But when I share the link on WhatsApp it only works for android. In the case of WhatsApp for ios, it tries to load the image but fails and only website description is sent with the website link.
I have already followed all the answers available on this forum.The image I am trying to use for thumbnail is 669 × 378 px and is 89KB in size. There are no errors according to the facebook debugger. My website is in WordPress, so I was using Yoast SEO earlier but to solve this problem I tried by adding meta tags manually as well, but nothing works for WhatsApp for IOS.
These are the metatags found by facebook debugger for my website https://www.indiadappfest.com
These are the raw tags that we found
Meta Tag <meta property="og:locale" content="en_US" />
Meta Tag <meta property="og:type" content="website" />
Meta Tag <meta property="og:title" content="India Dapp Fest 2019 | Asia's top-notch revelation on blockchain based applications" />
Meta Tag <meta property="og:description" content="India Dapp Fest is a top-notch conference focussed on blockchain, enabling conscious decentralization and inturn, ushering in a change to pave the path for future work assemblies" />
Meta Tag <meta property="og:url" content="https://www.indiadappfest.com" />
Meta Tag <meta property="og:site_name" content="India Dapp Fest 2019" />
Meta Tag <meta property="og:image" content="https://www.indiadappfest.com/wp-content/uploads/2019/03/thumbnail-2-low-resolution.jpg" />
Meta Tag <meta property="og:image:secure_url" content="https://www.indiadappfest.com/wp-content/uploads/2019/03/thumbnail-2-low-resolution.jpg" />
Meta Tag <meta property="og:updated_time" content="1553416119" />
Someone, please help me to fix it for ios.
As per the open graph documentation you should use 1:1 i.e square images, apart from that remove the yoast seo plugin and add the meta tags manually (i used a plugin called scripts and styles). This helped me solve the problem for the thumbnail in WhatsApp for ios. You might also want to add another meta tag with a rectangular image as Facebook will skew the 1:1 image when you'll share it on Facebook.
I am trying to share the tweet using twitter share button and using twitter cards for post image with my link and i am using :
<meta property="og:image" content="https://farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg">
<meta property="og:title" content="SOME TEXT">
<meta property="og:description"SOME DESCRIPTION">
<meta name="twitter:site" content="THIS IS CONTENT">
<meta name="twitter:card" content="photo" />
<meta name="twitter:title" content="TWITTER CONTENT">
<meta name="twitter:description" content="TWITTER DESCRIPTION">
<meta name="twitter:image" content="https://farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg">
and for share button using this:
<a class="twitter-share-button"href="https://twitter.com/intent/tweet?text=Hello%20world">Tweet</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
but this code only sharing text and link on twitter not with image.
can any one tell me whats wrong with my code?
I just solved this issue by changing the tag name:
<meta name="twitter:image:src" content="https://example.com/img/my_image.jpg">
It seems the documentation is showing twitter:image instead of twitter:image:src.
First, try to use complete path from http or https for example: https://webpage.com/my_path_image.jpg
Check directly in the following links:
Twitter: https://cards-dev.twitter.com/validator
Facebook: https://developers.facebook.com/tools/debug/
If you are still pulling your hair out trying to figure out why Twitter card images are not displaying for pages on your site despite having the correct dimensions and meta tags first try hosting the image on an external server i.e. a public Amazon S3 bucket.
For reasons I have yet to discover the Twitter agent / card validator would not return the image from my server (docker containers behind NGINX proxy) even though all other Twitter and OG Graph online testers returned the image correctly.
As soon as I hosted the image elsewhere the cards worked perfectly.
I'm trying to add twitter card support for our own image server. Currently the meta tags are like:
<meta name="twitter:card" content="photo">
<meta name="twitter:site" content="#FotoDish">
<meta name="twitter:creator" content="#FotoDish">
<meta name="twitter:title" content="FotoDish">
<meta name="twitter:image:src" content="http://img.fotodish.com/upload/534d5a08a15537a840cafe8e">
<meta name="twitter:domain" content="fotodish.com">
as in http://fdi.sh/i/534d5a08a15537a840cafe8e .
However, the validator tool shows error, while all single items are valid.
What is the issue?
Thank you!
I eventually find the reason... It was a little tricky and Twitter didn't say anything about it in any docs, which is ....
You need to set the Content-Type of the image correctly.
In my situation, I used Amazon S3 and Cloudfront for image storage. When I uploaded the images to S3, I didn't set the MIME type so S3 used application/octet-stream as the default value. In this case, the images could be shown in an img tag correctly, but would not be treated as an image by Twitter bot.
So I just reset the Content-Type of all the images to 'image/png' (or whatever they should be) and everything was all good.
P.S. Also make sure that you have your robot.txt allow Twitterbot to access.
I'm sending some emails from my ASP.NET MVC application, using ActionMailer.NET.
Now, part of this process is sending both HTML and text versions of the message, to support text-only clients.
But what i'm seeing is that GMail is always picking the text version.
I tried Yahoo, and Yahoo is picking the HTML version correctly.
I tried dumbing down my HTML to nothing but a <h1> and a <span> tag, and GMail still picked the text version, which means there isn't a problem with the content of the HTML.
Is this expected behaviour?
Because when i send only the HTML version, GMail will show the HTML version correctly.
I've set the meta-tags in the HTML as follows:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
Has anyone else encountered this behaviour, and found a solution?
Because as it stands, i'll probably have to send only the HTML version, so that GMail will render it, as too many of our clients use GMail.
Here's an example of basic HTML i'm trying to send:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
</head>
<body>
<h1>This is the heading</h1>
<span>This is some text.</span>
</body>
</html>
And GMail won't even allow that.
Most web-based clients and desktop email clients ignore anything in the <head> tag of an email.
To send both html and text versions, you will need to construct the mail message properly - have two mime chunks.
Show us the full code you are using to construct your email.
I guess the first thing i should have checked is the ActionMailer.NET issues.
I did some Googling, and it didn't come up.
This issue was fixed 2 days ago, so getting the latest package fixed the problem.
https://bitbucket.org/swaj/actionmailer.net/issue/23/multipart-mail-problem
That issue was actually relating to Thunderbird, but guess GMail has a similar way of handling multipart emails.
Problem solved!