Atgal į tinklaraštį
Ar kada nors susimąstėte, kodėl jūsų dalinamos nuorodos „Facebook“ ar „Twitter“ kartais atrodo keistai? Ar žinote, kaip galite patys daryti įtaką tam, kaip jūsų tinklaraščio įrašai atrodo šiose socialinėse medijose?
Jei nesate tikri, ar padarėte viską, kad optimizuotumėte informaciją apie savo įrašą ar puslapį, skaitomą „Facebook“ ir „Twitter“, šis straipsnis kaip tik jums. Parodysime, kaip tinkami social media tags gali padėti pagerinti jūsų postų peržiūras.
Dalinantis nuoroda, norite, kad postas atrodytų profesionaliai: su kokybišku paveikslėliu, teisingu pavadinimu, aprašymu ir URL. „Facebook“, „Twitter“ ir kitos platformos šiuos parametrus pasiima tiesiai iš jūsų svetainės.
Galite kontroliuoti, kokią informaciją jos ištraukia, įtraukdami social media meta tags (pavyzdžiui, Open Graph tags) į savo įrašų HTML kodą.
Jei „Facebook“ meta tags (Open Graph) yra nustatyti, jūs sprendžiate, kas bus rodoma poste. Jei šių Open Graph (og) savybių neįtrauksite, „Facebook“ vis tiek rodys informaciją, bet greičiausiai ne taip, kaip norėtumėte. Analogiškai veikia ir „Twitter“ meta tags. Pažiūrėkime, kaip tai veikia praktiškai dalinantis nuorodomis „Facebook“.
Turinio dalinimasis „Facebook“
„Facebook“ yra puiki platforma dalintis nauju turiniu. Sukurti naują postą iš svetainės straipsnio paprasta – tiesiog įklijuokite nuorodą į naujo įrašo langelį.
Pažiūrėkime pavyzdį. Naudosime mūsų įrašą apie Facebook marketingo strategiją.
Įklijavus URL, „Facebook“ ištraukia duomenis ir sukuria tvarkingą įrašą. Formatą iškart matote preview lange – tiek kompiuterio, tiek mobilioje versijoje. Jei naudojate Kontentino savo turinio valdymui, ši peržiūra akimirksniu pasiekiama Kontentino content calendar.
Kaip suprasti meta tags svetainės HTML kode
Meta properties paieškos varikliams
Pačiame viršuje matome savybes, apibrėžiančias straipsnio parametrus, dar vadinamas meta tags. Kai kurias jų naudoja paieškos varikliai (SEO), kad suprastų turinį. Pavyzdžiui:
- Meta title – <title>
- Meta description – meta name=“description”
- Robots – meta name=“robots”
Žemiau esančiame paveikslėlyje matote HTML kodą iš Kontentino įrašo. Šie meta tags pažymėti žaliai.
Meta tags atpažinimas straipsnio HTML kode
Patarimas: Nežinote, kaip pamatyti savo svetainės HTML kodą? Tiesiog paspauskite CTRL+U („Windows“) arba Option + Command + U („Mac“).
Dėka šių meta tags paieškos varikliai žino, kaip indeksuoti puslapį. Meta title ir meta description naudojami rodant nuorodą paieškos rezultatuose (SERP). Kaip matote pavyzdyje:
- Meta title: „Facebook Ads Target Audiences 101: The Ultimate Guide | Kontentino Blog“
- Meta description: „Find out how to reach the right people with Facebook Ads target audiences.“
Šiandien kalbame ne apie SEO ar „Google“, todėl judėkime prie žemiau esančių meta tags, prasidedančių „og:“ tekstu.
Šios savybės vadinamos social meta tags, social media meta tags arba tiesiog og meta properties.
Mūsų pavyzdyje matote 7 skirtingas og savybes:
- og: locale
- og: type
- og: title
- og: description
- og: url
- og: site_name
- og: image
Be to, yra papildomi „Facebook“ meta tags, susiję su og:image:
- og:image:width
- og:image:height
- og:image:alt
- og:image:type
Twitter meta tags
Kode taip pat rasite specialius social meta tags, skirtus „Twitter“:
- meta name=“twitter:card”
- meta name=“twitter:title”
- meta name=“twitter:description”
- meta name=“twitter:site”
- meta name=“twitter:image”
Grįžkime prie „Facebook“ pavyzdžio. Mums reikia suprasti ir redaguoti „og:“ turinį, kad pakeistume įrašo išvaizdą.
Facebook ir Twitter publikavimas su Kontentino
Užsiregistruokite 14 dienų bandomajam laikotarpiui ir suvaldykite social media meta tags kartu su mumis. Pamatykite post preview Kontentino aplinkoje dar prieš publikuodami.
„og:“ jūsų kode reiškia „Open Graph“. Tai protokolas, leidžiantis „pasakyti“ „Facebook“, kaip rodyti jūsų turinį. Kaip teigia „Facebook“ instrukcijose kūrėjams, be šių tags jų algoritmai bando nuspėti pavadinimą ir vaizdą patys, o tai ne visada baigiasi geru rezultatu. Tikslus Open Graph tags apibrėžimas užtikrina aukščiausios kokybės postus.
Nors atrodo, kad tai naujiena, Open Graph buvo pristatytas dar 2010 metais. Šiandien jį kuruoja Open Web Foundation. Pažiūrėkime į 4 pagrindinius tags: og:title, og:image, og:url ir og:description.
og:title savybė
Nurodydami og:title, nustatome objekto (straipsnio) pavadinimą. „Facebook“ jį ištrauks ir parodys kaip pagrindinę antraštę po nuoroda.
og:image savybė
Čia įterpiame paveikslėlio URL. Nustatydami og:image užtikriname, kad „Facebook“ rodys būtent tą vizualą, kurį parinkome, o ne bet kurį atsitiktinį vaizdą iš svetainės.
og:url savybė
Šis tagas nurodo kanoninį URL, kuris naudojamas kaip nuolatinis ID socialiniame tinkle.
og:description savybė
Tai trumpas aprašymas, kuris pasirodo po pavadinimu. Jis padeda sudominti vartotoją spustelėti nuorodą.
Twitter meta tags
Jie veikia analogiškai Open Graph principams ir nurodo turinį, kurį „Twitter“ turėtų ištraukti dalinantis svetainės puslapiu.
Kaip valdyti og meta tags praktiškai
Dabar, kai žinome teoriją, laikas keliauti į svetainės CMS (turinio valdymo sistemą). Parodysime, kaip tai daryti „WordPress“ aplinkoje – populiariausioje pasaulio CMS.
Jei naudojate SEO įrankius, tokius kaip „Yoast SEO“ ar „Rank Math“, jie leis atskirai redaguoti „Facebook“ ir „Twitter“ meta tags. Pažiūrėkime, kaip tai atrodo „Rank Math“.
Redaguodami įrašą, atidarykite SEO skiltį, o tada – „Social“ kortelę.
Social media meta tags redagavimo vieta jūsų CMS
Spustelėkite „Preview & Edit Social Media“, kad pamatytumėte, kaip pasikeis jūsų įrašas.
Facebook meta tags redagavimas
Nuorodos dalinimosi preview, sukurtas CMS įskiepio (šiuo atveju Rank Math)
Išsaugoję pakeitimus, galite patikrinti rezultatą naudodami Facebook Debugger (dar vadinamą FB preview tool). Tai padės pamatyti aktualiausią versiją. Nepamirškite išvalyti cache, kad pamatytumėte naujausius pakeitimus.
Preview „Facebook Sharing Debugger“ įrankyje parodo jūsų meta tags veiksme
Dažniausi mitai apie social media meta tags
1 mitas: Meta tags reikalingi tik SEO.
Meta tags skirti ne tik paieškai – jie kritiškai svarbūs tam, kaip turinys atrodo socialiniuose tinkluose. Tokie tags kaip og:image tiesiogiai gerina engagement.
2 mitas: Visi paveikslėliai automatiškai atrodys gerai.
Be rankiniu būdu nustatyto og:image, platformos gali iškrapyti vizualą arba parinkti visiškai netinkamą nuotrauką iš puslapio.
3 mitas: Meta tags diegti yra sudėtinga.
Su „WordPress“ įskiepiais, tokiais kaip „Rank Math“, tai padaryti paprasta – jums nereikia būti programuotoju.
Apibendrinimas
Tikimės, kad šis straipsnis padėjo suprasti og meta properties svarbą. Jei norite pakelti savo social media marketingą į naują lygį, išbandykite Kontentino. Tai įrankis, supaprastinantis turinio kūrimą, komandos bendradarbiavimą ir turinio patvirtinimą.
Mūsų content calendar turi integruotą preview funkciją, tad matysite nuorodos išvaizdą iškart, taupydami laiką ir užtikrindami skaidrumą savo workflow procesuose.
DUK
Kas yra social media meta tag?
Tai kodas, suteikiantis socialinėms platformoms informaciją apie pavadinimą, vaizdą ir aprašymą dalinantis nuorodomis. Tai būtina norint padidinti engagement.
Kokie yra meta tags pavyzdžiai?
Pagrindiniai pavyzdžiai: meta property=“og:title”, meta property=“og:image” ir meta property=“og:url”. Jie optimizuoja įrašus „Facebook“ ir „Twitter“ platformose.
