Генератор Twitter-карточек

Об этом инструменте

Смотрите, я уже много лет создаю различные проекты, и честно говоря, большинство существующих инструментов чрезмерно усложняют всё. Этот? Он не изящный. Он просто полезный. Генератор Twitter-карточек — это в точности то, что звучит: без лишней воды способ создать те самые миниатюрные превью, которые вы видите, когда кто-то публикует ссылку в Twitter. Вы понимаете, те самые с изображением, заголовком и кратким описанием? Да, именно они. Вместо того чтобы возиться с мета-тегами или угадывать, отобразится ли ваше изображение на самом деле, этот инструмент выдаёт нужный код за считанные секунды. Я создал его, потому что устал каждые пять минут проверять валидатор Twitter. Теперь я просто ввожу свои данные, копирую HTML и иду дальше по своим делам. Без лишней суеты.

Основные возможности

• Простой форм-интерфейс — не требуется знание программирования.
• Предварительный просмотр в реальном времени, чтобы вы могли увидеть, как будет выглядеть ваша карточка перед публикацией.
• Автоматически генерирует корректные мета-теги для Twitter (и работает большинство других платформ тоже).
• Поддерживает все типы карточек: summary, summary с большим изображением, app и player.
• Готовый HTML-код для копирования — просто вставьте его в секцию head вашего сайта.
• Бесплатно. Без регистрации. Без отслеживания. Без ерунды.

Часто задаваемые вопросы

Нужно ли размещать изображение в каком-то конкретном месте?
Нет. Пока URL изображения общедоступен и доступен (например, на вашем сайте или в Imgur), Twitter его загрузит. Просто убедитесь, что размер подходящий — 1200x630 пикселей работает лучше всего.

Будет ли это работать, если я использую статический генератор сайтов, например Jekyll или Hugo?
Безусловно. Сгенерированный код — это обычные HTML-мета-теги. Вы можете вставить его напрямую в секцию head вашего шаблона или в front matter, в зависимости от настройки. Сам я использую его с Hugo.