Телеграм, WhatsApp жана башкалар+380637610482
Валерий Данюк
Валерий Данюкиштеп чыгуучуБизнес үчүн жасалма интеллект куралдарын иштеп чыгуу. Жогорку сапат. Арзан баада.Telegramга жазуу

Ачык графикти онлайн текшерүү: Вебсайттын шилтемеси социалдык медиада кандайча көрүнөт жана аны кантип оңдоо керек

Graph Checkerди онлайн ачыңыз: Facebook, X жана LinkedIn, og:image size жана Twitter картасы үчүн шилтемелерди алдын ала көрүү

Эмне аласыз

  • Акысыз жарыялоодон мурун Facebook, Twitter жана LinkedIn баракчаларыңыздын шилтемелерин алдын ала карап көрүңүз.
  • Жок болгон og жана Twitter тегдеринин тизмеси жана og:image өлчөмүн текшерүү
  • Социалдык медиада жана заматта кабарлашуу колдонмолорунда "тыгылып калган" эски алдын ала көрүүнү жаңыртуу боюнча рецепт.
Колдонуу: 10 мүнөттүн ичиндеСактоо: Көрүнүксүз алдын ала көрүүлөрдүн айынан посттун жеткиликтүүлүгү төмөндөдү

Кыска жооп: Open Graph'ты онлайн текшерүү үчүн, баракчанын дарегин акысыз Open Graph Debugger PromoPilot программасына чаптаңыз. Ал бардык og:* жана Twitter Card тегдерин окуп, сүрөттүн бар-жогун жана өлчөмүн текшерип, белгилөөнүн толуктугун баалайт жана Facebook, X (Twitter) жана LinkedIn үчүн шилтемелердин алдын ала көрүнүштөрүн көрсөтөт — ошондой эле эмне кошуу керектиги боюнча сунуштарды берет. Каттоодон өтүүнүн кажети жок. Төмөндө сиз керектүү тегдерди, талап кылынган og:image өлчөмүн жана "тыгылып калган" алдын ала көрүнүштү кантип жаңыртуу керектигин таба аласыз.

Мен 12 жылдан бери веб-сайттарды түзүп келем жана кардарлардан рейтингдер боюнча суроолорго караганда "Эмнеге Telegram шилтемесинде сүрөт жок?" деген суроону көбүрөөк угам. Адатта, бул беш мүнөттүк жумуш — эгер сиз кайдан издөөнү билсеңиз.

Open Graph мүчүлүштүктөрүн оңдоочу эмнени текшерет?

Сиз билдирүүгө же билдирүүгө шилтеме киргизгенде, платформа баракчага өтүп, Open Graph тегдерин издейт. Эгер ал бирөөнү тапса, тыкан картаны тартат. Эгер таппаса, тапкан нерсесин алат же бош URL дарегин көрсөтөт. Курал социалдык тармактар эмнени окуй турганын гана текшерет.

Ал эмнени текшерет? Ал эмнени карап жатат? Эмне үчүн бизнеске бул керек?
Бардык тегдер жана:* og:title, og:сүрөттөө, og:сүрөт, og:url, og:type, og:site_name, og:locale Булардан сайттар картанын аталышын, сүрөттөмөсүн жана сүрөтүн чогултушат.
Twitter картасы twitter:card, twitter:title, twitter:description, twitter:image X (Twitter) анын тегдерин окуйт, эгер алар жок болсо, жарым-жартылай
Башкы бет сүрөтү Сүрөтү барбы жана өлчөмү канча? Кичинекей сүрөт картаны капталдагы кичинекей сүрөтчөгө айландырат
Толуктукту баалоо Канча сунушталган тег толтурулган? Кыскача маалымат: баары ордундабы?
Тармактын алдын ала көрүнүштөрү Facebook, X жана LinkedIn үчүн карталар Жарыяланганга чейин билдирүү кандай болорун көрө аласыз.
Сунуштар Эмнени кошушум же оңдошум керек? Иштеп чыгуучу же сиз үчүн даяр тапшырмалардын тизмеси

Open Graph баракчаларын онлайн режиминде кантип текшерүүгө болот?

Open Graph'ты 4 кадам менен текшериңиз: URL дарегин чаптоо, og тегдерин текшерүү, социалдык медианын алдын ала көрүнүштөрүн көрүү, жок тегдерди кошуу

  1. Ачык График мүчүлүштүктөрүн оңдогучту ачуу.
  2. Бөлүшкүңүз келген барактын URL дарегин киргизиңиз: макала, продукт же жарнамалык баштапкы бет. "Текшерүү" баскычын чыкылдатыңыз.
  3. Тегдердин тизмесин карап чыгыңыз: кайсынысы коюлган, кайсынысы бош жана og:url дарегинде бөтөн же тесттик дарек барбы.
  4. Ар бир тармактын алдын ала көрүнүшүн текшериңиз: аталышы кесилгенби, сүрөт көрүнүп турабы жана четтеринде маанилүү текст барбы.
  5. Сунушталгандай , жок тегдерди кошуп, баракчаны кайра текшериңиз.

Куралдар барагы: дарек талаасы, "Текшерүү" баскычы, текшерүүлөрдүн тизмеси жана Көп берилүүчү суроолор.

PromoPilot'тун акысыз Open Graph мүчүлүштүктөрүн оңдоо барагы: URL талаасы, OG тег текшергичи жана Facebook, Twitter жана LinkedIn үчүн алдын ала көрүүлөрү

Курал жеңил: күнүмдүк чектөө конокко сайттын бардык шаблондорун — башкы бетти, категорияны, продуктуну жана макаланы текшерүүгө жетиштүү. Акысыз каттоодон өткөндөн кийин, чектөө үч эсе көбөйөт.

Open Graph программасында эң көп кездешкен каталар кайсылар?

Мен дээрлик бардык башка сайттардан эмнени тапканымды жана аны кандай тартипте оңдоо керектигин айтып берем.

  1. Анда og:image жок же ал салыштырмалуу URL катары көрсөтүлгөн. Социалдык тармактар content="/img/cover.jpg" түшүнбөйт — https:// менен башталган толук URL талап кылынат. Сүрөтсүз посттун жеткиликтүүлүгү бир топ төмөндөйт.
  2. Сүрөт өтө кичинекей. 200x200 логотиби картаны капталындагы кичинекей төрт бурчтукка айлантат. 1200x630 сүрөт керек.
  3. Бүтүндөй сайт үчүн бир og:сүрөтү. Социалдык медиадагы ар бир макала жана ар бир продукт логотиби менен бирдей көрүнүшү керек. Блог жана каталог үчүн сүрөт баракчанын негизги сүрөтүнөн алынышы керек.
  4. og:url башка дарекке — башкы бетке, тесттик доменге же http:// версиясына алып барат. Платформа бардык шилтемелерди бир баракка бириктире алат.
  5. twitter:card жок. Ансыз X көбүнчө кичинекей картаны көрсөтөт. Чоңураак сүрөт үчүн summary_large_image керек.
  6. og:title аталышы "сатып алуу" жана бренд менен кошо аталышын кайталайт. Социалдык медиа лентасында бул жарнамага окшош; пост сыяктуу жандуу аталыш жакшыраак.

Минималдуу туура топтом мындай көрүнөт:

<meta property="og:title" content="Как выбрать кожаный рюкзак: 7 признаков качества"> <meta property="og:type" content="article"> <meta property="og:url" content=" https://example.com/blog/kozhanyj-ryukzak/"> <meta property="og:image" content=" https://example.com/img/og/kozhanyj-ryukzak.jpg"> <meta name="twitter:card" content="summary_large_image">

og:image үчүн сүрөттү кантип даярдоо керек?

Сүрөт открыткадагы эң көрүнүктүү бөлүгү болуп саналат жана адамдар көп учурда дал ушул жерден акчаларын аяшат. Мен карманган бир нече эрежелер:

  • Өлчөмү 1200×630 жана багыты горизонталдуу. Социалдык тармак төрт бурчтуу товардын сүрөтүнүн үстүнкү жана астыңкы бөлүктөрүн кесип салат, натыйжада товардын башы же таманы жок болуп калышы мүмкүн.
  • Эң негизгиси борбордо. Ар кандай платформалар четтерин ар кандай кыркышат, ал эми мобилдик түзмөктө карта андан да кичине болот. Текстти чоң жана четтеринен алыс кармаңыз.
  • Минималдуу текст. Аталышы сүрөттүн астында; сүрөттүн өзүндө 3-6 сөз же эч кандай коштомо жазуунун кереги жок.
  • Жеңил файл. Акылга сыярлык өлчөмдөгү JPG же PNG тез жүктөлөт жана платформа күтүү убактысынан кечикпейт.
  • Ар бир негизги барак үчүн атайын сүрөт. Макалалар жана өнүмдөр үчүн аны автоматтык түрдө түзүү ыңгайлуу: макаланын мукабасы же негизги өнүм сүрөтү.

Жакшы сыноо - телефонуңуздагы мүчүлүштүктөрдү оңдоочудан алдын ала көрүүнү ачуу. Эгерде шилтеме чоңойтпостон так көрүнбөсө, сүрөттү кайра иштетүү керек.

Оңдолгондон кийин эски алдын ала көрүүнү кантип жаңыртам?

Көп кездешкен сценарий: сиз тегдерди оңдодуңуз, бирок социалдык тармак эски сүрөттү өжөрлүк менен көрсөтөт. Себеби кэште: платформа биринчи бөлүшүүдөн алдын ала көрүүнү эстеп калган. Facebook Sharing Debuggerдеги маалыматтарды кайра чогултуу LinkedInде Post Inspector менен, ал эми Telegram шилтемени жөнөткөн @WebpageBot боту менен жардам берет. Эгер башка эч нерсе жардам бербесе, дарекке зыянсыз параметрди кошуңуз, мисалы ?v=2: платформа үчүн бул жаңы шилтеме.

Салыштыруу: Ачык график мүчүлүштүктөрүн оңдогуч жана альтернативалар

Курал Эмне бекер? Чектөөлөр Ал кимге ылайыктуу?
PromoPilot - Ачык графикалык мүчүлүштүктөрдү оңдогуч Бардык og жана Twitter тегдери, og:сүрөттүн өлчөмү, Facebook, X жана LinkedIn үчүн алдын ала көрүүлөр, сунуштар Социалдык медиа кэшин тазалабайт Социалдык медиага жарыялоодон мурун баракчаңызды дароо текшериңиз
Мүчүлүштүктөрдү оңдогучту бөлүшүү (Мета) Facebook алдын ала көрүү жана маалыматтарды кайра чогултуу Facebook гана, аккаунтка кирүү талап кылынат Facebook эски алдын ала көрүүнү баштапкы абалга келтирүү
LinkedIn почта инспектору LinkedIn алдын ала көрүү жана кэшти жаңыртуу LinkedIn гана, кирүү талап кылынат LinkedInде жарнамалагандар үчүн
Telegram @WebpageBot Telegram шилтеменин алдын ала көрүнүшү жаңыртылууда Telegram гана тегдерди талдабайт Telegram каналынын ээлери үчүн

Жыйынтык: кэшти тазалоо үчүн расмий платформа мүчүлүштүктөрдү оңдогучтар керек, бирок ар бир платформа өзүнүн тармагын гана көрсөтөт. Бардык алдын ала көрүүлөр жана жок тегдердин тизмесин бир учурда көрүү үчүн универсалдуу мүчүлүштүктөрдү оңдогуч ыңгайлуураак.

Баса, PromoPilotто 87 акысыз SEO куралы бар. Эгер сиз али тегдерди жаза элек болсоңуз, биздин серияда алдын ала көрүү менен Open Graph блогун түзө турган мета тег генератору жөнүндө макала бар.

Open Graph мүчүлүштүктөрүн оңдоочу мета тег анализинен эмнеси менен айырмаланат?

Мета тег анализи баракчаны издөө системасынын көз карашы менен карайт: аталышы, сүрөттөмөсү, канондук, hreflang жана Open Graph – бул бир гана топ. Мүчүлүштүктөрдү оңдогуч социалдык медиага көңүл бурат: ал ар кандай платформалар үчүн карталарды түзөт, сүрөттүн өлчөмүн текшерет жана алдын ала көрүүлөргө негизделген сунуштарды берет. Эгерде сиздин сайтка шилтемелер социалдык медиада жана билдирүү жазышуу колдонмолорунда активдүү бөлүшүлсө, мүчүлүштүктөрдү оңдогуч пайдалуураак болот.

Экөөнүн тең бир чектөөсү бар: алар сервер кайтарган HTMLди окушат. Эгерде тегдер браузер скрипти менен киргизилген болсо, көптөгөн социалдык тармактар аларды көрбөйт — бул веб-сайттын тарабынан оңдолушу керек. Дагы бир детал: мүчүлүштүктөрдү оңдогуч тегдерди текшерет, бирок бөлүшүүнүн өзүн эмес. Эгерде баракча сырсөз менен корголгон, геоблоктолгон же боттордон корголгон болсо, социалдык тармак бардык тегдер бар болсо дагы, ага кире албай калышы мүмкүн.

Акысыз курал качан жетишсиз болот?

Open Graph орнотуусунан мурун жана кийин социалдык медиа шилтемелеринин алдын ала көрүнүшү: чоң сүрөт жана так аталыш менен салыштырганда жылаңач URL

Мүчүлүштүктөрдү оңдогуч баракта og:image жок экенин көрсөтөт. Бирок миңдеген барактар болсо, сүрөттөрдү кол менен киргизүү мүмкүн эмес. Адис төмөнкү учурларда керек:

  • ар бир продукттун же буюмдун автоматтык түрдө чогултулган өзүнүн алдын ала көрүү сүрөтү болушу керек;
  • сайт тегдерди скрипт аркылуу кайтарат, ал эми социалдык тармактар аларды көрбөйт;
  • Сиз ар бир алдын ала көрүү чыкылдатуу баасына таасир этүүчү жарнамаларды жана почта жөнөтүүлөрүн ишке киргизесиз;
  • Бизге "веб-сайт + Telegram каналы + автоматтык түрдө жарыялоо" жана туура карталардын айкалышы керек.

Вебсайтыңыз үчүн эмне кыла алам?

Мен Валерий Данюкмун, 12 жылдык тажрыйбасы жана 200дөн ашык кардары бар иштеп чыгуучу жана SEO адисимин. Шилтеменин кооз алдын ала көрүнүшү акысыз жеткиликтүү жана мен аны ар бир долбоор үчүн ыңгайлаштырам.

SEO жана жарнамалоо

  • Вебсайттын SEO аудити: Мен бардык шаблон тегдерин текшерем, сүрөттөрдү автоматтык түрдө алдын ала көрүүнү орнотом жана кодду тууралайм.

Вебсайттар жана онлайн дүкөндөр

Боттор жана автоматташтыруу

Мага Telegram мессенджерде начар көрүнгөн шилтеме жөнөтүңүз, мен сизге кайсы тег жок экенин айтып берем.

Жыйынтык

  1. Онлайн Open Graph текшергичи Facebook, X жана LinkedIn'де шилтеме кандай көрүнөрүн жана кайсы тегдер жок экенин көрсөтөт.
  2. Минималдуу талап кылынат: og:title, og:type, og: image (1200×630, толук дарек) жана og:url, плюс twitter:card.
  3. Оңдогондон кийин, сайттардын кэшин баштапкы абалга келтириңиз: Sharing Debugger, Post Inspector, @WebpageBot.
  4. Каталог жана блог үчүн алдын ала көрүү сүрөттөрү 1001site сайтындагыдай автоматтык түрдө чогултулушу керек.

Жазылуучуларыңыз постту көрө электе , акысыз Open Graph мүчүлүштүктөрүн оңдоочу куралда бөлүшө турган баракчаңызды текшериңиз.

Булактар

  • PromoPilot'тун Open Graph мүчүлүштүктөрүн оңдоо куралынын барагы — текшерүүлөрдүн тизмеси жана көп берилүүчү суроолор.
  • Ачык Граф Протоколу (ogp.me) - милдеттүү жана кошумча касиеттер.
  • Meta'нын Sharing Debugger жана LinkedIn Post Inspector платформаларынын расмий куралдары болуп саналат.

Шилтемелер жана булактар

Суроолор жана жооптор

Кандай OG тегдери талап кылынат?

Open Graph спецификациясы төрт тегди талап кылат: og:title, og:type, og:image жана og:url. Иш жүзүндө, og:description, og:site_name жана og:locale кошуу керек, ал эми X (Twitter) үчүн twitter:card кошуу керек. Курал кайсы тегдер жок экенин көрсөтүп, белгилөөнүн толуктугун баалайт.

Сунушталган OG сүрөтүнүн өлчөмү кандай?

Сунушталган og:сүрөттүн өлчөмү 1200x630 пиксел (болжол менен 1,91:1). Бул сүрөт Facebook, LinkedIn жана X форматындагы summary_large_image картасында чоң көрүнөт. Айрым платформаларда четтери кесилгендиктен, маанилүү текстти борборго жакын кармаңыз.

Эмне үчүн социалдык тармак оңдолгондон кийин эски алдын ала көрсөтүүнү көрсөтөт?

Социалдык тармактар жана кабарлашуу колдонмолорунун алдын ала көрүүлөрүн кэште сактайт. Тегдерди түзөткөндөн кийин, платформадан баракчаны кайра иштетүүнү сураныңыз: Facebook Sharing Debugger'деги "кайра иштетүү" баскычын, LinkedIn'де Post Inspector'ду, ал эми Telegram @WebpageBot ботун колдонуңуз. Кээде шилтемеге?v=2 сыяктуу параметрди кошуу жардам берет.

Вебсайтты текшердик, бирок аны оңдой турган эч ким жок бекен?

Бул акысыз курал көйгөйлөрдү аныктайт. Мен отчетту талдап, артыкчылыктарды белгилеп, аларды оңдойм: SEO аудити, ылдамдатуу, белгилөө жана рейтингди жоготпостон жаңы сайтка көчүрүү.