Tagasi blogisse
Kas oled kunagi mõelnud, miks sinu Facebookis või Twitteris jagatud lingid näevad vahel kummalised välja? Kas tead, kuidas mõjutada oma jagatud blogipostituste välimust sotsiaalmeedias?
Kui sa pole kindel, kas oled teinud kõik võimaliku, et optimeerida sotsiaalmeedias kuvatavat infot, siis loe edasi. Näitame sulle, kuidas õigete social media meta tags kasutamine aitab parandada postituste preview’d ning muuta need kutsuvamaks.
Artikli linki jagades soovid, et postitus näeks sotsiaalmeedias professionaalne välja. See peaks sisaldama kvaliteetset pilti, korrektset pealkirja, kirjeldust ja URL-i. Facebook, Twitter ja teised platvormid saavad need parameetrid sinu veebilehelt.
Saad kontrollida, millist infot platvormid ammutavad, lisades oma postituste HTML-koodi social media meta tags (näiteks open graph tags).
Kui Facebooki meta tag’id (= Open Graph meta tähed) on olemas, määrad sina, mida postituses kuvatakse. Kui sa neid Open Graph (og) omadusi ei lisa, kuvab Facebook ikkagi infot sinu postituse kohta, kuid tõenäoliselt mitte nii, nagu sa soovid. Analoogselt toimivad ka Twitteri meta tag’id. Vaatame lähemalt social media meta tags kasutamist Facebookis.
Veebisisu jagamine Facebookis
Facebook on suurepärane platvorm uue sisu jagamiseks. Uue postituse loomine artikli põhjal on sama lihtne kui lingi kleepimine postituse aknasse.
Vaatame seda protsessi lähemalt. Kasutame näitena oma postitust Facebook Marketing Strategy kohta.
Pärast URL-i sisestamist võtab Facebook siht-URL-ilt andmed ja loob meile kena vormistusega postituse. Vorming on kohe näha preview aknas – nii desktopi kui ka mobiili vaates. Kui kasutad oma sotsiaalmeedia sisu haldamiseks Kontentinot, on preview koheselt saadaval Kontentino content calendar vaates.
Meta tag’ide mõistmine veebilehe HTML-koodis
Meta-omadused otsingumootoritele
Koodi ülaosas näeme mitmeid artikli parameetreid defineerivaid omadusi, mida nimetatakse meta tag’ideks või meta-omadusteks. Mõnda neist kasutavad otsingumootorid, et mõista veebisaidi sisu, pakkudes lisateavet, mida lehel endal ei kuvata. Nende hulka kuuluvad näiteks:
- Meta title – <title>
- Meta description – meta name=“description”
- Robots – meta name=“robots”
Allolev pilt näitab selle Kontentino postituse HTML-koodi. Rohelisega on märgitud just need meta tag’id.
Meta tag’ide tuvastamine postituse “Facebook Ads Target Audiences 101” HTML-koodis
Vihje: Kui sa pole kindel, kuidas vaadata HTML-koodi, siis vajuta brauseris Windowsi puhul CTRL+U või Maci puhul Option + Command + U.
Tänu neile märgistele teavad otsingumootorid, et leht on indekseeritav. Meta title ja meta description on info, mida näeb kasutaja Google’i otsingutulemustes (SERP). Nagu näed, on need järgmised:
- 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.’
Me teame, et need meta tag’id ei ole optimaalse pikkusega, kuid täna ei räägi me SEO-st. Lähme otse allpool asuvate märgiste juurde, mis sisaldavad teksti „og:“.
Neid nimetatakse vahel social meta tags või lihtsalt og-omadusteks.
Meie blogipostituse HTML-koodis on 7 erinevat og-omadust:
- og: locale
- og: type
- og: title
- og: description
- og: url
- og: site_name
- og: image
Lisaks on olemas täiendavad Facebooki meta tag’id, mis on seotud pildiga (og:image):
- og:image:width
- og:image:height
- og:image:alt
- og:image:type
Twitter meta tags
Lisaks leiad koodist ka spetsiaalsed Twitteri jaoks mõeldud märgised:
- meta name=“twitter:card”
- meta name=“twitter:title”
- meta name=“twitter:description”
- meta name=“twitter:site”
- meta name=“twitter:image”
Lähme tagasi Facebooki jagamise näite juurde. Meil on vaja mõista ja muuta „og:“ omadusi, et kontrollida, kuidas uus postitus välja näeb.
Loe edasi ja saa teada: i) Kuidas dešifreerida og: meta omadusi; ii) Juhised sisu kirjutamiseks; iii) Kuidas neid oma CMS-is muuta.
Facebooki ja Twitteri postitamine Kontentinoga
Pane end kirja Kontentino 14-päevaseks tasuta prooviperioodiks ja halda social media meta tags vaevata. Näe postituse preview’d enne selle avaldamist.
„og:“ tähistab „Open Graph“ protokolli, mis võimaldab sul Facebookile öelda, kuidas sisu kuvada. Nagu Facebook oma juhistes märgib: „ilma nende tag’ideta kasutab Facebooki crawler sisemist heuristikat, et arvata parim pealkiri, kirjeldus ja preview pilt“. Nende selge defineerimine tagab postituste maksimaalse kvaliteedi.
Nagu näed, on need og meta tähed Facebooki jaoks kriitilise tähtsusega. Kuigi need võivad tunduda uued, lanseriti Open Graph protokoll juba 2010. aastal. Täna haldab seda Open Web Foundation.
Lähme detailidesse. Keskendume 4 peamisele märgisele, mis vastutavad postituse välimuse eest: og:title, og:image, og:url ja og:description.
og:title meta omadus
See on üks neljast põhimärgist. Määrates og:title, seadistame oma objekti (blogipostituse) pealkirja nii, nagu see peaks sotsiaalmeedias ilmuma. Facebook kuvab seda pealkirjana otse URL-i all.
og:image meta omadus
Siia lisame pildi URL-i, mis esindab meie artiklit. Tavaliselt on see artikli featured image. Määrates og:image, garanteerime, et Facebook kuvab just selle pildi. Vastasel juhul võib Facebook valida suvalise pildi artikli seest.
og:url meta omadus
See sisaldab meie lehe kanoonilist URL-i, mis toimib püsiva ID-na. Meie näites on see artikli täislink.
og:description meta omadus
Lõpuks aitab og:description määrata kirjelduse, mis ilmub jagamisel. See peaks pakkuma lühikest ja tabavat ülevaadet sisust.
Twitter meta tags
Twitteri meta tag’id toimivad analoogselt Open Graphi omadega ja määravad, millist sisu Twitter veebilehe jagamisel ammutab.
Kuidas og meta tag’e hallata
Nüüd, kui mõistame eri tüüpe, on aeg minna oma veebilehe CMS-i. Näitame näiteid WordPressi põhjal, mis on maailma populaarseim sisuhaldussüsteem.
Kui kasutad SEO-pluginat nagu Yoast SEO, Rank Math või All in One SEO, on nende haldamine väga lihtne. Enamik häid pluginaid lubab muuta Facebooki ja Twitteri märgiseid eraldi. Vaatame, kuidas seda teha Rank Math’is.
Alusta postituse muutmise aknast ja vali SEO vahekaart, sealt omakorda „Social“.
Sotsiaalmeedia meta tag’ide muutmise koha leidmine CMS-is
Rank Math sisaldab live preview funktsiooni. Klõpsa nupul „Preview & Edit Social Media“.
Facebooki meta tag’ide muutmine
Esmalt näed Facebooki postituse preview’d ja selle all sotsiaalmeedia märgiseid, mida saab kohandada.
CMS-i poolt genereeritud postituse preview – antud juhul RankMath pluginas
Kui og:image, og:title ja og:description on täitmata, kasutab simulaator vaikimisi üldiseid SEO andmeid.
Sotsiaalmeedia meta tag’ide muutmine: og:title ja og:description täitmine
Meie näites on puuduv pealkiri suurim murekoht. Täidame nii pealkirja kui ka kirjelduse. Pärast salvestamist kontrollime tulemust Facebookis.
Tulemuse kontrollimiseks soovitame kasutada Facebook Debugger tööriista. Ära unusta enne tühjendada vahemälu, et muudatused oleksid nähtavad.
Nagu näha, on kõik korras ja muudatused on jõustunud.
Levinud müüdid sotsiaalmeedia meta tag’ide kohta
Müüt 1: Sotsiaalmeedia meta tag’id on ainult SEO jaoks.
Meta tag’id pole ainult Google’i jaoks – neil on kriitiline roll sisu kuvamisel sotsiaalvõrgustikes nagu Facebook ja Twitter, parandades otseselt engagementi.
Müüt 2: Kõik pildid kuvatakse automaatselt ideaalselt.
Mitte iga artikli pilt ei sobi jagamiseks. Ilma og:image’i määramata võivad platvormid valida suvalise või valeformaadis pildi, mis rikub postituse visuaali.
Kokkuvõte
Loodame, et see artikkel aitas sul mõista og-omaduste tähtsust. Kui soovid oma sotsiaalmeedia turundust simplify’da, proovi Kontentinot. See on lihtne tööriist sisu loomiseks, tiimi koostööks ja content approval protsesside streamlining’uks.
Meie Content Calendar sisaldab preview funktsiooni, nii et sa ei pea kuskile mujale minema, et näha, kuidas su link välja näeb. See hoiab kokku sinu väärtuslikku aega.
FAQ
Mis on social media meta tag?
See on koodijupp, mis annab sotsiaalmeedia platvormidele infot pealkirjade, piltide ja kirjelduste kohta, kui veebilehti jagatakse. See on oluline kasutajate kaasamiseks.
Kuidas luua meta tag’e?
Arendaja saab lisada koodiread HTML-faili või kasutada WordPressi pluginaid, mis teevad selle töö lihtsaks ilma koodi kirjutamata.
