W3Checker prüfen

Image formats like WebP and AVIF often provide better compression than PNG or JPEG, which means faster downloads and less data consumption. Learn more.

With Twitter Cards, you can attach rich photos, videos and media experiences to Tweets, helping to drive traffic to your website. Simply add a few lines of markup to your webpage, and users who Tweet links to your content will have a "Card" added to the Tweet that’s visible to their followers.

The different Card types each have a beautiful consumption experience built for Twitter’s web and mobile clients:
Summary Card: Title, description, and thumbnail.
Summary Card with Large Image: Similar to the Summary Card, but with a prominently-featured image.
App Card: A Card with a direct download to a mobile app.
Player Card: A Card that can provide video/audio/media.

How to add it?
Choose a card type to implement.
Add the correct meta tags to the page, for example:
meta name="twitter:card" content="summary"
meta name="twitter:site" content="@publisher_handle"
meta name="twitter:title" content="Page Title"
meta name="twitter:description" content="Page description less than 200 characters"
meta name="twitter:creator" content="@author_handle"
meta name="twitter:image" content="http://www.example.com/image.jpg"

The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.

To turn your web pages into graph objects, you need to add basic metadata to your page.
The four required properties for every page are:

og:title - The title of your object as it should appear within the graph, e.g., "The Rock".
og:type - The type of your object, e.g., "video.movie". Depending on the type you specify, other properties may also be required.
og:image - An image URL which should represent your object within the graph.
og:url - The canonical URL of your object that will be used as its permanent ID in the graph, e.g., "http://www.imdb.com/title/tt0117500/".

The following properties are optional for any object and are generally recommended:

og:audio - A URL to an audio file to accompany this object.
og:description - A one to two sentence description of your object.
og:locale - The locale these tags are marked up in. Of the format language_TERRITORY. Default is en_US.
og:locale:alternate - An array of other locales this page is available in.
og:site_name - If your object is part of a larger web site, the name which should be displayed for the overall site. e.g., "IMDb".
og:video - A URL to a video file that complements this object.