Предпросмотр Open Graph и соцсетей

Смотрите, как ваши страницы выглядят в Google, Facebook, Twitter и мессенджерах

Настройка мета-тегов

Page Title (og:title):58/60 chars

Description (og:description):115/160 chars

Canonical URL (og:url):

Social Share Image URL (og:image):Рекомендуемый размер: 1200 x 630 пикселей (соотношение 1.91:1)

Site Name (og:site_name):

Предпросмотр карточек в соцсетях

https://textcaseconvert.com › ...

TextCaseConvert - Free Online Text, Code & Developer Tools

Transform case, format JSON/SQL, calculate freelance rates, decode JWT tokens, and optimize images online for free.

Готовый HTML-код мета-тегов:

<!-- Primary Meta Tags -->
<title>TextCaseConvert - Free Online Text, Code & Developer Tools</title>
<meta name="title" content="TextCaseConvert - Free Online Text, Code & Developer Tools">
<meta name="description" content="Transform case, format JSON/SQL, calculate freelance rates, decode JWT tokens, and optimize images online for free.">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://textcaseconvert.com">
<meta property="og:title" content="TextCaseConvert - Free Online Text, Code & Developer Tools">
<meta property="og:description" content="Transform case, format JSON/SQL, calculate freelance rates, decode JWT tokens, and optimize images online for free.">
<meta property="og:image" content="https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=1200&auto=format&fit=crop&q=80">
<meta property="og:site_name" content="TextCaseConvert">

<!-- Twitter / X -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://textcaseconvert.com">
<meta property="twitter:title" content="TextCaseConvert - Free Online Text, Code & Developer Tools">
<meta property="twitter:description" content="Transform case, format JSON/SQL, calculate freelance rates, decode JWT tokens, and optimize images online for free.">
<meta property="twitter:image" content="https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=1200&auto=format&fit=crop&q=80">

Почему разметка Open Graph повышает кликабельность (CTR)

Привлекательность публикаций

Когда пользователи делятся вашими ссылками в WhatsApp, LinkedIn или Twitter, теги Open Graph заменяют обычный текст интерактивными карточками с высоким разрешением. Богатые превью генерируют до 3 раз больше кликов.

Оптимальный размер картинки

Используйте изображения размером 1200 x 630 пикселей (соотношение 1.91:1). Размер файла до 5 МБ и центрирование важного текста гарантируют четкое отображение на смартфонах и ПК.