SEO
Meta Tags / Open Graph Generator
Сгенерировать HTML meta-теги для SEO, Open Graph (Facebook) и Twitter Card — вместе с превью карточки.
The meta tags in a page's <head> control how it appears in search results and in the preview card when it's shared on social media or messaging apps. This tool generates a full set of SEO, Open Graph, and Twitter Card tags along with a live preview of the card.
How to use it
- Fill in the page's title, description, URL, and image — the tags generate instantly, and a preview shows how the card will look on Facebook, X (Twitter), and similar services.
- Copy the finished HTML block and paste it into the page's <head>.
- Check the title and description length — values that are too long get truncated by the search engine or social platform.
Common uses
- Setting up Open Graph for a page so the link looks polished when shared on Telegram, Slack, or social media.
- Writing a title and meta description targeting a specific search query for a new page.
- Quickly sanity-checking a page's existing meta tags through the card preview before publishing.
Things to keep in mind
Open Graph and Twitter Card are separate standards; most platforms except X read og: tags directly, so duplicating the main fields under twitter: isn't always required, but it improves compatibility.
The og:image must be reachable at an absolute URL, not a relative path — otherwise the social platform's crawler won't be able to fetch it.
Статья об этом инструменте: Meta-теги: какие из них реально влияют на поиск и соцсети
Часто задаваемые вопросы
Зачем нужны отдельные теги Open Graph и Twitter Card, если они делают одно и то же?
Теги Open Graph (og:title, og:image и т.д.) читают Facebook, LinkedIn и большинство других платформ, тогда как Twitter имеет собственный набор тегов (twitter:card, twitter:title) — Twitter возвращается к тегам Open Graph, если своих нет, но добавление обоих гарантирует единообразные превью.
Какого размера должно быть моё og:image?
1200x630 пикселей — широко рекомендуемый размер: он корректно отображается как большая карточка предпросмотра на большинстве платформ без неудобной обрезки и остаётся в пределах типичных ограничений размера файла.
Отправляет ли генерация этих тегов мой контент на сервер?
Нет. Теги генерируются полностью из того, что вы вводите, прямо в вашем браузере — ничего никуда не загружается.
Что делает тег canonical URL?
Он указывает поисковику, какая версия страницы основная, когда тот же контент доступен по нескольким адресам (с www и без, с параметрами и т.д.) — это помогает собрать рейтинг на одной странице вместо распыления между дублями.
В чём разница между meta robots noindex и запретом в robots.txt?
noindex в meta-теге запрещает индексировать уже просканированное содержимое страницы, тогда как Disallow в robots.txt запрещает боту вообще сканировать страницу — именно поэтому noindex не сработает для страницы, заблокированной в robots.txt: поисковик просто никогда не увидит этот тег.