Kada prvi put pokrenete novo web mjesto ili blog, vjerojatno ćete ga htjeti odmah podijeliti s prijateljima i obitelji. Ali ako ga niste pravilno postavili, vidjet će samo dosadnu vezu.
Čak i ako pregled učita sliku, ona možda nije ona koju želite vidjeti. Ali to možeš popraviti.
Metaoznake su HTML oznake koje ne prikazuju nikakav sadržaj na vašoj web stranici. Oni žive unutar oznake u vašem HTML-u. Kada tražilice i druge usluge, poput Facebooka, čitaju vašu stranicu, ciljane informacije dobivaju iz metatagova.
Mnogim ljudima Google JEST internet. To je vjerojatno najvažniji izum od samog Interneta. I dok su se tražilice od tada puno promijenile, osnovni principi i dalje su isti.
Metaoznake su ono što vam treba za dobivanje društvenih mreža i tekstualnih poruka za ispravnu obradu vaših veza. Kada na primjer dijelite vezu putem Facebooka, Facebook slijedi vezu do stranice. Zatim čita stranicu i pokušava shvatiti što je sve.
Što je najvažnije, pokušava pronaći naslov, opis i sliku. Ako ih ne pronađe, samo će prikazati jednostavnu vezu bez ikakvih problema. Da bi Facebook prikazao određeni naslov, opis i sliku, morat ćete dodati određene metaoznake kako biste mu rekli što treba tražiti.
Ako web lokacije društvenih medija poput Facebooka i Twittera dobiju potrebne informacije s vaše web stranice, stvorit će karticu. Da je sve išlo po planu, trebalo bi izgledati kao što biste očekivali.
POVEZANO: Kako izgraditi Twitter, Instagram i Reddit botove pomoću Pythona
Ako ste web stranicu izgradili s običnim HTML-om ili front-end okvirom, dodavanje metatagova trebalo bi biti jednostavno. Oni idu u isto područje kao i vaš naslov, stil i oznake skripte, kao u sljedećem primjeru:
Lee Nathan - pisac osobnog razvoja
...
Vidite da već postoji nekoliko metatagova. To nisu oni koji će vam trebati da se vaše web mjesto pravilno prikaže u vezama, to su samo neke zadane postavke na niskoj razini.
Promjena metatagova u WordPressu više je uključena. Za potpune upute potreban je čitav vodič. Umjesto toga, evo nekoliko savjeta koji će vam pomoći da započnete:
- Ako vam je ugodno uređivati temu, metatagovi bi se trebali nalaziti u zaglavlje.php datoteka vaše trenutne teme.
- Ako ne možete pristupiti svojoj temi ili se ne želite baviti njome, možete promijeniti svoje metaoznake pomoću dodatka poput Napredno upravljanje metatagovima.
Pogledaj najbolji pružatelji usluga WordPress hostinga ako ste zainteresirani za pokretanje web stranice na platformi.
Kako stvoriti Facebook karticu
Sad kad ste shvatili kako pristupiti svojim metatagovima, možete ih početi uređivati. Ovo su minimalne oznake koje Facebook želi vidjeti:
Svojstva naslova i opisa Facebooku govore kakav tekst treba prikazati. Svojstvo URL-a može voditi do podstranice za posebne promocije ili A / B testiranje.
Svojstvo slike mora biti puna adresa, a ne u odnosu na vašu indeksnu stranicu poput /image.jpg. Najbolja veličina slike za upotrebu je 1200x628, jer će ta veličina biti najkompatibilnija na web mjestima i uređajima društvenih mreža.
Kako stvoriti Twitter karticu
Twitter kartica gotovo je ista kao Facebook kartica, ali s različitim metatagovima. Evo kako izgledaju metatagovi na Twitteru:
Svojstva naslova i opisa ista su kao i Facebookova; svojstvo slike također slijedi ista pravila. A 1200x628 je dobra veličina za početak.
Glavna razlika je svojstvo kartice. Ovaj primjer koristi "summary_large_image" za stvaranje kartice koja izgleda otprilike isto kao Facebook kartica. Twitter, međutim, ima i druge mogućnosti.
Kako osigurati da vaš pregled izgleda ispravno
Možete objaviti tweet i brzo ga izbrisati pola tuceta puta dok ne ispravite karticu. Facebook poruku možete poslati i sebi. Ali te su metode nekako nezgrapne. Srećom, obje usluge pružaju praktičan alat za olakšavanje provjere kartica.
Facebook ima program za ispravljanje pogrešaka za dijeljenje. I Twitter ima validator kartice. Oba alata rade isti zadatak da vam omoguće da vidite kako veze rade; oni samo koriste različita imena.
Ostali aspekti koje biste trebali testirati
Sad ste dobili vezu do web mjesta kako biste sjajno izgledali na velike dvije društvene mreže. Šanse su da će svugdje izgledati dobro, ali trebali biste još jednom provjeriti da li izgleda. Na primjer, ako imate podatke na dnu ili vrhu slike, one se mogu isjeći na mobilnom uređaju.
Mobilni
Prije nego što nastavite dalje, bilo bi dobro provjeriti izgleda li vaša veza dobro i na mobilnim uređajima. Kao što je spomenuto, vaša bi se slika mogla isjeći na manjem zaslonu. Ranije prikazani primjer imao je prenisku sliku, tako da ste mogli vidjeti samo gornju polovicu glave.
SMS i Glasnici
Ovo je jednostavno poslati si tekst (ili poruku putem usluge poput WhatsApp) s vezom. Ne morate brinuti o alatu za provjeru. Šanse su da će, ako izgleda dobro u aplikacijama za društvene medije, ovdje izgledati dobro.
Ako radite na svojoj osobnoj web stranici, svakako želite da dobro izgleda na LinkedInu. Srećom, LinkedIn također nudi alat za provjeru valjanosti nazvao poštanski inspektor. Također, ne trebate brinuti o više metatagova jer LinkedIn koristi Facebook oznake.
Na čemu dalje raditi
Podaci koje smo pokrili trebali bi biti dovoljni za početak. Ali ako želite naučiti više, pogledajte Facebook vodič za oznake ili Twitter stranica na oznakama.
Web je prepun alata koji pomažu svakome da stvori vlastite slike zajedničkog izgleda profesionalnog izgleda. Ovdje su naši favoriti.
- Programiranje
- HTML
- Početna stranica
- Alati za webmastere
Lee je stalni nomad i polimat sa mnogo strasti i interesa. Neke od tih strasti vrte se oko produktivnosti, osobnog razvoja i pisanja.
Pretplatite se na naše obavijesti
Pridružite se našem biltenu za tehničke savjete, recenzije, besplatne e-knjige i ekskluzivne ponude!
Još jedan korak…!
Potvrdite svoju e-adresu u e-pošti koju smo vam upravo poslali.
