6 советов по Open Graph
1. Всегда указывайте og:image
Ссылка без изображения получает на 70% меньше взаимодействий. Используйте яркую, контрастную картинку.
2. Оптимальный размер изображения
1200 × 630 px — универсальный размер для всех платформ. Файл до 5 МБ в формате JPG или PNG.
3. Не дублируйте title и description
og:title может отличаться от обычного `
`. Адаптируйте текст для социальных сетей.</p><h3 class="MuiTypography-root MuiTypography-h6 mui-1i4z1da">4. Тестируйте перед публикацией</h3><p class="MuiTypography-root MuiTypography-body1 mui-1knk0t0">Используйте <a href="/tools/og-preview" style="color: #4B5563; text-decoration: underline;">Open Graph Preview</a> для проверки. Каждая соцсеть кэширует превью.</p><h3 class="MuiTypography-root MuiTypography-h6 mui-1i4z1da">5. Обновляйте кэш соцсетей</h3><p class="MuiTypography-root MuiTypography-body1 mui-1knk0t0">После изменения OG-тегов очистите кэш через Facebook Debugger и Twitter Card Validator.</p><h3 class="MuiTypography-root MuiTypography-h6 mui-1i4z1da">6. Добавьте текст на изображение</h3><p class="MuiTypography-root MuiTypography-body1 mui-1knk0t0">Изображение с наложенным заголовком привлекает больше внимания, чем просто фотография.</p><p class="MuiTypography-root MuiTypography-body1 mui-1knk0t0">Смотрите также: <a href="/tools/meta-generator" style="color: #4B5563; text-decoration: underline;">Генератор мета-тегов</a>, <a href="/tools/keyword-density" style="color: #4B5563; text-decoration: underline;">Плотность ключевых слов</a></p></div><div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation0 mui-1m5vstx" style="--Paper-shadow:none"><h6 class="MuiTypography-root MuiTypography-h6 MuiTypography-gutterBottom mui-5yw24d">Попробуйте Open Graph Preview (превью соцсетей)</h6><p class="MuiTypography-root MuiTypography-body2 mui-fn151d">Предпросмотр Open Graph и Twitter карточек</p><a class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-disableElevation MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-disableElevation mui-1slfph3" tabindex="0" href="/ru/tools/og-preview">Открыть инструмент<span class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium mui-1g78ho2"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-q7mezt" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"></path></svg></span></a><div class="MuiBox-root mui-1hw29i9"><a style="color:inherit" href="/ru/group/seo">Ещё инструменты: SEO-инструменты</a></div></div><div class="MuiBox-root mui-0"><h6 class="MuiTypography-root MuiTypography-h6 mui-1m6w1g">Связанные статьи</h6><div class="MuiBox-root mui-1821gv5"><a class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-disableElevation MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-disableElevation mui-farq24" tabindex="0" href="/ru/blog/og-preview-guide">Open Graph Preview: как настроить превью для соцсетей<span class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium mui-1g78ho2"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-q7mezt" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"></path></svg></span></a><a class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-disableElevation MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-disableElevation mui-farq24" tabindex="0" href="/ru/blog/og-preview-use-cases">Open Graph Preview: сценарии использования<span class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium mui-1g78ho2"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-q7mezt" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"></path></svg></span></a></div></div><script type="application/ld+json">{"@context":"https://schema.org","@type":"BlogPosting","headline":"6 советов по настройке Open Graph тегов","description":"Как сделать привлекательное превью ссылки в соцсетях: изображения, текст, типичные ошибки.","datePublished":"2026-01-28","dateModified":"2026-01-28","mainEntityOfPage":"https://ulti-tools.com/ru/blog/og-preview-tips","url":"https://ulti-tools.com/ru/blog/og-preview-tips","image":"https://ulti-tools.com/opengraph-image","inLanguage":"ru","author":{"@type":"Organization","name":"Ultimate Tools"},"publisher":{"@type":"Organization","name":"Ultimate Tools","logo":{"@type":"ImageObject","url":"https://ulti-tools.com/web-app-manifest-512x512.png"}},"articleSection":"Open Graph Preview (превью соцсетей)","about":"Open Graph Preview (превью соцсетей)"}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Главная","item":"https://ulti-tools.com/ru"},{"@type":"ListItem","position":2,"name":"Блог","item":"https://ulti-tools.com/ru/blog"},{"@type":"ListItem","position":3,"name":"6 советов по настройке Open Graph тегов","item":"https://ulti-tools.com/ru/blog/og-preview-tips"}]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"ItemList","name":"Связанные статьи","numberOfItems":2,"itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"Article","name":"Open Graph Preview: как настроить превью для соцсетей","url":"https://ulti-tools.com/ru/blog/og-preview-guide"}},{"@type":"ListItem","position":2,"item":{"@type":"Article","name":"Open Graph Preview: сценарии использования","url":"https://ulti-tools.com/ru/blog/og-preview-use-cases"}}]}</script></div><!--$--><!--/$--></div><script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0};
$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:0","S:0")</script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:I[39756,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"LoadingBoundaryProvider\"]\n2:\"$Sreact.fragment\"\nf:I[68027,[\"/_next/static/chunks/0x7gba3kbp.bt.js\",\"/_next/static/chunks/0o7t9m8raw.ah.js\",\"/_next/static/chunks/0ohfw93~0e.3k.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/10-eu.8vfnt3-.css\",\"style\"]\n:HC[\"/\",\"\"]\n3:T532,*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ut-bg:#fff;--ut-text:#262b31}body{background-color:var(--ut-bg)!important;color:var(--ut-text)!important}::selection{background-color:rgba(75,85,99,.2)}.skip-to-content{position:absolute;top:-9999px;left:8px;z-index:9999;padding:12px 24px;background:#4b5563;color:#fff;font-weight:500;font-size:.875rem;border-radius:0 0 10px 10px;text-decoration:none;letter-spacing:.1px;transition:top 150ms cubic-bezier(.2,0,0,1)}.skip-to-content:focus-visible{top:0;outline:3px solid #fff;outline-offset:2px}a:focus-visible,button:focus-visible,[role=\"button\"]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #4b5563;outline-offset:2px;border-radius:10px}a:focus:not(:focus-visible),button:focus:not(:focus-visible),[role=\"button\"]:focus:not(:focus-visible){outline:none}.MuiChip-root.Mui-focusVisible{outline:3px solid #4b5563;outline-offset:2px}.MuiCardActionArea-root.Mui-focusVisible{outline:3px solid #4b5563;outline-offset:-3px}[data-theme=\"dark\"] a:focus-visible,[data-theme=\"dark\"] button:focus-visible,[data-theme=\"dark\"] [role=\"button\"]:focus-visible,[data-theme=\"dark\"] [tabindex]:focus-visible{outline-color:#cbd5e1}"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"ru\",\"blog\",\"og-preview-tips\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[[\"locale\",\"ru\",\"d\",null],{\"children\":[\"blog\",{\"children\":[[\"slug\",\"og-preview-tips\",\"d\",null],{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",4]},\"$undefined\",\"$undefined\",12]},\"$undefined\",\"$undefined\",28],[[\"$\",\"$L1\",null,{\"loading\":[[\"$\",\"div\",\"l\",{\"aria-busy\":\"true\",\"aria-live\":\"polite\",\"style\":{\"minHeight\":\"40vh\",\"display\":\"flex\",\"alignItems\":\"center\",\"justifyContent\":\"center\",\"padding\":\"24px\"},\"children\":[\"$\",\"div\",null,{\"style\":{\"width\":\"min(960px, 100%)\"},\"children\":[[\"$\",\"div\",null,{\"style\":{\"height\":24,\"borderRadius\":10,\"background\":\"rgba(127,127,127,0.18)\",\"marginBottom\":16}}],[\"$\",\"div\",null,{\"style\":{\"height\":14,\"borderRadius\":8,\"background\":\"rgba(127,127,127,0.14)\",\"marginBottom\":10}}],[\"$\",\"div\",null,{\"style\":{\"height\":14,\"borderRadius\":8,\"background\":\"rgba(127,127,127,0.14)\",\"width\":\"70%\"}}]]}]}],[],[]],\"children\":[\"$\",\"$2\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/10-eu.8vfnt3-.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0x7gba3kbp.bt.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0o7t9m8raw.ah.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0ohfw93~0e.3k.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"ru\",\"suppressHydrationWarning\":true,\"data-scroll-behavior\":\"smooth\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"meta\",null,{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.googleapis.com\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.gstatic.com\",\"crossOrigin\":\"anonymous\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"type\":\"image/png\",\"href\":\"/favicon-96x96.png\",\"sizes\":\"96x96\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"type\":\"image/svg+xml\",\"href\":\"/favicon.svg\"}],[\"$\",\"link\",null,{\"rel\":\"shortcut icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"sizes\":\"180x180\",\"href\":\"/apple-touch-icon.png\"}],[\"$\",\"link\",null,{\"rel\":\"manifest\",\"href\":\"/manifest.json\"}],[\"$\",\"meta\",null,{\"name\":\"theme-color\",\"content\":\"#262b31\"}],[\"$\",\"meta\",null,{\"name\":\"apple-mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",null,{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"black-translucent\"}],[\"$\",\"meta\",null,{\"name\":\"apple-mobile-web-app-title\",\"content\":\"UTools\"}],[\"$\",\"meta\",null,{\"name\":\"mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",null,{\"name\":\"yandex-verification\",\"content\":\"d33fa0c3c4e6cdd4\"}],[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$3\"}}],[\"$\",\"meta\",null,{\"name\":\"distribution\",\"content\":\"global\"}],[\"$\",\"meta\",null,{\"name\":\"coverage\",\"content\":\"Worldwide\"}],[\"$\",\"meta\",null,{\"name\":\"rating\",\"content\":\"General\"}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"name\\\":\\\"Ultimate Tools\\\",\\\"url\\\":\\\"https://ulti-tools.com\\\",\\\"description\\\":\\\"205+ бесплатных онлайн-инструментов\\\",\\\"inLanguage\\\":[\\\"ru\\\",\\\"en\\\"],\\\"potentialAction\\\":{\\\"@type\\\":\\\"SearchAction\\\",\\\"target\\\":{\\\"@type\\\":\\\"EntryPoint\\\",\\\"urlTemplate\\\":\\\"https://ulti-tools.com/?search={search_term_string}\\\"},\\\"query-input\\\":\\\"required name=search_term_string\\\"},\\\"sameAs\\\":[]}\"}}],\"$L4\",\"$L5\",\"$L6\",\"$L7\"]}],\"$L8\"]}]]}]}],{\"children\":[\"$L9\",{\"children\":[\"$La\",{\"children\":[\"$Lb\",{\"children\":[\"$Lc\",{},null,false,null]},null,false,\"$@d\"]},null,false,\"$@d\"]},null,false,null]},null,false,null],\"$Le\",false]],\"m\":\"$undefined\",\"G\":[\"$f\",[\"$L10\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"EiEFCGTBg0V1BiHrNpoD6\"}\n"])</script><script>self.__next_f.push([1,"11:I[46417,[\"/_next/static/chunks/0x7gba3kbp.bt.js\",\"/_next/static/chunks/0o7t9m8raw.ah.js\",\"/_next/static/chunks/0ohfw93~0e.3k.js\"],\"ErrorBoundary\"]\n12:I[52669,[\"/_next/static/chunks/0x7gba3kbp.bt.js\",\"/_next/static/chunks/0o7t9m8raw.ah.js\",\"/_next/static/chunks/0ohfw93~0e.3k.js\"],\"default\"]\n13:I[8018,[\"/_next/static/chunks/0x7gba3kbp.bt.js\",\"/_next/static/chunks/0o7t9m8raw.ah.js\",\"/_next/static/chunks/0ohfw93~0e.3k.js\"],\"RootClientProvider\"]\n14:I[8446,[\"/_next/static/chunks/0x7gba3kbp.bt.js\",\"/_next/static/chunks/0o7t9m8raw.ah.js\",\"/_next/static/chunks/0ohfw93~0e.3k.js\"],\"default\"]\n15:I[13798,[\"/_next/static/chunks/0x7gba3kbp.bt.js\",\"/_next/static/chunks/0o7t9m8raw.ah.js\",\"/_next/static/chunks/0ohfw93~0e.3k.js\"],\"AuthProvider\"]\n16:I[93346,[\"/_next/static/chunks/0x7gba3kbp.bt.js\",\"/_next/static/chunks/0o7t9m8raw.ah.js\",\"/_next/static/chunks/0ohfw93~0e.3k.js\"],\"FavoritesProvider\"]\n17:I[39756,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n18:I[8821,[\"/_next/static/chunks/0x7gba3kbp.bt.js\",\"/_next/static/chunks/0o7t9m8raw.ah.js\",\"/_next/static/chunks/0ohfw93~0e.3k.js\",\"/_next/static/chunks/116utf.l00w.~.js\"],\"default\"]\n19:I[37457,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n1a:I[36768,[\"/_next/static/chunks/0x7gba3kbp.bt.js\",\"/_next/static/chunks/0o7t9m8raw.ah.js\",\"/_next/static/chunks/0ohfw93~0e.3k.js\",\"/_next/static/chunks/01fk_~lqt.mf7.js\"],\"default\"]\n1d:I[97367,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"OutletBoundary\"]\n1e:\"$Sreact.suspense\"\n21:I[97367,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"ViewportBoundary\"]\n23:I[97367,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"MetadataBoundary\"]\n4:[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"Ultimate Tools\\\",\\\"url\\\":\\\"https://ulti-tools.com\\\",\\\"description\\\":\\\"Сайт с 205+ бесплатными онлайн-инструментами\\\",\\\"logo\\\":{\\\"@type\\\":\\\"ImageObject\\\",\\\"url\\\":\\\"https://ulti-tools.com/web-app-manifest-512x512.png\\\"},\\\"areaServed\\\":\\\"Worldwide\\\",\\\"availableLanguage\\\":[\\\"ru\\\",\\\"en\\\"]}\"}}]\n5:[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"FAQPage\\\",\\\"mainEntity\\\":[{\\\"@type\\\":\\\"Question\\\",\\\"name\\\":\\\"Что такое Ultimate Tools?\\\",\\\"acceptedAnswer\\\":{\\\"@type\\\":\\\"Answer\\\",\\\"text\\\":\\\"Ultimate Tools — это каталог из 205+ бесплатных онлайн-инструментов, которые работают прямо в браузере.\\\"}},{\\\"@type\\\":\\\"Question\\\",\\\"name\\\":\\\"What is Ultimate Tools?\\\",\\\"acceptedAnswer\\\":{\\\"@type\\\":\\\"Answer\\\",\\\"text\\\":\\\"Ultimate Tools is a catalog of 205+ free online tools that run directly in your browser.\\\"}}]}\"}}]\n6:[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"(function(){try{var d=document.documentElement,s=d.style;var m=localStorage.getItem('theme-mode');var dark=m==='dark';d.setAttribute('data-theme',dark?'dark':'light');if(dark){s.setProperty('--ut-bg','#262b31');s.setProperty('--ut-text','#ffffff');s.colorScheme='dark'}else{s.setProperty('--ut-bg','#ffffff');s.setProperty('--ut-text','#262b31');s.colorScheme='light'}var p=location.pathname.match(/^\\\\/(en|ru)/);if(p)d.lang=p[1]}catch(e){}})()\"}}]\n7:[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"if('serviceWorker' in navigator){navigator.serviceWorker.register('/sw.js')}\"}}]\n8:[\"$\",\"body\",null,{\"className\":\"roboto_2634d11-module__Fm90qG__className\",\"children\":[[\"$\",\"a\",null,{\"href\":\"#main-content\",\"className\":\"skip-to-content\",\"children\":\"Перейти к содержимому\"}],[\"$\",\"$L11\",null,{\"children\":[\"$\",\"$L12\",null,{\"children\":[\"$\",\"$L13\",null,{\"children\":[\"$\",\"$L14\",null,{\"children\":[\"$\",\"$L15\",null,{\"children\":[\"$\",\"$L16\",null,{\"children\":[\"$\",\"$L17\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$18\",\"errorS"])</script><script>self.__next_f.push([1,"tyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/116utf.l00w.~.js\",\"async\":true}]],\"template\":[\"$\",\"$L19\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L1a\",null,{}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]}]}]}]]}]\n"])</script><script>self.__next_f.push([1,"9:[\"$\",\"$L1\",null,{\"loading\":[[\"$\",\"div\",\"l\",{\"aria-busy\":\"true\",\"aria-live\":\"polite\",\"style\":{\"minHeight\":\"50vh\",\"padding\":\"20px\"},\"children\":[\"$\",\"div\",null,{\"style\":{\"maxWidth\":1200,\"margin\":\"0 auto\"},\"children\":[[\"$\",\"div\",null,{\"style\":{\"height\":38,\"width\":\"45%\",\"borderRadius\":14,\"background\":\"rgba(127,127,127,0.18)\",\"marginBottom\":18}}],[\"$\",\"div\",null,{\"style\":{\"height\":52,\"borderRadius\":16,\"background\":\"rgba(127,127,127,0.12)\",\"marginBottom\":18}}],[\"$\",\"div\",null,{\"style\":{\"display\":\"grid\",\"gridTemplateColumns\":\"repeat(auto-fill,minmax(220px,1fr))\",\"gap\":12},\"children\":[[\"$\",\"div\",\"0\",{\"style\":{\"height\":122,\"borderRadius\":14,\"background\":\"rgba(127,127,127,0.10)\"}}],[\"$\",\"div\",\"1\",{\"style\":{\"height\":122,\"borderRadius\":14,\"background\":\"rgba(127,127,127,0.10)\"}}],[\"$\",\"div\",\"2\",{\"style\":{\"height\":122,\"borderRadius\":14,\"background\":\"rgba(127,127,127,0.10)\"}}],[\"$\",\"div\",\"3\",{\"style\":{\"height\":122,\"borderRadius\":14,\"background\":\"rgba(127,127,127,0.10)\"}}],[\"$\",\"div\",\"4\",{\"style\":{\"height\":122,\"borderRadius\":14,\"background\":\"rgba(127,127,127,0.10)\"}}],[\"$\",\"div\",\"5\",{\"style\":{\"height\":122,\"borderRadius\":14,\"background\":\"rgba(127,127,127,0.10)\"}}],[\"$\",\"div\",\"6\",{\"style\":{\"height\":122,\"borderRadius\":14,\"background\":\"rgba(127,127,127,0.10)\"}}],[\"$\",\"div\",\"7\",{\"style\":{\"height\":122,\"borderRadius\":14,\"background\":\"rgba(127,127,127,0.10)\"}}]]}]]}]}],[],[]],\"children\":[\"$\",\"$2\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0fdet70baik79.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L1b\"]}]}]\n"])</script><script>self.__next_f.push([1,"a:[\"$\",\"$L1\",null,{\"loading\":[[\"$\",\"div\",\"l\",{\"style\":{\"maxWidth\":1200,\"margin\":\"0 auto\",\"padding\":20},\"children\":[[\"$\",\"div\",null,{\"style\":{\"height\":38,\"width\":\"32%\",\"borderRadius\":12,\"background\":\"rgba(127,127,127,0.18)\",\"marginBottom\":12}}],[\"$\",\"div\",null,{\"style\":{\"height\":16,\"width\":\"56%\",\"borderRadius\":8,\"background\":\"rgba(127,127,127,0.12)\",\"marginBottom\":20}}],[\"$\",\"div\",null,{\"style\":{\"display\":\"grid\",\"gridTemplateColumns\":\"repeat(auto-fill,minmax(260px,1fr))\",\"gap\":12},\"children\":[[\"$\",\"div\",\"0\",{\"style\":{\"height\":172,\"borderRadius\":12,\"background\":\"rgba(127,127,127,0.10)\"}}],[\"$\",\"div\",\"1\",{\"style\":{\"height\":172,\"borderRadius\":12,\"background\":\"rgba(127,127,127,0.10)\"}}],[\"$\",\"div\",\"2\",{\"style\":{\"height\":172,\"borderRadius\":12,\"background\":\"rgba(127,127,127,0.10)\"}}],[\"$\",\"div\",\"3\",{\"style\":{\"height\":172,\"borderRadius\":12,\"background\":\"rgba(127,127,127,0.10)\"}}],[\"$\",\"div\",\"4\",{\"style\":{\"height\":172,\"borderRadius\":12,\"background\":\"rgba(127,127,127,0.10)\"}}],[\"$\",\"div\",\"5\",{\"style\":{\"height\":172,\"borderRadius\":12,\"background\":\"rgba(127,127,127,0.10)\"}}],[\"$\",\"div\",\"6\",{\"style\":{\"height\":172,\"borderRadius\":12,\"background\":\"rgba(127,127,127,0.10)\"}}],[\"$\",\"div\",\"7\",{\"style\":{\"height\":172,\"borderRadius\":12,\"background\":\"rgba(127,127,127,0.10)\"}}],[\"$\",\"div\",\"8\",{\"style\":{\"height\":172,\"borderRadius\":12,\"background\":\"rgba(127,127,127,0.10)\"}}]]}]]}],[],[]],\"children\":[\"$\",\"$2\",\"c\",{\"children\":[null,[\"$\",\"$L17\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L19\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]}]\n"])</script><script>self.__next_f.push([1,"b:[\"$\",\"$2\",\"c\",{\"children\":[null,[\"$\",\"$L17\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L19\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\nc:[\"$\",\"$2\",\"c\",{\"children\":[\"$L1c\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/08m8t4nl.mkap.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L1d\",null,{\"children\":[\"$\",\"$1e\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@1f\"}]}]]}]\n20:[]\nd:\"$W20\"\ne:[\"$\",\"$2\",\"h\",{\"children\":[null,[\"$\",\"$L21\",null,{\"children\":\"$L22\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L23\",null,{\"children\":[\"$\",\"$1e\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L24\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n10:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/10-eu.8vfnt3-.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script><script>self.__next_f.push([1,"25:I[27021,[\"/_next/static/chunks/0x7gba3kbp.bt.js\",\"/_next/static/chunks/0o7t9m8raw.ah.js\",\"/_next/static/chunks/0ohfw93~0e.3k.js\",\"/_next/static/chunks/0fdet70baik79.js\",\"/_next/static/chunks/08m8t4nl.mkap.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"1c:[\"$\",\"$L25\",null,{\"article\":{\"slug\":\"og-preview-tips\",\"title\":\"6 советов по настройке Open Graph тегов\",\"titleEn\":\"6 Tips for Setting Up Open Graph Tags\",\"description\":\"Как сделать привлекательное превью ссылки в соцсетях: изображения, текст, типичные ошибки.\",\"descriptionEn\":\"How to create an attractive link preview on social media: images, text, common mistakes.\",\"toolSlug\":\"og-preview\",\"type\":\"tips\",\"keywords\":[\"og теги советы\",\"превью ссылок\",\"facebook шаринг\",\"twitter card\"],\"date\":\"2026-01-28\",\"readTime\":5,\"content\":\"## 6 советов по Open Graph\\n\\n### 1. Всегда указывайте og:image\\nСсылка без изображения получает на 70% меньше взаимодействий. Используйте яркую, контрастную картинку.\\n\\n### 2. Оптимальный размер изображения\\n1200 × 630 px — универсальный размер для всех платформ. Файл до 5 МБ в формате JPG или PNG.\\n\\n### 3. Не дублируйте title и description\\nog:title может отличаться от обычного `\u003ctitle\u003e`. Адаптируйте текст для социальных сетей.\\n\\n### 4. Тестируйте перед публикацией\\nИспользуйте [Open Graph Preview](/tools/og-preview) для проверки. Каждая соцсеть кэширует превью.\\n\\n### 5. Обновляйте кэш соцсетей\\nПосле изменения OG-тегов очистите кэш через Facebook Debugger и Twitter Card Validator.\\n\\n### 6. Добавьте текст на изображение\\nИзображение с наложенным заголовком привлекает больше внимания, чем просто фотография.\\n\\nСмотрите также: [Генератор мета-тегов](/tools/meta-generator), [Плотность ключевых слов](/tools/keyword-density)\",\"contentEn\":\"## 6 Open Graph Tips\\n\\n### 1. Always Specify og:image\\nA link without an image gets 70% fewer interactions. Use a bright, high-contrast image.\\n\\n### 2. Optimal Image Size\\n1200 x 630 px is the universal size for all platforms. File up to 5 MB in JPG or PNG format.\\n\\n### 3. Don't Duplicate Title and Description\\nog:title can differ from the regular `\u003ctitle\u003e`. Adapt the text for social networks.\\n\\n### 4. Test Before Publishing\\nUse [Open Graph Preview](/tools/og-preview) to check. Each social network caches the preview.\\n\\n### 5. Update Social Media Cache\\nAfter changing OG tags, clear the cache via Facebook Debugger and Twitter Card Validator.\\n\\n### 6. Add Text to the Image\\nAn image with an overlaid headline attracts more attention than just a photo.\\n\\nSee also: [Meta Tag Generator](/tools/meta-generator), [Keyword Density](/tools/keyword-density)\"},\"relatedArticles\":[{\"slug\":\"og-preview-guide\",\"title\":\"Open Graph Preview: как настроить превью для соцсетей\",\"titleEn\":\"Open Graph Preview: How to Set Up Social Media Previews\"},{\"slug\":\"og-preview-use-cases\",\"title\":\"Open Graph Preview: сценарии использования\",\"titleEn\":\"Open Graph Preview: Use Cases\"}],\"tool\":{\"slug\":\"og-preview\",\"name\":\"Open Graph Preview (превью соцсетей)\",\"nameEn\":\"Open Graph Preview\",\"description\":\"Предпросмотр Open Graph и Twitter карточек\",\"descriptionEn\":\"Preview Open Graph and Twitter cards\",\"groupSlug\":\"seo\",\"groupName\":\"SEO-инструменты\",\"groupNameEn\":\"SEO Tools\"}}]\n"])</script><script>self.__next_f.push([1,"26:I[81917,[\"/_next/static/chunks/0x7gba3kbp.bt.js\",\"/_next/static/chunks/0o7t9m8raw.ah.js\",\"/_next/static/chunks/0ohfw93~0e.3k.js\",\"/_next/static/chunks/0fdet70baik79.js\"],\"LanguageProvider\"]\n"])</script><script>self.__next_f.push([1,"1b:[\"$\",\"$L26\",null,{\"initialLocale\":\"ru\",\"initialMessages\":{\"nav\":{\"home\":\"Ultimate Tools\",\"search\":\"Поиск...\",\"searchPlaceholder\":\"Поиск инструментов...\",\"searchShortcut\":\"Ctrl+K\",\"blog\":\"Блог\",\"toggleTheme\":\"Переключить тему\",\"switchLang\":\"EN\",\"converters\":\"Конвертеры\",\"calculators\":\"Калькуляторы\",\"generators\":\"Генераторы\",\"dev\":\"Dev\",\"categories\":\"Категории\",\"signIn\":\"Войти\",\"signOut\":\"Выйти\",\"favorites\":\"Избранное\",\"drawer\":{\"home\":\"Главная\"}},\"home\":{\"hero\":{\"title\":\"Ваш идеальный набор инструментов\",\"subtitle\":\"{count}+ утилит прямо в браузере. Конвертеры, калькуляторы, генераторы и инструменты для разработчиков.\",\"searchPlaceholder\":\"Поиск инструментов...\"},\"sections\":{\"recentlyUsed\":\"Недавно использованные\",\"categories\":\"Категории\",\"featuredTools\":\"Популярные инструменты\",\"allTools\":\"Все инструменты\",\"favorites\":\"Избранное\"},\"meta\":{\"title\":\"Ultimate Tools — {count}+ бесплатных онлайн инструментов\",\"description\":\"Бесплатные онлайн-инструменты для работы в браузере: конвертеры, калькуляторы, генераторы, инструменты для разработчиков и многое другое.\"}},\"toolPage\":{\"breadcrumb\":{\"home\":\"Главная\"},\"underConstruction\":\"В разработке\",\"underConstructionDesc\":\"Инструмент «{name}» скоро будет доступен. Следите за обновлениями!\",\"seoSection\":{\"whatIs\":\"Что такое «{name}»?\",\"howToUse\":\"Как пользоваться инструментом\",\"features\":\"Возможности «{name}»\",\"whenToUse\":\"Когда использовать\",\"advantages\":\"Преимущества онлайн-версии\"},\"faq\":{\"title\":\"Часто задаваемые вопросы\"},\"sidebar\":{\"relatedTools\":\"Похожие инструменты\",\"categories\":\"Категории\"},\"relatedLinks\":\"Смотрите также другие инструменты в категории «{group}»:\"},\"groupPage\":{\"toolCount\":\"{count} бесплатных инструментов\",\"toolCountLabel\":\"инструментов\",\"allToolsInGroup\":\"Все инструменты в категории\",\"backToAll\":\"Все категории\"},\"common\":{\"copy\":\"Копировать\",\"copied\":\"Скопировано!\",\"apply\":\"Применить\",\"clear\":\"Очистить\",\"download\":\"Скачать\",\"upload\":\"Загрузить\",\"generate\":\"Сгенерировать\",\"reset\":\"Сбросить\",\"calculate\":\"Рассчитать\",\"convert\":\"Конвертировать\",\"format\":\"Форматировать\",\"preview\":\"Превью\",\"livePreview\":\"Авто-превью\",\"result\":\"Результат\",\"input\":\"Ввод\",\"output\":\"Вывод\",\"free\":\"Бесплатно\",\"online\":\"онлайн\",\"loading\":\"Загрузка...\",\"error\":\"Ошибка\",\"success\":\"Готово\",\"colorPicker\":{\"quickSelect\":\"Быстрый выбор\",\"copyColor\":\"Скопировать цвет\"}},\"footer\":{\"description\":\"Бесплатные онлайн-инструменты для конвертации, генерации, расчётов и многого другого. Более 150 утилит в одном месте.\",\"popularCategories\":\"Популярные категории\",\"moreCategories\":\"Ещё категории\",\"tools\":\"Инструменты\",\"copyright\":\"© {year} Ultimate Tools. Все инструменты бесплатны и работают в браузере.\",\"madeWith\":\"Сделано с\",\"forProductivity\":\"для продуктивности\"},\"blog\":{\"title\":\"Блог\",\"subtitle\":\"Гайды, советы и обзоры инструментов\",\"readMore\":\"Читать\",\"backToBlog\":\"Назад к блогу\",\"publishedAt\":\"Опубликовано\"},\"seo\":{\"siteName\":\"Ultimate Tools\",\"siteUrl\":\"https://ulti-tools.com\",\"locale\":\"ru_RU\"}},\"children\":[\"$\",\"$L17\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L19\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]\n"])</script><script>self.__next_f.push([1,"22:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"1f:null\n"])</script><script>self.__next_f.push([1,"24:[[\"$\",\"title\",\"0\",{\"children\":\"6 советов по настройке Open Graph тегов | Ultimate Tools\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Как сделать привлекательное превью ссылки в соцсетях: изображения, текст, типичные ошибки.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"application-name\",\"content\":\"Ultimate Tools\"}],[\"$\",\"link\",\"3\",{\"rel\":\"author\",\"href\":\"https://ulti-tools.com\"}],[\"$\",\"meta\",\"4\",{\"name\":\"author\",\"content\":\"Ultimate Tools\"}],[\"$\",\"meta\",\"5\",{\"name\":\"keywords\",\"content\":\"og теги советы,превью ссылок,facebook шаринг,twitter card,6 советов по настройке Open Graph тегов,6 советов по настройке Open Graph тегов гайд,как пользоваться онлайн инструментами,практическое руководство,бесплатные онлайн инструменты,онлайн утилиты,веб инструменты,инструменты в браузере,онлайн калькулятор,конвертер единиц онлайн,инструменты для разработчиков\"}],[\"$\",\"meta\",\"6\",{\"name\":\"creator\",\"content\":\"Ultimate Tools\"}],[\"$\",\"meta\",\"7\",{\"name\":\"publisher\",\"content\":\"Ultimate Tools\"}],[\"$\",\"meta\",\"8\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"9\",{\"name\":\"category\",\"content\":\"Утилиты и продуктивность\"}],[\"$\",\"meta\",\"10\",{\"name\":\"og:locale:alternate\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"11\",{\"name\":\"article:published_time\",\"content\":\"2026-01-28\"}],[\"$\",\"link\",\"12\",{\"rel\":\"canonical\",\"href\":\"https://ulti-tools.com/ru/blog/og-preview-tips\"}],[\"$\",\"link\",\"13\",{\"rel\":\"alternate\",\"hrefLang\":\"ru\",\"href\":\"https://ulti-tools.com/ru/blog/og-preview-tips\"}],[\"$\",\"link\",\"14\",{\"rel\":\"alternate\",\"hrefLang\":\"en\",\"href\":\"https://ulti-tools.com/en/blog/og-preview-tips\"}],[\"$\",\"link\",\"15\",{\"rel\":\"alternate\",\"hrefLang\":\"x-default\",\"href\":\"https://ulti-tools.com/ru/blog/og-preview-tips\"}],[\"$\",\"meta\",\"16\",{\"name\":\"google-site-verification\",\"content\":\"MAC5dCagquZqUeHrwagiZKVNfEExuqSaXBkTL12Tpgo\"}],[\"$\",\"meta\",\"17\",{\"name\":\"yandex-verification\",\"content\":\"d33fa0c3c4e6cdd4\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:title\",\"content\":\"6 советов по настройке Open Graph тегов\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:description\",\"content\":\"Как сделать привлекательное превью ссылки в соцсетях: изображения, текст, типичные ошибки.\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:url\",\"content\":\"https://ulti-tools.com/ru/blog/og-preview-tips\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:site_name\",\"content\":\"Ultimate Tools\"}],[\"$\",\"meta\",\"22\",{\"property\":\"og:locale\",\"content\":\"ru_RU\"}],[\"$\",\"meta\",\"23\",{\"property\":\"og:image\",\"content\":\"https://ulti-tools.com/opengraph-image\"}],[\"$\",\"meta\",\"24\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"25\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"26\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"$\",\"meta\",\"27\",{\"property\":\"article:published_time\",\"content\":\"2026-01-28\"}],[\"$\",\"meta\",\"28\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"29\",{\"name\":\"twitter:title\",\"content\":\"6 советов по настройке Open Graph тегов\"}],[\"$\",\"meta\",\"30\",{\"name\":\"twitter:description\",\"content\":\"Как сделать привлекательное превью ссылки в соцсетях: изображения, текст, типичные ошибки.\"}],[\"$\",\"meta\",\"31\",{\"name\":\"twitter:image\",\"content\":\"https://ulti-tools.com/opengraph-image\"}],[\"$\",\"meta\",\"32\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"33\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}]]\n"])</script></body></html>