Open Graph framleiðandi og samfélagsspjöld
Búðu til Open Graph og X (Twitter) meta-tög með lifandi forskoðun á því hvernig tengillinn þinn lítur út þegar honum er deilt á Facebook, LinkedIn og X.
Forskoðun
Forskoðanir eru áætlaðar: hver vettvangur sker og styttir texta lítillega á sinn hátt.
Athuganir
Engin vandamál fundust.
Hvernig á að nota Open Graph framleiðandann
- Sláðu inn Titill og Lýsing sem þú vilt að fólk sjái þegar tenglinum þínum er deilt. Þau mega vera önnur en SEO-titillinn: skrifaðu þau fyrir samfélagsmiðlastraum.
- Bættu við Slóð síðu (aðalheimilisfangið) og Slóð myndar. Báðar verða að vera heilar og byrja á
https://. - Lýstu myndinni í Lýsing á mynd (alt-texti) svo fólk sem notar skjálesara viti hvað hún sýnir.
- Veldu eða slepptu sömu mynd undir Forskoðunarmynd. Hún helst á tækinu þínu: verkfærið notar hana aðeins til að teikna forskoðanirnar og til að fylla út Breidd myndar (px) og Hæð myndar (px).
- Settu Heiti vefsvæðis, Tegund efnis og Staðfærsla (locale), og veldu síðan stíl X (Twitter) spjald og, ef þú átt þá, X-aðganga vefsvæðisins og höfundar.
- Skoðaðu forskoðanirnar og listann Athuganir, og Afrita eða Sækja síðan tögin og límdu þau inn í
<head>síðunnar.
Hvað Open Graph tög gera
Þegar tengill er límdur inn í Facebook, LinkedIn, X, Slack, Discord, WhatsApp, iMessage og mörg önnur forrit sækir skriðþjarkur síðuna og les Open Graph (og:) meta-tögin hennar til að byggja spjald: mynd, titil, stutta lýsingu og lénið. Án þessara taga giskar forritið, og velur oft merki, vefkökuborða eða fyrstu setninguna í valmyndinni.
Grunneiginleikarnir fjórir eru og:title, og:type, og:image og og:url. Þetta verkfæri bætir einnig við og:description, og:site_name, og:locale og myndaupplýsingum (og:image:width, og:image:height, og:image:alt). Með því að gefa upp stærð myndarinnar geta sumir vettvangar teiknað spjaldið við fyrstu deilingu í stað þess að bíða þar til myndin hefur verið sótt.
X les sín eigin twitter: tög en fellur aftur á Open Graph titil, lýsingu og mynd þegar X-útgáfurnar vantar, svo verkfærið bætir aðeins við því sem X þarf í raun: twitter:card, valfrjálsum aðgöngum og lýsingu myndarinnar. Þannig er komið í veg fyrir að hvert gildi sé tvítekið.
Myndastærðir sem virka alls staðar
| Notkun | Ráðlögð stærð | Athugasemdir |
|---|---|---|
| Stórt spjald (Facebook, LinkedIn, stór X-mynd) | 1200 × 630 px | Hlutfall um 1,91:1; hafðu texta í miðjunni |
| Lítið X-spjald (summary) | minnst 144 × 144 px | Birtist ferkantað, skorið frá miðju |
| Lágmark á Facebook | 200 × 200 px | Minni myndum gæti verið hunsað |
Notaðu JPEG eða PNG, hafðu skrána hóflega (vel undir 5 MB) og forðastu að setja mikilvægan texta nálægt jöðrunum, því hver vettvangur sker örlítið á sinn hátt. Forskoðanirnar í þessu verkfæri eru áætlanir á þessum útlitum, ekki skjámyndir.
Eftir birtingu
Samfélagsvettvangar geyma tengilforskoðanir í skyndiminni, stundum í marga daga. Eftir að þú breytir tögunum skaltu biðja þá um að skríða síðuna aftur með Facebook Sharing Debugger eða LinkedIn Post Inspector. Síðan verður að vera opin almenningi: skriðþjarkar sjá ekki síður á bak við innskráningu eða á localhost.
Allt er unnið í vafranum þínum: myndin og textinn sem þú slærð inn eru ekki send á netþjón.
Algengar spurningar
Bæta Open Graph tög SEO?
Ekki beint. Leitarvélar nota þau ekki sem röðunarþátt. Þau bæta útlit tengla þegar þeim er deilt, sem getur skilað fleiri smellum og heimsóknum frá samfélagsnetum og skilaboðaforritum.
Af hverju birtist gamla myndin mín enn þegar ég deili tenglinum?
Vettvangurinn geymdi fyrri útgáfuna í skyndiminni. Skríddu slóðina aftur með villuleitartóli vettvangsins, eða bættu fyrirspurnarstreng við myndaslóðina (til dæmis ?v=2) svo hún sé meðhöndluð sem ný skrá.
Á ég að nota summary eða summary_large_image?
Notaðu „Stór mynd (summary_large_image)“ fyrir greinar, vörur og lendingarsíður með sterkt myndefni. Notaðu „Lítil ferköntuð mynd (summary)“ þegar myndin er merki eða prófílmynd sem myndi líta einkennilega út teygð yfir breitt spjald.
Get ég notað afstæða myndaslóð eins og /images/share.jpg?
Nei. Skriðþjarkar lesa tögin úr samhengi, svo og:image og og:url verða að vera heilar slóðir með samskiptareglu og léni. Verkfærið merkir afstæð heimilisföng.
Er myndinni minni hlaðið upp?
Nei. Myndin sem þú velur fyrir forskoðunina er aðeins lesin af vafranum þínum og aldrei send neitt. Tögin sjálf innihalda aðeins myndaslóðina sem þú slóst inn.
Tengd verkfæri
- Meta-tagaframleiðandi Ókeypis framleiðandi meta-taga fyrir titil, meta-lýsingu, canonical-slóð, robots og viewport, með lengdarathugun og rétt umkóðuðu HTML.
- Forskoðun á leitarniðurstöðu Google (SERP) Forskoðaðu hvernig titillinn og meta-lýsingin líta út í Google-niðurstöðum á tölvu og síma, með pixlamörkum og staðnum þar sem textinn er skorinn.
- Stafatakmörk samfélagsmiðla Athugaðu færsluna þína gegn stafatakmörkum X, Bluesky, Threads, LinkedIn, Instagram, TikTok, YouTube og leitarniðurstaðna, öllum í einu um leið og þú skrifar.