📇 Сацыяльныя сеткі і абмен

Генэратар карт Open Graph і Twitter

Запаўняйце падрабязнасці старонкі і паглядзіце, як рэальныя карты Facebook, LinkedIn і X рэндуюць у рэжыме рэальнага часу падчас напісання. Атрымайце правераны, копія- ўстаўка набору мета- тэгаў Open Graph і Twitter Card - дакладныя платформы маркіроўкі чытаюць, каб пабудаваць ваш прагляд спасылак.

✓ Прагляд карткі Выкананне ў браўзэры Без падпіскі
Усяго ў ёй 60 тэкстаў, якія не з'яўляюцца тэкстам.
Усяго ў 110 краінах свету існуе больш за 1000
Насельніцтва 1200 чал., 630 двароў.
Прагляд Facebook / LinkedIn
Няма малюнка - дадайце URL og:image
example.com
Прагляд X (Twitter) Name
Няма малюнка - дадайце URL og:image
example.com
Створаныя тэгі мета

Як стварыць тэгі Open Graph і Twitter Card

У 4-м раздзеле даследуецца гісторыя беларускіх зямель, іх палітычны і эканамічны характар.

1

Увядзіце URL, назву і апісанне старонкі

Уставіць абсалютны URL старонкі, якую вы хочаце падзяліцца, затым напісаць назву і апісанне, якія вы хочаце бачыць на сацыяльных картах.

2

Дадаць адбітак і вызначыць тыпы

У 1996 годзе ўпершыню быў апублікаваны ў 12-томным зборніку «Працоўная гісторыя» (англ.: Work History), які ўключае ў сябе 1200 артыкулаў і 10 малюнкаў.

3

Праверка рэальных праглядаў Facebook і X

Назірайце за рэндаваннем Facebook/LinkedIn і X-карткі падчас напісання і вырашайце любыя папярэджанні аб даўжыні або праверцы малюнкаў, паказаныя ніжэй.

4

Скапіраваць тэгі ў загаловак старонкі

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

Адкрыць графік і пытанні з Twitter

Open Graph (og:) - гэта агульнадаступны пратакол, які выкарыстоўваецца Facebook, LinkedIn, Slack, WhatsApp, Pinterest і большасцю іншых платформаў для стварэння прагляду спасылак. Twitter Card (twitter:) - гэта ўласная лексіка X, якая кантралюе раскладку карткі - напрыклад, summary супраць summary_large_image. Яны моцна перакрываюцца: title, description і image могуць паходзіць з тэгаў og:. Спецыфікныя тэгі Twitter дадаюць толькі тое, што og: не можа выказаць, напрыклад, стыль карты і @site.
Выкарыстоўвайце 1200x630 пікселяў (адносіны 1. 91: 1) для вялікай карты, якую выкарыстоўваюць Facebook, LinkedIn і X summary_ large_ image - гэта запаўняе рамку без абрэзкі. Не дазваляйце файлу перавышаць 5 Мб і паказвайце яго праз абсалютны https URL, бо платформы не будуць надзейна атрымліваць адносныя або http малюнкі. Мінімальны памер, які дазваляе Facebook, - 200x200, але маленькія малюнкі рэндруюцца як маленькія мініяцюры замест карты героя.
Кожная платформа кэшуе першую версію вашага тэксту, які яна скрыпнула, часам на тыдні, таму старыя назвы і малюнкі застаюцца пасля таго, як вы выправілі тэгі. Прымусовае пераскрыптаванне: устаўце URL у Facebook Sharing Debugger і націсніце Скрэпці зноў, выкарыстайце LinkedIn Post Inspector, і падзяліцеся спасылкай адзін раз на X для абнаўлення кэша. Падкрэсліце, што тэгі сапраўды ў загалоўку HTML і не ўстаўлены пазней JavaScript, які большасць скрыпнераў не выконвае.
Не ў поўнай меры. Калі ў карце адсутнічае тэг Twitter, X вяртаецца да адпаведнага тэгу Open Graph - og:title, og:description і og:image, якія ахопліваюць большую частку карты. Такім чынам, практычным мінімумам з' яўляецца поўны набор тэгаў og: плюс толькі twitter:card для выбару макета і twitter:site для прыпісання. Даданне тэгаў og: таксама азначае, што той жа прагляд працуе на Facebook, LinkedIn, Slack і ўсюды астатнім, таму пачніце з og: і дадайце толькі гаршчок тэгаў twitter:, якія og: не можа выказаць.

Неабходныя сацыяльныя тэгі, створаныя ў масштабе?

Гэтая праграма працуе цалкам у вашым браўзэры - няма чаго выклікаць і нічога не пакідае старонку. Для ўтулак CMS, CI і масавых старонак, праграмны Open Graph API даступны на платных планах.

✓ Вольная інструмент: 100% кліента Open Graph API: платныя планы

Стварайце правераныя Open Graph і Twitter Card блокі на старонцы з адной канечнай кропкі і падлучайце іх прама ў вашу кампазіцыю. Паглядзіце на планы і квоту на старонцы цэнаў.

Прагляд планаў API →