<!-- Primary Meta Tags --> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Free Online Developer Tools - Format, Convert & Generate | Toolz</title> <meta name="description" content="A fast, private collection of 600+ browser-based tools for developers: JSON, PDF, image, text, and more. No signup, no uploads, 100% client-side." /> <meta name="keywords" content="developer tools, json formatter, online tools, free tools" /> <meta name="author" content="Toolz" /> <meta name="robots" content="index, follow" /> <meta name="language" content="en" /> <meta name="theme-color" content="#4466EE" /> <link rel="canonical" href="https://toolz.dev/" /> <!-- Open Graph / Facebook --> <meta property="og:type" content="website" /> <meta property="og:url" content="https://toolz.dev/" /> <meta property="og:title" content="Free Online Developer Tools - Format, Convert & Generate | Toolz" /> <meta property="og:description" content="A fast, private collection of 600+ browser-based tools for developers: JSON, PDF, image, text, and more. No signup, no uploads, 100% client-side." /> <meta property="og:site_name" content="Toolz" /> <meta property="og:image" content="https://toolz.dev/og-image.png" /> <meta property="og:image:alt" content="Toolz - free online developer tools" /> <meta property="og:locale" content="en_US" /> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:url" content="https://toolz.dev/" /> <meta name="twitter:title" content="Free Online Developer Tools - Format, Convert & Generate | Toolz" /> <meta name="twitter:description" content="A fast, private collection of 600+ browser-based tools for developers: JSON, PDF, image, text, and more. No signup, no uploads, 100% client-side." /> <meta name="twitter:image" content="https://toolz.dev/og-image.png" /> <meta name="twitter:image:alt" content="Toolz - free online developer tools" /> <meta name="twitter:site" content="@toolz" /> <meta name="twitter:creator" content="@toolz" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "Free Online Developer Tools - Format, Convert & Generate | Toolz",
"url": "https://toolz.dev/",
"description": "A fast, private collection of 600+ browser-based tools for developers: JSON, PDF, image, text, and more. No signup, no uploads, 100% client-side.",
"image": "https://toolz.dev/og-image.png",
"author": {
"@type": "Person",
"name": "Toolz"
}
}
</script>Что такое генератор метатегов?

Генератор метатегов строит блок HTML, который живет в <head> страницы и сообщает поисковым системам и социальным сетям, как отображать вашу страницу. Вы один раз заполняете заголовок, описание, изображение и несколько других полей, и инструмент выводит правильно отформатированные метатеги - стандартные теги SEO, теги Open Graph для Facebook и LinkedIn, а также теги Twitter Card - которые вы вставляете прямо в свой шаблон. Больше нет повторяющихся свойств ручного ввода = "og:..." строки или забывание тега twitter:card.
Правильное получение этих тегов имеет значение, потому что они управляют вашим фрагментом поиска и предварительным просмотром вашей ссылки. Форма описания <title> и мета, как выглядит ваш результат в Google; заголовок Open Graph, описание и изображение решают, как выглядит общая ссылка в социальной ленте. Этот генератор синхронизирует все три из одного набора входных данных, заголовков флагов и описаний, которые проходят мимо отображения поисковых систем длины, и может добавить соответствующий блок JSON-LD для структурированных данных.
Все работает 100% в вашем браузере. URL-адреса, копирование и ссылки на изображения, которые вы вводите, никогда не загружаются, поэтому вы можете подготовить теги для неизданных страниц или внутренних инструментов в частном порядке. Генератор работает в автономном режиме после загрузки, и на выходе вы получаете простой HTML - скопируйте его, бросьте в свой фреймворк и отправьте.
Три детали учитывают большинство сломанных предварительных просмотров. Open Graph URL-адреса изображений должны быть абсолютными, включая схему, потому что сканер, извлекающий их, не имеет контекста страницы, чтобы разрешить относительный путь против. Twitter возвращается к Open Graph для всего, для чего у него нет тега Twitter, поэтому полный набор og плюс тип карты охватывает обе платформы, и дублирование каждого значения не требуется. А предварительные просмотры агрессивно кэшируются каждой платформой, поэтому фиксированный тег не появится, пока вы не повторно очистите URL-адрес в собственном инструменте отладки этой платформы. Предупреждения о длине отражают, где Google сокращается, а не жесткий предел: более длинное описание действительно и будет просто вырезано, а описание, повторяющее название, тратит то пространство, которое у него есть.
Как использовать генератор метатегов?
Введите свои основные данные
Заполните заголовок страницы и метаописание. Счетчики символов и предупреждения сообщают вам, когда обе проходят поисковые системы, обычно отображаемые.
Добавить информацию о соц и сайтах
Установите канонический URL-адрес, имя сайта, изображение социального обмена и дескриптор Twitter, чтобы предварительные просмотры карт Open Graph и Twitter были полными.
Выберите варианты тега
Выберите тип Open Graph, стиль карты Twitter, директиву о роботах и укажите, следует ли включать теги чарсет и окна просмотра. Выход обновляется в реальном времени.
Скопируйте сгенерированный HTML
Скопируйте полный блок метатегов и вставьте его в <head> вашей страницы. При необходимости также скопируйте соответствующий фрагмент структурированных данных JSON-LD.
Основные характеристики
SEO, Open Graph и Twitter в одном
Генерирует стандартные поисковые теги плюс теги Open Graph и Twitter Card вместе, синхронизированные из одного набора входных данных
Предупреждения о длине в реально
Флаги заголовков более ~ 60 символов и описаний более ~ 160, поэтому ваш фрагмент не усекается в результатах поиска
Структурированные данные JSON-LD
При необходимости выводит соответствующий веб-сайт или статью JSON-LD блок, чтобы усилить значение вашей страницы для поисковых систем.
Правильное избежание html
Цитаты, амперсанды и угловые скобки в вашем тексте благополучно избегаются, чтобы сгенерированные теги никогда не ломали вашу разметку
Frequently Asked Questions
Related Tools
Content Analyzer
Audit any page for on-page SEO and readability: title, description, headings, alt text, internal links, Flesch score and keyword frequency, with a score out of 100.
Hreflang Generator
Free hreflang generator for multilingual and multi-region sites - build hreflang tags as HTML link tags, XML sitemap entries, or an HTTP header. Validates codes and x-default. Runs client-side.
htaccess Redirect Generator
Generate Apache .htaccess 301 and 302 redirect rules from a list of old-to-new URLs, plus force-HTTPS and www canonicalization directives, all in the browser.
Open Graph Preview
Preview how your link will look on Facebook, X, LinkedIn, Slack, and Discord, validate your og: tags, and copy a correct meta block
Comments
0 comments
No comments yet. Be the first to share your thoughts!