Īsā atbilde: lai pārbaudītu Open Graph tiešsaistē, ielīmējiet lapas adresi bezmaksas Open Graph Debugger PromoPilot rīkā. Tas nolasīs visus og:* un Twitter Card tagus, pārbaudīs attēla esamību un izmēru, novērtēs iezīmējuma pilnīgumu un parādīs saišu priekšskatījumus Facebook, X (Twitter) un LinkedIn, kā arī ieteikumus par to, ko pievienot. Reģistrācija nav nepieciešama. Zemāk atradīsiet nepieciešamās atzīmes, nepieciešamo og:image izmēru un to, kā atjaunināt "iestrēgušu" priekšskatījumu.
Es veidoju tīmekļa vietnes jau 12 gadus, un jautājumu "Kāpēc Telegram saitei nav attēla?" no klientiem dzirdu biežāk nekā jautājumus par reitingiem. Tas parasti ir piecu minūšu darbs — ja vien zināt, kur meklēt.
Ko pārbauda Open Graph Debugger?
Kad ierakstā vai ziņojumā ievietojat saiti, platforma dodas uz lapu un meklē Open Graph tagus. Ja tāds tiek atrasts, tā izvelk glītu kartiņu. Ja nē, tā ņem visu atrasto vai parāda tukšu URL. Rīks pārbauda tikai to, ko sociālie tīkli lasīs.
| Ko tas pārbauda? | Ko viņš skatās? | Kāpēc biznesam tas ir nepieciešams? |
|---|---|---|
| Visas atzīmes og:* | og:nosaukums, og:description, og:image, og:url, og:type, og:site_name, og:locale | No tiem vietnes apkopo kartes nosaukumu, aprakstu un attēlu. |
| Twitter kartīte | twitter:karte, twitter:nosaukums, twitter:apraksts, twitter:attēls | X (Twitter) nolasa savas atzīmes un, ja to nav, daļēji og |
| OG attēls | Vai ir attēls un kāds ir tā izmērs? | Mazais attēls pārvērš karti par sīku ikonu sānos |
| Pilnīguma novērtējums | Cik ieteicamo tagu ir aizpildīti? | Īsa atsauce: vai viss ir savās vietās? |
| Tīkla priekšskatījumi | kartītes Facebook, X un LinkedIn | Pirms publicēšanas varat redzēt, kā ieraksts izskatīsies. |
| Ieteikumi | Kas man jāpievieno vai jālabo? | Gatavs uzdevumu saraksts izstrādātājam vai jums |
Kā tiešsaistē pārbaudīt Open Graph lapas?
- Atveriet atvērto grafika atkļūdotāju.
- Ievadiet tās lapas URL, kuru vēlaties kopīgot: raksts, produkts vai reklāmas galvenā lapa. Noklikšķiniet uz "Pārbaudīt".
- Apskatiet tagu sarakstu: kuri ir iestatīti, kuri ir tukši un vai og:url ir sveša vai testa adrese.
- Pārbaudiet katra tīkla priekšskatījumu: vai nosaukums ir apgriezts, vai attēls ir redzams un vai ap malām ir kāds svarīgs teksts.
- Lūdzu, pievienojiet trūkstošās atzīmes, kā ieteikts, un vēlreiz pārbaudiet lapu.
Rīka lapa: adreses lauks, poga “Pārbaudīt”, pārbaužu saraksts un bieži uzdotie jautājumi.
Rīks ir viegls: viesim pietiek ar dienas limitu, lai pārbaudītu visas vietnes veidnes — sākumlapu, kategoriju, produktu un rakstu. Pēc bezmaksas reģistrācijas limits tiek trīskāršots.
Kādas ir visbiežāk pieļautās kļūdas Open Graph vidē?
Lūk, ko es atrodu gandrīz katrā citā vietnē, un kādā secībā to labot.
- Nav norādīts og:image vai arī tas ir relatīvs URL. Sociālie tīkli nesapratīs
content="/img/cover.jpg"— ir nepieciešams pilns URL, kas sākas arhttps://. Bez attēla ieraksta sasniedzamība ievērojami samazinās. - Attēls ir pārāk mazs. 200x200 logotips pārvērš karti nelielā kvadrātā sānos. Nepieciešams 1200x630 attēls.
- Viens og:attēls visai vietnei. Katram rakstam un katram produktam sociālajos tīklos ir jāizskatās vienādi — ar logotipu. Blogam un katalogam attēlam jābūt ņemtam no lapas galvenā fotoattēla.
- og:url ved uz citu adresi — sākumlapu, testa domēnu vai
http://versiju. Platforma var apvienot visas saites vienā lapā. - Nav tādas `twitter:card`. Bez tās X bieži rāda mazu kartiņu. Lai iegūtu lielāku attēlu, nepieciešams
summary_large_image. - `og:title` dublē nosaukumu ar vārdu "buy" un zīmolu. Sociālo mediju plūsmā tas izskatās pēc reklāmas; labāk ir izmantot spilgtu virsrakstu, piemēram, ierakstam.
Minimālais pareizais komplekts izskatās šādi:
<meta property="og:title" content="Как выбрать кожаный рюкзак: 7 признаков качества"> <meta property="og:type" content="article"> <meta property="og:url" content=" https://example.com/blog/kozhanyj-ryukzak/"> <meta property="og:image" content=" https://example.com/img/og/kozhanyj-ryukzak.jpg"> <meta name="twitter:card" content="summary_large_image">Kā sagatavot attēlu og:image vajadzībām?
Attēls ir vispamanāmākā kartītes daļa, un tieši tajā cilvēki bieži vien taupa. Šeit ir daži noteikumi, kurus es ievēroju:
- Izmērs ir 1200 × 630, un orientācija ir horizontāla. Sociālais tīkls apgriezīs kvadrātveida produkta fotoattēla augšējo un apakšējo daļu, kā rezultātā produktam var trūkt galvas vai zoles.
- Svarīgākais ir centrā. Dažādas platformas apgriež malas atšķirīgi, un mobilajā plūsmā karte ir vēl mazāka. Tekstam jābūt lielam un jānovieto tālāk no malām.
- Minimāls teksta daudzums. Nosaukums jau ir zem attēla; pietiek ar 3–6 vārdiem vai bez parakstiem pašā attēlā.
- Viegls fails. JPG vai PNG fails ar pietiekamu izmēru ielādēsies ātri, un platforma neieslēgsies.
- Katrai galvenajai lapai atsevišķs attēls. Rakstiem un produktiem ir ērti to izveidot automātiski: raksta vāku vai galvenā produkta fotoattēlu.
Labs tests ir atvērt priekšskatījumu tālruņa atkļūdotājā. Ja saite nav skaidra bez tuvināšanas, attēls ir jāpārstrādā.
Kā atjaunināt vecu priekšskatījumu pēc labojuma veikšanas?
Bieži sastopams scenārijs: esat labojis tagus, bet sociālais tīkls spītīgi rāda veco attēlu. Iemesls ir kešatmiņa: platforma ir atcerējusies priekšskatījumu no pirmās kopīgošanas reizes. Facebook palīdz datu atkārtota apkopošana koplietošanas atkļūdotājā (Sharing Debugger), LinkedIn — ar Post Inspector un Telegram — ar robotu @WebpageBot, uz kuru nosūtāt saiti. Ja nekas cits neizdodas, pievienojiet adresei nekaitīgu parametru, piemēram ?v=2: platformai šī ir jauna saite.
Salīdzinājums: Atvērtā grafika atkļūdotājs un alternatīvas
| Rīks | Kas ir bez maksas? | Ierobežojumi | Kam tas ir piemērots? |
|---|---|---|---|
| PromoPilot — atvērtā grafika atkļūdotājs | Visas og un Twitter atzīmes, og:image izmērs, priekšskatījumi Facebook, X un LinkedIn, ieteikumi | Netiek notīrīta sociālo mediju kešatmiņa | Pirms lapas publicēšanas jebkurā sociālajā tīklā, nekavējoties pārbaudiet to. |
| Koplietošanas atkļūdotājs (Meta) | Facebook priekšskatījums un datu atkārtota apkopošana | Tikai Facebook, nepieciešama pieteikšanās kontā | Atiestatīt veco priekšskatījumu pakalpojumā Facebook |
| LinkedIn ierakstu inspektors | LinkedIn priekšskatījums un kešatmiņas atsvaidzināšana | Tikai LinkedIn, nepieciešama pieteikšanās | Tiem, kas reklamējas vietnē LinkedIn |
| @WebpageBot vietnē Telegram | Saites priekšskatījuma atjaunināšana pakalpojumā Telegram | Tikai Telegram neanalizē tagus | Telegram kanālu īpašniekiem |
Secinājums: kešatmiņas notīrīšanai ir nepieciešami oficiāli platformas atkļūdotāji, taču katra platforma rāda tikai savu tīklu. Lai vienlaikus redzētu visus priekšskatījumus un trūkstošo tagu sarakstu, ērtāk ir izmantot universālu atkļūdotāju.
Starp citu, PromoPilot piedāvā 87 bezmaksas SEO rīkus. Ja vēl neesat rakstījis tagus, mūsu sērijā ir raksts par meta tagu ģeneratoru, kas izveidos Open Graph bloku ar priekšskatījumu.
Kā Open Graph Debugger atšķiras no meta tagu analīzes?
Meta tagu analīze aplūko lapu meklētājprogrammas skatījumā: nosaukums, apraksts, kanoniskais tags, hreflang un Open Graph ir tikai viena no grupām. Atkļūdotājs koncentrējas uz sociālajiem medijiem: tas izveido kartītes dažādām platformām, pārbauda attēlu izmēru un sniedz ieteikumus, pamatojoties uz priekšskatījumiem. Ja saites uz jūsu vietni tiek aktīvi kopīgotas sociālajos medijos un ziņojumapmaiņas lietotnēs, atkļūdotājs ir noderīgāks.
Abiem ir viens ierobežojums: tie nolasa servera atgriezto HTML. Ja tagus ievieto pārlūkprogrammas skripts, daudzi sociālie tīkli tos neredzēs — tas ir jālabo vietnes pusē. Vēl viena detaļa: atkļūdotājs pārbauda tagus, bet ne pašu kopīgošanu. Ja lapa ir aizsargāta ar paroli, ģeogrāfiski bloķēta vai aizsargāta no robotprogrammatūras, sociālais tīkls, iespējams, nevarēs tai piekļūt, pat ja ir visi tagi.
Kad bezmaksas rīks nav pietiekams?
Atkļūdotājs parādīs, ka lapā nav og:image. Taču, ja lapu ir tūkstošiem, attēlu manuāla ievietošana nav iespējama. Speciālista palīdzība ir nepieciešama šādos gadījumos:
- katram produktam vai rakstam jābūt savam priekšskatījuma attēlam, kas tiek apkopots automātiski;
- vietne atgriež tagus, izmantojot skriptu, un sociālie tīkli tos neredz;
- Jūs publicējat reklāmas un sūtījumus, kur katrs priekšskatījums ietekmē klikšķa cenu;
- Mums ir nepieciešama "tīmekļa vietnes + Telegram kanāla + automātiskās publicēšanas" kombinācija ar pareizajām kartēm.
Ko es varu darīt jūsu tīmekļa vietnes labā?
Esmu Valērijs Danjuks, izstrādātājs un SEO speciālists ar 12 gadu pieredzi un vairāk nekā 200 klientiem. Skaists saites priekšskatījums ir bezmaksas, un es to pielāgoju katram projektam.
SEO un reklāmas veicināšana
- Pilnībā pabeigta tīmekļa vietnes SEO audits: es pārbaudu visus veidnes tagus, iestatu automātiskus priekšskatījuma attēlus un laboju kodu.
Tīmekļa vietnes un tiešsaistes veikali
- Veikala pārsūtīšana no Instagram uz jūsu vietni — produkti ar atbilstošiem priekšskatījumiem ērtai kopīgošanai.
- Viena vakara laikā izveidota jauna produkta piezemēšanās lapa – NordHarvest gadījuma izpēte ar gatavu kartiņu sociālajiem medijiem.
- Plastiskās ķirurģijas klīnikas tīmekļa vietne ar mākslīgo intelektu un lietotnēm, izmantojot Telegram.
- Tīmekļa vietne vietnē 1001site: sociālo tīklu priekšskatījumi un automātiskā publicēšana Telegram tiek konfigurēti automātiski.
Boti un automatizācija
- Telegram robots ar mākslīgo intelektu tiešsaistes mērču veikalam.
- QuestFlow ir SaaS veidotājs Telegram robotiem ar mākslīgo intelektu.
- E-komercijas aģenti, nevis tērzēšanas roboti.
Atsūti man saiti, kas Telegram ziņojumapmaiņā izskatās slikti, un es tev pateikšu, kura birka trūkst.
Rezultāts
- Tiešsaistes Open Graph pārbaudītājs parāda, kā saite izskatās Facebook, X un LinkedIn, un kuras atzīmes trūkst.
- Nepieciešamais minimums ir og:title, og:type, og:image (1200×630, pilna adrese) un og:url, kā arī twitter:karte.
- Pēc labošanas atiestatiet vietņu kešatmiņu: Sharing Debugger, Post Inspector, @WebpageBot.
- Kataloga un emuāra priekšskatījuma attēliem vajadzētu tikt apkopotiem automātiski, tāpat kā vietnē 1001site.
Pirms jūsu sekotāji redz ierakstu, pārbaudiet lapu, kuru gatavojaties kopīgot, bezmaksas Open Graph Debugger rīkā.
Avoti
- PromoPilot Open Graph Debugger rīka lapa — pārbaužu saraksts un bieži uzdotie jautājumi.
- Atvērtā grafika protokols (ogp.me) — obligātās un izvēles īpašības.
- Meta koplietošanas atkļūdotājs un LinkedIn Post Inspector ir platformas oficiālie rīki.
