📇 Социальная и совместная деятельность

Открыть график & сервер карт в Twitter

Заполните в своих страницах детали и посмотрите настоящий Facebook, LinkedIn и X card в прямом эфире. Найдите проверенный набор копий и копий мета-метаров Open Graph и Twitter Card — точные разметки, которые будут зачитываться для создания вашего просмотра ссылки.

✓ Предварительный просмотр карточки Запуск в вашем браузере Нет записи
Целься в 60 символов, чтобы не усечен.
На большинстве социальных карточек в полном объеме показываются около 110 знаков.
Абсолютный URL https, 1200×630 рекомендуется.
Фейсбук/Связь
Нет изображения — добавить ог: имейт URL
example.com
X (Twitter)
Нет изображения — добавить ог: имейт URL
example.com
Генерированные метаметары

Как создать открытую графу и метки карт Twitter

Четыре шага от страниц до подтвержденного, копируемого общественного просмотра.

1

Введите свой URL, заголовок и описание

Вставить абсолютный URL страницы, которую вы делите, затем написать заголовок и описание, которые вы хотите показать на социальных картах.

2

Добавить общий образ и установить типы

Предоставьте абсолютный https og:image (идеально 1200x630), выберите свой ог: тип и тип карточки Twitter, и добавьте @handle.

3

Проверьте прямые просмотры Facebook и X

Посмотрите на Facebook/LinkedIn и X-карту, передавайте, как вы набираете и урегулируйте любые предупреждения о протяженности или подтверждении изображения, указанные ниже.

4

Копировать метки в голову страницы

Копировать генерируемые Open Graph и Twitter метаметарки и вставить их внутри <head> на вашей странице, затем перекрасьтесь с отладчиком платформы.

Вопросы к открытому графику и карте Twitter

Open Graph (оg:) — общий протокол Facebook, LinkedIn, Slack, WhatsApp, Pinterest и большинство платформ, которые читаются для создания ссылки. Карта Twitter (Twitter:) — собственный словарь X, который контролирует макет карточки — например, резюме vs резюме_major_image. Они сильно перекрывают: название, описание и изображение могут быть получены от оги: теги. Специфические метки Twitter добавляют только то, что: не могут выразить, например, стиль карточки и адрес @ site.
Используйте 1 200x630 пикселей (соотношение 1,91:1) для большой карточки, которую Facebook, LinkedIn и X суммируют_max_имагирование — которая заполняет рамку без урожаев. Держите файл под 5 MB и поставьте его над абсолютным URL https, потому что платформы не смогут надежно получить родственника или изображение. Минимальный уровень Facebook принимается 200x200, но маленькие изображения, которые делаются как маленький пальцем вместо карточки героя.
Каждая платформа скрывает первую версию вашей карты, которую она сняла, иногда в течение недель, так что старые названия и изображения сохраняются после того, как вы почините метки. Введите новый шифр: вставьте URL в Facebook Common Debugger и нажмите на Scrape снова, используйте LinkedIn Post Инспектор и разделите ссылку на X для обновления своего кэша. Подтвердите, что метки на самом деле находятся в обслуживаемой голове HTML, а не вводят позже JavaScript, которую большинство скреперов не выполняют.
Не полностью. Когда твиттер-тег отсутствует, X возвращается к совпадающему тагону Open Graph — og:title, og: оdication и og:image обложка большей части карточки. Таким образом, практическим минимумом является полный набор оги: метки плюс просто twitter: card для выбора композиции и twitter: site для присвоения. Добавление og: tegs также означает те же работы на просмотре в Facebook, LinkedIn, Slack и везде, так что свинец с ого: и добавить только горсть твитов: тега, которые og: не могут выразить.

Нужны социальные метки, генерируемые по масштабу?

Этот инструмент работает полностью в вашем браузере — нет ничего, что можно было бы позвонить и ничего не оставляет на странице. Для CMS subins, CI и mack pages в оплачиваемых планах есть программный Open Graph API.

✓ Бесплатный инструмент: 100% клиентов API открытого графика: оплачиваемые планы

Генерировать подтвержденные блоки Open Graph и Twitter Card на страницу с одной конечной точки и переключить их прямо на ваше здание. Смотрите планы и квоты на странице цен.

См. планы АПИ →