Teknobench

Generatur tal-Open Graph u tal-kards soċjali

Iġġenera meta tags Open Graph u tal-kard ta’ X (Twitter) b’previżjoni ħajja ta’ kif jidher il-link tiegħek meta jiġi maqsum fuq Facebook, LinkedIn u X.

Immaġni tal-previżjoni

Previżjoni

Facebook, LinkedIn u kard kbira ta’ X
Ebda immaġni tal-previżjoni
Kard żgħira ta’ X
Ebda immaġni tal-previżjoni

Previżjonijiet approssimattivi: kull pjattaforma taqta’ u taqsar it-test b’mod kemmxejn differenti.

Kontrolli

Kif tuża l-generatur tal-Open Graph

  1. Daħħal it-Titlu u d-Deskrizzjoni li trid li n-nies jaraw meta l-link tiegħek jiġi maqsum. Jistgħu jkunu differenti mit-titlu SEO tiegħek: ikteb għal feed soċjali.
  2. Żid l-URL tal-paġna (l-indirizz kanoniku) u l-URL tal-immaġni. It-tnejn iridu jkunu assoluti, jibdew b’https://.
  3. Iddeskrivi l-immaġni f’Deskrizzjoni tal-immaġni (alt text) biex min juża screen readers ikun jaf x’turi.
  4. Agħżel jew ixħet l-istess stampa taħt Immaġni tal-previżjoni. Tibqa’ fuq l-apparat tiegħek: l-għodda tuża biss biex tpinġi l-previżjonijiet u timla Wisa’ tal-immaġni (px) u Għoli tal-immaġni (px).
  5. Issettja l-Isem tas-sit, it-Tip ta’ kontenut u l-Locale, imbagħad agħżel l-istil tal-Kard ta’ X (Twitter) u, jekk għandek, il-kontijiet X tas-sit u tal-awtur.
  6. Iċċekkja l-previżjonijiet u l-lista tal-Kontrolli, imbagħad Ikkopja jew Niżżel it-tags u waħħalhom ġewwa l-<head> tal-paġna.

L-għodda taħdem kollha fil-brawżer tiegħek. Xejn minn dak li tikteb ma jintbagħat lil server.

X’jagħmlu t-tags Open Graph

Meta link jitwaħħal f’Facebook, LinkedIn, X, Slack, Discord, WhatsApp, iMessage u ħafna apps oħra, crawler jġib il-paġna u jaqra l-meta tags Open Graph (og:) tagħha biex jibni kard: immaġni, titlu, deskrizzjoni qasira u d-dominju. Mingħajr dawn it-tags, l-app tispekula, spiss tagħżel logo, banner tal-cookies jew l-ewwel sentenza tal-menu.

L-erba’ proprjetajiet bażiċi huma og:title, og:type, og:image u og:url. Din l-għodda żżid ukoll og:description, og:site_name, og:locale u d-dettalji tal-immaġni (og:image:width, og:image:height, og:image:alt). Id-dikjarazzjoni tad-daqs tal-immaġni tħalli xi pjattaformi jirrendu l-kard mal-ewwel qsim minflok jistennew li l-immaġni tkun ġiet imniżżla.

X jaqra t-tags twitter: tiegħu stess imma jaqa’ lura fuq it-titlu, id-deskrizzjoni u l-immaġni ta’ Open Graph meta jonqsu l-verżjonijiet ta’ X, għalhekk l-għodda żżid biss dak li X verament jeħtieġ: twitter:card, il-kontijiet fakultattivi u d-deskrizzjoni tal-immaġni. Dan jevita li kull valur jiġi duplikat.

Daqsijiet ta’ immaġini li jaħdmu kullimkien

Użu Daqs rakkomandat Noti
Kard kbira (Facebook, LinkedIn, immaġni kbira ta’ X) 1200 × 630 px Proporzjon ta’ madwar 1.91:1; żomm it-test fiċ-ċentru
Kard żgħira ta’ X (summary) mill-inqas 144 × 144 px Murija bħala kwadru, maqtugħa mic-ċentru
Minimu fuq Facebook 200 × 200 px Immaġini iżgħar jistgħu jiġu injorati

Uża JPEG jew PNG, żomm il-fajl raġonevolment żgħir (ferm taħt 5 MB) u evita li tpoġġi test importanti qrib it-truf, għax kull pjattaforma taqta’ kemmxejn differenti. Il-previżjonijiet f’din l-għodda huma approssimazzjonijiet ta’ dawk it-tqassimiet, mhux screenshots.

Wara l-pubblikazzjoni

Il-pjattaformi soċjali jaħżnu l-previżjonijiet tal-links, kultant għal jiem sħaħ. Wara li tibdel it-tags, itlobhom jerġgħu jiskennjaw il-paġna bil-Facebook Sharing Debugger jew bil-LinkedIn Post Inspector. Il-paġna trid tkun aċċessibbli pubblikament: il-crawlers ma jistgħux jaraw paġni wara login jew fuq localhost.

Mistoqsijiet frekwenti

It-tags Open Graph itejbu s-SEO?

Mhux direttament. Is-search engines ma jużawhomx bħala fattur tar-ranking. Itejbu kif jidhru l-links tiegħek meta jinqasmu, li jista’ jġib aktar klikks u żjarat min-networks soċjali u mill-apps tal-messaġġi.

Għaliex l-immaġni l-qadima tiegħi għadha tidher meta naqsam il-link?

Il-pjattaforma ħażnet il-verżjoni preċedenti. Erġa’ skennja l-URL bl-għodda tad-debugging tal-pjattaforma, jew żid query string mal-URL tal-immaġni (pereżempju ?v=2) biex jiġi ttrattat bħala fajl ġdid.

Għandi nuża summary jew summary_large_image?

Uża “Immaġni kbira (summary_large_image)” għal artikli, prodotti u landing pages b’element viżiv b’saħħtu. Uża “Immaġni żgħira kwadra (summary)” meta l-immaġni tiegħek hija logo jew avatar li jidher stramb jekk jinfirex fuq kard wiesgħa.

Nista’ nuża URL relattiv tal-immaġni bħal /images/share.jpg?

Le. Il-crawlers jaqraw it-tags barra mill-kuntest, għalhekk og:image u og:url iridu jkunu URLs assoluti inkluż il-protokoll u d-dominju. L-għodda timmarka l-indirizzi relattivi.

L-immaġni tiegħi tittella’?

Le. L-istampa li tagħżel għall-previżjoni tinqara biss mill-brawżer tiegħek u qatt ma tintbagħat imkien. It-tags infushom fihom biss l-URL tal-immaġni li ktibt.