Капіюйце і ўстаўляйце З папярэднім праглядам Парады па памерах

Генератар OGP тэгаў (og:title, og:image і інш.)

Q: "Ці трэба дадаваць тэгі Twitter?"

"Так, гэта паляпшае выгляд спасылак у X (Twitter). Калі іх няма, X паспрабуе выкарыстаць OG тэгі."

Q: "Які памер выявы лепшы?"

"Універсальны варыянт - 1200×630. Гэта забяспечвае высокую якасць і добрыя прапорцыі для большасці платформаў."

Q: "Чаму прэв'ю не абнаўляецца?"

"Звычайна праз кэш платформы. Скарыстайцеся спасылкамі на дэбагеры ў раздзеле парад, каб прымусова абнавіць даныя."

Увядзіце URL, назву, апісанне і спасылку на выяву. Стварайце мета-тэгі Open Graph і Twitter Card адначасова.

Атрыманне даных адбываецца непасрэдна ў браўзеры (дзейнічаюць CORS абмежаванні).

Увод

Згенераваныя тэгі / Папярэдні прагляд

1) Асноўная інфармацыя

Абавязкова

Загаловак (og:title) Абавязкова

Рэкамендацыя: 30–60 сімвалаў 0

Апісанне (og:description) Неабавязкова

Рэкамендацыя: 80–120 сімвалаў 0

URL выявы (og:image) Абавязкова

Мініяцюра з'явіцца пасля загрузкі выявы.

Бягучыя прапорцыі -

Назва сайта (og:site_name) Неабавязкова

Тып (og:type) Абавязкова

Выберыце тып кантэнту.

2) Twitter Card (X)

Налады для адлюстравання ў X

Уключыць тэгі Twitter Card

twitter:card

twitter:site (неабавязкова)

twitter:creator (неабавязкова)

Аўтаматычная сінхранізацыя

• Калі twitter:title пусты, выкарыстоўваецца og:title.
• Калі twitter:description пусты, выкарыстоўваецца og:description.
• Калі twitter:image пусты, выкарыстоўваецца og:image.

3) Пашыраныя налады

Адкрыйце для тонкай наладкі.

og:locale (неабавязкова)

og:image:alt

Тэкст для даступнасці (да 420 сімвалаў).

og:image:width

og:image:height

Шырыня і вышыня дапамагаюць хутчэй адлюстраваць прэв'ю.

Тэгі артыкула (толькі для og:type=article)

article:published_time

article:modified_time

Выкарыстоўвайце фармат ISO 8601.

Згенераваныя тэгі

Папярэдні прагляд

Прэв'ю Facebook/Discord

example.com

Загаловак прэв'ю

Тут будзе ваша апісанне.

Так будзе выглядаць спасылка ў большасці мэсэнджараў

Прэв'ю X (Twitter) summary

example.com

Загаловак прэв'ю

Тут будзе ваша апісанне.

Залежыць ад абранага тыпу карткі

Заўвагі

Заўвагі з'явяцца тут.

Опцыі

Захоўваць увод у URL Падзяліцеся спасылкай, каб адкрыць тыя ж налады Аўтаматычна прыбіраць прабелы Выдаляе лішнія прабелы па краях Экранаваць двукоссі Бяспечна для мета-атрыбутаў

Даведнік па памерах

Выберыце стандарт для падсветкі памераў

Арыентацыя на OG Арыентацыя на X

Падказка прапорцый -

Як карыстацца

Запоўніце URL, назву, апісанне і спасылку на выяву.
Выберыце тып кантэнту і налады Twitter Card.
Скапіюйце тэгі і ўстаўце іх у секцыю <head> вашага сайта.

Хуткі прыклад

Увядзіце URL + загаловак + выяву, затым скапіюйце рэкамендаваны набор.

Заўвагі і парады

Што такое OGP?

OGP (Open Graph Protocol) дазваляе сацсеткам атрымліваць інфармацыю пра ваш сайт.

Праз og:title/og:description/og:image вы кантралюеце выгляд вашых спасылак.

Twitter Cards выкарыстоўваюць падобную логіку.

Парады па памерах выяў

Рэкамендацыі Meta (Facebook)

• Мінімум 200×200.
• Для лепшай якасці - 1200×630 ці больш.
• Прапорцыі каля 1.91:1 дазваляюць пазбегнуць абразання.
• Памер файла - да 8МБ.

Рэкамендацыі X (Twitter)

• Для вялікіх выяў прапорцыі 2:1; мінімум 300×157.
• Памер файла да 5МБ, фарматы JPG/PNG/WEBP/GIF.

Калі змены не адлюстроўваюцца (Кэш)

• Сацсеткі кэшуюць даныя. Выкарыстоўвайце іх дэбагеры для абнаўлення.
• Калі вы замянілі выяву, але яна старая, зменіце імя файла ці дадайце версію ў URL (?v=2).
• Adding og:image:width/height can improve render stability. (Facebook Developers)

Інструменты праверкі

Meta Sharing Debugger

Абнавіць і праверыць OG тэгі.

LinkedIn Post Inspector

Абнавіць прэв'ю ў LinkedIn.

X Card Validator

Праверыць выгляд у X.

FAQ

Ці трэба дадаваць тэгі Twitter?

Так, гэта паляпшае выгляд спасылак у X (Twitter). Калі іх няма, X паспрабуе выкарыстаць OG тэгі.

Які памер выявы лепшы?

Універсальны варыянт - 1200×630. Гэта забяспечвае высокую якасць і добрыя прапорцыі для большасці платформаў.

Чаму прэв'ю не абнаўляецца?

Звычайна праз кэш платформы. Скарыстайцеся спасылкамі на дэбагеры ў раздзеле парад, каб прымусова абнавіць даныя.