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

Как это работает

Есть три пересекающихся набора тегов, выполняющих почти одну и ту же работу: классические SEO-теги, Open Graph для Facebook, LinkedIn, WhatsApp и Slack и Twitter Cards. Если писать их вручную, приходится повторяться трижды и что-нибудь забывать.

Основную работу делает Open Graph

Он нужен не только Facebook. LinkedIn, WhatsApp, Slack, Discord, iMessage и большинство других сервисов, которые разворачивают ссылки в предпросмотр, читают теги Open Graph. Если настроить их правильно, предпросмотр почти везде исправится сразу. Twitter Cards — небольшой дополнительный набор для X, который использует Open Graph, если этих тегов нет.

Длина проверяется по мере ввода

Примерно 60 символов для заголовка и 160 для описания, после чего результаты поиска обрезают текст. Это ориентиры, а не жёсткие ограничения: поисковые системы измеряют заголовки по ширине в пикселях, поэтому заголовок из заглавных букв и «М» обрежется раньше, чем из строчных «l». Предупреждение сообщает, когда вы оказываетесь в зоне риска.

Изображение — то, о чём забывают

Ссылка без og:image отображается в предпросмотре как пустая серая рамка, что заметно снижает число кликов. URL должен быть абсолютным и начинаться с https, потому что сайты, которые его загружают, не знают базового URL вашей страницы. Для большой карточки с изображением подходит размер около 1200 на 630 пикселей.

Канонический URL

Канонический тег ссылки сообщает поисковым системам, какой адрес настоящий, если одна и та же страница доступна несколькими способами: со слешем в конце и без него, с параметрами отслеживания, по http и https. Это исправление в одну строку для целого класса проблем с дублированием контента.

Всё экранируется

Кавычки и угловые скобки в вашем тексте экранируются правильно, поэтому описание с апострофом или кавычкой не может сломать тег, в котором оно находится.