You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.8 KiB
41 lines
1.8 KiB
8 months ago
|
1. Twitter Cards (twitter:*)
|
||
|
|
• Platforms: Twitter, X (formerly Twitter), TweetDeck, some news aggregators.
|
||
|
|
• Purpose: Provides rich media snippets when links are shared, including title, description, image, and card type (e.g., summary, player, app).
|
||
|
|
• Example:
|
||
|
|
|
||
|
|
<meta name="twitter:card" content="summary_large_image">
|
||
|
|
<meta name="twitter:site" content="@example">
|
||
|
|
<meta name="twitter:title" content="Example Title">
|
||
|
|
<meta name="twitter:description" content="Example Description">
|
||
|
|
<meta name="twitter:image" content="https://example.com/image.jpg">
|
||
|
|
|
||
|
|
2. Open Graph (og:*)
|
||
|
|
• Platforms: Facebook, LinkedIn, WhatsApp, Slack, Discord, Reddit, Microsoft Teams, Telegram, and more.
|
||
|
|
• Purpose: Defines how links are previewed, including titles, images, descriptions, and types.
|
||
|
|
• Example:
|
||
|
|
|
||
|
|
<meta property="og:title" content="Example Title">
|
||
|
|
<meta property="og:description" content="Example Description">
|
||
|
|
<meta property="og:image" content="https://example.com/image.jpg">
|
||
|
|
<meta property="og:url" content="https://example.com">
|
||
|
|
<meta property="og:type" content="website">
|
||
|
|
|
||
|
|
3. Schema.org (itemprop)
|
||
|
|
• Platforms: Google, Bing, Yandex, and other search engines.
|
||
|
|
• Purpose: Provides structured data for better search visibility, rich snippets, and enhanced knowledge panels.
|
||
|
|
• Example:
|
||
|
|
|
||
|
|
<meta itemprop="name" content="Example Title">
|
||
|
|
<meta itemprop="description" content="Example Description">
|
||
|
|
<meta itemprop="image" content="https://example.com/image.jpg">
|
||
|
|
|
||
|
|
4. Other Specialized Tags
|
||
|
|
• Pinterest: Uses og:image and og:description for rich pins.
|
||
|
|
• Reddit: Often pulls og:title and og:description.
|
||
|
|
• Discord: Prioritizes og: tags for link previews.
|
||
|
|
• Slack: Also prefers og: and twitter: tags.
|
||
|
|
• Microsoft Teams: Uses Open Graph for link cards.
|
||
|
|
• Telegram: Uses Open Graph for link previews.
|
||
|
|
|
||
|
|
|