Command Palette

Search for a command to run...

ГЕ

Генератор метатегов

Создавайте метатеги SEO, Open Graph и Twitter Card для любой страницы с предварительным просмотром в реальном времени и проверкой длины

64/60
145/160
Title is 64 characters; over ~60 it may be truncated in search results.
<!-- 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 &amp; 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 &amp; 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 &amp; 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>
Category:seo
Mode:Offline
Version:1.0.0
Access:Free

Что такое генератор метатегов?

Meta Tag Generator interface on Toolz.dev - Generate SEO, Open Graph, and Twitter Card meta tags for any page, with live preview and length checks

Генератор метатегов строит блок 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 сокращается, а не жесткий предел: более длинное описание действительно и будет просто вырезано, а описание, повторяющее название, тратит то пространство, которое у него есть.

Как использовать генератор метатегов?

1

Введите свои основные данные

Заполните заголовок страницы и метаописание. Счетчики символов и предупреждения сообщают вам, когда обе проходят поисковые системы, обычно отображаемые.

2

Добавить информацию о соц и сайтах

Установите канонический URL-адрес, имя сайта, изображение социального обмена и дескриптор Twitter, чтобы предварительные просмотры карт Open Graph и Twitter были полными.

3

Выберите варианты тега

Выберите тип Open Graph, стиль карты Twitter, директиву о роботах и укажите, следует ли включать теги чарсет и окна просмотра. Выход обновляется в реальном времени.

4

Скопируйте сгенерированный HTML

Скопируйте полный блок метатегов и вставьте его в <head> вашей страницы. При необходимости также скопируйте соответствующий фрагмент структурированных данных JSON-LD.

Основные характеристики

SEO, Open Graph и Twitter в одном

Генерирует стандартные поисковые теги плюс теги Open Graph и Twitter Card вместе, синхронизированные из одного набора входных данных

Предупреждения о длине в реально

Флаги заголовков более ~ 60 символов и описаний более ~ 160, поэтому ваш фрагмент не усекается в результатах поиска

Структурированные данные JSON-LD

При необходимости выводит соответствующий веб-сайт или статью JSON-LD блок, чтобы усилить значение вашей страницы для поисковых систем.

Правильное избежание html

Цитаты, амперсанды и угловые скобки в вашем тексте благополучно избегаются, чтобы сгенерированные теги никогда не ломали вашу разметку

Frequently Asked Questions

Он создает стандартные теги SEO - заголовок, описание, ключевые слова, автор, роботы и канонические - вместе с тегами Open Graph (og:title, og:description, og:image, og:url и т. д.) и тегами Twitter Card. Он также может выводить блок структурированных данных JSON-LD. Вы выбираете, какие поля заполнять, и включаются только теги с содержимым.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

meta tag generatormeta tag title generatormeta tag generator for seometa tag seo generatorkeyword meta tag generatoropen graph generatorog tag generatortwitter card generatorseo meta tagsmeta description generatorsocial meta tagshtml head tagsmeta tags for website