Atpakaļ uz blogu
Vai esi kādreiz domājis, kāpēc tavas Facebook vai Twitter (X) kopīgotās saites dažreiz izskatās dīvaini? Vai zini, kā ietekmēt to, kā tavi bloga raksti izskatās šajos sociālajos medijos?
Ja neesi pārliecināts, vai esi izdarījis visu iespējamo, lai optimizētu informāciju par savu rakstu vai lapu Facebook un Twitter plūsmā, lasi tālāk. Mēs parādīsim, kā pareizu sociālo mediju tagu izmantošana var palīdzēt uzlabot tavu ierakstu vizuālo tēlu un post preview.
Kopīgojot raksta saiti, tu vēlies, lai ieraksts sociālajos medijos izskatītos profesionāli. Tam vajadzētu saturēt kvalitatīvu attēlu, pareizu nosaukumu, aprakstu un URL. Facebook, Twitter un citas platformas šos parametrus nolasa no tavas mājaslapas.
Tu vari kontrolēt to, ko platformas nolasa, iekļaujot sociālo mediju meta tags (piemēram, Open Graph tagus) savu ierakstu HTML kodā.
Ja Facebook meta tags (= Open Graph meta tags) ir pievienoti, tu nosaki, kas tiks attēlots Facebook ierakstā. Ja neiekļausi šīs Open Graph (og) meta īpašības, Facebook joprojām rādīs informāciju par tavu rakstu, bet, visticamāk, ne tā, kā tu vēlētos. Tas pats attiecas arī uz Twitter meta tags. Aplūkosim to darbībā ar piemēru par saišu kopīgošanu Facebook.
Tīmekļa satura kopīgošana Facebook
Facebook ir lieliska platforma jauna satura izplatīšanai. Izveidot jaunu postu no tava raksta ir pavisam vienkārši – tikai ievieto saiti jaunā Facebook ieraksta lodziņā.
Apskatīsim šo procesu. Kā piemēru izmantosim mūsu rakstu par Facebook mārketinga stratēģiju.
Pēc URL ievietošanas Facebook nolasa datus no mērķa adreses un izveido glīti noformētu ierakstu. Formāts uzreiz ir redzams preview – gan datora, gan mobilajā skatā. Ja izmanto Kontentino, lai pārvaldītu savu saturu, preview uzreiz ir pieejams Kontentino kalendārā.
Izpratne par meta tagiem tīmekļa lapas HTML kodā
Meta īpašības meklētājprogrammām
Koda augšdaļā varam redzēt vairākas īpašības, kas definē raksta parametrus – tās sauc par meta tagiem jeb meta īpašībām. Dažas no tām izmanto meklētājprogrammas, lai saprastu vietnes saturu, sniedzot papildu informāciju, kas netiek rādīta pašā lapā. Tie ietver, piemēram:
- Meta title – <title>
- Meta description – meta name=”description”
- Robots – meta name=”robots”
Zemāk redzamajā attēlā parādīts HTML kods šim Kontentino rakstam. Šie meta tagi ir atzīmēti zaļā krāsā.
Meta tagu noteikšana HTML kodā rakstam Facebook Ads Target Audiences 101: The Ultimate Guide
Padoms: Neesi pārliecināts, kā apskatīt lapas HTML kodu? Nospied CTRL+U pārlūkprogrammā Windows vidē vai Option + Command + U, ja izmanto Mac.
Pateicoties šiem meta tagiem, meklētājprogrammas zina, ka lapas indeksēšanai ir jāseko (dofollow). Ievadītais meta title un meta description tiek izmantots, lai attēlotu saiti uz ierakstu meklēšanas rezultātos (SERP). Kā redzams, meta title un meta description parametri ir iestatīti šādi:
- 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.’
Mēs zinām, ka šie meta tagi nav optimālā garumā, taču šoreiz mēs nerunājam par SEO vai Google. Tāpēc pievērsīsimies meta tagiem zemāk, kas satur tekstu “og:”.
Šos meta tagus dažreiz dēvē par social meta tags, sociālo mediju meta tagiem vai vienkārši og meta properties.
Mūsu bloga raksta HTML kodā ir redzami 7 dažādi og meta parametri:
- og: locale
- og: type
- og: title
- og: description
- og: url
- og: site_name
- og: image
Papildus ir vēl daži Facebook meta tags – og: īpašības, kas saistītas ar og:image tagu:
- og:image:width
- og:image:height
- og:image:alt
- og:image:type
Twitter meta tags
Papildus iepriekšējiem, kodā atradīsi arī īpašus sociālos meta tagus Twitter platformai:
- meta name=”twitter:card”
- meta name=”twitter:title”
- meta name=”twitter:description”
- meta name=”twitter:site”
- meta name=”twitter:image”
Atgriezīsimies pie Facebook kopīgošanas piemēra. Mums jāsaprot un jārediģē ”og:” meta īpašību saturs, lai ietekmētu to, kā izskatīsies mūsu jaunais FB ieraksts ar ievietoto saiti.
Lasi tālāk un uzzini vairāk par: i) og: meta īpašību atšifrēšanu; ii) vadlīnijām sociālo meta tagu rakstīšanai; un iii) šo īpašību rediģēšanu tavas vietnes CMS.
Facebook un Twitter publicēšana ar Kontentino
Reģistrējies 14 dienu Kontentino izmēģinājumam un apgūsti sociālo mediju meta tagus kopā ar mums. Apskati ieraksta preview pirms publicēšanas.
“og:” tavas vietnes HTML kodā nozīmē “Open Graph”. Tas ir protokols, kas ļauj pateikt Facebook, kā būtu jāattēlo tavs kopīgotais saturs. Kā jau minējām (un Facebook to norāda savās instrukcijās izstrādātājiem), “bez šiem Open Graph tagiem Facebook Crawler izmanto iekšējo heuristiku, lai uzminētu labāko virsrakstu, aprakstu un preview attēlu tavam saturam.” Šīs informācijas precīza definēšana palīdz nodrošināt augstāko ierakstu kvalitāti.
Šie og meta tags ir ārkārtīgi svarīgi Facebook platformai. Ja vēl nekad par tiem neesi dzirdējis, būsi pārsteigts, uzzinot, ka Facebook palaida Open Graph protokolu jau pirms vairāk nekā 10 gadiem (2010. gadā). Šodien to pārvalda Open Web Foundation.
Open Graph protokols balstās uz dažādām esošajām tehnoloģijām, lai palīdzētu izstrādātājiem bagātīgi attēlot jebkuru tīmekļa lapu sociālajā grafā. Pietiks vēstures; iedziļināsimies konkrētos og meta tagos. Detalizēti apskatīsim četrus galvenos, kas atbild par vizuālo tēlu: og:title, og:image, og:url un og:description.
og:title meta īpašība
Šis ir viens no četriem pamata metadatiem Open Graph protokolā. Norādot og:title, mēs iestatām objekta (šajā gadījumā – bloga raksta) virsrakstu, kā tam būtu jāparādās. Facebook nolasīs šo virsrakstu un attēlos to kā ieraksta nosaukumu (tieši zem URL).
og:image meta īpašība
Šeit mēs ievietojam attēla URL, kam jāpārstāv mūsu raksts. Šajā parametrā jāiekļauj saite uz galveno (featured) attēlu. Norādot og:image, mēs nodrošinām, ka tieši šis attēls tiks rādīts Facebook ierakstā.
Pretējā gadījumā Facebook var izvēlēties jebkuru citu attēlu no raksta, kas var neatbilst tavām vēlmēm.
og:url meta īpašība
Šis tags satur lapas kanonisko URL, kas kalpos kā tās pastāvīgais ID. Mūsu piemērā og:url ir https://www.kontentino.com/blog/facebook-ads-target-audiences/.
og:description meta īpašība
Visbeidzot, og:description definē aprakstu, kas redzams pie kopīgotās saites. Kā redzams HTML kodā, mūsu piemērā tas ir: “Find out how to reach the right people with Facebook Ads target audiences.”
Twitter meta tags
Twitter meta tags darbojas līdzīgi Open Graph tagiem un nosaka saturu, ko Twitter nolasa, kad tīmekļa lapa tiek kopīgota šajā platformā.
Apgūsti og meta tagus
Facebook un Twitter piedāvā vadlīnijas šo tagu izmantošanai. Zemāk esošajā tabulā esam apkopojuši pamatinformāciju un ieteikumus.
Tagad, kad saprotam dažādos sociālo meta tagu veidus, ir laiks doties uz mājaslapas CMS un uzzināt, kur tos rediģēt. Mēs rādīsim piemērus no WordPress, kas ir populārākā CMS pasaulē.
Ja izmanto SEO spraudni (plugin), piemēram, Yoast SEO, Rank Math vai All in One SEO, tie būs ļoti noderīgi. Lielākā daļa labo SEO spraudņu ļauj rediģēt meta tagus Facebook un Twitter platformām atsevišķi. Tālāk parādīsim, kā to izdarīt Rank Math spraudnī.
Sākam ar raksta rediģēšanu un uzklikšķinām uz SEO cilnes. Tur jāatver sadaļa “social”.
Vietas atrašana sociālo mediju meta tagu rediģēšanai CMS
Rank Math satur live preview rīku, kas ļauj redzēt, kā veiktās izmaiņas ietekmēs raksta attēlojumu Facebook vai Twitter. Klikšķini uz pogas “Preview & Edit Social Media”.
Facebook meta tagu rediģēšana
Vispirms redzēsim Facebook ieraksta preview un zem tā – sociālo mediju meta tagus, kurus var pielāgot.
Saites kopīgošanas preview, ko ģenerē CMS spraudnis
Mūsu piemērā og:image, og:title un og:description vēl nav norādīti. Kā redzams, simulators rāda vērtības no pamata metadatiem, kas paredzēti meklētājprogrammām.
Sociālo mediju meta tagu rediģēšana: raksta og:title un og:description
Mūsu pašā pirmajā bloga attēlā redzams, ka trūkstošais virsraksts ir lielākā problēma. Tāpēc aizpildīsim gan virsrakstu, gan aprakstu.
Pēc izmaiņu saglabāšanas jāpārbauda, kā atjauninātais ieraksts izskatīsies Facebook platformā.
Jauni sociālo mediju meta tagi, kas aizpildīti ierakstam
Lai gan Facebook iesaka og:description izmantot 2 līdz 4 teikumus, demonstrācijai izmantosim vienu. Vēlamies pārbaudīt, vai Facebook to vispār parāda, saīsinot og:title parametru.
Pirms pārbaudām rezultātu, jāmin citi risinājumi Open Graph parametru rediģēšanai WordPress. Ja neizmanto SEO spraudni, vari izmantot specializētu Open Graph spraudni, piemēram, OG, vai manuāli ievietot datus HTML kodā. WIX un citām lielajām platformām ir iebūvēti risinājumi custom meta tagu ievietošanai.
Kad rediģēšana pabeigta, laiks kopīgot saiti. Rezultātu var pārbaudīt ar Facebook Debugger rīku (oficiāli – Facebook Sharing Debugger). Pirms tam neaizmirsti iztīrīt kešatmiņu (cache), lai redzētu jaunākās izmaiņas.
Open Graph meta tags Facebook Link Sharing Debugger rīkā
Saites preview Facebook Sharing Debugger rīkā rāda meta tagus darbībā
Kā redzams augstāk, viss izskatās lieliski un izmaiņas ir stājušās spēkā.
Biežākie mīti par sociālo mediju meta tagiem
1. mīts: Meta tagi ir domāti tikai SEO mērķiem.
Meta tagi nav domāti tikai meklētājprogrammām – tiem ir kritiska loma tajā, kā saturs tiek rādīts sociālajos tīklos. Tagi kā og:image un og:title optimizē ierakstus tieši tādām platformām kā Facebook un Twitter, uzlabojot engagement.
2. mīts: Visi attēli sociālajos medijos tiks rādīti perfekti.
Ne katrs attēls no tava raksta tiks rādīts pareizi. Ja nenorādīsi og:image, platformas var izvēlēties nejaušu attēlu vai nepareizi to noformēt, kas sabojās ieraksta izskatu.
3. mīts: Meta tagi ir svarīgi tikai vienas lapas (one-page) vietnēm.
Meta tagi ir būtiski visām vietnēm. Neatkarīgi no tā, vai tev ir blogs vai produktu katalogi, og:type un citu tagu izmantošana nodrošina konsekventu attēlojumu dažādās platformās.
4. mīts: Var paļauties, ka sociālo mediju platformas pašas pareizi parādīs saturu.
Paļauties uz automatizāciju ir riskanti. Bez manuāli iestatītiem og:url un og:description platformas var nolasīt nepareizus vai nepilnīgus datus.
5. mīts: Meta tagus ir grūti ieviest bez programmēšanas prasmēm.
WordPress spraudņi kā Rank Math vienkāršo šo procesu. Tev nav jābūt programmētājam, lai optimizētu savus ierakstus.
6. mīts: Twitter cards darbojas tikai ar statiskiem attēliem.
Twitter cards atbalsta dažādus formātus, tostarp GIF un video, padarot ierakstus dinamiskākus.
7. mīts: Meta tagi ir domāti tikai tavam saturam.
Meta tagi palīdz arī tad, kad citi dalās ar tavu saturu savās vietnēs. Pareizi iestatīts og:image un og:title nodrošina profesionālu izskatu jebkurā vietā.
Secinājumi
Ceram, ka šis raksts palīdzēja izprast og meta īpašības un to nozīmi. Ja vēlies pacelt savu sociālo mediju mārketingu jaunā līmenī, izmēģini Kontentino. Tas ir vienkāršs rīks satura izveidei, komandas sadarbībai un satura apstiprināšanai.
Mūsu satura plānotājā ir integrēta preview funkcija, tāpēc tev nekur nav jādodas, lai redzētu, kā izskatīsies tava saite, ietaupot laiku meta tagu pārbaudei.
Kas var būt labāks par UTM tagu iestatīšanu analītikai, publikācijas plānošanu nākotnē vai reklāmas budžeta piešķiršanu tieši no viena rīka?
Biežāk uzdotie jautājumi (FAQ)
Kas ir sociālo mediju meta tags?
Tas sniedz būtiskus datus (virsrakstus, attēlus, aprakstus) platformām, kad tiek kopīgotas tīmekļa lapas, uzlabojot lietotāju piesaisti.
Kādi ir meta tagu piemēri?
Piemēri ietver meta property=”og:title”, ”og:image” un ”og:url”, kas optimizē kopīgošanu Facebook un Twitter.
Kas ir sociālo mediju metadati?
Tie ietver Open Graph datus, piemēram, kodolīgu virsrakstu, aprakstu un kvalitatīvus attēlus posta vizuālā tēla uzlabošanai.
Kas ir sociālo mediju tagi?
Tie ir identifikatori kā Twitter card tagi vai og tagi HTML failā, kas ietekmē lapu attēlojumu sociālajās platformās.
Kā izveidot meta tagus?
Izstrādātājs ievieto koda rindiņas HTML failā, vai arī tiek izmantoti speciāli rīki un spraudņi CMS vidē.
Kuri sociālie mediji izmanto meta?
Tos izmanto visas lielākās platformas – Facebook, Twitter (X), LinkedIn un citas.
Vai meta tags ir nepieciešams?
Jā, tie ir kruciāli digitālajā mārketingā, jo kontrolē satura izskatu, palielinot klikšķu skaitu un engagement.
Kā atrast meta tagus?
Pārbaudot vietnes HTML kodu vai izmantojot tādus rīkus kā Facebook Debugger.
