Dalinimosi nuorodų peržiūra ir Open Graph generatorius

🎓 Susiję SEO ir svetainių diagnostikos įrankiai

Išbandykite kitus specializuotus greitus diagnostikos ir optimizavimo modulius:

GIGA SEO tikrintuvas ir 1:1 „Lighthouse“ auditas – Išsamus SEO, prieinamumo, gerųjų praktikų ir „Core Web Vitals“ diagnostikos centras.

Robots.txt AI ir SEO analizatorius – Tikrinkite nuskaitymo biudžetą, AI botų prieigas ir sintaksės taisykles.

XML Sitemap Lastmod tikrintuvas – Tikrinkite datų formatų atitikimą ir serverio HTTP atsakų antraštes.

JS ir CSS minifikatorius Pro – Momentinis kodo glaudinimas ir minifikavimas 100/100 „PageSpeed“ greičiui.

Kodėl socialinių tinklų iškarpos lemia paspaudimų rodiklį (CTR)

Šiuolaikinėje skaitmeninės komunikacijos erdvėje plikas interneto adresas yra praktiškai nematomas. Kai nuoroda siunčiama susirašinėjimo programėlėmis (pvz., „WhatsApp“, „Telegram“, „Messenger“) arba skelbiama socialiniuose tinkluose („Facebook“, „LinkedIn“, „X“ / „Twitter“), platformos vartotojui pateikia ne tekstinį URL, o vizualią interaktyvią kortelę su pagrindiniu paveikslėliu, antrašte, aprašymu ir šaltinio domenu. Šį procesą valdo Open Graph (OG) protokolas bei papildomos Twitter Cards ir Schema.org semantinės žymos.

Neoptimizuota arba apleista dalinimosi kortelė prilygsta vitrinai užkaltais langais. Jei vartotojas, pasidalinęs jūsų straipsniu ar e-parduotuvės preke, pamato iškraipytą miniatiūrą, tuščią pilką foną arba atsitiktinį techninį kodo fragmentą, pasitikėjimas svetaine akimirksniu krenta. Tyrimai rodo, kad vizualiai nepriekaištingos socialinių tinklų iškarpos su profesionaliu 1.91:1 formato atvaizdu ir aiškia antrašte generuoja iki 240 % didesnį organinį paspaudimų rodiklį (CTR), palyginti su netvarkingomis nuorodomis. Mūsų TOOL GIGA dalinimosi nuorodų peržiūros įrankis suteikia galimybę akimirksniu nuskaityti bet kurį adresą arba įklijuoti HTML kodą, pamatyti tikrąsias korteles visose populiariausiose platformose ir ištaisyti klaidas dar prieš publikuojant turinį.

Kaip naudotis įrankiu: du patogūs darbo režimai

TOOL GIGA dalinimosi peržiūros sistema sukurta maksimaliam patogumui ir momentiniam rezultatui:

🌐 Gyvas URL režimas (rekomenduojama): Įveskite bet kurį svetainės arba straipsnio adresą (pvz., toolgiga.com, delfi.lt arba pilną https://... nuorodą) ir spustelėkite „Nuskaityti ir tikrinti meta žymas“. Mūsų saugus serverio variklis automatiškai nuskaito puslapį, seka visus nukreipimus (redirects), ištraukia meta žymas ir akimirksniu atvaizduoja realias korteles.
📋 Įklijuoti HTML režimas: Jei kuriate naują puslapį vietinėje aplinkoje ar dar nepublikuotame projekte, tiesiog įklijuokite savo <head> kodo fragmentą ar <meta> žymas į laukelį ir spustelėkite „Apdoroti ir pritaikyti meta žymas“.

Open Graph ir Twitter Cards techninė anatomija

Kad svetainė būtų teisingai interpretuojama visų platformų robotų, HTML dokumento <head> bloke privalo būti sukonfigūruotos šios esminės meta žymos:

og:title: Pagrindinė puslapio ar straipsnio antraštė socialiniams tinklams. Ji turėtų būti aiški, patraukli ir neviršyti 40–60 simbolių, kad mažuose mobiliųjų telefonų ekranuose nebūtų agresyviai nukirsta.
og:description: 1–2 sakinių glaustas turinio anonsas. Rekomenduojamas ilgis yra 110–160 simbolių. Čia svarbu vengti raktažodžių perpildymo – tekstas turi skatinti vartotoją spustelėti nuorodą ir skaityti toliau.
og:image: Svarbiausias vizualinis akcentas. Pasaulinis industrijos standartas yra 1200 × 630 pikselių, atitinkantis griežtą 1.91:1 kraštinių santykį. Mažesnės nei 600 × 315 px nuotraukos dažnai paverčiamos smulkiomis kvadratinėmis miniatiūromis arba visai ignoruojamos.
og:url: Kanoninis puslapio adresas. Tai užtikrina, kad visi vartotojų pasidalinimai, komentarai ir paspaudimai būtų priskirti pagrindiniam URL, o ne atsitiktiniams rinkodaros UTM parametrams.
og:site_name: Svetainės arba prekės ženklo pavadinimas (pvz., TOOL GIGA), didinantis atpažįstamumą.
twitter:card: Nurodo „X“ (Twitter) kortelės tipą. Reikšmė summary_large_image atveria didelę per visą plotį ištemptą nuotrauką viršuje, o summary – kompaktišką kvadratinę miniatiūrą šone.

Kaip veikia socialinių tinklų robotai ir podėliavimas

Kai įklijuojate nuorodą į socialinį tinklą, platformos serverio pusės robotas (angl. crawler arba scraper – pvz., facebookexternalhit/1.1, Twitterbot/1.0, LinkedInBot/1.0) atlieka greitą HTTP GET užklausą į jūsų serverį. Svarbu suprasti, kad šie robotai nevykdo kliento pusės „JavaScript“ kodo (angl. SPA – React, Vue ar Angular) ir nelaukia asinchroninių API užklausų. Jie nuskaito tik pradinį, tiesiogiai iš serverio pateiktą HTML kodą.

Be to, didžiosios platformos agresyviai podėliuoja (angl. cache) nuskaitytus duomenis savo CDN serveriuose. Tai reiškia, kad pakeitus straipsnio nuotrauką ar antraštę savo svetainėje, „Facebook“ ar „LinkedIn“ gali kelias dienas ar savaites rodyti senąjį vaizdą. Norint priverstinai atnaujinti podėlį, reikia pasinaudoti oficialiu „Facebook Sharing Debugger“ įrankiu arba „LinkedIn Post Inspector“. Naudodamiesi TOOL GIGA gyvu URL tikrintuvu, galite pasitikrinti, kokius meta duomenis jūsų serveris realiai atiduoda išoriniams robotams.

Dažniausios meta žymų klaidos: proporcijos, reliatyvūs URL ir CORS

Praktikoje net patyrę programuotojai ir SEO specialistai padaro klaidų, kurios sugadina dalinimosi kortelių vaizdą:

Reliatyvūs nuotraukų keliai: Įrašius <meta property="og:image" content="/images/foto.jpg">, socialiniai robotai nuotraukos neužkraus. Privaloma nurodyti pilną, absoliutų HTTPS kelią: https://www.tavosvetaine.lt/images/foto.jpg.
Netinkamos proporcijos: Įkėlus kvadratinę (1:1) arba vertikalią (9:16) nuotrauką į horizontalią kortelę, platformos automatiškai nukerpa viršų ir apačią, taip dažnai nukirpdamos logotipus, žmonių veidus ar svarbų tekstą.
Per didelis failo svoris: Nuotraukos failas neturėtų viršyti 1 MB. Robotų užklausoms taikomas griežtas 3–5 sekundžių laiko limitas; jei serveris nespėja atiduoti sunkios 8 MB nuotraukos, kortelė lieka tuščia.
Ugniasienės (Cloudflare / WAF) blokavimai: Jei jūsų saugumo sistema klaidingai blokuoja „Facebook“ ar „Twitter“ IP adresus, robotai gauna 403 Forbidden klaidą ir negali nuskaityti meta žymų.

Praktinės rekomendacijos socialiniam paspaudimų rodiklio didinimui

Norint pasiekti maksimalų lankytojų srautą iš socialinių tinklų, rekomenduojama vadovautis šiomis taisyklėmis:

Ryškus kontrastas ir švarus dizainas: Nuotraukoje naudokite kontrastingas spalvas, kad tamsioje ar šviesioje naujienų srauto temoje kortelė išsiskirtų iš bendro fono.
Minimalus tekstas paveikslėlyje: Neužkraukite nuotraukos ilgais sakiniais. Pakanka 3–5 didelių, aiškiai įskaitomų žodžių arba pagrindinio produkto akcento.
Saugios zonos (Safe Zones): Svarbiausius elementus (tekstą, logotipą) centruokite ir palikite bent 10 % paraštes nuo kraštų, kad skirtingose mobiliosiose programėlėse vaizdas nebūtų apkarpytas.
Momentinis kodo generavimas: Nuskaitę puslapį arba įklijavę HTML, spustelėkite mygtuką „Kopijuoti sugeneruotą <head> HTML“ ir įklijuokite paruoštą kodą tiesiai į savo TVS (WordPress, Shopify ar kodo šabloną).

❓ Dažniausiai užduodami klausimai (DUK)

Koks yra idealus Open Graph nuotraukos (og:image) dydis ir formatas?

Rekomenduojamas universalus Open Graph nuotraukos dydis yra 1200 × 630 pikselių, o kraštinių santykis – 1.91:1. Šis formatas užtikrina nepriekaištingą raišką Retina ekranuose „Facebook“, „LinkedIn“, „Twitter/X“, „Discord“ ir susirašinėjimo programėlėse. Tinkamiausi formatai – JPG, PNG arba WebP, o failo dydis neturėtų viršyti 1 MB.

Kuo skiriasi Twitter Card reikšmės summary ir summary_large_image?

Reikšmė summary_large_image sukuria didelę, per visą srauto plotį ištemptą horizontalią nuotrauką virš antraštės ir aprašymo, suteikdama maksimalų vizualinį dėmesį. Tuo tarpu summary sukuria nedidelę kvadratinę (1:1) miniatiūrą kairėje teksto pusėje – šis formatas dažniau taikomas trumpiems pranešimams ar dokumentams.

Kodėl „Facebook“ ar „WhatsApp“ rodo seną nuotrauką, nors aš ją jau pakeičiau svetainėje?

Socialiniai tinklai išsaugo (podėliuoja) pirmą kartą nuskaitytus puslapio duomenis savo serveriuose, kad taupytų srautą. Norėdami priverstinai atnaujinti „Facebook“ podėlį, įveskite savo puslapio URL į „Facebook Sharing Debugger“ ir paspauskite „Scrape Again“. „WhatsApp“ atveju dažnai padeda laikino parametro pridėjimas prie nuorodos (pvz., ?v=2).

Ar socialinių tinklų robotai nuskaito meta žymas, sugeneruotas su „JavaScript“ (React, Vue)?

Ne. Dauguma socialinių tinklų robotų (pvz., facebookexternalhit, Twitterbot) nepaleidžia kliento pusės „JavaScript“ kodo ir skaito tik pradinį serverio atiduotą HTML. Todėl vieno puslapio programose (SPA) būtina naudoti serverio pusės generavimą (SSR – Next.js, Nuxt.js) arba išankstinį atvaizdavimą (Prerendering).

Ar galima naudoti SVG formatą og:image žymoje?

Nors SVG yra puikus vektorinis formatas interneto svetainių piktogramoms, dauguma socialinių tinklų robotų (ypač „Facebook“ ir „LinkedIn“) SVG failų nepalaiko ir jų nerodo. Dalinimosi nuotraukoms visada eksportuokite 1200×630 WebP, JPG arba PNG failus.

Koks yra rekomenduojamas og:title ir og:description simbolių skaičius?

Rekomenduojamas og:title ilgis yra 40–60 simbolių (iki 70 simbolių), o og:description – 110–160 simbolių. Laikantis šių ribų, tekstas nebus nukirptas su daugtaškiu mobiliuosiuose įrenginiuose ir išliks pilnai perskaitomas.

Kaip įsidiegti sugeneruotą kodą į savo svetainę?

Nuskaitę URL arba įklijavę HTML kodą, spustelėkite mygtuką „Kopijuoti sugeneruotą <head> HTML“ (arba atsisiųskite .html failą) ir įklijuokite šį kodo bloką į savo svetainės <head>...</head> sekciją arba įrašykite į atitinkamus TVS SEO įskiepio laukelius (pvz., Yoast SEO, Rank Math).