Apie šį įrankį
Open Graph (OG) žymos valdo, kaip puslapis atrodo, kai jis bendrinamas socialinėse platformose. „Facebook“, „LinkedIn“, „Slack“, „Discord“ ir daugelis kitų skaito OG žymas, kad sukurtų peržiūros korteles. Be tinkamų OG žymų bendrinamos nuorodos atrodo neveikiančios – bendrosios favicons, trūkstami vaizdai, sutrumpinti pavadinimai. Su jais akcijos atrodo patobulintos, o paspaudimų rodikliai žymiai pagerėja.
Standartinės OG žymos: og:title (peržiūroje rodomas pavadinimas), og:description (teksto fragmentas), og:image (peržiūros vaizdas, geriausia 1200 × 630), og:url (kanoninis URL), og:type (paprastai „svetainė“ arba „straipsnis“). „Twitter“ kortelės žymų sluoksnis viršuje: „Twitter:card“, „Twitter:pavadinimas“, „Twitter:aprašymas“, „Twitter:vaizdas“. Dauguma įrankių grįžta į OG, kai nėra „Twitter“ žymų.
Šis generatorius sukuria visą OG ir Twitter kortelių žymų rinkinį iš jūsų įvesties. Įklijuokite gautą HTML į puslapio <head>. Rezultatas yra teisingas peržiūros pateikimas visose pagrindinėse socialinėse platformose.
Kodėl verta naudoti OG žymų generatorių
Puslapiai be OG žymų atrodo prastai bendrinami. Tuščias vaizdas, bendras pavadinimas, trūksta aprašo – peržiūra prastai konkuruoja su tinkamai pažymėtais puslapiais sklaidos kanaluose. Turinio rinkodaros ir nuorodų bendrinimo atveju tai tiesiogiai veikia paspaudimų rodiklį.
Ranka rašomos OG žymos kartojasi. Kiekvienam puslapiui reikia savo rinkinio. Generatorius, sukuriantis teisingas žymas iš kelių įvesties, išvengia rašybos klaidų ir praleistų ypatybių, kurios pažeidžia socialines peržiūras.
Techninės detalės
OG žymose naudojamas meta nuosavybės atributas (ne pavadinimas): <meta property="og:title" content="..." />. Ypatybės atributas reikalingas OG; kai kurie analizatoriai priima pavadinimą kaip atsarginį variantą, tačiau ypatybė yra teisinga.
Vaizdo reikalavimai: 1200 × 630 pikselių tinklainės atvaizdavimui, 1,91:1 formato santykis. Žymos og:image:width ir og:image:height padeda platformoms tinkamai išsaugoti vaizdus talpykloje. og:image:alt suteikia pritaikymo neįgaliesiems tekstą.
„Twitter“ kortelių žymose naudojamas pavadinimo atributas: <meta name="twitter:title" content="..." />. „Twitter“ grįžta prie OG žymų, kai nėra „Twitter“ skirtų žymų, todėl dažnai pakanka gerai nustatyto OG. Pridėjus twitter:card, aiškiai pasirenkamas kortelės tipas (dažniausiai naudojamas suvestinis_didelis_vaizdas).
Dažnai užduodami klausimai
- Ar galiu tinkinti sukurtą išvestį?
- Taip. Įrankis siūlo įvairias tinkinimo parinktis, kad būtų galima pritaikyti išvestį pagal jūsų konkrečius poreikius. Prieš generuodami pakoreguokite nustatymus arba atkurkite naudodami skirtingas parinktis.
- Ar sugeneruotu turiniu galima naudotis nemokamai?
- Taip. Viską, ką sukuriate naudodami šį įrankį, galite naudoti asmeniniais, švietimo ar komerciniais tikslais be jokių apribojimų ar priskyrimo reikalavimų.
- Ar tam reikia paskyros?
- Ne. Įrankis paruoštas naudoti iš karto, neprisiregistravus, be el. pašto ir registracijos. Tiesiog atidarykite puslapį ir pradėkite generuoti.
- Ar mano įvesties duomenys yra privatūs?
- Taip. Visas apdorojimas vyksta jūsų naršyklėje. Jūsų įvesties duomenys ir sugeneruota išvestis niekada nesiunčiami į jokį išorinį serverį.
- Ar galiu kiekvienam puslapiui naudoti tą patį OG vaizdą?
- Galimas, bet neoptimalus. Konkrečių puslapių vaizdų našumas viršija bendruosius visos svetainės vaizdus spustelėjus. Naudokite numatytąjį atsarginį variantą, bet kiekviename puslapyje kurkite vaizdus svarbiam turiniui.
- Ar reikalinga vaizdo matmenų deklaracija?
- Naudinga, bet ne griežtai reikalinga. og:image:width ir og:image:height leidžia platformoms išsaugoti vaizdus talpykloje be pakartotinio gavimo, kad nustatytų matmenis. Paspartina paskesnes akcijas.
- Ar mano duomenys įkelti?
- Ne. Generacija vyksta jūsų naršyklėje.
- Kaip išbandyti OG žymas?
- „Facebook“ bendrinimo derinimo priemonė, „Twitter“ kortelių tikrinimo priemonė ir „LinkedIn Post Inspector“ paima ir patvirtina. Naudokite juos įdiegę naujas OG žymas.