Kards soċjali: tags Open Graph u l-istampa tal-qsim

X'inhu preview tal-link

Meta xi ħadd jaqsam link f'netwerk soċjali jew f'messenger, il-pjattaforma taqra l-paġna u tibni kard żgħira: stampa, titlu, test qasir u d-dominju. Il-biċċa l-kbira tal-pjattaformi jaqraw għal dan it-tags tal-protokoll Open Graph, li huma elementi meta fil-head tal-paġna. X, li qabel kien Twitter, jaqra wkoll it-tags tiegħu li jibdew b'twitter:. Kull pjattaforma tfassal il-kard tagħha hi stess u tiddeċiedi kemm turi test. Int tiddeċiedi x'tgħid il-paġna lill-pjattaformi.

It-tags bażiċi

Il-protokoll Open Graph, ippubblikat fuq ogp.me, isemmi erba' proprjetajiet li kull paġna għandu jkollha: og:title, og:type, og:image u og:url. og:url huwa l-indirizz kanoniku tal-paġna. Mhumiex obbligatorji, iżda utli, og:description, og:site_name u og:locale, il-lingwa u r-reġjun tat-tags, pereżempju de_DE.

<meta property="og:title" content="Bejgħ tas-sajf: it-tazzi kollha mnaqqsa">
<meta property="og:type" content="article">
<meta property="og:url" content="https://example.com/blog/summer-sale">
<meta property="og:image" content="https://example.com/img/summer-sale-1200x630.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Sitt tazzi blu fuq mejda tal-injam">
<meta property="og:description" content="Sal-31 ta' Awwissu: prezzijiet orħos fuq tazzi u platti.">
<meta property="og:site_name" content="Ħanut Eżempju">
<meta name="twitter:card" content="summary_large_image">

Ikteb kull indirizz sħiħ, b'https://. Il-protokoll jiddefinixxi indirizz bħala URL li juża http:// jew https://, għalhekk mogħdija bħal /img/sale.jpg mhijiex valur validu. og:url għandu jaqbel mal-link kanoniku tal-paġna. Jekk tag jidher darbtejn b'valuri differenti, il-protokoll jagħti preferenza lill-ewwel wieħed.

L-istampa tal-qsim

Il-biċċa l-kbira tal-previews juru l-istampa wiesgħa. Stampa bi proporzjon ta' madwar 1.91 : 1, pereżempju 1200 × 630 pixel, hija rakkomandata b'mod komuni u tidħol f'ħafna kards mingħajr ma tinqata'. Stampi kwadri spiss jinqatgħu minn fuq u minn isfel, għalhekk żomm il-kontenut importanti fin-nofs. Għal Google Discover, Google tirrakkomanda stampi wesgħin mill-inqas 1200 pixel, preview kbir permess bis-setting max-image-preview:large, u stampa ssettjata b'og:image jew bl-immarkar ta' schema.org. Google tagħti parir ukoll kontra stampi ġeneriċi bħal-logo tas-sit.

og:image:width u og:image:height jgħidu d-daqs tal-istampa f'pixels. og:image:alt jiddeskrivi x'hemm fl-istampa, mhux caption. Il-protokoll jgħid li paġna b'og:image għandha tispeċifika wkoll og:image:alt.

Titlu u deskrizzjoni

og:title jista' jkun differenti mill-element title. M'għandux bżonn l-isem tas-sit web, għax og:site_name iġorru. Il-pjattaformi jaqtgħu t-testi twal fit-tul tagħhom, għalhekk poġġi l-kliem importanti l-ewwel. It-tags Open Graph huma importanti wkoll lil hinn min-netwerks soċjali. Google ssemmi l-kontenut ta' og:title bħala wieħed mis-sorsi għat-title links fir-riżultati tat-tiftix, tqis og:site_name għall-isem tas-sit, u telenka og:image bħala mod wieħed kif tispeċifika stampa preferuta.

Tags għal X

It-tag twitter:card jagħżel it-tip ta' kard. Il-valur summary_large_image jitlob stampa kbira u wiesgħa, summary waħda żgħira. Jekk il-paġna tiegħek diġà għandha tags Open Graph, iż-żieda ta' twitter:card spiss tkun biżżejjed. Il-paġni tal-iżviluppaturi ta' X ma setgħux jinqraw għal din il-gwida, għalhekk iċċekkja r-regoli attwali hemmhekk qabel ma tistrieħ fuq xi dettall.

Kard waħda għal kull paġna

Ħafna siti web jissettjaw l-istess titlu u stampa għal kull paġna, spiss permezz tat-tema. Imbagħad kull link maqsum jidher l-istess. Agħti lil kull paġna importanti og:title, og:description u og:image tagħha: lil paġna tal-prodott ir-ritratt tal-prodott, lil artiklu l-istampa prinċipali tiegħu. Għal og:type, il-protokoll juża website għal paġna ġenerali u article għal artiklu, fost tipi oħra. Sistema ta' ħanut jew ta' kontenut tista' timla dawn it-tags awtomatikament mit-titlu, mis-sommarju u mill-istampa prinċipali ta' kull paġna. Wara bidla, iċċekkja paġna waħda minn kull template.

Għaliex il-preview ma jinbidilx

Ħafna pjattaformi jaħżnu kard ladarba jkunu bnewha. Jekk tibdel l-istampa jew it-titlu aktar tard, in-nies jistgħu jibqgħu jaraw il-kard il-qadima għal xi żmien. Isem ġdid tal-fajl għal stampa ġdida jgħin, għax il-pjattaforma mbagħad tara indirizz ġdid. Xi pjattaformi joffru għodda li terġa' ġġib il-paġna.

Qabel taqsam paġna

• Hemm og:title, og:type, og:image u og:url, u og:url huwa l-indirizz kanoniku?
• Kull indirizz huwa sħiħ, b'https://?
• L-istampa hija wiesgħa biżżejjed, titgħabba, u l-kontenut importanti huwa fin-nofs?
• og:image:alt, og:image:width u og:image:height huma ssettjati?
• Hemm tag twitter:card, u t-titlu huwa qasir biżżejjed?

Aħdem b'Do4U

Il-Verifika tal-kard soċjali turi kif tidher paġna meta jinqasam il-link tagħha, u tiċċekkja t-tags wara l-preview. Tdaħħal indirizz wieħed. Do4U jaqra l-paġna u l-bidu tal-istampa tal-qsim tagħha. Il-kodiċi jiġbor it-tags Open Graph, it-tags tal-kard Twitter/X u r-riżervi, jiġifieri t-titlu, il-meta description u l-ewwel stampa, kif ukoll il-link kanoniku u l-lingwa. Jaqra l-format u d-daqs reali tal-istampa mill-fajl u jqabbilhom mat-tags. Tirċievi preview newtrali, tabella tat-tags kollha, sejbiet b'raġuni qasira u tags issuġġeriti biex tikkopja. Tags li paġna tissettja biss bil-JavaScript ma jidhrux. Ma tintuża l-ebda AI, u l-verifika hija b'xejn, b'limitu kuljum.

Do4U jsib noti, int tiċċekkja u tiddeċiedi. Il-preview huwa abbozz newtrali: kif pjattaforma turi l-link tiddeċiedih il-pjattaforma.