📇 Соціальна та спільна оптимізація

Відкрити граф і створення карток Twitter

Заповніть ваші відомості на сторінці і подивіться на справжній Facebook, LinkedIn і X- картка, що відповідає за введення. Скористайтесь перевіреним набором копій з пункту Відкрити граф і метатеґи картки Twitter } На платформах, прочитаних для побудови попереднього перегляду посилань.

✓ Перегляд картки для Live Запускає у вашому переглядачі Без підписки
Цілься на 60 символів, щоб не бути обрізаним.
На більшості соціальних карток на сторінках виставлено коло 110 ієрогліфів.
Абсолютна адреса URL https, рекомендуємо вам 120×630.
Перегляд Facebook / LinkedIn
Немає зображення } додати URL гг: image
example.com
Перегляд X (Twitter)
Немає зображення } додати URL гг: image
example.com
Створені мета- мітки

Як створювати мітки відкритих графіків і карток Twitter

Чотири кроки від сторінки до перевіреного, проходящого соціального перегляду.

1

Введіть вашу адресу, заголовок і опис сторінки

Вставте абсолютну адресу сторінки, яку ви спільно використовуєте, а потім напишіть заголовок і опис, який ви бажаєте бачити на картах.

2

Додати зображення спільного ресурсу і встановити типи

Вкажіть абсолютний тип https og: image (ідеально 1200x630), оберіть ваш og: type і тип картки Twitter, а потім додайте вашу @ handle.

3

Перевірити зображення у форматі Facebook і X

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

4

Копіювати мітки до голови сторінки

Копіювати створені метадані OpenGraph і Twitter і вставити їх в <head> на твоїй сторінці, потім перенавантаження з усування платформи.

Відкрити питання з картками у Twitter

Open Grage (og:) - це спільний протокол Facebook, LinkedIn, Slack, WhatsApp, Ppiness і більшість платформ, прочитаних для побудови попереднього перегляду посилань. T Twitter card (twitter:) - це власний словник X, який керує розкладкою карт, наприклад, резюме vs резюме_ великого_ зображення. Вони частково перекриваються: title, description і image можуть бути від eg: tags. Специфічні мітки Twitter додають лише теги, які належать до °CT: неможливо виразити, наприклад, стиль картки і інструмент керування @ site.
Скористайтеся 1200x630 пікселів (відношення 1. 91: 1) для великої картки, яку використовують у Facebook, LinkedIn і X Astriction_ image (у цьому випадку } що заповнює блок без обрізання. Зберігайте файл до 5 МБ і обслуговуйте його за абсолютною адресою https, оскільки платформи не отримуватимуть відносного або http- зображення. Мінімальним зображенням Facebook буде 200x200, але невеличкими зображеннями буде показано як мініатюрну мініатюру замість картки героя.
Кожна платформа кешує першу версію вашої картки, іноді її випорожнено, іноді декілька тижнів, отже старі назви і зображення залишаються після виправлення міток. Примушуйте повторне копіювання: вставте адресу URL до спільного зневадника Facebook і знову натисніть кнопку Скроп, скористайтесь Інспектором LinkedIn Post, і поділіться посиланням один раз на X для оновлення кешу. Підтвердження міток насправді зберігається у обслугованій голові HTML, а не вводять пізніше JavaScript, який більшість з них не виконують.
Не зовсім. Якщо у Twitter немає теґу, X повертається до відповідного набору теґу Open Graph } oh: title, og: description і og: image, більшість карт. Отже, мінімальним значенням є повний набір og: tags плюс twitter: card, щоб вибрати компонування і twitter: site для розподілу. Додавання теґів: також означає, що однаковий перегляд працює на Facebook, LinkedIn, Slack і всюди, отже, свинцю слід додати лише з умом двобря: теґи, які гг: не можуть виразити.

Чи потрібні соціальні мітки, виготовлені у великих масштабах?

Цей інструмент працює повністю у вашому переглядачі } Немає нічого, що викликало б сторінку, і нічого не залишає її. Для додатків CMS, CI і grammatical Open Graph API доступні за оплачуваними планами.

✓ Вільний інструмент: 100% клієнтська сторона Open Gr PI: платні плани

Створюйте перевірені блоки відкритих графіків і Твіттер на сторінку з однієї кінцевої точки і ведіть їх прямо до вашої збірки. Див. параметри і квоти зі сторінки Ціноутворення.

Див. плани API →