Comments (8)
I think there's a mistake in their documentation too :D They show the summary card with large image, see: https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary-card-with-large-image
You can see that it works when I set <meta name="twitter:card" content="summary_large_image">
here: https://twitter.com/flus_fr/status/1558363127787524096
I'm pretty sure Twitter reads OpenGraph tags and I don't like to have specific tags specific to Twitter for the same reasons as @Alkarex (he was faster than me ^^).
from freshrss.org.
from freshrss.org.
I think the validator is broken: I use almost the same configuration for https://flus.fr/carnet/ and Twitter renders the cards correctly (while the validator also tells me it cannot render the preview).
from freshrss.org.
Now:
<meta name="twitter:site" content="@freshrss">
<meta name="twitter:card" content="summary">
You can see that in your screenshot not the summary card is shown.
The Twitter summary card has a big image.
See: https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary
I guess that the validator does not work: the summary needs more Twitter specific meta data. twitter:title
is mandatory. It does not take the Open Graph data :/
That should work:
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="FreshRSS">
<meta name="twitter:description" content="FreshRSS is a self-hosted RSS and Atom feed aggregator. It is lightweight, easy to work with, powerful, and customizable. ">
<meta name="twitter:site" content="@freshrss">
<meta name="twitter:image" content="https://freshrss.org/images/screenshot.webp" />
<meta name="twitter:image:alt" content="Screenshot of FreshRSS. It shows the normal view with a list of read articles." />
from freshrss.org.
I am not so found of adding proprietary attributes such as <meta name="twitter:description" content="..." />
, especially when there are already some very fine (more) standard ones. Otherwise where to stop: why Twitter and not the many other platforms out there.
If needed, there are some fine ontologies (e.g. Dublin Core...) to supplement standard HTML attributes.
(On a side note, a few proprietary ones have made their way to the core of FreshRSS (such as <meta name="apple-mobile-web-app-capable" ...
) which I would rather delete again.)
from freshrss.org.
Even most of the OpenGraph ones are quite redundant, or at least would be if sites like Facebook would actually listen to standard meta tags. og:image is just about the only one missing.
from freshrss.org.
Then let's remove the <meta>
tags for Twitter. It would be better to have no tags then having it not complete/correct
from freshrss.org.
I think we can remove twitter:site
, but I'm pretty sure twitter:card
is required for Twitter to display the cards.
Edit: OpenGraph tags are officially supported by Twitter btw, see https://developer.twitter.com/en/docs/twitter-for-websites/cards/guides/getting-started "Twitter Cards and Open Graph"
from freshrss.org.
Related Issues (20)
- Document how to avoid conflicts between "community" author and category feeds
- freshrss.org is down HOT 1
- [Article] FreshRSS supports PubSubHubbub HOT 5
- Stuck on step 2 HOT 2
- [Article] FreshRSS 1.2.0 is the new stable HOT 1
- [Article] FreshRSS 1.6.3 is available HOT 2
- SSL issue HOT 1
- Impossible de finaliser la configuration initiale. HOT 3
- News section HOT 11
- Feature request : Add linkedin HOT 1
- Image proxying ? HOT 2
- Preview mode? HOT 2
- Installation failed on step 2 HOT 1
- demo update HOT 2
- [Feature] scroll to top should be in side wise. HOT 8
- Modernization & overhaul HOT 11
- Hope Can be proive Chinese Docments HOT 3
- Homepage still refers to inactive Twitter profile HOT 3
- update demo.freshrss.org to the newest HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from freshrss.org.