Nazaj na blog
Ste se kdaj vprašali, zakaj so vaše povezave na Facebooku ali Twitterju včasih videti nenavadno? Veste, kako lahko vplivate na videz svojih deljenih objav na teh družbenih omrežjih?
Če niste prepričani, ali ste storili vse za optimizacijo informacij o vaši objavi ali strani, ki se prikažejo na Facebooku in Twitterju, berite naprej. Pokazali vam bomo, kako lahko z uporabo pravih social media meta tags izboljšate videz in občutek predogledov vaših objav.
Ko delite povezavo do članka, želite, da je vaša objava ob objavi na družbenih omrežjih videti privlačno. Želite, da vsebuje kakovostno sliko, pravilen naslov, opis in URL. Facebook, Twitter in druge platforme te parametre pridobijo neposredno z vašega spletnega mesta.
Nadzor nad tem, kaj platforme povzamejo, lahko prevzamete tako, da v kodo HTML svojih objav vključite social media meta tags (na primer Open Graph oznake).
Če so prisotne Facebook meta oznake (= Open Graph meta tags), vi določate, kaj se prikaže v objavi. Če teh lastnosti Open Graph (og) ne vključite, bo Facebook še vedno prikazal informacije o vaši objavi, vendar verjetno ne tako, kot bi si želeli. Enako velja za Twitter meta tags. Poglejmo si primer uporabe teh oznak pri deljenju povezav.
Deljenje spletnih vsebin na Facebooku
Facebook je odlična platforma za deljenje novih vsebin. Ustvarjanje nove objave iz članka je tako preprosto kot lepljenje povezave v polje za novo objavo.
Poglejmo si ta postopek na primeru našega prispevka o Facebook marketing strategiji.
Po vstavitvi URL-ja Facebook pridobi podatke s ciljnega naslova in nam pripravi lepo oblikovano objavo. Format je takoj viden v predogledu – tako za namizne računalnike kot za mobilne naprave. Če za upravljanje vsebin uporabljate Kontentino, je predogled takoj na voljo v vašem content calendarju.
Razumevanje meta oznak v kodi HTML
Meta lastnosti za iskalnike
Na vrhu kode najdemo več lastnosti, ki določajo parametre članka, imenovane tudi meta tags ali meta lastnosti. Nekatere od njih iskalniki uporabljajo za razumevanje vsebine spletnega mesta s pomočjo dodatnih informacij, ki niso vidne na sami strani. Mednje spadajo:
- Meta title – <title>
- Meta description – meta name=”description”
- Robots – meta name=”robots”
Spodnja slika prikazuje kodo HTML za to objavo Kontentina. Te meta oznake so označene z zeleno barvo.
Prepoznavanje meta oznak v kodi HTML objave Facebook Ads Target Audiences 101
Nasvet: Niste prepričani, kako prikazati kodo HTML? V brskalniku preprosto pritisnite CTRL + U (Windows) ali Option + Command + U (Mac).
Zahvaljujoč tem oznakam iskalniki vedo, da morajo indeksirati stran (dofollow). Vnesena meta title in meta description se uporabita za prikaz povezave v rezultatih iskanja (SERP). Kot lahko vidite, sta nastavljena kot:
- Meta title: ‘Facebook Ads Target Audiences 101: The Ultimate Guide | Kontentino Blog – Simplifying Social Media Approval Workflow’
- Meta description: ‘Find out how to reach the right people with Facebook Ads target audiences.’
Vemo, da te oznake nimajo optimalne dolžine, vendar tukaj nismo zaradi SEO ali Googla. Preskočimo neposredno na oznake pod njimi, ki vsebujejo besedilo ‘og:’.
Te oznake imenujemo social meta tags, social media meta tags ali preprosto og lastnosti.
V kodi naše objave je 7 različnih og lastnosti:
- og: locale
- og: type
- og: title
- og: description
- og: url
- og: site_name
- og: image
Poleg tega obstajajo še dodatne Facebook meta oznake, povezane z og:image, ki vključujejo:
- og:image:width
- og:image:height
- og:image:alt
- og:image:type
Twitter meta tags
Poleg zgornjih boste v kodi našli tudi posebne oznake za Twitter, kot so:
- meta name=”twitter:card”
- meta name=”twitter:title”
- meta name=”twitter:description”
- meta name=”twitter:site”
- meta name=”twitter:image”
Vrnimo se k našemu primeru na Facebooku. Za vpliv na videz objave moramo razumeti in urediti vsebino teh ‘og:’ lastnosti.
Preberite več o: i) dešifriranju og: lastnosti; ii) smernicah za pisanje vsebine in iii) urejanju teh lastnosti v vašem CMS-ju.
Objavljanje na Facebooku in Twitterju s Kontentinom
Prijavite se na 14-dnevni preizkus Kontentina in z nami osvojite social media meta tags. Oglejte si predogled objave, še preden gre v javnost.
‘og:’ v kodi pomeni ‘Open Graph’. Gre za protokol, ki Facebooku pove, kako naj se prikaže vaša vsebina. Brez teh oznak crawler uporabi lastno logiko in ugiba naslov, opis in sliko, kar pogosto ni idealno.
Te oznake so izjemno pomembne. Čeprav se morda zdijo nove, je Facebook Open Graph protokol lansiral že leta 2010. Danes zanj skrbi Open Web Foundation.
Protokol razvijalcem omogoča bogato predstavitev katere koli spletne strani v družbenem grafu. Poglejmo si podrobneje 4 ključne oznake: og:title, og:image, og:url in og:description.
og:title
Z določitvijo og:title nastavimo naslov objekta (članka), kot se bo pojavil v družbenem grafu. Facebook bo ta naslov prikazal tik pod URL-jem.
og:image
Tukaj vstavimo URL slike, ki predstavlja naš članek. S tem zagotovimo, da bo Facebook prikazal točno to sliko in ne nekatere druge slike iz vsebine ali stranske vrstice.
og:url
Ta oznaka vsebuje kanonični URL, ki služi kot trajni ID v družbenem grafu. V našem primeru je to povezava do samega članka.
og:description
Ta oznaka nam pomaga nadzorovati opis, ki se prikaže ob deljenju. Gre za kratek povzetek vsebine, ki pritegne pozornost.
Twitter meta tags
Twitter oznake delujejo podobno kot Open Graph in določajo vsebino, ki jo platforma povzame ob deljenju spletne strani.
Mojstrstvo og meta oznak
Čas je, da skočimo v vaš CMS in ugotovimo, kje te oznake urejati. Pokazali vam bomo primer iz WordPressa, ki je najbolj priljubljen CMS na svetu.
Če uporabljate SEO vtičnik, kot so Yoast SEO, Rank Math ali All in One SEO, bo urejanje preprosto. Skoraj vsi omogočajo ločeno nastavljanje oznak za Facebook in Twitter. Poglejmo primer v Rank Math.
Začnemo z urejanjem objave in klikom na zavihek SEO, kjer odpremo razdelek ‘social’.
Iskanje mesta za urejanje social media meta tags v vašem CMS-ju
Rank Math vključuje predogled v živo. Kliknite gumb ‘Preview & Edit Social Media’.
Urejanje Facebook meta oznak
Najprej boste videli predogled objave, spodaj pa polja za prilagoditev oznak.
Predogled deljene povezave, ki ga generira vaš CMS
Če og:image, og:title in og:description še niso določeni, simulator prikazuje vrednosti iz osnovnih metapodatkov za iskalnike.
Urejanje og:title in og:description oznak vašega bloga
Po shranjevanju sprememb preverite končni videz. Facebook priporoča 2 do 4 stavke za opis, a za demonstracijo zadostuje eden.
Če ne uporabljate SEO vtičnika, lahko posežete po namenskih orodjih, kot je vtičnik OG, ali ročno vstavite kodo v HTML. WIX in drugi večji sistemi imajo te rešitve že vgrajene.
Ko končate, uporabite Facebook Debugger, da preverite, kako Facebook vidi vaše spremembe. Ne pozabite počistiti predpomnilnika (cache) brskalnika.
Open Graph oznake v orodju Facebook Sharing Debugger
Predogled povezave v akciji
Kot vidite, so spremembe uspešno začele veljati.
Pogoste zablode o social media meta tags
Mit 1: Meta oznake so le za SEO.
Meta oznake niso le za iskalnike – ključne so za to, kako se vsebina prikaže na družbenih omrežjih in kako spodbuja odziv (engagement).
Mit 2: Vse slike se na družbenih omrežjih prikažejo popolno.
Brez določitve og:image lahko platforme izberejo napačno sliko ali jo nepravilno odrežejo, kar kvari prvi vtis objave.
Mit 3: Meta oznake so pomembne le za enostranska spletna mesta.
Oznake so nujne za vsa spletna mesta. Ne glede na to, ali imate blog ali spletno trgovino, og:type zagotavlja dosleden prikaz na vseh platformah.
Mit 4: Lahko se zanesete, da bodo platforme vsebino prikazale pravilno.
To je tvegano. Brez ročne nastavitve lahko platforme povzamejo nepopolne podatke, kar zmanjša vizualno privlačnost vaše vsebine.
Mit 5: Implementacija je težka brez znanja kodiranja.
Vtičniki za WordPress, kot je Rank Math, postopek poenostavijo. Ni vam treba biti spletni razvijalec za vrhunsko optimizacijo.
Mit 6: Twitter kartice delujejo le s statičnimi slikami.
Twitter podpira različne formate, vključno z GIF-i in videoposnetki, kar naredi vaše objave bolj dinamične.
Mit 7: Meta oznake so le za vašo lastno vsebino.
Oznake pomagajo tudi takrat, ko vašo vsebino delijo drugi. S pravilno nastavitvijo og:image in og:title bo vaša vsebina videti profesionalno povsod.
Zaključek
Upamo, da vam je ta članek pomagal razumeti og meta lastnosti. Če želite svoj social media marketing dvigniti na višjo raven, preizkusite Kontentino. Gre za preprosto orodje, ki omogoča učinkovito sodelovanje in potrjevanje vsebin.
Naš content calendar vključuje funkcijo predogleda, zato lahko takoj vidite, kako bo vaša povezava videti na omrežjih, kar vam prihrani dragocen čas pri optimizaciji.
Kaj je boljšega kot nastavitev UTM oznak za sledenje, določitev datuma objave in načrtovanje oglaševalskega proračuna na enem mestu?
Pogosta vprašanja (FAQ)
Kaj je social media meta tag?
Social media meta tag zagotavlja ključne podatke, kot so naslovi, slike in opisi, ki jih platforme potrebujejo za pravilen prikaz spletnih strani ob deljenju.
Kateri so primeri meta oznak?
Primeri vključujejo meta property=”og:title”, “og:image” in “og:url”, ki optimizirajo deljenje na Facebooku in Twitterju.
Kaj so social media metadata?
To so Open Graph podatki, vključno z naslovom, opisom in slikami visoke kakovosti, ki izboljšajo videz objav na družbenih omrežjih.
Kako ustvariti meta oznake?
Razvijalec vstavi nekaj vrstic kode v HTML datoteko spletne strani ali pa uporabi CMS vtičnik za nastavitev naslovov in slik.
Je meta oznaka nujna?
Da, nujne so za online marketing, saj nadzorujejo videz vsebine, kar povečuje število klikov in deljenj.
Koliko meta oznak naj uporabim?
Uporabite ključne: og:title, og:image, og:url in Twitter card oznake. Osredotočite se na kakovost in ne na količino.
