📇 Ижтимоий ва ўртоқлашиш SEO

Open Graph & Twitter картаси генератори

Ўз саҳифангизнинг маълумотларини тўлдиринг ва ёзаётганингизда Facebook, LinkedIn ва X картаси жонли равишда намоён бўлишини кўринг. Сўнгра Open Graph ва Twitter Card мета тегларининг тасдиқланган, кўчириб олиш ва жойлаштириш тўпламини олинг - бу сизнинг алоқани кўриш учун ўқилган аниқ маркер платформалари.

✓ Картани кўриш Браузерда ишлайди Қўшилиш йўқ
60 тагача белгига эга бўлишни мақсад қилинг, шунда у қисқартирилмайди.
Кўпгина ижтимоий карталарда 110 тагача белги тўлиқ кўрсатилади.
Мукаммал https URL, 1200x630 тавсия этилади.
Facebook / LinkedIn кўриниш
Расм йўқ — og:image URL'ни қўшиш
example.com
X (Twitter) кўриниш
Расм йўқ — og:image URL'ни қўшиш
example.com
Юклаб олинган мета теглар

Open Graph ва Twitter Card тегларини қандай яратиш мумкин

Саҳифа тафсилотларидан тасдиқланган, кўчириб олиш-юбориш ижтимоий кўринишига қадар тўрт қадам.

1

Саҳифа URL'ини, сарлавҳа ва таърифни киритинг

Ўчириб ташлаш учун саҳифанинг мутлақ URL манзилини жойланг, сўнгра ижтимоий карталарда кўрсатилишини истаган ном ва таърифни ёзинг.

2

Умумий тасвирни қўшиш ва турларини белгилаш

Абсолют https og:image (1200x630) кўрсатинг, ўзингизнинг og:type ва Twitter card type'ингизни танланг ва @handle'ингизни қўшинг.

3

Facebook ва X'нинг жонли кўринишларини текшириш

Сиз ёзаётганда Facebook/LinkedIn ва X картаси тасвирини кўриш ва қуйида кўрсатилган узунлик ёки тасвирни тасдиқлаш огоҳлантиришларини ҳал қилиш.

4

Тегларни саҳифа бошига кўчириш

Open Graph ва Twitter мета тегларини нусхалаш ва уларни тегишли жойга жойлаштириш <head> саҳифангизни, кейин платформа дебагери билан қайтадан сканерланг.

Open Graph & Twitter Card саволлари

Очиқ график (og:) Facebook, LinkedIn, Slack, WhatsApp, Pinterest ва кўплаб платформалар учун алоқани кўриш учун ўқиладиган ўртоқлашилган протоколдир. Twitter Card (twitter:) карта кўринишини бошқарадиган Xнинг ўз луғатидир — масалан summary vs summary_large_image. Улар жуда кўп такрорланади: title, description ва image og: тегларидан келиб чиқиши мумкин. Twitter-га хос теглар фақат og: ифодалай олмайдиган нарсаларни қўшиб беради, масалан, карта услуби ва @site handle.
Facebook, LinkedIn ва X summary_large_image барчаси фойдаланадиган катта карта учун 1200x630 пиксел (1.91:1 нисбат)дан фойдаланинг - бу суратни кесишсиз тўлдиради. Файл ҳажмини 5 МБ дан камроқ тутинг ва уни мутлақ https URL орқали кўрсатинг, чунки платформалар нисбий ёки http суратни ишончли тарзда олиши мумкин эмас. Facebook томонидан қабул қилинган минимал ўлчам 200x200, аммо кичик суратлар қаҳрамон картаси ўрнига кичик thumbnail сифатида кўрсатилади.
Ҳар бир платформа картангизнинг биринчи версиясини кечиктириб сақлайди, баъзан ҳафталар давомида, шунинг учун эски сарлавҳалар ва суратлар тегларни тузатганингиздан кейин ҳам сақланиб қолади. Қайта-қайта кечиктириб сақлашни мажбурий қилиш: URL-манзилни Facebook Sharing Debugger'га жойланг ва "Scrape Again" тугмасини босинг, 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: билан бошланг ва og: ифодалай олмайдиган twitter: тегларни қўшинг.

Масштаб бўйича ижтимоий теглар яратилиши керакми?

Бу асбоб бутунлай браузерингизда ишлайди - чақиришга ҳеч нарса йўқ ва саҳифадан ҳеч нарса чиқмайди. CMS плагинлари, CI ва йирик саҳифалар учун, тўловли режаларда дастурий очиқ график API мавжуд.

✓ Обод асбоб: 100% клиент томони Очиқ график API: тўловли режалар

Ҳар бир саҳифа учун бир хил якун нуқтасидан тасдиқланган очиқ график ва Twitter Card блокларини яратинг ва уларни ўзингизнинг қурилмангизга тўғридан-тўғри уланг. Планлар ва квоталарни нархлар саҳифасида кўринг.

API режаларини кўриш →