SEO Meta oznake: konačan popis i zašto su važne

Posted Prije 3 godina by Maks Komonov

Meta podaci su HTML kod koji je uključen u

dio HTML dokumenata. Ovaj kod ni na koji način ne utječe na web dizajn, postoji samo da ga čitaju pauci tražilice. Ovaj kod botovima tražilice govori mnoge pojedinosti o web stranici. Pružanje točnih metapodaci pomaže tražilici indeksirati i točnije rangirati vašu web stranicu.

Zašto su metapodaci važni?

Metapodaci mogu značiti razliku između rangiranja ili nerangiranja za određenu ključnu riječ. Ako vaši konkurenti imaju dobar sadržaj, ali ne ispunjavaju sve svoje metapodaci mogućnosti, onda ih još uvijek možete pobijediti. SEO je stvaranje hrpe kredibiliteta faktore s Googleom. Google je zamolio webmastere da daju te informacije, a one koji to učine nagrađuju.

Kako mogu urediti metapodatke?

Ako svoj kod pišete ručno, na internetu su dostupni mnogi vodiči koji daju točne isječke koda koje možete uključiti u odjeljak vaših HTML dokumenata.

Većina platformi za dizajn web stranica i e-trgovine pružaju značajke koje vam omogućuju postavljanje metapodataka za svaku stranicu, proizvod i post na blogu unutar vaše web stranice. Ecwid nudi opsežne mogućnosti za uređivanje metapodaci i izrada drugih SEO prilagodbi. Shopify ima ograničeniji skup SEO opcija. WordPress ima nekoliko dobro poznatih dodataka koji pružaju mogućnost uređivanja meta-podaci.

Vrste metapodataka

Meta naslov i meta opis

Najpoznatiji tipovi metapodataka su stranica naslov i opis. Ispunjavanje ovih stavki za svaku stranicu na vašem web-mjestu jedan je od najjednostavnijih načina za poboljšanje vašeg SEO rangiranja. Unatoč tome koliko je to lako učiniti, postoje mnoge stranice koje nisu optimizirane na ovaj način.

Sadržaj obje ove meta oznake prikazuje se u SERPS-u. Meta oznaka naslova stranice koristi se za sidreni tekst veze na vašu web stranicu u vašem popisu rezultata pretraživanja. Meta oznaka description popunjava opis vaše web stranice u rezultatima pretraživanja. Ako nemate ispunjene ove meta oznake, Google će pokušati automatski generirati informacije iz sadržaja vašeg web-mjesta… ako mu uopće smeta rangiranje vašeg web-mjesta.

Ovako Ecwid Ecommerce meta naslov i meta opis izgledaju u Google SERP-u

Naslovne oznake ne smiju imati više od 60 znakova, i treba sadržavati ključnu riječ za stranicu. Napišite uvjerljiv naslov stranice koji potiče korisnika da klikne na vaš unos. Naslov metaoznaka izgleda ovako:

Ovo je primjer oznake naslova web stranice

Opisne oznake trebaju imati između 140 i 160 znakova. Ključnu riječ treba koristiti prirodno u prvoj rečenici. Ako ne napišete kvalitetan opis, Google će ga zanemariti i pokušati automatski generirati bolji. Oznaka opisa izgleda ovako:

Meta oznaka ključnih riječi

Nekad je postojala meta oznaka koja je popisivala ključne riječi povezane sa stranicom. Google je više od desetljeća ukinuo ovu meta oznaku kao faktor rangiranja. Sve ostalo glavne tražilice također su objavili izjave u kojima se odriču upotrebe meta oznake ključnih riječi. Iako nećete biti kažnjeni za korištenje ove oznake, bio bi gubitak vremena i truda da to učinite.

Meta oznaka robota

Roboti meta oznake razlikuju se od datoteke robots.txt. Robots.txt govori robotima koje stranice trebaju indeksirati. Meta oznake robota govore robotima koje stranice trebaju indeksirati.

U većini slučajeva želite da roboti indeksiraju stranicu. Stoga je zadana vrijednost za metaoznaku robots, “indeks, prati”. Međutim, vrijednosti se mogu promijeniti u “noindex, nofollow” na određenim stranicama koje ne želimo da budu navedene u rezultatima pretraživanja.

Meta oznaka robota izgleda ovako:

Meta oznake za izlazne veze

Postoji nekoliko označnih oznaka za izlazne veze, ali one su malo drugačije od ostalih meta oznaka. Umjesto da bude uključen u dijelu HTML stranice, te se oznake dodaju u oznaku veze.

Korištenje električnih romobila ističe rel markup oznaka za izlazne veze ima tri moguće vrijednosti; sponzorirani, ugc (korisnički generirani sadržaj) i nofollow. Veza može sadržavati više rel vrijednosti. Google je objavio vodič za ove meta oznake pod naslovom "Kvalificirajte svoje izlazne veze na Google??.

Meta Viewport

Meta oznaka vidnog polja vrlo je važna jer govori tražilicama da je vaša stranica prilagođena mobilnim uređajima. Bez ove meta oznake vaša se web stranica neće pojaviti u rezultatima pretraživanja za mobilne uređaje.

Meta oznaka okvira za prikaz izgleda ovako:

Web.dev je objavio konačan članak o ovoj temi pod naslovom “Osnove responzivnog web dizajna”. Većina platformi za web dizajn i e-trgovinu automatski će postaviti ovu meta oznaku za vas, a također će već primijeniti responzivni CSS kod na svoje vizualne dizajne. Ako kodirate od nule ili samo želite razumjeti matice i zavrtnje, ovaj je vodič za vas.

Meta oznake društvenih medija

Ove meta oznake kontroliraju način na koji se vaše veze prikazuju na stranicama društvenih medija. Možete kontrolirati svoju stranicu naslov, opis, istaknuta slika, i više. Otvori Graf prevladavajući je oblik metapodataka društvenih medija, ali podaci sheme koriste se za pružanje sličnih funkcija za društvene platforme koje Open Graph ne podržava.

Otvori Graph Markup

Open graph meta tagove kreirao je Facebook, ali ih koristi i Twitter. Koristit ćete više meta oznaka Open Graph za definiranje svojstava prikaza vaših veza na Facebooku. Možete primijeniti OG meta oznake na stranice i slike.

Označavanje Twitter kartice

Twitter također koristi meta oznake Open Graph za kontrolu načina na koji se poveznice prikazuju na njegovoj platformi. Vrijednosti se razlikuju od Facebook OG oznaka, tako da morate definirati vrijednosti za obje stranice. Twitter OG vrijednosti mogu se primijeniti samo na stranice.

Shema za Linkedin, Google+ i Pinterest

Iako se shema obično poslužuje u JSON datoteci, postoji određena oznaka sheme koja se može dodati u

dio HTML stranice. Ove se oznake mogu koristiti za definiranje načina na koji se poveznice prikazuju na platformama društvenih medija koje ne koriste OG protokol.

Druge vrste metapodataka

Postoje mnoge druge vrste opskurnih metapodataka koji se mogu koristiti unutar

odjeljku vaše web stranice i povremeno unutar HTML tijela. Google objavljuje popis svih trenutno priznatih oblika meta oznaka i njihovih mogućih vrijednosti. Popis nosi naziv "Meta i ugrađene oznake??.

Označavanje sheme kao metapodataka

Označavanje sheme je noviji razvoj od metapodataka. Međutim, služi istoj svrsi. I metapodaci i označavanje sheme služe podacima paucima tražilica kako bi im pomogli da preciznije indeksiraju, indeksiraju i rangiraju web stranice.

Postoji mnogo različitih vrsta označavanja sheme i nekoliko metoda isporuke podataka sheme. Iako nema mnogo meta oznaka koje možete izabrati, sama raznolikost označavanja sheme često može biti neodoljiva za ljude koji ih uče koristiti.

Iako su gotovo svi alati za izradu web stranica i platforme za e-trgovinu pružiti načine za uređivanje vaših meta oznaka, implementacija uređivanja podataka sheme je u najboljem slučaju neujednačena. Neke platforme automatsko stvaranje podaci sheme, drugi vam omogućuju opcije uređivanja, a velika većina jednostavno ignorira sve podatke sheme.

Dodavanje podataka sheme na vašu stranicu može vam pružiti veliku konkurentsku prednost. Mnogi web stranice su i dalje neoptimizirano prema starijim standardima tehnologije meta oznaka. Ako provjerite jesu li vaše meta oznake pravilno prilagođene i također implementirate podatke sheme, izbacit ćete svoju konkurenciju iz vode!

Najprije morate pregledati različite vrste podataka sheme i odlučiti koje želite uključiti na svoje web mjesto. Zatim trebate prikupiti podatke potrebne za popunjavanje vrijednosti. Nakon što obavite ovu pripremu, možete koristiti alat za generiranje shema za izradu svoje JSON-LD file.

Nakon što generirate podatke svoje sheme, trebate ih testirati pomoću alata za provjeru valjanosti sheme.

SEMRush je izradio detaljan vodič pod nazivom "Što je shema? Vodič za strukturirane podatke za početnike”. Ovaj vodič pokriva glavne vrste označavanja sheme i pruža veze na više alata za generiranje i provjeru valjanosti označavanja sheme. Podaci o shemi u JSON-LD format se može dodati u

odjeljak web stranice ili se koristi u cijelom dijelu tijela HTML-a.

O autoru

Max radi u industriji e-trgovine posljednjih šest godina pomažući robnim markama da uspostave i podignu sadržajni marketing i SEO. Unatoč tome, ima iskustva s poduzetništvom. U slobodno vrijeme piše beletristiku.