Jagamiskaardid: Open Graphi sildid ja jagamispilt

Mis on lingi eelvaade

Kui keegi jagab linki sotsiaalvõrgustikus või sõnumirakenduses, loeb platvorm lehe ja koostab väikese kaardi: pilt, pealkiri, lühike tekst ja domeen. Enamik platvorme loeb selleks Open Graphi protokolli silte, mis on meta-elemendid lehe head-osas. X, endine Twitter, loeb ka oma silte, mis algavad eesliitega twitter:. Iga platvorm kujundab oma kaardi ise ja otsustab, kui palju teksti see näitab. Sina otsustad, mida leht platvormidele ütleb.

Põhisildid

Open Graphi protokoll, mis on avaldatud aadressil ogp.me, nimetab neli omadust, mis peaksid olema igal lehel: og:title, og:type, og:image ja og:url. og:url on lehe kanooniline aadress. Valikulised, kuid kasulikud on og:description, og:site_name ja og:locale, siltide keel ja piirkond, näiteks de_DE.

<meta property="og:title" content="Suvemüük: kõik kruusid soodsamalt">
<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="Kuus sinist kruusi puidust laual">
<meta property="og:description" content="Kuni 31. augustini: madalamad hinnad kruusidele ja taldrikutele.">
<meta property="og:site_name" content="Näidispood">
<meta name="twitter:card" content="summary_large_image">

Kirjuta iga aadress täielikult, koos https://-ga. Protokoll määratleb aadressi URL-ina, mis kasutab http:// või https://, seega tee nagu /img/sale.jpg ei ole kehtiv väärtus. og:url peaks kattuma lehe kanoonilise lingiga. Kui silt esineb kaks korda eri väärtustega, eelistab protokoll esimest.

Jagamispilt

Enamik eelvaateid näitab pilti laiana. Pilti suhtega umbes 1,91 : 1, näiteks 1200 × 630 pikslit, soovitatakse sageli ja see sobib enamikku kaartidesse ilma kärpimiseta. Ruudukujulisi pilte kärbitakse sageli üleval ja all, seega hoia oluline sisu keskel. Google Discoveri jaoks soovitab Google pilte, mis on vähemalt 1200 pikslit laiad, suurt eelvaadet, mis on lubatud seadega max-image-preview:large, ning og:image või schema.org märgistusega määratud pilti. Google soovitab ka vältida üldisi pilte, näiteks saidi logo.

og:image:width ja og:image:height märgivad pildi suuruse pikslites. og:image:alt kirjeldab, mis pildil on, see ei ole pildiallkiri. Protokoll ütleb, et og:image-iga lehel peaks olema ka og:image:alt.

Pealkiri ja kirjeldus

og:title võib title-elemendist erineda. See ei vaja veebisaidi nime, sest selle kannab og:site_name. Platvormid lõikavad pikad tekstid oma pikkuse järgi, seega pane olulised sõnad ettepoole. Open Graphi sildid on olulised ka väljaspool sotsiaalvõrgustikke. Google nimetab og:title sisu üheks otsingutulemuste pealkirjalinkide allikaks, arvestab saidi nime puhul og:site_name väärtust ja nimetab og:image üheks võimaluseks eelistatud pilti määrata.

Sildid X-i jaoks

Silt twitter:card valib kaardi tüübi. Väärtus summary_large_image küsib suurt, laia pilti, summary väikest. Kui sinu lehel on juba Open Graphi sildid, piisab sageli twitter:card lisamisest. X-i arendajalehti ei õnnestunud selle juhendi jaoks lugeda, seega kontrolli kehtivaid reegleid sealt, enne kui mõnele detailile tugined.

Üks kaart lehe kohta

Paljud veebisaidid määravad igale lehele sama pealkirja ja pildi, sageli teema kaudu. Siis näeb iga jagatud link välja ühesugune. Anna igale olulisele lehele oma og:title, og:description ja og:image: tootelehele tootefoto, artiklile selle põhipilt. og:type puhul kasutab protokoll muu hulgas üldise lehe jaoks väärtust website ja artikli jaoks article. E-pood või sisuhaldussüsteem võib need sildid automaatselt täita iga lehe pealkirja, kokkuvõtte ja põhipildi põhjal. Pärast muudatust kontrolli iga malli üht lehte.

Miks eelvaade ei muutu

Paljud platvormid salvestavad kaardi, kui on selle koostanud. Kui muudad pilti või pealkirja hiljem, võivad inimesed veel mõnda aega vana kaarti näha. Uue pildi jaoks uus failinimi aitab, sest platvorm näeb siis uut aadressi. Mõned platvormid pakuvad tööriista, mis toob lehe uuesti.

Enne kui lehte jagad

• Kas og:title, og:type, og:image ja og:url on olemas ja kas og:url on kanooniline aadress?
• Kas iga aadress on täielik, koos https://-ga?
• Kas pilt on piisavalt lai, kas see laadib ja kas oluline sisu on keskel?
• Kas og:image:alt, og:image:width ja og:image:height on määratud?
• Kas twitter:card silt on olemas ja kas pealkiri on piisavalt lühike?

Töö Do4U-ga

Jagamiskaardi kontroll näitab, kuidas leht välja näeb, kui selle linki jagatakse, ja kontrollib eelvaate taga olevaid silte. Sisestad ühe aadressi. Do4U loeb lehe ja selle jagamispildi alguse. Kood kogub Open Graphi sildid, Twitter/X-i kaardisildid ja varuvariandid ehk pealkirja, metakirjelduse ja esimese pildi, samuti kanoonilise lingi ja keele. See loeb failist pildi tegeliku vormingu ja suuruse ning võrdleb neid siltidega. Saad neutraalse eelvaate, kõigi siltide tabeli, leiud lühikese põhjendusega ja kopeeritavad siltide ettepanekud. Silte, mida leht määrab ainult JavaScriptiga, ei nähta. TI-d ei kasutata ja kontroll on tasuta, päevase limiidiga.

Do4U leiab vihjeid, sina kontrollid ja otsustad. Eelvaade on neutraalne visand: kuidas platvorm linki näitab, otsustab platvorm.