Gjenerues Open Graph dhe kartash sociale
Gjenero meta tagje Open Graph dhe karta X (Twitter) me pamje paraprake të drejtpërdrejtë të lidhjes tënde kur ndahet në Facebook, LinkedIn dhe X.
Pamje paraprake
Pamje paraprake të përafërta: çdo platformë i pret imazhet dhe e shkurton tekstin pak ndryshe.
Kontrolle
Nuk u gjet asnjë problem.
Si ta përdorësh gjeneruesin Open Graph
- Shkruaj Titulli dhe Përshkrimi që dëshiron t’i shohin njerëzit kur ndahet lidhja jote. Mund të ndryshojnë nga titulli yt SEO: shkruaji për një rrjedhë sociale.
- Shto URL e faqes (adresën kanonike) dhe URL e imazhit. Të dyja duhet të jenë absolute, duke filluar me
https://. - Përshkruaje imazhin te Përshkrimi i imazhit (tekst alt) që njerëzit që përdorin lexues ekrani të dinë çfarë tregon.
- Zgjidh ose hidh të njëjtin imazh te Imazhi për pamje paraprake. Mbetet në pajisjen tënde: mjeti e përdor vetëm për të vizatuar pamjet paraprake dhe për të plotësuar Gjerësia e imazhit (px) dhe Lartësia e imazhit (px).
- Cakto Emri i sajtit, Lloji i përmbajtjes dhe Locale (gjuha dhe rajoni), pastaj zgjidh stilin e Karta X (Twitter) dhe, nëse i ke, llogaritë X të sajtit dhe të autorit.
- Kontrollo pamjet paraprake dhe listën Kontrolle, pastaj Kopjo ose Shkarko tagjet dhe ngjiti brenda
<head>të faqes.
Çfarë bëjnë tagjet Open Graph
Kur një lidhje ngjitet në Facebook, LinkedIn, X, Slack, Discord, WhatsApp, iMessage dhe shumë aplikacione të tjera, një crawler e merr faqen dhe lexon meta tagjet e saj Open Graph (og:) për të ndërtuar një kartë: një imazh, një titull, një përshkrim të shkurtër dhe domenin. Pa këta tagje, aplikacioni hamendëson, shpesh duke zgjedhur një logo, një banner cookie-sh ose fjalinë e parë të menysë.
Katër vetitë bazë janë og:title, og:type, og:image dhe og:url. Ky mjet shton gjithashtu og:description, og:site_name, og:locale dhe detajet e imazhit (og:image:width, og:image:height, og:image:alt). Deklarimi i madhësisë së imazhit u lejon disa platformave ta vizatojnë kartën që në ndarjen e parë në vend që të presin derisa të shkarkohet imazhi.
X lexon tagjet e veta twitter: por kthehet te titulli, përshkrimi dhe imazhi Open Graph kur mungojnë versionet e X, prandaj mjeti shton vetëm atë që i duhet vërtet X: twitter:card, llogaritë opsionale dhe përshkrimin e imazhit. Kjo shmang dyfishimin e çdo vlere.
Madhësi imazhesh që funksionojnë kudo
| Përdorimi | Madhësia e rekomanduar | Shënime |
|---|---|---|
| Kartë e madhe (Facebook, LinkedIn, imazh i madh X) | 1200 × 630 px | Raport rreth 1,91:1; mbaje tekstin në qendër |
| Kartë e vogël X (summary) | të paktën 144 × 144 px | Shfaqet katrore, e prerë nga qendra |
| Minimumi në Facebook | 200 × 200 px | Imazhet më të vogla mund të shpërfillen |
Përdor JPEG ose PNG, mbaje skedarin mjaft të vogël (shumë nën 5 MB) dhe shmang vendosjen e tekstit të rëndësishëm afër skajeve, sepse çdo platformë pret pak ndryshe. Pamjet paraprake në këtë mjet janë përafrime të atyre paraqitjeve, jo pamje ekrani.
Pas publikimit
Platformat sociale i ruajnë në cache pamjet paraprake të lidhjeve, ndonjëherë për ditë. Pasi t’i ndryshosh tagjet, kërkoji të skanojnë faqen sërish me Facebook Sharing Debugger ose LinkedIn Post Inspector. Faqja duhet të jetë e arritshme publikisht: crawler-at nuk mund të shohin faqe pas hyrjes me llogari ose në localhost.
Pyetje të shpeshta
A e përmirësojnë SEO-n tagjet Open Graph?
Jo drejtpërdrejt. Motorët e kërkimit nuk i përdorin si faktor renditjeje. Ato përmirësojnë pamjen e lidhjeve kur ndahen, gjë që mund të sjellë më shumë klikime dhe vizita nga rrjetet sociale dhe aplikacionet e mesazheve.
Pse imazhi im i vjetër shfaqet ende kur ndaj lidhjen?
Platforma e ka ruajtur në cache versionin e mëparshëm. Skano sërish URL-në me mjetin e korrigjimit të platformës, ose shto një query string te URL e imazhit (për shembull ?v=2) që të trajtohet si skedar i ri.
Të përdor summary apo summary_large_image?
Përdor “Imazh i madh (summary_large_image)” për artikuj, produkte dhe faqe mbërritjeje me vizual të fortë. Përdor “Imazh i vogël katror (summary)” kur imazhi yt është një logo ose avatar që do të dukej çuditshëm i shtrirë në një kartë të gjerë.
A mund të përdor një URL relative imazhi si /images/share.jpg?
Jo. Crawler-at i lexojnë tagjet jashtë kontekstit, ndaj og:image dhe og:url duhet të jenë URL absolute, me protokollin dhe domenin. Mjeti i shënon adresat relative.
A ngarkohet imazhi im?
Jo. Fotoja që zgjedh për pamjen paraprake lexohet vetëm nga shfletuesi yt dhe nuk dërgohet askund. Tagjet vetë përmbajnë vetëm URL-në e imazhit që ke shkruar.
Mjete të ngjashme
- Gjenerues i meta tagjeve Gjenerues falas për meta tagjet e titullit, meta description, URL kanonike, robots dhe viewport, me kontrolle gjatësie dhe HTML të escape-uar saktë.
- Pamje paraprake e fragmentit në Google Shiko si duken titulli dhe meta description në rezultatet e Google për desktop dhe celular, me kufijtë e gjerësisë në piksel dhe pikën ku teksti priret.
- Kontrollues i gjatësisë së postimit Kontrollo postimin tënd kundrejt kufijve të karaktereve të X, Bluesky, Threads, LinkedIn, Instagram, TikTok, YouTube dhe Google, njëkohësisht, teksa shkruan.