Optimizacija za družbena omrežja lahko pomaga, da bo povezava na spletno stran ali blog hitreje opazna, bolj privlačna in jo bodo uporabniki z veseljem kliknili.
Kaj je optimizacija za družbena omrežja?
Optimizacija za družbena omrežja je proces, v katerem določimo, kako se bo vsebina z naše spletne strani ob deljenju povezave prikazala na družbenih omrežjih.
Optimizacijo sestavljata dva dela – tehnični in vsebinski. Tehnični del zahteva dodajanje Open Graph meta oznak na vsako stran tvoje spletne strani, vsebinski pa urejanje in prilagajanje vsebine znotraj teh meta oznak.
Če je tvoja spletna stran že optimizirana za SEO, je tehnični del optimizacije najverjetneje že urejen.
Kaj je Open Graph?
Open Graph je Facebookov protokol, ki v svojih meta oznakah določa, kako se bo URL povezava prikazala ob deljenju na družbenih omrežjih. Poleg Facebooka ga uporabljajo tudi Pinterest, LinkedIn in X, bivši Twitter, če na spletni strani ne najde Twitter Cards. Deluje na enakem principu kot meta oznake za SEO.
S tem ko prilagodimo vsebino znotraj Open Graph meta oznak, prilagodimo tudi videz predogleda povezave.
<meta property="og:title" content="Delo od doma: 4 nasveti za večjo varnost službenih podatkov">
<meta property="og:description" content="Ste poskrbeli za zaščito službenih podatkov?">
<meta property="og:image" content="https://www.spletkarije.si/delo-od-doma-4-nasveti-varnost-podatkov.jpg">
Zgornja koda se bo na Facebooku prikazala takole:
Kako uporabljati Open Graph meta oznake za optimizacijo?
Facebook v svoji uradni dokumentaciji navaja kar nekaj Open Graph meta oznak, a so med predstavljenimi spodaj obvezne le prve štiri.
og:url
URL povezava strani, ki jo želiš optimizirati za deljenje.
<meta property="og:url" content="https://www.spletkarije.si/blog/delo-od-doma-nasveti-varnost-podatkov/">
Na kaj je treba biti pozoren?
Uporabi kanonični URL – glavno povezavo brez spremenljivk ali parametrov za identifikacijo. V primeru, da se objavijo duplikati URL povezave, kanonični URL poskrbi za združitev podatkov, kot so všečki in delitve.
og:title
Naslov strani.
<meta property="og:title" content="Delo od doma: 4 nasveti za večjo varnost podatkov">
Na kaj je treba biti pozoren?
- Osredotoči se na jasnost, točnost in vrednost, ki jo ima vsebina za uporabnika. Z naslovom ne zavajaj!
- Dolžina je omejena! Na računalniku se v prvi vrstici pokaže približno 60, na telefonu pa 40 znakov. Če je naslov daljši, bo v drugi vrstici nadomestil opis.
- Uporabite samo naslov brez brandinga (naslova strani). To je ključna razlika optimizacije naslova za družbena omrežja od SEO.
og:description
Opis strani.
<meta property="og:description" content="Ste poskrbeli za zaščito službenih podatkov?">
Na kaj je treba biti pozoren?
- Facebook priporoča kratek opis vsebine v enem ali dveh stavkih, a izkušnje kažejo, da je manj več.
- Priporočena dolžina je 60-65 znakov, a se opis pogosto skrajša ali pa sploh ni prikazan (izrine ga lahko naslov).
- Pomembne vsebine ne zapisuj v opis, ampak v naslov. Opis naj služi le kot dodatna informacija.
og:image
URL povezava fotografije ali grafike, ki jo želiš deliti v predogledu povezave.
<meta property="og:image" content="https://www.spletkarije.si/delo-od-doma-4-nasveti-varnost-podatkov.jpg">
Na kaj je treba biti pozoren?
- To je najpomembnejša meta oznaka od vseh! Fotografija zavzame največji del predogleda in zato tudi najbolj pritegne pozornost.
- Velikost je pomembna! Če bo uporabljena prevelika fotografija, jo bo Facebook avtomatsko obrezal. Fotografijo, manjšo od 600 x 315 px, bo Facebook prikazal na levi strani, s tem pa se bo izgubila vsa prednost velikega predogleda vsebine.
- Optimalna velikost fotografije je 1200 x 630 px!
og:locale
Definira jezik, v katerem je vsebina napisana.
<meta property="og:locale" content="sl_SI">
Na kaj je treba biti pozoren?
Če na strani ne bo nastavljen slovenski jezik, bo Facebook sklepal, da je vsebina v privzetem jeziku – ameriški angleščini (en_US).
Če imaš večjezično spletno stran, je potrebno poskrbeti, da bo v kodi označen pravi jezik.
og:type
Vrsta vsebine, ki jo deliš (npr. članek, blog objava, spletna stran itd.).
<meta property="og:type" content="article">
Na kaj je treba biti pozoren?
- Privzeta vrsta vsebine je spletna stran (website). Če deliš članke in blog objave, je dobro uporabiti tip članek (article).
- Pri člankih in blog objavah lahko označiš tudi avtorja objave.
Kako nastaviti Open Graph oznake?
Je treba vse te kode vedeti na pamet? Seveda ne! Izdelovalec spletne strani lahko kode za Open Graph, kot vsako drugo kodo, vstavi v zasnovo spletne strani.
Mora pa seveda biti omogočeno, da lahko znotraj administracije ti nato nastavljaš in spreminjaš vsebino znotraj njih. Nekateri sistemi omogočajo spreminjanje le določenih podatkov, drugi pa v OG oznake avtomatsko prepišejo obstoječe podatke (npr. naslov strani ipd.).
A nas ne zanima tehnična plat, temveč vsebinska. Kako vsebinsko nastaviti Open Graph oznake, je v prvi vrsti odvisno od sistema, ki ga uporabljaš. Spodaj sem zajela nekaj najbolj priljubljenih.
OpenGraph v WordPressu
Če ga še nimaš, potrebuješ SEO vtičnik za WordPress, na primer All in One SEO, RankMath, SEOPress ali Yoast, ki bo poskrbel za tehnični del optimizacije. Torej za dodajenje Open Graph meta oznak vsaki vsebini na spletni strani.
Za vsebinsko optimizacijo moraš poskrbeti sama, saj se pri vseh vtičnikih v OG oznake avtomatsko prepiše vsebina, ki je nastavljena za SEO optimizacijo. To pa ni bistvo optimizacije za družbena omrežja!
Vsi našteti vtičniki omogočajo splošne OG nastavitve ter nastavitev privzete fotografije na vseh straneh, kjer fotografija za deljenje na družbenih omrežjih ni posebej nastavljena.
V vseh vtičnikih lahko v zavihku “social” posebej nastaviš vsebino znotraj meta oznak za Facebook, ki bodo uporabljene tudi na LinkedInu in Pinterestu, ter Twitter cards za uporabo na Twitterju.
Vsi našteti vtičniki, razen Yoast, omogočajo tudi predogled povezave na Facebooku in Twitterju.
OpenGraph in Wix
Znotraj “Social share” nastavitev lahko za vsako stran posebej nastaviš OG naslov, opis in fotografijo.
Wix omogoča tudi, da nastaviš privzeto OG fotografijo za celotno spletno stran. Za nastavitev obišči: Settings > Social Share.
OpenGraph in Shopify
Shopify ne omogoča nastavitve OG meta oznak, lahko pa za vsak izdelek posebej nastaviš naslov in opis za SEO (Search engine listing preview > Edit website SEO). Če to ne bo nastavljeno, bo pri deljenju uporabljena privzeta fotografija, privzet naslov in opis izdelka/strani.
Edina OG oznaka, ki jo Shopify omogoča, je nastavitev privzete fotografije za deljenje na družbenih omrežjih, a to pomeni, da se bo pri vseh povezavah prikazala enaka fotografija. Za nastavitev obišči: Online Store > Preference > Social sharing image > Add image.
Blogger in WordPress.com
Če uporabljaš Blogger ali WordPress.com (in nimaš zakupljenega vsaj Business paketa) meta oznak za SEO in OG ne moreš posebej nastavljati. To pomeni, da moraš še več pozornosti posvetiti naslovu in prvim 60-70 znakom besedila v objavah ter na vseh straneh nastaviti naslovno fotografijo.
Pozor! Če bo naslovna fotografija večja od 1200 x 630 px, jo bo Facebook avtomatsko prilagodil/obrezal na to velikost.
Optimizacija za družbena omrežja: zakaj jo potrebujem, če že imam SEO?
Kljub temu da imata obe optimizaciji enak cilj – obisk spletne strani – enak princip optimizacije ne bo enako deloval. Pri SEO optimizaciji je pomembno, kako najprej spletni iskalniki preberejo stran, nato pa še uporabniki.
Običajno se pri optimizaciji meta naslova posvetimo glavni ključni besedi, pogosto pa dodamo tudi podjetje/naslov strani. Več informacij pa uporabniku predstavimo v opisu.
Ta formula bo na družbenih omrežjih, kjer je v ospredju uporabnik, imela veliko manjši učinek.
Pri optimizaciji za družbena omrežja lahko (skoraj) pozabiš ključne besede, saj je veliko bolj pomembno, da se osredotočiš na uporabnika. Kako hitro bo opazil prikazano vsebino in ali mu bo dovolj zanimiva, da bo povezavo kliknil, torej obiskal spletno stran?
Če uporabljaš WordPress in katerega od SEO vtičnikov, bodo besedila, nastavljena za SEO, avtomatsko uporabljena tudi za OG. Glede na to da so pri SEO omejitve dolžine besedil drugačne, je možno, da bo na družbenih omrežjih vsebine krajšana in lahko sploh ne bo imela smisla.
Če že imaš sistem, ki omogoča spreminjanje meta podatkov, si vedno vzemi čas in sestavi naslov ter opis posebej za družbena omrežja. Vzelo ti bo samo dodatno minutko ali dve, lahko pa ima odločilno vlogo pri tem, ali bo uporabnik povezavo kliknil, ali ne.
Kako z optimizacijo povečati uspešnost povezave?
S spremembo OG meta podatkov lahko popolnoma spremenimo videz povezave, s tem pa lahko vplivamo tudi na njeno uspešnost. Bolj kot bo predogled povezave pritegnil uporabnike, večja je verjetnost, da bodo povezavo kliknili.
Isto povezavo lahko uporabnikom vsakič prikažemo na povsem nov način, s spremenjeno vsebino pa lahko pritegnemo tudi povsem različne uporabnike. Ker vemo, da se vsi ne odzivajo enako.
Svetujem, da različne fotografije, naslove in opise med seboj kombiniraš in testiraš, katera različica najbolje deluje.
Spodaj je primer, kako je lahko ista povezava z dobro optimizacijo na Facebooku videti popolnoma drugače in uporabnikom daje vtis, da gre za različno vsebino.
Kaj se zgodi, če ne uporabim Open Graph oznak?
Facebook za generiranje predogleda povezave uporabi vsebino, ki mu je dostopna!
Prednost ima vedno vsebina znotraj OG meta oznak. Če teh na strani ni določenih, so pa definirane druge meta oznake (npr. naslov in opis za SEO), bo uporabil te.
Če na strani ni meta oznak, bo uporabil naslov strani in prvih 60-70 znakov vsebine (lahko tudi več, če fotografija ni definirana ali je premajhna za velik predogled).
Če meta oznaka og:image ni definirana, bo Facebook avtomatsko uporabil naslovno fotografijo. Če ta ni nastavljena, pa prvo fotografijo, ki jo bo na strani našel. Možno je tudi, da se fotografija sploh ne bo prikazala.
To pomeni, da je lahko precej prepuščeno naključju in zanemarjan pomemben del vizualne predstavitve tvoje spletne vsebine. Lahko se ti, na primer, zgodi tudi tole:
Ni tako redko, da se namesto opisa dejanske vsebine prikaže vsebina iz opozorila o uporabi piškotkov ali pravno opozorilo o komentiranju vsebine.
Tudi če ne deliš vsebine na družbena omrežja, je vedno možnost, da jo bo delil nekdo drug. In to si v bistvu vsak ustvarjalec vsebin tudi želi.
Še posebej če gre za zanimivo, uporabno vsebino. Če je vsebina dovolj zanimiva, bodo uporabniki nanjo seveda kliknili tudi brez optimiziranega predogleda, a zakaj bi kvarili prvi vtis, ko pa optimizacija dobesedno vzame le minuto ali dve.
Preveri, kako bo povezava prikazana!
Ko na spletni strani objaviš novo vsebino, je vedno dobro preveriti, kako se bo prikazala na različnih družbenih omrežjih. Vsako od njih je za to razvilo svoje orodje.
Facebook: https://developers.facebook.com/tools/debug/
Twitter: https://cards-dev.twitter.com/validator
LinkedIn: https://www.linkedin.com/post-inspector/
Ta orodja uporabi tudi vsakič, ko spremeniš katerega od meta podatkov, npr. naložiš novo fotografijo. Družbena omrežja namreč strani ne indeksirajo tako pogosto in možno je, da se bo še nekaj časa prikazovala stara vsebina.
Če omrežju z uporabo zgornjega orodja poveš, da mora vsebino ponovno preveriti, bo poskrbljeno, da bo vedno prikazana najnovejša različica.
Optimizacija za družbena omrežja: dobra praksa
- Vedno sklepaj, da se bo vsebina delila na družbena omrežja.
- Meta podatke je dobro spreminjati! Testiraj različne kombinacije fotografij in naslovov, da ugotovi, kaj najbolj deluje.
- Nastavi privzeto fotografijo za deljenje, ki se bo prikazala pri vsebinah, pri katerih og:image ni definiran.
- Za vsako stran naloži posebno fotografijo, optimizirano za Facebook v velikosti 1200 x 630 px.
- Naslov se prikaže z odebeljenimi črkami, zato mu posveti več pozornosti. Omejitev za Facebook je 55-60 znakov, za Twitter pa 70 znakov.
- Na Facebooku lahko daljši naslov zavzame prvo in drugo vrstico, kar lahko izkoristiš za res vpadljive naslove. Na Twitterju bo predolg naslov skrajšan.
- Takoj po objavi preveri, ali se bo vsebina ob deljenju na družbenih omrežjih pravilno prikazala.
