Создавайте мета-теги для социальных сетей с живым предпросмотром того, как ваша ссылка будет выглядеть при публикации.
Краткий Ответ
Генератор OpenGraph и Мета-тегов lets you: Создавайте мета-теги для социальных сетей с живым предпросмотром того, как ваша ссылка будет выглядеть при публикации. To start, введите заголовок, описание, канонический URL, название сайта, URL изображения и имя пользователя Twitter.
Введите заголовок, описание, канонический URL, название сайта, URL изображения и имя пользователя Twitter.
Смотрите мгновенный предпросмотр того, как ваша ссылка будет выглядеть в поиске Google, Twitter и Facebook.
Скопируйте готовые к вставке HTML-мета-теги или объект metadata для Next.js.
Google Search preview
EveryUtili — Free Privacy-First Online Tools
58 free browser-based tools for images, files, text, and developers. Everything runs on your device — nothing is ever uploaded.
Twitter / X card preview
EveryUtili — Free Privacy-First Online Tools
58 free browser-based tools for images, files, text, and developers. Everything runs on your device — nothing is ever uploade…
everyutili.com
Facebook link preview
everyutili.com
EveryUtili — Free Privacy-First Online Tools
58 free browser-based tools for images, files, text, and developers. Everything runs on your device — nothing is ever uploade…
HTML meta tags
<meta property="og:title" content="EveryUtili — Free Privacy-First Online Tools" /> <meta property="og:description" content="58 free browser-based tools for images, files, text, and developers. Everything runs on your device — nothing is ever uploaded." /> <meta property="og:url" content="https://everyutili.com" /> <meta property="og:site_name" content="EveryUtili" /> <meta property="og:image" content="" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="EveryUtili — Free Privacy-First Online Tools" /> <meta name="twitter:description" content="58 free browser-based tools for images, files, text, and developers. Everything runs on your device — nothing is ever uploaded." /> <meta name="twitter:image" content="" /> <meta name="twitter:site" content="@everyutili" />
Next.js metadata object
export const metadata: Metadata = {
title: "EveryUtili — Free Privacy-First Online Tools",
description: "58 free browser-based tools for images, files, text, and developers. Everything runs on your device — nothing is ever uploaded.",
openGraph: {
title: "EveryUtili — Free Privacy-First Online Tools",
description: "58 free browser-based tools for images, files, text, and developers. Everything runs on your device — nothing is ever uploaded.",
url: "https://everyutili.com",
siteName: "EveryUtili",
images: [{ url: "" }],
},
twitter: {
card: "summary_large_image",
title: "EveryUtili — Free Privacy-First Online Tools",
description: "58 free browser-based tools for images, files, text, and developers. Everything runs on your device — nothing is ever uploaded.",
images: [""],
site: "@everyutili",
},
};