Screenshot Link thingy - discord

Sorry for the bad explanation.
On Discord there are people that have a cool custom link along with an embed screenshot and some text.
I'd like to ask how to do this
Example: Click for the example

It's because the link they sent (alayn.should-not-exist.xyz) has a meta description tag so Discord can generate a preview. Here is a post with more information: Meta tags for URL with description and image (In Skype, Discord).

Related

Trouble editing an Elementor post page

I'm currently an intern with little Wordpress experience. I have to to make the website more 'modern' and I've stumbled upon the blog page. I decided on using the blog element. It works well, but when I want to edit the blog page, I stumble on an issue.
I know how to disable reactions but can't find any option where to disable the meta data and author. I also can't edit the image size (Also seen in the screenshot below). I also don't know if it's possible to change the style on the post title, since whenever I click on it, it doesn't give me the options to change its appearance like every other Elementor element.
Are these options I'm looking for not a feature, or am I looking at the wrong place?
Screenshot of the post page. Highlighted elements are the featured image, meta data and author.

How to grab the YouTube thumbnail from the YouTube url?

I want to include YouTube thumbnail inside my react app.
I already made enable the YouTube v3 api in developers google
so here is the request I am making
https://youtube.googleapis.com/youtube/v3/search?url=https://www.youtube.com/watch?v=6jypIrxqhXo&key=`HEREISTHEKEY`
The thing is The data coming back doesn't have the thumbsmail image data. What am I missing here , what change I have to make to get the thumbnail data back
You need to add part=snippet as an url parameter:
The snippet object contains basic details about a search result, such as its title or description. For example, if the search result is a video, then the title will be the video's title and the description will be the video's description.
So your url should look like this:
https://youtube.googleapis.com/youtube/v3/search?url=https://www.youtube.com/watch?v=6jypIrxqhXo&part=snippet&key=YOURKEY

How do I create a share button on a website for Discord?

I mean, like a URL that a user can click to open the Discord app or website and prewrite a Discord message, ready to be sent.
I need something similar to mailto: links where I can set the message body text as a parameter or directly within the URL.
Does anything like this exist? Any help would be much appreciated.

Twitter summary card image is not always displayed

So i have a website which is builded with NextJS and i'm using Next SEO plugin for filling the meta tags necessary for twitter and facebook info...
I have card type option set to summart_large_image
<meta name="twitter:card" content="summary_large_image">
i can see that it's added to the website and it does work for some of the posts ... but something weird is happening , for example two of the tweets will have card with large image and then three of them would be just plain text with the link ...
I have a CMS in Silex where it's implemented automatic posting on twitter with twitter's API... and basicly i'm just posting a string with the link and some additional comment about it ... when i try do debugg with the twitter card validator it does work properly but not on my account ...
here's a screenshot for better explanation, the red ones are cards with large image and the blue ones have only text with link
All the posts have the same structure and equal size provided for the og:image tag.... all of them are equal basicly
Edit:
This is the twitter account in question for more clarity : https://twitter.com/someecards
Edit:
Now i even got a summary card with small image on a post which contains meta tag "summary_large_image" , and when i run the same link throught the link validator i'm getting the desired result
Link validator:
It looks like sometimes Twitter is not able to build the Card Preview (maybe a timeout when fetching the data or image) and, after that, the link is never accessed again, hence the preview is not rebuilt.
You can validate the preview with the Twitter Card Validation tool but it will probably work and show the correct link.
I have explained how the Card Preview works and limitation in a blog post, and created a tool to work around it.
In your case I would make sure the page is built before you post it onto Twitter, to make sure it is ready and served with minimum delay when the Twitter bot access it to generate the preview.

Not able to pull blog image in linkedin

I'm implementing custom share buttons for LinkedIn, Facebook etc. using Drupal 7 at the following URL:
http://commandpartners.com/blog/5-traits-of-an-entrepreneurial-mindset
After a user clicks on the LinkedIn button, a LinkedIn popup opens, with the correct title and description. However, the wrong image appears. I'm not able to understand why the correct blog image does not appear.
Where is LinkedIn pulling the image from?
It looks like maybe the image being used is an older image capture from your site. Did you have this older image on the site before? (the city skyline illustration)

Resources