Hvað er Open Graph? Heildarhandbók fyrir byrjendur

Þú deilir tengli á samfélagsmiðlum. Forsýningin lítur hræðilega út. Hér er hvers vegna - og hvernig Open Graph merki laga það.

Hvað Open Graph er í raun og veru

Open Graph er siðareglur sem Facebook fann upp árið 2010. Fyrir Open Graph, þegar einhver deildi tengli á Facebook, var forsýningin ófyrirsjáanleg. Facebook skafa síðuna í leit að myndum og texta og útkoman var oft tilviljunarkennd - stundum pínulítill favicon, stundum tilviljunarkennd mynd af síðunni, stundum alls ekki neitt.

Facebook sagði: "Við skulum gefa vefstjórum staðlaða leið til að segja okkur hvað á að sýna." Þeir kynntu safn metamerkja sem hvaða vefsíða sem er gæti bætt við HTML þeirra. Aðrir pallar — X, LinkedIn, Slack, Discord, WhatsApp, Reddit — tóku upp sama staðal. Í dag er Open Graph alhliða tungumálið fyrir forskoðun tengla á internetinu.

Það er ekki tækni sem þú setur upp. Þetta eru bara HTML metamerki í hluta síðunnar þinnar. Það er það.

Kjarna Open Graph merkin

Sérhver síða sem er deilt á samfélagsmiðlum ætti að hafa að minnsta kosti þessi fjögur merki:

<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="A compelling one-sentence summary." />
<meta property="og:image" content="https://yoursite.com/images/preview.jpg" />
<meta property="og:url" content="https://yoursite.com/your-page" />

Hér er það sem hver og einn gerir:

• og:title — Fyrirsögnin sem birtist á forskoðunarspjaldinu. Venjulega síðuheitið eða fyrirsögn greinarinnar.
• og:description — Stutt samantekt (2-3 setningar) sem birtist fyrir neðan titilinn.
• og:image — Forskoðunarmyndin. Ráðlögð stærð: 1200×630 pixlar (1,91:1 hlutfall).
• og:url — Kanónísk vefslóð síðunnar. Hjálpar kerfum að bera kennsl á rétta vefslóð.

Það eru fleiri valfrjáls merki eins og og:type (venjulega „vefsíða“ eða „grein“), og:site_name (vörumerkið þitt) og og:locale (tungumál). En þessir fjórir hér að ofan eru þeir sem skipta mestu máli fyrir forskoðun tengla.

Hvernig Open Graph virkar - Skref fyrir skref

Hér er það sem gerist þegar einhver deilir tengli:

1. Einhver límir vefslóð í X, LinkedIn, Slack, Discord, eða hvar sem er.
2. Vétti pallsins sækir slóðina og les HTML frá toppi til botns.
3. Það leitar að og: tags í hlutanum.
4. Það býr til forskoðunarkort með því að nota gildin og:title, og:description og og:image.
5. Spjaldið birtist öllum sem sjá sameiginlega hlekkinn.

Ef vettvangurinn finnur ekki og: merki, þá fellur hann aftur til eigin heuristics — velja tilviljunarkenndar myndir, nota